/* Compact deliverables. Typography and primary actions follow the site system. */
#reception .contact-panel .contact-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;width:100%}
#reception .contact-panel .contact-actions :is(#agent-whatsapp,#agent-email){display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;padding:11px 15px;border:1px solid #c0c9c533;border-radius:25px;background:#c2d5cd06;color:#d7dfdc;font-size:12px;line-height:1.3;text-decoration:none;transition:background .2s,border-color .2s}
#reception .contact-panel .contact-actions :is(#agent-whatsapp,#agent-email):hover{background:#c5d7cf12;border-color:#c2d3c982}
#reception .contact-panel .contact-actions a svg{width:20px;height:20px;flex-shrink:0}
#reception .contact-panel #agent-email .se-gmail-icon,#reception .contact-panel #agent-email .se-gmail-icon path{stroke:none}
#agent-details .module-section-title,#agent-details #agent-services,#agent-details .module-note{display:none}
#agent-details #agent-description[hidden]{display:none}
.service-delivery-summary{max-width:60ch;margin:12px 0 24px;color:#bbc2c8;font-size:16px;line-height:1.6;text-wrap:pretty}
#service-experience{--se-ink:#f5f5f7;--se-soft:#adb6bf;--se-accent:#bdcfe0;--se-line:#ffffff1a;color:var(--se-ink);container:armont-service / inline-size;margin-top:28px;min-width:0}
#service-experience[data-service=automation]{--se-accent:#b7cdc5}
#service-experience[data-service=marketing]{--se-accent:#decab9}
#service-experience *,#service-experience *::before,#service-experience *::after{box-sizing:border-box}
#service-experience .se-marketing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,38%);align-items:center;overflow:hidden;gap:28px;margin:0 0 22px;padding:26px;background:#1b1d20;border:1px solid #ffffff12;border-radius:24px}
#service-experience .se-marketing-copy{min-width:0;padding:3px 0 3px 8px}
#service-experience .se-marketing-hero h2{margin:22px 0 16px;max-width:12ch;color:#f7f7f8;font-size:clamp(31px,5.5cqw,48px);font-weight:600;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
#service-experience .se-marketing-copy>p{margin:0;color:#b8b9bc;font-size:12px;line-height:1.6}
#service-experience .se-social-logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 15px}
#service-experience .se-social-logos>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#e5e5e8;font-size:10px;font-weight:500;letter-spacing:0}
#service-experience .se-social-logos svg{display:block;width:25px;height:25px;flex:0 0 25px}
#service-experience .se-army-portrait{position:relative;overflow:hidden;margin:0;aspect-ratio:4/5;border-radius:17px;background:#3c2c1e}
#service-experience .se-army-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#service-experience .se-light-panel{--se-ink:#16191d;--se-soft:#59616a;--se-accent:#293d50;--se-surface:#fff;background:#fff;color:var(--se-ink);border:1px solid #ffffffd9;border-radius:24px;padding:36px 32px 34px;box-shadow:0 8px 32px #0000000a}
#service-experience .se-light-panel .se-panel-title{margin:0 0 30px;color:var(--se-ink);font-family:inherit;font-size:clamp(31px,5.6cqw,44px);font-weight:600;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
#service-experience .se-light-panel .se-benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;list-style:none;margin:0;padding:0}
#service-experience .se-light-panel .se-benefit-list li{min-width:0}
#service-experience .se-light-panel .se-illustration{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 18px;color:var(--se-accent);background:#f0f3f6;border:0;border-radius:15px}
#service-experience .se-light-panel .se-illustration svg{width:30px;height:30px;overflow:visible}
#service-experience[data-service=websites] .se-light-panel{--se-accent:#3268b2}
#service-experience[data-service=websites] .se-light-panel .se-illustration{background:#eaf2ff}
#service-experience[data-service=websites] .se-budget-panel .se-proposal-symbol{color:#3268b2}
#service-experience[data-service=websites] .se-budget-panel .se-proposal-symbol svg>rect{fill:#eaf2ff}
#service-experience[data-service=automation] .se-light-panel{--se-accent:#16816f}
#service-experience[data-service=automation] .se-light-panel .se-illustration{background:#e8f4f0}
#service-experience[data-service=automation] .se-budget-panel .se-proposal-symbol{color:#16816f}
#service-experience[data-service=automation] .se-budget-panel .se-proposal-symbol svg>rect{fill:#e8f4f0}
#service-experience .se-light-panel .se-symbol-solid{fill:var(--se-surface)}
#service-experience .se-light-panel .se-symbol-tint{fill:var(--se-accent);fill-opacity:.1}
#service-experience .se-light-panel .se-symbol-muted{opacity:.28}
#service-experience .se-light-panel .se-growth-line{stroke:#20966d;stroke-width:3}
#service-experience .se-light-panel .se-benefit-copy h3{margin:0 0 8px;color:var(--se-ink);font-family:inherit;font-size:17px;font-weight:600;line-height:1.28;letter-spacing:-.025em}
#service-experience .se-light-panel .se-benefit-copy p{margin:0;color:var(--se-soft);font-size:13px;line-height:1.6;text-wrap:pretty}
#service-experience .se-light-panel.se-formats .se-illustration{height:100px;width:100%;margin-bottom:20px;background:#f5f6f8;border-radius:15px}
#service-experience .se-light-panel.se-formats .se-illustration svg{width:64px;height:75px}
#service-experience .se-budget-panel{--se-budget-surface:#eef2f6;display:grid;grid-template-columns:65px minmax(0,1fr);align-items:center;gap:22px;margin:16px 0 0;padding:28px 32px;background:var(--se-budget-surface);border:1px solid #ffffffb3;border-radius:24px;color:#1c242d}
#service-experience .se-budget-panel .se-proposal-symbol{display:flex;align-items:center;justify-content:center;width:64px;height:74px;color:#52677b}
#service-experience .se-budget-panel .se-proposal-symbol svg{height:62px;width:62px}
#service-experience .se-budget-panel h2{margin:0 0 9px;color:#1b242e;font-family:inherit;font-size:clamp(26px,4.3cqw,34px);font-weight:600;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
#service-experience .se-budget-panel .se-budget{margin:0;color:#364453;font-size:14px;font-weight:500;line-height:1.6}
#service-experience .se-budget-panel .se-agreement{margin:7px 0 0;color:#626d78;font-size:12px;line-height:1.6}
#service-experience .se-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;color:#8e9ca6;font-size:10px;letter-spacing:.1em}
#service-experience .se-footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:16px}
#reception #service-experience .se-footer :is(button,a){display:inline-flex;align-items:center;color:#abb8c2;padding:10px 0;border:0;background:transparent;border-radius:0;min-height:44px;font-family:inherit;font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:4px}
#service-experience :is(button,a):focus-visible{outline:2px solid var(--se-accent);outline-offset:4px}
@container armont-service (max-width:520px){
 #service-experience .se-marketing-hero{grid-template-columns:minmax(0,1fr) minmax(104px,39%);gap:15px;padding:18px;border-radius:20px}
 #service-experience .se-marketing-copy{padding:0}
 #service-experience .se-marketing-hero h2{font-size:30px;margin:18px 0 12px}
 #service-experience .se-marketing-copy>p{font-size:10px}
 #service-experience .se-social-logos{gap:7px}
 #service-experience .se-social-logos>span{gap:5px;font-size:9px}
 #service-experience .se-social-logos svg{width:21px;height:21px;flex-basis:21px}
 #service-experience .se-army-portrait{aspect-ratio:3/4;border-radius:12px}
 #service-experience .se-light-panel{padding:26px 22px;border-radius:20px}
 #service-experience .se-light-panel .se-panel-title{font-size:32px;margin-bottom:24px}
 #service-experience .se-light-panel .se-benefit-list{grid-template-columns:1fr;gap:22px}
 #service-experience .se-light-panel .se-benefit-list li{display:flex;align-items:flex-start;gap:15px}
 #service-experience .se-light-panel .se-illustration{flex:0 0 42px;width:42px;height:42px;margin:0;border-radius:12px}
 #service-experience .se-light-panel .se-illustration svg{width:27px;height:27px}
 #service-experience .se-light-panel .se-benefit-copy{min-width:0}
 #service-experience .se-light-panel .se-benefit-copy h3{font-size:16px}
 #service-experience .se-light-panel .se-benefit-copy p{font-size:13px;line-height:1.55}
 #service-experience .se-light-panel.se-formats .se-benefit-list li{align-items:center}
 #service-experience .se-light-panel.se-formats .se-illustration{flex:0 0 58px;width:58px;height:73px;margin:0;border-radius:12px}
 #service-experience .se-light-panel.se-formats .se-illustration svg{width:45px;height:53px}
 #service-experience .se-budget-panel{grid-template-columns:42px minmax(0,1fr);gap:15px;padding:24px 22px;border-radius:20px}
 #service-experience .se-budget-panel .se-proposal-symbol{align-self:start;width:42px;height:48px;margin-top:2px}
 #service-experience .se-budget-panel .se-proposal-symbol svg{width:42px;height:42px}
 #service-experience .se-budget-panel h2{font-size:28px}
 #service-experience .se-budget-panel .se-budget{font-size:13px}
 #service-experience .se-budget-panel .se-agreement{font-size:11px}
}
@container armont-service (max-width:350px){
 #service-experience .se-marketing-hero{grid-template-columns:1fr;gap:20px;padding:20px}
 #service-experience .se-marketing-copy{display:contents}
 #service-experience .se-social-logos{order:0;justify-content:space-between;gap:8px}
 #service-experience .se-marketing-hero h2{order:1;max-width:none;margin:0;font-size:32px}
 #service-experience .se-army-portrait{order:2;aspect-ratio:1}
 #service-experience .se-army-portrait img{object-position:center 37%}
 #service-experience .se-marketing-copy>p{order:3}
 #service-experience .se-light-panel{padding:24px 18px}
 #service-experience .se-light-panel .se-panel-title{font-size:30px}
 #service-experience .se-light-panel .se-benefit-list li{gap:12px}
 #service-experience .se-light-panel .se-benefit-copy h3{font-size:15px}
 #service-experience .se-light-panel .se-benefit-copy p{font-size:12px}
 #service-experience .se-budget-panel{grid-template-columns:1fr;gap:12px;padding:24px 20px}
 #service-experience .se-budget-panel .se-proposal-symbol{display:none}
 #service-experience .se-budget-panel h2{font-size:27px}
 #service-experience .se-footer{font-size:9px}
 #service-experience .se-footer-links{gap:12px}
}
@media(max-width:700px){
 .service-delivery-summary{font-size:15px;margin:10px 0 20px}
 #reception .contact-panel .contact-actions #agent-contact{flex-basis:100%;justify-content:space-between}
 #reception .contact-panel .contact-actions :is(#agent-whatsapp,#agent-email){flex:1 1 0;min-width:0}
}
@media(prefers-reduced-motion:reduce){#service-experience *{transition:none!important}}