
/* Revision 2026-09-25: compact content, accessible FAQ and full project captures. */
.faq-section{background:#f4f5f5;color:#17212a}.faq-section h2{font-family:var(--display,var(--font-display,Arial));font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin:0 0 28px}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid #d8dfe2;padding:18px 0}.faq-list summary{cursor:pointer;font-weight:700;padding:7px 4px}.faq-list details p{max-width:780px;color:#4c5963;margin:12px 4px;line-height:1.75}.faq-list summary:focus-visible{outline:3px solid #ff6a00;outline-offset:4px}
.capture-link{display:inline-block;color:#ffc699;margin:0 0 16px;text-decoration:underline;font-size:.8rem}.case-thumbnail{width:100%;height:auto;object-fit:cover;object-position:top;transform:none!important;animation:none!important}.project-preview:hover .case-thumbnail{transform:none!important}.service-choice{display:inline-block;color:#983e00;font-weight:700;margin-top:20px}.service-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.service-groups .service-card{min-height:0}.method{padding-top:65px;padding-bottom:65px}.process-grid .step-icon{margin-bottom:12px}.process-grid .process-step{padding-bottom:0}.partners .partner-card{min-height:180px;padding:22px}.partners{padding-top:65px;padding-bottom:65px}
.whatsapp-float{line-height:0}.whatsapp-float svg{display:block;width:31px;height:31px}.menu-open .whatsapp-float{visibility:hidden}.contact-box a{overflow-wrap:anywhere}.contact-form input,.contact-form select,.contact-form textarea,form input,form select,form textarea{max-width:100%;min-width:0}.fallback-link{display:inline-block;color:#ffd0af;text-decoration:underline;margin-top:10px}.fallback-link[hidden]{display:none}.product-figure{margin:30px 0}.product-figure img{border-radius:16px;border:1px solid #d8dfe2}.product-figure figcaption{margin-top:12px;font-size:.85rem;color:#5b6570}.demo-section{background:#e8edef}.demo-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.demo-filters button{font:inherit;border:1px solid #80909a;border-radius:999px;background:white;color:#17212a;padding:10px 20px;cursor:pointer}.demo-filters button[aria-pressed=true]{background:#17212a;color:white}.demo-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-records [hidden]{display:none}.skip-link{position:fixed;z-index:9999;left:8px;top:8px;transform:translateY(-200%);background:#fff;color:#111;padding:12px}.skip-link:focus{transform:none}
.metrics-banner{position:fixed;z-index:2000;bottom:16px;left:16px;max-width:min(440px,calc(100% - 32px));padding:20px;border:1px solid #ddd;border-radius:14px;background:#fff;color:#17212a;box-shadow:0 8px 28px #0004;font:14px/1.5 Arial,sans-serif}.metrics-banner p{margin:0 0 14px}.metrics-actions{display:flex;gap:10px;flex-wrap:wrap}.metrics-actions button{font:inherit;cursor:pointer;min-height:44px;padding:10px 14px;background:#17212a;color:white;border:0;border-radius:6px}.metrics-settings{font:inherit;color:inherit;text-decoration:underline;background:transparent;border:0;cursor:pointer;padding:10px 0}.metrics-banner a{color:#17212a;text-decoration:underline}
@media(max-width:760px){.service-groups,.demo-records{grid-template-columns:1fr}.method,.partners{padding-block:50px}.section,.faq-section{padding-block:60px}.faq-list summary{font-size:1rem}.product-figure{margin-inline:0}.container{min-width:0}.header-inner{gap:14px}.header-nav{font-size:.75rem}.brand img{max-width:46vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.site-capture::after{display:none}.case-viewport{height:calc(100% - 72px);overflow:hidden;background:#fff}.case-full-image{display:block;position:static;width:100%;max-width:100%;height:auto;transform:none!important;transition:none!important;pointer-events:none;user-select:none}.preview-instruction{height:30px;margin:0;display:flex;align-items:center;justify-content:center;padding:0 8px;background:#222;color:#d3d3d3;font-size:.65rem;line-height:1.3;text-align:center}.contact-detail{display:block;color:#aaa;font-size:.73rem;line-height:1.5;margin-top:6px}.contact-cards a>div{min-width:0}.contact-cards strong{overflow-wrap:anywhere}.service-area strong{display:block;line-height:1.5}.service-area strong+strong{margin-top:7px}.form-routing{font-size:.82rem;line-height:1.6;color:#ffd0af;margin:12px 0 0}
@media(hover:none),(pointer:coarse){.preview-instruction{display:none}.case-viewport{height:calc(100% - 42px)}.portfolio-card:hover{transform:none}}
.service-symbol{color:#ff6a00;font-size:1.8rem;font-weight:800}.partner-card.frutosdias .partner-logo{overflow:hidden;background:#075573;padding:0}.partner-card.frutosdias .partner-logo img{width:103%;max-width:none;max-height:none;clip-path:inset(2.4% 1.5%);transform:scale(1.04)}

/* Contact experience: compact channels, clear coverage and adaptive fields. */
.contact-layout{grid-template-columns:minmax(0,.96fr) minmax(540px,1.04fr);gap:34px}
.contact-info{position:sticky;top:105px;padding:36px;border:1px solid #303030;border-radius:24px;background:linear-gradient(145deg,#151515,#0d0d0d);box-shadow:0 24px 65px rgba(0,0,0,.22)}
.contact-info h2{font-size:clamp(2.25rem,3.6vw,3.35rem)}
.contact-cards{grid-template-columns:.92fr 1.08fr;gap:10px;margin-top:30px}
.contact-cards a{min-height:96px;padding:16px;grid-template-columns:auto minmax(0,1fr);background:#111}
.contact-cards a:hover{transform:translateY(-3px)}
.contact-cards .contact-channel>span:last-child{display:none}
.contact-cards .contact-channel strong{font-size:.88rem}
.contact-cards .channel-email{grid-column:1/-1;min-height:82px}
.service-area{margin-top:18px;padding:22px;display:block;border:1px solid #303030;border-radius:16px;background:#111}
.coverage-heading{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #292929}
.coverage-heading>span{width:40px;height:40px;display:grid;place-items:center;color:#ff6a00;border-radius:12px;background:rgba(255,106,0,.1);font-size:1.25rem}
.coverage-heading strong{font-size:.93rem}
.coverage-list{display:grid;gap:0;margin-top:4px}
.coverage-list div{padding:13px 0;display:grid;grid-template-columns:minmax(135px,.8fr) 1.2fr;gap:15px;border-bottom:1px solid #242424}
.coverage-list div:last-child{border-bottom:0;padding-bottom:2px}
.coverage-list span{color:#ff9d59;font-size:.7rem;font-weight:700;line-height:1.45}
.coverage-list strong{font-family:var(--font-body);font-size:.8rem;line-height:1.45}
.contact-form{padding:38px;border-radius:24px}
.form-heading{margin-bottom:8px}
.form-intro{margin:0 0 24px;color:#8f8f8f;font-size:.8rem;line-height:1.6}
.form-context{margin:-2px 0 17px;padding:11px 13px;color:#b8b8b8;border-left:3px solid #ff6a00;border-radius:0 8px 8px 0;background:#111;font-size:.72rem;line-height:1.55}
.contact-form [hidden]{display:none!important}
@media(max-width:1020px){.contact-layout{grid-template-columns:1fr;gap:28px}.contact-info{position:static}.contact-form{padding:32px}}
@media(max-width:760px){.contact-info{padding:24px 20px}.contact-cards{grid-template-columns:1fr}.contact-cards .channel-email{grid-column:auto}.coverage-list div{grid-template-columns:1fr;gap:4px}.contact-form{padding:25px 19px}.form-heading{margin-bottom:6px}}
