/* /assets/style.css */
500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0e12;--soft:#151820;--panel:#191c24;--ink:#f3f3f6;--muted:#a3a9b6;--line:#2d3039;--accent:#39D9C5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}a{color:inherit}a:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:#0c0e12ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.brand img{width:139px;height:auto}.nav{display:flex;gap:30px;align-items:center}.nav a{font-size:14px;text-decoration:none;color:#d7d8df}.nav .nav-cta{border:1px solid #5b5d66;padding:9px 17px;border-radius:999px}.hero{padding:112px 0 105px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--accent)}h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(43px,7vw,88px);max-width:990px;margin:25px 0}h2{font-size:clamp(30px,4.2vw,54px);margin:10px 0 24px;max-width:860px}h3{font-size:21px;letter-spacing:-.025em;margin:0 0 12px}p{margin:0 0 17px}.lead{color:#bdc0cc;font-size:clamp(17px,2vw,21px);max-width:710px;line-height:1.65}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:31px}.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#14211F;text-decoration:none;border-radius:999px;padding:13px 24px;font-weight:700;font-size:14px}.button:hover{background:#83EADD;color:#14211F}.button.secondary{background:transparent;color:var(--ink);border-color:#6b6e7a}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.section{padding:95px 0;border-top:1px solid var(--line)}.section-intro{color:var(--muted);max-width:720px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.card{padding:32px;background:var(--soft);border:1px solid var(--line);border-radius:18px;min-height:205px}.card p,.muted{color:var(--muted)}.card a{text-decoration:none;color:var(--accent);font-weight:700}.num{display:block;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:33px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:39px}.step{border-top:1px solid #51515a;padding-top:22px}.step span{font-size:12px;color:var(--accent)}.step p{color:var(--muted)}.small{font-size:14px;color:var(--muted)}.case{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:40px}.case img{width:100%;border-radius:18px;display:block;max-height:390px;object-fit:cover}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.chips a{padding:9px 15px;text-decoration:none;background:var(--soft);border:1px solid var(--line);border-radius:999px;font-size:13px}.faq{border-top:1px solid var(--line);margin-top:34px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;list-style:none;font-family:Manrope,sans-serif;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--accent);font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{max-width:820px;color:var(--muted);padding-top:18px}.footer{border-top:1px solid var(--line);padding:45px 0 28px;color:var(--muted);font-size:13px}.footer-row{display:flex;gap:22px;flex-wrap:wrap;justify-content:space-between}.footer a{text-decoration:none}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.text-content{max-width:820px}.text-content p{color:#b7bbc7}.text-content h3{margin-top:35px}.notice{padding:24px 27px;border:1px solid var(--line);border-radius:12px;background:var(--soft);margin-top:30px}.mobile-toggle{display:none}.service-hero h1{font-size:clamp(40px,6vw,74px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.divider-list{margin-top:25px}.divider-list article{padding:24px 0;border-top:1px solid var(--line)}.divider-list p{color:var(--muted)}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--muted)}.contrast{background:#171923;border-radius:22px;padding:50px;max-width:100%}.logo-lockup{display:flex;align-items:center;gap:16px}.logo-lockup img{width:50px}.breadcrumb-current{color:var(--accent)}@media(max-width:760px){.head{min-height:70px}.mobile-toggle{display:block;background:transparent;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#111319;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding:77px 0 85px}.section{padding:70px 0}.grid,.case,.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.card{min-height:auto}.case{gap:20px}.contrast{padding:30px}.footer-row{display:block}.footer-links{margin-top:18px}h1{font-size:clamp(40px,11vw,66px)}}@media(max-width:420px){.steps{grid-template-columns:1fr}.wrap{width:min(1120px,calc(100% - 32px))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v8: dirección editorial más marcada, manteniendo la identidad Dancau */
500;600;700;800;900&display=swap');
:root{--bg:#090a0c;--soft:#111214;--panel:#151618;--ink:#f7f7f5;--muted:#a8aaa9;--line:#28292c;--accent:#C2F7F1}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.015em;line-height:1.68}
h1,h2,h3,.faq summary{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
h1{font-weight:800;letter-spacing:-.075em;line-height:1.05;max-width:1060px}
h2{font-weight:800;letter-spacing:-.066em;line-height:1.1}
h3{font-weight:700;letter-spacing:-.04em}
.hero{padding:130px 0 130px;background:radial-gradient(ellipse at 90% 12%,#29243465,transparent 41%),var(--bg)}
.service-hero{padding:100px 0 110px}.eyebrow{font-weight:600;letter-spacing:.20em;color:#B8D5D2}
.section{padding:105px 0}.card{background:transparent;border:1px solid #37383a;border-radius:6px;padding:33px;transition:border-color .2s,transform .2s}.card:hover{border-color:#8a8698;transform:translateY(-2px)}
.button{border-radius:5px;background:#f5f5f2;border-color:#f5f5f2;color:#111214}.button:hover{background:#D2E0DE;color:#111214}.button.secondary{border-radius:5px;border-color:#6f6e75}
.site-header{background:#090a0cf0}.nav .nav-cta{border-radius:5px}.notice{border-radius:6px;background:#131416}.case img{border-radius:6px}.chips a{border-radius:5px}.lead{color:#c5c5c8}
@media(max-width:760px){.hero{padding:82px 0 88px}.section{padding:70px 0}}

/* Caso de Laura: imagen editorial en oscuro y resultados claros */
.case .portrait-photo{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:17% 50%;max-height:none;filter:brightness(.74) contrast(1.08) saturate(.78);border:1px solid #35313c;box-shadow:0 20px 75px #0008;background:#111116}
.result-summary,.results-explained{margin-top:28px;border-left:2px solid #39D9C5;padding:22px 26px;background:#141C1B;color:#c9c8d0}
.result-summary p,.results-explained p{color:#c9c8d0}.result-summary strong,.results-explained strong{color:#F4FEFD}.result-summary a{color:#C2F7F1}.result-head{color:#fff!important;font-size:19px;font-weight:700}.results-explained h3{color:#fff}
@media(max-width:760px){.case .portrait-photo{max-height:350px;aspect-ratio:4/3;object-position:12% 45%}}

/* v16: títulos editoriales, espacios compactos e imagen real de Laura */
.hero{padding:92px 0 85px}
.service-hero{padding:76px 0 65px}
h1{font-size:clamp(48px,7.7vw,100px);max-width:1100px;line-height:1.05}
.service-hero h1{font-size:clamp(46px,6.65vw,86px);max-width:1100px}
h2{font-size:clamp(36px,4.7vw,62px);max-width:1020px}
.section{padding:62px 0}
.grid,.case,.steps{margin-top:24px}
.case{gap:30px}
.result-head,.results-explained h3{font-size:clamp(28px,3.2vw,42px)!important;letter-spacing:-.055em;line-height:1.16;font-weight:800;margin:0 0 18px}
.results-explained{margin-top:20px}
.case .portrait-photo{aspect-ratio:1.35/1;object-fit:cover;object-position:center;filter:none;max-height:410px}
.laura-hero-figure{max-width:800px;margin:34px 0 0}
.laura-hero-figure img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:50% 45%;border-radius:7px;border:1px solid #35313c}
.laura-hero-figure figcaption{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:760px){.hero{padding:64px 0 60px}.service-hero{padding:56px 0 50px}.section{padding:46px 0}h1,.service-hero h1{font-size:clamp(39px,10vw,64px)}h2{font-size:clamp(32px,8vw,48px)}.case .portrait-photo{aspect-ratio:4/3;object-position:center;max-height:390px}.laura-hero-figure{margin-top:24px}}

/* v17: editorial compacta; la foto no debe interrumpir el relato */
h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.045em}
.hero h1{font-size:clamp(34px,3.55vw,48px);line-height:1.14;letter-spacing:-.047em;font-weight:750;max-width:1200px}
.hero-line{display:block}
.section h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-.045em}
.case.case-text-only{display:block;max-width:900px;margin-top:22px}
.case.case-text-only>div{max-width:900px}
.case.case-text-only p{max-width:850px}
.section{padding:50px 0}
@media(min-width:1100px){.hero:not(.service-hero) h1{white-space:nowrap}}
@media(max-width:1099px){.hero-line{display:inline}.hero h1{font-size:clamp(32px,5vw,47px)}}
@media(max-width:760px){.section{padding:40px 0}.hero h1{font-size:clamp(32px,8.7vw,43px)}.hero-line{display:inline}}

/* v18 · composición más compacta y lila más intenso */
:root{--accent:#97F2E7;--accent-strong:#39D9C5}
.eyebrow,.num,.breadcrumb-current{color:#A8F4EB}
.brand img{width:144px;max-width:100%}
.hero{padding:70px 0 60px}.service-hero{padding:58px 0 48px}
.section{padding:34px 0}.section h2{margin-bottom:17px}.section-intro{margin-bottom:14px}
.grid,.steps,.case{margin-top:18px}.grid{gap:13px}.card{padding:25px;min-height:auto}.num{margin-bottom:18px}.steps{gap:16px}.actions{margin-top:21px}.faq{margin-top:22px}.faq details{padding:16px 0}.notice{margin-top:18px}
.nav .nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);border-color:var(--accent);color:#071816;font-weight:700}.nav .nav-cta:hover{background:#B8F6EF;color:#071816}
.wa-svg{width:19px;height:19px;flex:none;vertical-align:middle}.wa-float{position:fixed;bottom:22px;right:20px;z-index:45;width:58px;height:58px;display:none;align-items:center;justify-content:center;background:#25d366;color:#072d16;border-radius:50%;box-shadow:0 9px 28px #0009;text-decoration:none}.wa-float .wa-svg{width:30px;height:30px}.wa-float:hover{background:#39e57c;color:#072d16}
.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.location-card{border:1px solid var(--line);padding:26px;background:var(--soft);border-radius:8px}.location-card .num{margin-bottom:16px}.location-card h3{font-size:clamp(20px,2.1vw,27px);margin-bottom:12px}.location-card h3 a{text-decoration:none}.location-card p{color:var(--muted);font-size:15px}.location-tag{font-size:12px;color:var(--accent);font-weight:650}
@media(max-width:760px){.hero{padding:54px 0 44px}.service-hero{padding:48px 0 38px}.section{padding:29px 0}.location-grid{grid-template-columns:1fr;gap:11px}.location-card{padding:21px}.wa-float{display:flex;bottom:calc(18px + env(safe-area-inset-bottom));right:16px}.footer{padding-bottom:90px}.nav .nav-cta{justify-content:center}}

/* v19: identidad coherente y contacto operativo */
.brand{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.brand img{width:37px;height:37px;flex:none;object-fit:contain}
.brand-word{font-family:Inter,Arial,sans-serif;font-size:29px;font-weight:800;line-height:1;letter-spacing:-.075em;color:#F5F8F8;transform:translateY(-1px)}
.wa-float{background:var(--accent);color:#071816}.wa-float:hover{background:#83EADD;color:#071816}
@media(max-width:760px){.brand img{width:33px;height:33px}.brand-word{font-size:26px}}

/* v21: coherencia del logotipo y llamada a WhatsApp */
:root{--accent:#96F2E7;--accent-strong:#6CEDDE}
.eyebrow,.num,.breadcrumb-current,.location-tag{color:#B2F6EE}
.brand{gap:0}
.brand img{width:33px;height:36px;margin-right:-4px}
.brand-word{font-size:29px;letter-spacing:-.078em;font-weight:800;transform:translateY(-1px)}
.brand-dot{color:var(--accent)}
.nav .nav-cta,.button:not(.secondary){background:var(--accent);border-color:var(--accent)}
.nav .nav-cta:hover,.button:not(.secondary):hover{background:#B0F5ED}
.wa-float{background:var(--accent)}
@media(max-width:760px){.brand img{width:30px;height:33px;margin-right:-4px}.brand-word{font-size:26px}}

/* Dancau v22: compact proof, refreshed logo, measurable SEO */
:root{--accent:#97F2E7}
.brand{gap:0}.brand img{width:146px!important;height:auto!important;max-height:37px;object-fit:contain;margin:0!important}
.laura-proof-screenshot{width:min(100%,680px);max-height:380px;object-fit:cover;object-position:top left;border:1px solid #2E413F;border-radius:9px}

/* v34: ajustes editoriales sutiles sobre v24; mantiene estructura y copias */
:root{--accent:#39D9C5;--accent-strong:#20BFAE}
.headline-lila{color:#63E5D5}
.footer-v34{background:#090a0c;border-top:1px solid #31303a;padding:17px 0 18px;color:#aeb0ba}
.footer-v34-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footer-v34-brand{white-space:nowrap;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:19px;line-height:1;font-weight:800;letter-spacing:-.075em;color:#f7f7f5!important;text-decoration:none}
.footer-v34-brand span{color:#63E5D5}
.footer-v34-desc{font-size:12px;line-height:1.3;white-space:nowrap}
.footer-v34-legal{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.footer-v34-legal a{white-space:nowrap;font-size:12px;line-height:1.4;color:#bcbac3;text-decoration:none}
.footer-v34-legal a:hover{color:#63E5D5}
.footer-v34-wa{width:31px;height:31px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #315E5A;border-radius:8px;color:#63E5D5!important;text-decoration:none;flex:none}
.footer-v34-wa:hover{background:#102A28;border-color:#63E5D5}
.footer-wa-icon{display:block;width:17px;height:17px}
@media(max-width:960px){.footer-v34-row{justify-content:center;row-gap:11px}.footer-v34-desc{white-space:normal;text-align:center}}
@media(max-width:560px){.footer-v34{padding:21px 0 88px}.footer-v34-row{gap:10px 14px}.footer-v34-legal{gap:9px 13px;width:100%}.footer-v34-desc{width:100%;font-size:11px}.footer-v34-legal a{font-size:11px}}


/* v35 · detalles editoriales sobre v34; sin modificar tipografía ni dimensiones globales */
.manifesto-v35{margin-top:25px;padding:21px 0 2px;border-top:1px solid #2F4341;max-width:100%}
.manifesto-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#93F2E7;margin-bottom:9px}
.manifesto-v35 p{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.045em;line-height:1.3;font-weight:650;max-width:940px;margin:0;color:#f7f7f5}
.manifesto-v35 p span{color:#73E8DA}
#contacto.contacto-lila-v35{background:linear-gradient(125deg,#39D9C5 0%,#20BFAE 58%,#69E4D5 100%);border-top:1px solid #69E4D5;color:#071C1A}
#contacto.contacto-lila-v35 .eyebrow{color:#13423D}
#contacto.contacto-lila-v35 h2{color:#0B2522}
#contacto.contacto-lila-v35 .lead{color:#1B3D39}
#contacto.contacto-lila-v35 .button:not(.secondary){color:#F4FEFD;background:#071C1A;border-color:#071C1A;transition:background .2s ease,transform .2s ease}
#contacto.contacto-lila-v35 .button:not(.secondary):hover{color:#fff;background:#225F58;border-color:#225F58;transform:translateY(-2px)}
#contacto.contacto-lila-v35 .wrap{position:relative}
@media(max-width:760px){.manifesto-v35{margin-top:19px;padding-top:17px}.manifesto-v35 p{font-size:clamp(20px,5.5vw,27px)}}
@media(prefers-reduced-motion:reduce){#contacto.contacto-lila-v35 .button:not(.secondary){transition:none}#contacto.contacto-lila-v35 .button:not(.secondary):hover{transform:none}}


/* v36 — contacto compacto, un solo acento lila; sin gran bloque violeta */
#contacto.contacto-discreto-v36{background:#0B1514;border-top:1px solid #253A38;color:#f7f7f5;padding-top:34px;padding-bottom:34px}
#contacto.contacto-discreto-v36 .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:26px;row-gap:12px;align-items:center}
#contacto.contacto-discreto-v36 .eyebrow{grid-column:1/-1;color:#55E0CF;margin:0;font-size:11px}
#contacto.contacto-discreto-v36 .contacto-texto-v36{grid-column:1;font-size:clamp(15px,1.45vw,17px);line-height:1.6;color:#D7E7E5;max-width:800px;margin:0}
#contacto.contacto-discreto-v36 .actions{grid-column:2;grid-row:2;margin:0}
#contacto.contacto-discreto-v36 .button:not(.secondary){color:#071C1A;background:#48DDCB;border-color:#48DDCB;white-space:nowrap;border-radius:5px;transition:background .2s ease, transform .2s ease}
#contacto.contacto-discreto-v36 .button:not(.secondary):hover{background:#8DEDE1;border-color:#8DEDE1;color:#071C1A;transform:translateY(-2px)}
@media(max-width:760px){#contacto.contacto-discreto-v36{padding:29px 0}#contacto.contacto-discreto-v36 .wrap{display:block}#contacto.contacto-discreto-v36 .eyebrow{display:block;margin:0 0 12px}#contacto.contacto-discreto-v36 .actions{margin-top:17px}}
@media(prefers-reduced-motion:reduce){#contacto.contacto-discreto-v36 .button:not(.secondary):hover{transform:none}}


/* V37: recuperamos el texto y titular de contacto sin el bloque grande lila */
#contacto.contacto-equilibrado-v37{background:#0B1514;border-top:1px solid #253A38;color:#f7f7f5;padding:34px 0 39px}
#contacto.contacto-equilibrado-v37 .wrap{display:block}
#contacto.contacto-equilibrado-v37 .eyebrow{display:block;color:#6BE6D7;margin:0 0 10px;font-size:11px}
#contacto.contacto-equilibrado-v37 h2{color:#f7f7f5;font-size:clamp(25px,2.8vw,39px);max-width:780px;margin:0 0 15px}
#contacto.contacto-equilibrado-v37 h2 .headline-lila{color:#6BE6D7}
#contacto.contacto-equilibrado-v37 .lead{color:#CEDFDD;font-size:clamp(15px,1.55vw,17px);line-height:1.62;max-width:785px;margin:0}
#contacto.contacto-equilibrado-v37 .actions{display:flex;gap:14px;margin-top:19px}
#contacto.contacto-equilibrado-v37 .button:not(.secondary){background:#39D9C5;border-color:#39D9C5;color:#071C1A;border-radius:5px}
#contacto.contacto-equilibrado-v37 .button:not(.secondary):hover{background:#8DEDE1;border-color:#8DEDE1;color:#071C1A}
@media(max-width:760px){#contacto.contacto-equilibrado-v37{padding:28px 0 33px}}


/* v42 · pie minimalista, compacto y sin contenido repetido */
.footer-v34{padding:10px 0 11px!important}
.footer-v34-row{display:flex;align-items:center;justify-content:space-between;column-gap:15px;row-gap:5px;flex-wrap:nowrap}
.footer-v34-brand{font-size:19px;flex:none}
.footer-v34-brand span{color:#63E5D5}
.footer-v34-legal{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:nowrap;margin-left:auto}
.footer-v34-legal a{font-size:11px;white-space:nowrap}
.footer-v34-wa{width:28px;height:28px;border:0;border-radius:5px;flex:none}
.footer-wa-icon{width:19px;height:19px}
.footer-v42-copy{font-size:11px;color:#95939d;white-space:nowrap;flex:none}
@media(max-width:800px){
 .footer-v34-row{justify-content:center;flex-wrap:wrap;column-gap:13px;row-gap:6px}
 .footer-v34-legal{margin-left:0;gap:11px;flex-wrap:wrap}
}
@media(max-width:560px){
 .footer-v34{padding:12px 0 calc(76px + env(safe-area-inset-bottom))!important}
 .footer-v34-row{gap:7px 12px}
 .footer-v34-brand{font-size:18px}
 .footer-v34-legal{width:auto;gap:7px 11px}
 .footer-v34-legal a{font-size:11px}
 .footer-v34-wa{width:23px;height:23px}
 .footer-v42-copy{font-size:10px}
}

/* Dancau · refinamiento editorial y carga ligera */
:root{--accent:#39D9C5;--accent-strong:#20BFAE}
body,h1,h2,h3,.faq summary{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.site-header{background:#090a0cf5;backdrop-filter:none}
.hero{background:radial-gradient(ellipse at 92% 12%,#39D9C514,transparent 38%),#090a0c;padding:76px 0 68px}
.hero h1{max-width:900px;font-size:clamp(38px,5.2vw,64px);line-height:1.1;letter-spacing:-.055em;white-space:normal}
.hero .lead{max-width:760px}
.section{padding:58px 0}
.card,.location-card{border-radius:8px;background:linear-gradient(145deg,#121A19,#101114);border-color:#293B39;transition:border-color .18s ease,transform .18s ease}
.card:hover,.location-card:hover{border-color:#5B8984;transform:translateY(-2px)}
.button:not(.secondary),.nav .nav-cta{background:var(--accent);border-color:var(--accent);color:#071C1A}
.button:not(.secondary):hover,.nav .nav-cta:hover{background:#73E8DA;border-color:#73E8DA;color:#071C1A}
:focus-visible{outline:3px solid #B0F5ED;outline-offset:4px}
[id]{scroll-margin-top:88px}
@media(max-width:760px){.hero{padding:55px 0 48px}.hero h1{font-size:clamp(36px,9vw,52px)}.section{padding:42px 0}.card:hover,.location-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.card,.location-card{transition:none}.card:hover,.location-card:hover{transform:none}}
/* Proyecto destacado y transiciones suaves inspiradas en Beltran Studios */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.project-spotlight{padding-top:28px;padding-bottom:42px}
.project-spotlight-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(22px,4vw,48px);border:1px solid #2B403E;border-radius:12px;background:linear-gradient(125deg,#131D1C,#100f13 72%);overflow:hidden}
.project-spotlight-copy .eyebrow{color:#73E8DA}
.project-spotlight-copy h2{max-width:540px;font-size:clamp(26px,3.3vw,42px);line-height:1.13;letter-spacing:-.04em;margin:8px 0 15px}
.project-spotlight-copy>p{max-width:530px;color:#C0D3D1;line-height:1.72;margin:0}
.project-spotlight-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:23px}
.project-spotlight-link,.project-spotlight-secondary{display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:color .3s var(--motion-ease),gap .3s var(--motion-ease),transform .35s var(--motion-ease)}
.project-spotlight-link{color:#AEF5ED;font-weight:650}
.project-spotlight-secondary{color:#aaa2b3;font-size:14px}
.project-spotlight-link:hover,.project-spotlight-secondary:hover{gap:13px;color:#fff}
.project-spotlight-visual{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:1.54;border:1px solid #3E5855;border-radius:9px;background:#09090b;box-shadow:0 22px 60px #0006;text-decoration:none;transition:border-color .35s var(--motion-ease),transform .35s var(--motion-ease),box-shadow .35s var(--motion-ease)}
.project-window-bar{height:31px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#1B2726;color:#aaa2b3;font:10px/1 system-ui,-apple-system,'Segoe UI',sans-serif}
.project-window-bar>span:nth-child(-n+3){width:6px;height:6px;border-radius:50%;background:#786d80}
.project-window-address{margin-left:7px;padding:4px 22px;border-radius:4px;background:#121A19;flex:1;text-align:center}
.project-spotlight-visual img{display:block;width:100%;height:calc(100% - 31px);object-fit:cover;object-position:center 42%;transition:transform .65s var(--motion-ease),filter .35s var(--motion-ease)}
.project-spotlight-arrow{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#39D9C5;color:#071C1A;transition:transform .35s var(--motion-ease),background .3s var(--motion-ease)}
.project-spotlight-visual:hover{transform:translateY(-4px);border-color:#6AB8AF;box-shadow:0 28px 70px #0009}
.project-spotlight-visual:hover img{transform:scale(1.035)}
.project-spotlight-visual:hover .project-spotlight-arrow{transform:translate(3px,-3px);background:#8DEDE1}
.button:not(.secondary),.nav .nav-cta{transition:background .3s var(--motion-ease),border-color .3s var(--motion-ease),color .3s var(--motion-ease),transform .35s var(--motion-ease)}
.button:not(.secondary):hover,.nav .nav-cta:hover{transform:translateY(-2px) scale(1.025)}
.button.secondary{transition:background .3s var(--motion-ease),border-color .3s var(--motion-ease),color .3s var(--motion-ease),transform .35s var(--motion-ease)}
.button.secondary:hover{transform:translateY(-2px)}
.card,.location-card{transition:border-color .35s var(--motion-ease),transform .35s var(--motion-ease),background-color .35s var(--motion-ease)}
@media(max-width:760px){.project-spotlight{padding-top:12px;padding-bottom:28px}.project-spotlight-card{grid-template-columns:1fr;gap:22px;padding:22px}.project-spotlight-copy h2{font-size:clamp(26px,7vw,36px)}.project-spotlight-links{gap:15px;margin-top:18px}.project-spotlight-visual{max-width:100%}}
@media(prefers-reduced-motion:reduce){.project-spotlight-link,.project-spotlight-secondary,.project-spotlight-visual,.project-spotlight-visual img,.project-spotlight-arrow,.button,.nav .nav-cta,.card,.location-card{transition:none!important;scroll-behavior:auto!important}.project-spotlight-link:hover,.project-spotlight-secondary:hover,.project-spotlight-visual:hover,.project-spotlight-visual:hover img,.project-spotlight-visual:hover .project-spotlight-arrow,.button:hover,.nav .nav-cta:hover,.card:hover,.location-card:hover{transform:none!important}}
.project-spotlight-copy h2{color:#f7f7f5}

/* Más contraste, menos aire y transiciones visibles en toda la web */
.service-hero h1{color:#f7f7f5;text-wrap:balance}
.breadcrumbs a{color:#a3a9b6;transition:color .3s var(--motion-ease)}
.breadcrumbs a:hover{color:#f7f7f5}
.section{padding:29px 0}
.hero{padding:66px 0 48px}
.service-hero{padding:48px 0 38px}
.project-spotlight{padding-top:12px;padding-bottom:22px}
.project-spotlight-copy h2{color:#f7f7f5}
.nav a,.footer a,.project-spotlight-link,.project-spotlight-secondary{transition:color .3s var(--motion-ease),transform .35s var(--motion-ease),gap .3s var(--motion-ease)}
.card,.location-card,.step,.faq details{transition:background-color .4s var(--motion-ease),border-color .4s var(--motion-ease),transform .45s var(--motion-ease),box-shadow .45s var(--motion-ease)}
.faq summary{transition:color .3s var(--motion-ease),padding-left .3s var(--motion-ease)}
.faq summary:hover{color:#B9F4ED;padding-left:5px}
@media(hover:hover){
 .card:hover,.location-card:hover{transform:translateY(-5px) scale(1.012);border-color:#348F86;box-shadow:0 15px 34px #0003}
 .step:hover{transform:translateY(-4px);border-color:#39D9C5}
 .nav a:not(.nav-cta):hover,.footer a:hover{transform:translateY(-2px)}
 .button:not(.secondary):hover,.nav .nav-cta:hover{transform:translateY(-3px) scale(1.04)}
 .button.secondary:hover{transform:translateY(-3px)}
}
.motion-enabled .motion-reveal{opacity:0;transform:translate3d(0,26px,0) scale(.99);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-enabled .motion-reveal.motion-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media(max-width:760px){.section{padding:22px 0}.hero{padding:48px 0 36px}.service-hero{padding:38px 0 28px}.project-spotlight{padding:9px 0 17px}.card,.location-card{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enabled .motion-reveal,.motion-enabled .motion-reveal.motion-visible{opacity:1;transform:none;transition:none}.card,.location-card,.step,.faq details,.nav a,.footer a,.button,.breadcrumbs a,.project-spotlight-visual,.project-spotlight-visual img{transition:none!important}.card:hover,.location-card:hover,.step:hover,.nav a:hover,.footer a:hover,.button:hover,.faq summary:hover{transform:none!important;box-shadow:none!important;padding-left:0}}
.laura-hero-figure figcaption{color:#a3a9b6}
@media(prefers-reduced-motion:reduce){a,.button,.card,.location-card,.step,.faq summary,.faq details,.project-spotlight-link,.project-spotlight-secondary{transition:color .2s ease,background-color .2s ease,border-color .2s ease!important}}@media(prefers-reduced-motion:reduce){.breadcrumbs a,.nav a,.footer a,.button,.card,.location-card,.step,.faq details,.project-spotlight-visual,.project-spotlight-visual img{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}}@media(prefers-reduced-motion:reduce){.button:not(.secondary),.button.secondary,.nav .nav-cta{transition:color .2s ease,background-color .2s ease,border-color .2s ease!important}}
/* Contraste global: restaura la paleta y evita titulares negros sobre fondos oscuros */
:root{color-scheme:dark;--bg:#0c0e12;--soft:#151820;--panel:#191c24;--ink:#f3f3f6;--muted:#a3a9b6;--line:#2d3039;--accent:#39D9C5;--accent-strong:#20BFAE}
body{background-color:var(--bg);color:var(--ink)}
html body h1,html body h2,html body h3,html body .faq summary{color:#f3f3f6}
html body .button.secondary{color:#f3f3f6}


/* Evita que el titular principal se salga del ancho de pantalla */
html body .hero:not(.service-hero) h1{white-space:normal!important;text-wrap:balance}


/* Alternancia clara para dar ritmo a la portada */
.section-cream{background:#f5f1e8;color:#192523;border-top-color:#ded6c9}
.section-cream h2,.section-cream h3{color:#192523}
.section-cream .eyebrow,.section-cream .num,.section-cream .step span{color:#267D75}
.section-cream h2 .headline-lila{color:#238F84}
.section-cream .step{border-top-color:#cfc5b6}
.section-cream .step p{color:#514b55}
.section-cream .button.secondary{color:#22302F;border-color:#71677a;background:transparent}
.section-cream .button.secondary:hover{color:#206E67;border-color:#206E67}


/* Contacto en crema: conserva jerarquía y contraste */
#contacto.contacto-equilibrado-v37.section-cream{background:#f5f1e8;color:#192523;border-top-color:#ded6c9}
#contacto.contacto-equilibrado-v37.section-cream .eyebrow{color:#267D75}
#contacto.contacto-equilibrado-v37.section-cream h2{color:#192523}
#contacto.contacto-equilibrado-v37.section-cream h2 .headline-lila{color:#238F84}
#contacto.contacto-equilibrado-v37.section-cream .lead{color:#514b55}
#contacto.contacto-equilibrado-v37.section-cream .button:not(.secondary){background:#39D9C5;border-color:#39D9C5;color:#071C1A}
#contacto.contacto-equilibrado-v37.section-cream .button:not(.secondary):hover{background:#25C9B7;border-color:#25C9B7;color:#071C1A}


/* v20: WhatsApp flotante limpio + zonas sin numeracion */
.wa-float{
  display:flex;
  width:56px;
  height:56px;
  right:20px;
  bottom:20px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#39D9C5;
  color:#071816;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 28px rgba(0,0,0,.32);
  line-height:0;
}
.wa-float .wa-svg{
  display:block;
  width:27px;
  height:27px;
  margin:0;
  flex:none;
  stroke:currentColor;
}
.wa-float:hover{
  background:#83EADD;
  color:#071816;
  transform:translateY(-2px) scale(1.04);
}
#zonas .location-card > .num{display:none!important}
@media(max-width:760px){
  .wa-float{
    display:flex;
    width:52px;
    height:52px;
    right:16px;
    bottom:calc(16px + env(safe-area-inset-bottom));
  }
  .wa-float .wa-svg{width:25px;height:25px}
}


/* Home page: darker guide and commitments sections, with a clear business focus */
.business-guides{background:transparent;border-top-color:var(--line)}
.business-guides .section-intro{color:var(--muted)}
.business-guide-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;margin-top:30px;padding:0;background:transparent;border:0;border-radius:0}
.business-guide-card h3{max-width:760px;margin:0;font-size:clamp(23px,3.2vw,34px);line-height:1.25}
.business-guide-card h3 a{color:var(--accent);text-decoration:none}
.business-guide-card h3 a:hover{color:#f3f3f6}
.business-guide-copy{max-width:800px;margin:16px 0 0;color:#d1d6df;font-size:17px;line-height:1.65}
.business-type{color:#63e5d5;font-weight:700}
.business-guide-card .button{white-space:nowrap}
.commitments-dark.section-cream{background:#11141a;color:var(--ink);border-top-color:#2d3039}
.commitments-dark.section-cream h2{color:var(--ink)}
.commitments-dark.section-cream .eyebrow{color:var(--accent)}
.commitments-dark.section-cream h2 .headline-lila{color:var(--accent)}
.commitments-dark.section-cream .section-intro{color:var(--muted)}
@media(max-width:700px){.business-guide-card{grid-template-columns:1fr;gap:20px}.business-guide-card .button{justify-self:start}}


/* /assets/v6.css */
/* Dancau V6 — motion layer. Identity/content from deployed Dancau remains intact. */
:root{--v6-lila:#7AEADD;--v6-ease:cubic-bezier(.22,1,.36,1);--scroll-progress:0}
html{scroll-behavior:smooth;scroll-padding-top:88px} body{overflow-x:hidden;transition:opacity .26s ease,filter .26s ease}body.v6-leaving{opacity:0;filter:blur(5px)}
body:before{content:"";position:fixed;z-index:9999;left:0;top:0;width:100%;height:2px;transform-origin:left center;transform:scaleX(var(--scroll-progress));background:linear-gradient(90deg,#20BFAE,#BFF7F1);pointer-events:none}
.site-header{transition:transform .55s var(--v6-ease),background .35s ease,border-color .35s ease,backdrop-filter .35s ease}.site-header.v6-scrolled{background:rgba(12,14,18,.76);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border-bottom-color:rgba(255,255,255,.08)}.site-header.v6-hide{transform:translateY(-105%)}.site-header.v6-show{transform:translateY(0)}
.hero{position:relative;isolation:isolate;overflow:hidden;perspective:1200px}.hero:before{content:"";position:absolute;z-index:-2;width:52rem;height:52rem;left:var(--mx,72%);top:var(--my,35%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(132,240,227,.22),rgba(132,240,227,.075) 35%,transparent 68%);filter:blur(10px);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero .wrap{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--v6-ease);transform-style:preserve-3d}
.v6-reveal{opacity:0;transform:translateY(42px);filter:blur(7px);transition:opacity .9s var(--v6-ease) var(--delay,0ms),transform .9s var(--v6-ease) var(--delay,0ms),filter .8s ease var(--delay,0ms)}.v6-reveal.v6-in{opacity:1;transform:none;filter:none}.hero h1.v6-reveal{transform:translateY(54px) scale(.985)}.hero h1.v6-in{transform:none}
[data-parallax]{transform:translate3d(0,var(--py,0),0);transition:transform .12s linear;will-change:transform}
.project-spotlight-card{transform:perspective(1400px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .45s var(--v6-ease),box-shadow .45s ease;will-change:transform}.project-spotlight-card:hover{box-shadow:0 36px 100px rgba(20,74,68,.16)}.project-spotlight-visual{overflow:hidden}.project-spotlight-visual img{transition:transform 1.1s var(--v6-ease),filter .6s ease}.project-spotlight-card:hover .project-spotlight-visual img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}
.card,.location-card{position:relative;overflow:hidden;transition:transform .45s var(--v6-ease),border-color .35s ease,box-shadow .45s ease}.card:after,.location-card:after{content:"";position:absolute;inset:auto -35% -80% 15%;height:160px;background:radial-gradient(ellipse,rgba(122,234,221,.15),transparent 67%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card:hover,.location-card:hover{transform:translateY(-7px);border-color:rgba(122,234,221,.32);box-shadow:0 24px 65px rgba(19,50,46,.09)}.card:hover:after,.location-card:hover:after{opacity:1}
.button,.project-spotlight-link,.footer-v34-wa{transform:translate3d(var(--bx,0),var(--by,0),0);transition:transform .25s var(--v6-ease),box-shadow .25s ease,background .25s ease}.button:hover,.project-spotlight-link:hover{box-shadow:0 12px 34px rgba(75,185,172,.16)}
.v5-project-row{position:relative;overflow:hidden;transition:padding .4s var(--v6-ease),background .35s ease}.v5-project-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#7AEADD;transform:scaleY(0);transform-origin:center;transition:transform .35s var(--v6-ease)}.v5-project-row:hover:before{transform:scaleY(1)}.v5-project-row:hover{padding-left:1.25rem}
.faq details{transition:background .35s ease,border-color .35s ease,transform .35s var(--v6-ease)}.faq details[open]{transform:translateX(5px)}
.v6-cursor{position:fixed;z-index:10000;left:-10px;top:-10px;width:20px;height:20px;border:1px solid rgba(122,234,221,.7);border-radius:50%;pointer-events:none;opacity:0;transition:width .25s var(--v6-ease),height .25s var(--v6-ease),left .25s var(--v6-ease),top .25s var(--v6-ease),background .25s ease,opacity .25s ease;mix-blend-mode:difference}.v6-cursor.on{opacity:.85}.v6-cursor.hot{width:46px;height:46px;left:-23px;top:-23px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.75)}
@media(max-width:800px){.hero:before{width:32rem;height:32rem}.hero:after{background-size:48px 48px}.v6-cursor{display:none}.v6-reveal{transform:translateY(26px);filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v6-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}[data-parallax],.project-spotlight-card,.button,.project-spotlight-link{transform:none!important;transition:none!important}.hero:before,.v6-cursor,body:before{display:none!important}.site-header{transform:none!important}body{transition:none!important}}

/* /assets/v7.css */
/* Dancau V7: organic services + always-on mobile navigation */
html{scroll-behavior:smooth}.mobile-toggle{display:none!important}
.lang-switch{display:flex;gap:.25rem;align-items:center;margin-left:.35rem;padding-left:.55rem;border-left:1px solid rgba(255,255,255,.16)}
.lang-switch a{font-size:.72rem;letter-spacing:.08em;opacity:.62;padding:.4rem .28rem!important}.lang-switch a[aria-current=page]{opacity:1;color:var(--lila,#76E7D9)}
.service-orbit{position:relative;min-height:610px;margin-top:2rem;overflow:hidden;isolation:isolate}
.service-bubble{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;text-decoration:none!important;color:#fff;background:radial-gradient(circle at 32% 26%,rgba(205,184,255,.34),rgba(123,86,214,.2) 38%,rgba(27,24,38,.94) 72%);border:1px solid rgba(211,194,255,.35);box-shadow:0 30px 90px rgba(87,50,160,.18),inset 0 0 50px rgba(190,158,255,.06);backdrop-filter:blur(10px);will-change:transform;transition:box-shadow .45s ease,border-color .45s ease,background .45s ease;overflow:hidden}
.service-bubble:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at var(--bx,50%) var(--by,50%),rgba(224,212,255,.24),transparent 34%);pointer-events:none}
.service-bubble strong{font-size:clamp(2rem,4.8vw,4.7rem);line-height:.86;letter-spacing:-.055em;position:relative}.service-bubble small{max-width:250px;margin-top:1.2rem;line-height:1.45;opacity:0;transform:translateY(10px);transition:.35s ease;position:relative}.service-bubble:hover small,.service-bubble:focus-visible small{opacity:.78;transform:none}.bubble-kicker{position:absolute;top:14%;font-size:.72rem;letter-spacing:.18em;opacity:.5}
.bubble-web{width:min(480px,42vw);aspect-ratio:1;left:7%;top:5%}.bubble-seo{width:min(390px,35vw);aspect-ratio:1;right:8%;bottom:2%}
.service-bubble:hover{border-color:rgba(226,214,255,.7);box-shadow:0 38px 120px rgba(104,62,194,.32),inset 0 0 70px rgba(203,178,255,.1)}
.orbit-dot{position:absolute;border-radius:50%;background:rgba(184,156,255,.15);border:1px solid rgba(205,188,255,.2);pointer-events:none}.dot-a{width:86px;height:86px;left:51%;top:12%}.dot-b{width:42px;height:42px;left:48%;bottom:18%}.dot-c{width:128px;height:128px;right:1%;top:5%;opacity:.55}
/* richer Laura/project transitions */
.project-spotlight-visual{overflow:hidden}.project-spotlight-visual img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .7s ease}.project-spotlight-card:hover .project-spotlight-visual img{transform:scale(1.055) translateY(-1.5%);filter:saturate(1.05) contrast(1.02)}
body:before{content:"";position:fixed;inset:0;z-index:9998;background:#0c0e12;transform:scaleY(0);transform-origin:bottom;pointer-events:none;transition:transform .5s cubic-bezier(.77,0,.18,1)}body.v7-leaving:before{transform:scaleY(1)}
@media(max-width:820px){.site-header .head{align-items:center;gap:.7rem}.brand img{width:112px;height:auto}.nav,.v7-always-nav{display:flex!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;flex:1;overflow-x:auto;white-space:nowrap;gap:.15rem;padding:.35rem 0;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav>a{font-size:.72rem;padding:.55rem .45rem!important}.nav .nav-cta{display:none}.lang-switch{margin-left:.2rem;padding-left:.35rem}.service-orbit{min-height:500px;margin-inline:-.4rem}.bubble-web{width:300px;left:-34px;top:10px}.bubble-seo{width:250px;right:-28px;bottom:10px}.service-bubble strong{font-size:2.7rem}.service-bubble small{font-size:.76rem;max-width:175px;opacity:.72;transform:none}.dot-a{left:65%;top:4%;width:58px;height:58px}.dot-c{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-bubble{transform:none!important}.project-spotlight-visual img{transition:none!important}}

/* /assets/v8.css */
/* Dancau V8: five readable service bubbles + scrolling Laura showcase + persistent WhatsApp */
.service-orbit{position:relative;min-height:900px;margin-top:3rem;isolation:isolate;overflow:visible}
.service-bubble{padding:clamp(1.4rem,2.4vw,2.4rem);box-sizing:border-box;gap:.75rem}
.service-bubble strong{font-size:clamp(1.45rem,2.7vw,3.2rem);line-height:.95;max-width:82%;z-index:1}
.service-bubble small{display:block!important;opacity:.78!important;transform:none!important;margin-top:.35rem;max-width:72%;font-size:clamp(.78rem,1vw,.98rem);line-height:1.42;z-index:1}
.bubble-web{width:min(390px,32vw);left:2%;top:2%}.bubble-seo{width:min(350px,29vw);right:4%;top:7%;bottom:auto}
.bubble-maint{width:min(300px,25vw);left:37%;top:29%;aspect-ratio:1}.bubble-backup{width:min(280px,23vw);left:8%;top:55%;aspect-ratio:1}.bubble-hosting{width:min(300px,25vw);right:9%;top:58%;aspect-ratio:1}
.service-bubble:hover{z-index:10}.service-bubble:hover strong{transform:scale(1.03)}
.laura-scroll-stage{position:relative;min-height:115vh;margin:2.5rem 0 4rem;display:flex;align-items:flex-start;justify-content:center}
.laura-browser{position:sticky;top:12vh;width:min(920px,94vw);border-radius:28px;overflow:hidden;background:#131B1A;border:1px solid rgba(111,236,221,.28);box-shadow:0 35px 110px rgba(25,100,91,.2)}
.laura-browser-bar{height:48px;display:flex;align-items:center;padding:0 1.2rem;font-size:.78rem;letter-spacing:.08em;color:rgba(255,255,255,.6);background:#1C2C2A;border-bottom:1px solid rgba(255,255,255,.08)}
.laura-browser-bar:before{content:'●  ●  ●';letter-spacing:.35rem;color:#79E7DA;margin-right:1rem}
.laura-browser-viewport{height:min(62vh,610px);overflow:hidden;background:#e8e3db}
.laura-scroll-image{width:100%;height:auto;display:block;transform:translate3d(0,var(--laura-y,0px),0) scale(1.015);transform-origin:top center;will-change:transform}
.wa-float{display:flex!important;position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;z-index:99999!important;opacity:1!important;visibility:visible!important;transform:none!important}
@media(max-width:820px){.service-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2rem 0;overflow:visible}.service-bubble,.bubble-web,.bubble-seo,.bubble-maint,.bubble-backup,.bubble-hosting{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:1!important;transform:none!important;padding:1rem}.service-bubble:first-child{grid-column:1/-1;width:min(330px,86vw)!important;justify-self:center}.service-bubble strong{font-size:clamp(1.35rem,6vw,2.25rem);max-width:90%}.service-bubble small{font-size:.74rem;max-width:88%;margin-top:.2rem}.bubble-kicker{top:10%}.laura-scroll-stage{min-height:95vh;margin:1.5rem 0 3rem}.laura-browser{top:16vh;border-radius:18px}.laura-browser-viewport{height:58vh}.laura-browser-bar{height:40px;font-size:.65rem}.wa-float{right:14px!important;bottom:14px!important}}
@media(max-width:430px){.service-orbit{gap:9px}.service-bubble{min-height:178px}.service-bubble:first-child{min-height:290px}.service-bubble small{font-size:.7rem;line-height:1.32}.laura-browser-viewport{height:54vh}}

/* /assets/v9.css */

/* Dancau V9 refinements */
.hero-title-line{display:block}
@media (min-width:900px){
  .hero h1{font-size:clamp(2.65rem,5.25vw,5.7rem);letter-spacing:-.055em}
  .hero-title-line-one{white-space:nowrap}
}
/* Buttons are intentionally pill-shaped throughout the site. */
.button,.nav-cta,.lang-switch,.location-tag{border-radius:999px!important}
/* Give Mantenimiento enough room for the full word and copy. */
.bubble-maint{width:min(340px,28vw)!important;min-width:300px}
.bubble-maint strong{font-size:clamp(1.35rem,2.35vw,2.7rem)!important;max-width:92%!important;letter-spacing:-.04em}
.bubble-maint small{max-width:78%!important}
@media(max-width:820px){
  .bubble-maint{width:100%!important;min-width:0}
  .bubble-maint strong{font-size:clamp(1.22rem,5.6vw,2rem)!important;max-width:94%!important}
  .bubble-maint small{max-width:90%!important}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(2.25rem,11vw,3.55rem);line-height:.94}
}

/* V12: mobile header stays fixed and never slides away */
@media (max-width: 820px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    transform: none !important;
    translate: none !important;
  }
  .site-header.v6-hide,
  .site-header.v6-show {
    transform: none !important;
    translate: none !important;
  }
}

/* /assets/v10.css */
/* Dancau V10: readable hero, clean bubbles and proper pill buttons */
/* Keep the hero readable on ordinary laptop widths while preserving the two-line composition. */
.hero h1{font-size:clamp(2.2rem,4.15vw,4.65rem)!important;line-height:1.06!important;max-width:1180px!important}
@media(min-width:900px){.hero-title-line{display:block!important}.hero-title-line-one{white-space:nowrap!important}}
@media(max-width:899px){.hero h1{font-size:clamp(2.05rem,6.8vw,3.75rem)!important}.hero-title-line-one{white-space:normal!important}}
@media(max-width:560px){.hero h1{font-size:clamp(2rem,9.3vw,3rem)!important;line-height:1.02!important}}

/* Service bubbles: no decorative numbering and enough room for every label. */
.bubble-kicker{display:none!important}
.bubble-maint{width:min(370px,30vw)!important;min-width:330px!important}
.bubble-maint strong{font-size:clamp(1.25rem,2.15vw,2.45rem)!important;line-height:1!important;max-width:96%!important;white-space:nowrap}
.bubble-maint small{max-width:82%!important;font-size:clamp(.76rem,.95vw,.94rem)!important}
@media(max-width:820px){.bubble-maint{width:100%!important;min-width:0!important}.bubble-maint strong{font-size:clamp(1.15rem,5.1vw,1.85rem)!important;white-space:normal}.bubble-maint small{max-width:92%!important}}

/* Every rectangular action becomes an actual pill, including secondary and legal/service CTAs. */
.button,.button.secondary,.nav-cta,.nav .nav-cta,.location-tag,.lang-switch,.back,.project-spotlight-link,.project-spotlight-secondary{border-radius:999px!important}
.button,.button.secondary,.nav-cta,.nav .nav-cta{padding-left:1.45rem!important;padding-right:1.45rem!important}

/* /assets/v11.css */
/* V11: hero personal + SEO visible */
.hero h1 .hero-title-line{display:block}
.hero h1{max-width:1100px}
.seo-focus-v11{position:relative;overflow:hidden}
.seo-focus-v11:before{content:"SEO";position:absolute;right:-.04em;top:-.25em;font-size:clamp(9rem,24vw,25rem);font-weight:800;letter-spacing:-.08em;color:rgba(87,194,182,.055);pointer-events:none;line-height:1}
.seo-focus-v11 .wrap{position:relative;z-index:1}
.seo-focus-v11 h2{max-width:900px}
.seo-focus-v11 .section-intro{max-width:820px;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.7}
.seo-focus-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.seo-focus-links .button{border-radius:999px!important}
@media(max-width:760px){.hero h1 .hero-title-line{white-space:normal}.seo-focus-links{align-items:flex-start}.seo-focus-v11:before{top:0}}

/* /assets/v13.css */
/* Dancau V13 - compact lilac mobile bar */
@media (max-width: 820px) {
  .site-header,
  .site-header.v6-hide,
  .site-header.v6-show {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    transform: none !important;
    translate: none !important;
    background: rgba(116,224,211, .96) !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 8px 26px rgba(18,48,44,.16) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }
  .site-header .head {
    min-height: 54px !important;
    height: 54px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  .site-header .brand {
    flex: 0 0 auto !important;
    max-width: 105px !important;
    overflow: hidden !important;
  }
  .site-header .brand img {
    width: 102px !important;
    height: auto !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
  }
  .mobile-toggle { display: none !important; }
  .site-header .nav,
  .site-header .nav.v7-always-nav {
    display: flex !important;
    position: static !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .site-header .nav > a:not(.nav-cta) { display: none !important; }
  .site-header .lang-switch {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-header .lang-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 32px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
  }
  .site-header .lang-switch a[aria-current="page"] {
    color: #fff !important;
    background: rgba(255,255,255,.15) !important;
  }
  .site-header .nav .nav-cta {
    order: 2 !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .site-header .nav .nav-cta .wa-svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }
}
@media (max-width: 390px) {
  .site-header .head { gap: 6px !important; }
  .site-header .brand { max-width: 91px !important; }
  .site-header .brand img { width: 90px !important; }
  .site-header .lang-switch a { min-width: 25px !important; padding-inline: 2px !important; }
}

/* /assets/v14.css */
/* Dancau V14 - mobile header: one compact lilac row */
@media (max-width: 820px) {
  .site-header,
  .site-header.v6-hide,
  .site-header.v6-show {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    transform: none !important;
    translate: none !important;
    background: #74E0D3 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 5px 18px rgba(24,70,65,.16) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .site-header .wrap.head {
    width: 100% !important;
    max-width: none !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  .site-header .brand {
    flex: 0 1 92px !important;
    min-width: 72px !important;
    max-width: 92px !important;
    overflow: hidden !important;
  }
  .site-header .brand img {
    display: block !important;
    width: 90px !important;
    max-width: 100% !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }
  .mobile-toggle { display: none !important; }
  .site-header .nav,
  .site-header .nav.v7-always-nav {
    display: flex !important;
    position: static !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .site-header .nav > a:not(.nav-cta) { display: none !important; }
  .site-header .lang-switch {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-header .lang-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 29px !important;
    padding: 0 !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #59C8BB !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
  }
  .site-header .lang-switch a[aria-current="page"] {
    background: transparent !important;
    color: #fff !important;
  }
  .site-header .nav .nav-cta {
    order: 2 !important;
    display: inline-flex !important;
    flex: 0 0 31px !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }
  .site-header .nav .nav-cta .wa-svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
  }
}
@media (max-width: 360px) {
  .site-header .wrap.head { padding-inline: 9px !important; gap: 5px !important; }
  .site-header .brand { flex-basis: 78px !important; max-width: 78px !important; }
  .site-header .brand img { width: 77px !important; }
  .site-header .nav { gap: 4px !important; }
  .site-header .lang-switch { gap: 3px !important; }
  .site-header .lang-switch a { width: 28px !important; min-width: 28px !important; height: 28px !important; }
  .site-header .nav .nav-cta { width: 29px !important; min-width: 29px !important; flex-basis: 29px !important; height: 29px !important; }
}

/* /assets/v15.css */
/* Dancau V15 - compact black mobile header, guaranteed single row */
@media (max-width: 820px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .site-header,
  .site-header.v6-hide,
  .site-header.v6-show {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    transform: none !important;
    translate: none !important;
    background: #09090b !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .site-header .wrap.head {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    overflow: hidden !important;
  }
  .site-header .brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 82px !important;
    min-width: 58px !important;
    max-width: 82px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .site-header .brand img {
    display: block !important;
    width: 80px !important;
    max-width: 100% !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
  }
  .mobile-toggle { display: none !important; }
  .site-header .nav,
  .site-header .nav.v7-always-nav {
    display: flex !important;
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .site-header .nav > a:not(.nav-cta) { display: none !important; }
  .site-header .lang-switch {
    order: 1 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-header .lang-switch a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 27px !important;
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #fff !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }
  .site-header .lang-switch a[aria-current="page"] {
    background: #74E0D3 !important;
    border-color: #74E0D3 !important;
    color: #fff !important;
  }
  .site-header .nav .nav-cta {
    order: 2 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }
  .site-header .nav .nav-cta .wa-svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
  }
}
@media (max-width: 360px) {
  .site-header .wrap.head { height: 48px !important; min-height: 48px !important; padding-inline: 7px !important; gap: 4px !important; }
  .site-header .brand { flex-basis: 69px !important; max-width: 69px !important; min-width: 52px !important; }
  .site-header .brand img { width: 68px !important; }
  .site-header .nav { gap: 3px !important; max-width: calc(100% - 56px) !important; }
  .site-header .lang-switch { gap: 2px !important; }
  .site-header .lang-switch a { flex-basis: 25px !important; width: 25px !important; min-width: 25px !important; height: 25px !important; font-size: 8px !important; }
  .site-header .nav .nav-cta { flex-basis: 26px !important; width: 26px !important; min-width: 26px !important; height: 26px !important; }
}

/* /assets/v16.css */
/* Dancau V16: two primary service bubbles + compact original-style mobile header */
.service-orbit-v16{max-width:980px;margin:2.5rem auto 0;min-height:430px;display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,5rem);position:relative}
.service-orbit-v16 .service-bubble{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 clamp(280px,34vw,390px);width:clamp(280px,34vw,390px)!important;height:clamp(280px,34vw,390px)!important}
.service-orbit-v16 .service-bubble:hover{transform:scale(1.045)!important}
.on-demand-v16{text-align:center;max-width:720px;margin:1.5rem auto 0;color:var(--muted,#73737d);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.65}
.on-demand-v16 strong{color:var(--text,#15151a)}
@media (max-width:760px){
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:rgba(12,14,18,.70)!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;transform:none!important;transition:none!important}
  .site-header .head{height:58px!important;min-height:58px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;max-width:none!important;width:100%!important}
  .site-header .brand{display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;padding:0!important}
  .site-header .brand img{display:block!important;width:clamp(92px,28vw,122px)!important;height:auto!important;max-height:29px!important;filter:none!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;overflow:visible!important;transform:none!important;opacity:1!important;visibility:visible!important;flex:0 0 auto!important}
  .site-header .nav>a:not(.nav-cta){display:none!important}
  .site-header .lang-switch{display:flex!important;align-items:center!important;gap:9px!important;order:1!important;margin:0 10px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
  .site-header .lang-switch a{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:2px 0!important;margin:0!important;color:#fff!important;font-size:12px!important;font-weight:750!important;line-height:1!important;min-width:0!important;box-shadow:none!important;text-decoration:none!important}
  .site-header .lang-switch a[aria-current="page"]{color:#76E7D9!important}
  .site-header .nav-cta{display:flex!important;order:2!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#76E7D9!important;font-size:0!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
  .site-header .nav-cta .wa-svg{display:block!important;width:23px!important;height:23px!important;margin:0!important;stroke:currentColor!important}
  body{padding-top:58px!important}
  .service-orbit-v16{min-height:0;display:grid;grid-template-columns:1fr;gap:18px;margin-top:1.8rem}
  .service-orbit-v16 .service-bubble{width:min(82vw,330px)!important;height:min(82vw,330px)!important;flex:none!important;margin:auto!important}
  .on-demand-v16{padding:0 12px;margin-top:1.2rem}
}
@media (max-width:360px){
  .site-header .head{padding:0 10px!important;gap:6px!important}
  .site-header .brand img{width:88px!important}
  .site-header .lang-switch{gap:7px!important;margin-right:7px!important}
  .site-header .lang-switch a{font-size:11px!important}
  .site-header .nav-cta{width:25px!important;height:25px!important;min-width:25px!important}
  .site-header .nav-cta .wa-svg{width:21px!important;height:21px!important}
}

/* /assets/v17.css */
/* Dancau V17 - polished header/navigation on desktop and mobile */
:root{--dancau-lilac:#97F2E7;--dancau-lilac-soft:#B6F6EF;--dancau-header-bg:rgba(8,10,14,.76)}

/* Desktop: one coherent bar, aligned as a single system */
.site-header{
  background:rgba(8,10,14,.82)!important;
  border-bottom:1px solid rgba(151,242,231,.10)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.site-header .head{
  min-height:76px!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
  flex:0 0 auto!important;
}
.site-header .brand img{
  width:132px!important;
  height:auto!important;
  max-height:34px!important;
  display:block!important;
}
.site-header .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:28px!important;
  margin-left:auto!important;
  min-width:0!important;
}
.site-header .nav>a:not(.nav-cta){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#F1F8F7!important;
  white-space:nowrap!important;
}
.site-header .nav>a:not(.nav-cta):hover{color:var(--dancau-lilac-soft)!important}
.site-header .lang-switch{
  order:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  min-height:40px!important;
}
.site-header .lang-switch a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(182,246,239,.62)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.site-header .lang-switch a:hover{color:var(--dancau-lilac-soft)!important}
.site-header .lang-switch a[aria-current="page"]{color:var(--dancau-lilac)!important}
.site-header .nav-cta{
  order:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--dancau-lilac)!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
}
.site-header .nav-cta:hover{background:rgba(151,242,231,.10)!important;color:var(--dancau-lilac-soft)!important}
.site-header .nav-cta .wa-svg{width:25px!important;height:25px!important;margin:0!important;display:block!important;stroke:currentColor!important}

/* Mobile: original Dancau feel. One translucent bar, no desktop menu squeezed in. */
@media (max-width:760px){
  .site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    transform:none!important;
    transition:none!important;
    background:rgba(8,10,14,.70)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  }
  .site-header .head{
    width:100%!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 16px!important;
    gap:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .site-header .brand{min-width:0!important;flex:0 1 auto!important;margin:0!important;padding:0!important}
  .site-header .brand img{width:108px!important;max-height:28px!important;height:auto!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{
    position:static!important;
    inset:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    transform:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;
  }
  .site-header .nav>a:not(.nav-cta){display:none!important}
  .site-header .lang-switch{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:0!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;
  }
  .site-header .lang-switch a{
    min-width:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1!important;
  }
  .site-header .lang-switch a[aria-current="page"]{color:var(--dancau-lilac)!important}
  .site-header .nav-cta{
    order:2!important;
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:50%!important;background:transparent!important;
    color:var(--dancau-lilac)!important;font-size:0!important;box-shadow:none!important;
  }
  .site-header .nav-cta .wa-svg{width:24px!important;height:24px!important;margin:0!important;display:block!important}
  body{padding-top:58px!important}
}

@media (max-width:360px){
  .site-header .head{padding:0 12px!important;gap:8px!important}
  .site-header .brand img{width:98px!important;max-height:26px!important}
  .site-header .nav{gap:9px!important}
  .site-header .lang-switch{gap:8px!important}
  .site-header .lang-switch a{font-size:11px!important}
  .site-header .nav-cta{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
  .site-header .nav-cta .wa-svg{width:22px!important;height:22px!important}
}

/* /assets/v18.css */

/* Dancau V18 - coherent desktop/mobile header + language parity */
:root{--v18-white:#f3f3f6;--v18-lilac:#63E5D5;--v18-header:rgba(9,10,12,.78)}
.site-header{background:var(--v18-header)!important;backdrop-filter:blur(16px) saturate(125%)!important;-webkit-backdrop-filter:blur(16px) saturate(125%)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.site-header .head{min-height:72px!important;display:flex!important;align-items:center!important;gap:28px!important}
.site-header .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.site-header .brand img{display:block!important;width:132px!important;height:auto!important}
.site-header .nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:25px!important;margin-left:auto!important;position:static!important;background:transparent!important;border:0!important;padding:0!important}
.site-header .nav>a:not(.nav-cta){display:inline-flex!important;align-items:center!important;color:var(--v18-white)!important;font-size:13px!important;font-weight:560!important;line-height:1!important;white-space:nowrap!important}
.site-header .lang-switch{display:flex!important;align-items:center!important;gap:11px!important;margin-left:9px!important;padding-left:18px!important;border-left:1px solid rgba(255,255,255,.13)!important}
.site-header .lang-switch a{color:var(--v18-white)!important;background:none!important;border:0!important;padding:0!important;font-size:13px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important}
.site-header .lang-switch a[aria-current="page"]{color:var(--v18-lilac)!important}
.site-header .nav-cta{display:flex!important;align-items:center!important;justify-content:center!important;width:31px!important;height:31px!important;min-width:31px!important;padding:0!important;margin:0 0 0 1px!important;background:transparent!important;border:0!important;border-radius:50%!important;color:var(--v18-lilac)!important;font-size:0!important;box-shadow:none!important}
.site-header .nav-cta .wa-svg{display:block!important;width:25px!important;height:25px!important;stroke:currentColor!important}
.site-header .mobile-toggle{display:none!important}
@media(max-width:760px){
  body{padding-top:0!important}
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important;transition:none!important;background:rgba(9,10,12,.72)!important;backdrop-filter:blur(15px) saturate(120%)!important;-webkit-backdrop-filter:blur(15px) saturate(120%)!important}
  .site-header .head{height:64px!important;min-height:64px!important;width:min(100% - 28px,1120px)!important;padding:0!important;gap:10px!important;justify-content:space-between!important}
  .site-header .brand img{width:112px!important;max-height:30px!important}
  .site-header .nav{display:flex!important;position:static!important;inset:auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:11px!important;margin-left:auto!important;width:auto!important;overflow:visible!important;transform:none!important;opacity:1!important;visibility:visible!important}
  .site-header .nav>a:not(.nav-cta){display:none!important}
  .site-header .lang-switch{display:flex!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important}
  .site-header .lang-switch a{font-size:12px!important;color:var(--v18-white)!important;line-height:1!important}
  .site-header .lang-switch a[aria-current="page"]{color:var(--v18-lilac)!important}
  .site-header .nav-cta{display:flex!important;width:27px!important;height:27px!important;min-width:27px!important;margin:0!important;color:var(--v18-lilac)!important}
  .site-header .nav-cta .wa-svg{width:23px!important;height:23px!important}
  .hero{padding-top:112px!important}
}
@media(max-width:380px){
  .site-header .head{width:calc(100% - 20px)!important;gap:7px!important}
  .site-header .brand img{width:98px!important}
  .site-header .nav{gap:8px!important}
  .site-header .lang-switch{gap:7px!important}
  .site-header .lang-switch a{font-size:11px!important}
  .site-header .nav-cta{width:25px!important;height:25px!important;min-width:25px!important}
  .site-header .nav-cta .wa-svg{width:21px!important;height:21px!important}
}

/* /assets/v19.css */
/* Dancau V19 Turquoise: consistent accent + persistent language switch */
:root{--accent:#39D9C5!important;--v18-lilac:#39D9C5!important;--v18-lilac-soft:#73E8DA!important;--dancau-lilac:#39D9C5!important;--dancau-lilac-soft:#73E8DA!important}
.headline-lila,.eyebrow,.breadcrumb-current,.footer-v34-brand span{color:#39D9C5!important}
.site-header .lang-switch a[aria-current="page"]{color:#39D9C5!important}
.site-header .nav-cta,.footer-v34-wa,.wa-float{color:#39D9C5!important}
/* Keep service bubbles purple at rest, as requested. */
.service-bubble{background:radial-gradient(circle at 32% 26%,rgba(205,184,255,.34),rgba(123,86,214,.20) 38%,rgba(27,24,38,.94) 72%)!important;border-color:rgba(211,194,255,.35)!important;box-shadow:0 30px 90px rgba(87,50,160,.18),inset 0 0 50px rgba(190,158,255,.06)!important}
.service-bubble:before{background:radial-gradient(circle at var(--bx,50%) var(--by,50%),rgba(57,217,197,.30),transparent 34%)!important}
.service-bubble:hover,.service-bubble:focus-visible{border-color:rgba(57,217,197,.82)!important;box-shadow:0 38px 120px rgba(57,217,197,.30),inset 0 0 72px rgba(57,217,197,.13)!important}
/* Language switch must never disappear on internal pages. */
.site-header .lang-switch{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important}

/* /assets/v21.css */
/* Dancau V21 - Laura card, WhatsApp and mobile header polish */

/* Laura: stable two-column composition. Remove the decorative floating dot/arrow. */
.project-spotlight .wrap{width:min(100% - 40px,1120px)!important;margin-inline:auto!important}
.project-spotlight-card{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(280px,.86fr) minmax(420px,1.14fr)!important;
  gap:clamp(30px,4vw,58px)!important;
  align-items:center!important;
  transform:none!important;
  overflow:hidden!important;
}
.project-spotlight-copy{min-width:0!important;transform:none!important}
.project-spotlight-visual{
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  justify-self:stretch!important;
  border-color:rgba(57,217,197,.28)!important;
}
.project-spotlight-card:hover{transform:none!important}
.project-spotlight-arrow{display:none!important}
.project-spotlight-visual:hover{transform:translateY(-3px)!important}
.project-spotlight-visual img{object-position:center 42%!important}

/* Floating WhatsApp: turquoise button, dark handset, no mystery empty circle. */
.wa-float{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  right:22px!important;
  bottom:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#39D9C5!important;
  color:#0c0e12!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
  z-index:9998!important;
}
.wa-float .wa-svg{display:block!important;width:25px!important;height:25px!important;stroke:currentColor!important;stroke-width:1.9!important;margin:0!important}
@media(hover:hover) and (pointer:fine){
  .wa-float:hover{background:#73E8DA!important;color:#0c0e12!important;transform:translateY(-2px) scale(1.04)!important}
}

/* Mobile: one compact line, with enough breathing room so language + WA never collide. */
@media(max-width:760px){
  .site-header .head{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:60px!important;
    min-height:60px!important;
    padding:0 14px!important;
    gap:12px!important;
  }
  .site-header .brand{flex:0 1 auto!important;min-width:0!important}
  .site-header .brand img{width:96px!important;max-width:96px!important;height:auto!important}
  .site-header .nav{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .site-header .lang-switch{
    flex:0 0 auto!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .site-header .lang-switch a{font-size:11px!important;line-height:1!important;min-width:auto!important;padding:4px 1px!important}
  .site-header .nav-cta{
    flex:0 0 25px!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    margin:0!important;
    padding:0!important;
  }
  .site-header .nav-cta .wa-svg{width:21px!important;height:21px!important}
  .wa-float{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;right:14px!important;bottom:16px!important}
  .wa-float .wa-svg{width:23px!important;height:23px!important}
  .project-spotlight .wrap{width:min(100% - 28px,1120px)!important}
  .project-spotlight-card{grid-template-columns:1fr!important;gap:22px!important;padding:20px!important}
  .project-spotlight-copy{order:1!important}
  .project-spotlight-visual{order:2!important;width:100%!important}
}
@media(max-width:360px){
  .site-header .head{padding:0 10px!important;gap:8px!important}
  .site-header .brand img{width:86px!important;max-width:86px!important}
  .site-header .nav{gap:7px!important}
  .site-header .lang-switch{gap:6px!important}
  .site-header .lang-switch a{font-size:10.5px!important}
  .site-header .nav-cta{flex-basis:23px!important;width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important}
  .site-header .nav-cta .wa-svg{width:20px!important;height:20px!important}
}

/* /assets/v22.css */
/* Dancau V22 - mobile language selector: letters only, no boxes */
@media (max-width: 760px){
  .site-header .lang-switch,
  .site-header .lang-switch a,
  .site-header .lang-switch a:hover,
  .site-header .lang-switch a:focus,
  .site-header .lang-switch a[aria-current="page"]{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline-offset:3px;
    border-radius:0!important;
  }
  .site-header .lang-switch a{color:#f6f5f8!important;opacity:.92!important}
  .site-header .lang-switch a[aria-current="page"]{color:#39D9C5!important;opacity:1!important;text-shadow:0 0 12px rgba(57,217,197,.28)}
}


/* V23 visual consistency: Dancau turquoise signature */
.site-header .brand{position:relative}
.site-header .brand::after{content:"";width:7px;height:7px;border-radius:50%;background:#39D9C5;display:block;margin-left:3px;box-shadow:0 0 12px rgba(57,217,197,.25)}
.nav .nav-cta,.wa-float{background:#39D9C5!important;border-color:#39D9C5!important;color:#071816!important}
.nav .nav-cta:hover,.wa-float:hover{background:#73E8DA!important;border-color:#73E8DA!important;color:#071816!important}
@media(max-width:760px){.site-header .brand::after{width:6px;height:6px;margin-left:2px}}

/* /assets/v24.css */
/* Dancau V24: final multilingual, header and control polish */
:root{
  --dancau-turquoise:#39D9C5;
  --dancau-turquoise-soft:#73E8DA;
  --dancau-ink:#071816;
}

/* Shared desktop pointer follower. v24.js creates it on pages that do not load v6.js. */
.v6-cursor{position:fixed;z-index:10000;left:-10px;top:-10px;width:20px;height:20px;border:1px solid rgba(57,217,197,.78);border-radius:50%;pointer-events:none;opacity:0;transition:width .25s cubic-bezier(.2,.75,.25,1),height .25s cubic-bezier(.2,.75,.25,1),left .25s cubic-bezier(.2,.75,.25,1),top .25s cubic-bezier(.2,.75,.25,1),background .25s ease,opacity .25s ease;mix-blend-mode:difference}
.v6-cursor.on{opacity:.9}.v6-cursor.hot{width:46px;height:46px;left:-23px;top:-23px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.78)}
@media(pointer:coarse),(hover:none){.v6-cursor{display:none!important}}
@media(max-width:800px) and (pointer:fine) and (hover:hover){.v6-cursor{display:block!important}}

/* One logo, one turquoise dot. The dot is part of the SVG. */
.site-header .brand::after,
.top .brand::after{content:none!important;display:none!important}
.site-header .brand,
.top .brand{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;margin:0!important;padding:0!important;text-decoration:none!important}
.site-header .brand img,
.top .brand img{display:block!important;width:108px!important;max-width:108px!important;height:auto!important;max-height:40px!important;margin:0!important;object-fit:contain!important}

/* Stable header structure at every language length. */
.site-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(9,10,12,.96)!important;border-bottom:1px solid rgba(57,217,197,.13)!important;backdrop-filter:blur(14px)!important}
.site-header .wrap.head{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;width:min(calc(100% - 34px),1120px)!important;max-width:1120px!important;min-height:70px!important;height:auto!important;margin-inline:auto!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important;isolation:isolate!important}
.site-header .nav{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:24px!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;white-space:nowrap!important}
.site-header .nav>a{display:inline-flex!important;align-items:center!important;padding:8px 0!important;color:#dfe7e6!important;font-size:13px!important;font-weight:560!important;line-height:1.2!important;text-decoration:none!important;border-radius:0!important;transition:color .2s ease!important}
.site-header .nav>a:hover,
.site-header .nav>a[aria-current="page"]{color:var(--dancau-turquoise)!important}
.header-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;min-width:max-content!important}

/* Language selector: compact text, never a stretched pill. */
.site-header .lang-switch{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;white-space:nowrap!important}
.site-header .lang-switch a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;padding:5px 0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#c9d0cf!important;font-size:11px!important;font-weight:700!important;line-height:1!important;letter-spacing:.08em!important;text-decoration:none!important;opacity:.76!important}
.site-header .lang-switch a:hover{color:#fff!important;opacity:1!important}
.site-header .lang-switch a[aria-current="page"]{color:var(--dancau-turquoise)!important;background:transparent!important;opacity:1!important}
.site-header .lang-switch a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--dancau-turquoise)}

/* Header WhatsApp: turquoise icon with a square hit area, not an oval button. */
.site-header .nav-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  margin:0!important;padding:0!important;border:1px solid rgba(57,217,197,.28)!important;border-radius:8px!important;
  background:transparent!important;color:var(--dancau-turquoise)!important;box-shadow:none!important;font-size:0!important;
  transform:none!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important
}
.site-header .nav-cta:hover{background:rgba(57,217,197,.10)!important;border-color:rgba(57,217,197,.58)!important;color:var(--dancau-turquoise-soft)!important;transform:translateY(-1px)!important}
.site-header .nav-cta .wa-svg{display:block!important;width:22px!important;height:22px!important;margin:0!important;stroke:currentColor!important;stroke-width:1.9!important}

.site-header .mobile-toggle{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Buttons: deliberate rounded rectangles. No pill/egg shapes. */
.button,
.button.secondary,
.button.button-secondary,
.seo-focus-links .button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:11px 18px!important;border-radius:7px!important;
  line-height:1.2!important;white-space:normal!important;text-align:center!important;
  transform:none!important
}
.button:hover,
.button.secondary:hover,
.button.button-secondary:hover{transform:translateY(-1px)!important}

/* Featured project: complete copy and a stable CTA layout. */
.project-spotlight-card{grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr)!important;gap:clamp(34px,4vw,58px)!important;align-items:center!important}
.project-spotlight-copy h2{max-width:520px!important;text-wrap:balance!important}
.project-spotlight-copy>p{max-width:550px!important}
.project-spotlight-links{display:flex!important;align-items:center!important;gap:14px 20px!important;flex-wrap:wrap!important;margin-top:24px!important}
.project-spotlight-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:42px!important;padding:10px 16px!important;border:1px solid var(--dancau-turquoise)!important;border-radius:7px!important;
  background:var(--dancau-turquoise)!important;color:var(--dancau-ink)!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important;
  text-decoration:none!important;white-space:normal!important;box-shadow:none!important;transform:none!important
}
.project-spotlight-link:hover{background:var(--dancau-turquoise-soft)!important;border-color:var(--dancau-turquoise-soft)!important;color:var(--dancau-ink)!important;transform:translateY(-1px)!important}
.project-spotlight-secondary{
  display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:8px 2px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#b9b3c0!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;
  text-decoration:none!important;white-space:normal!important;transform:none!important
}
.project-spotlight-secondary:hover{color:#fff!important;transform:none!important}
.project-spotlight-visual{border-radius:8px!important}

/* Turquoise WhatsApp treatment outside the header. */
.footer-v34-wa{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(57,217,197,.24)!important;border-radius:8px!important;background:transparent!important;color:var(--dancau-turquoise)!important}
.footer-v34-wa:hover{background:rgba(57,217,197,.10)!important;color:var(--dancau-turquoise-soft)!important}
.footer-v34-wa .footer-wa-icon{width:21px!important;height:21px!important;stroke:currentColor!important}
.wa-float{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border-radius:50%!important;background:var(--dancau-turquoise)!important;border:0!important;color:var(--dancau-ink)!important}
.wa-float:hover{background:var(--dancau-turquoise-soft)!important;color:var(--dancau-ink)!important}

/* Footer language and legal links remain readable at narrow widths. */
.footer-v34-row{align-items:center!important}
.footer-v34-legal{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px 20px!important;flex-wrap:wrap!important}

@media(max-width:900px){
  .site-header .wrap.head{gap:16px!important}
  .site-header .nav{gap:16px!important}
  .site-header .nav>a{font-size:12.5px!important}
  .site-header .brand img{width:100px!important;max-width:100px!important}
  .project-spotlight-card{grid-template-columns:minmax(250px,.86fr) minmax(360px,1.14fr)!important;gap:28px!important}
}

@media(max-width:760px){
  .site-header .wrap.head{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:60px!important;height:60px!important;margin:0!important;padding:0 14px!important;overflow:visible!important}
  .site-header .brand img{width:88px!important;max-width:88px!important;max-height:28px!important}
  .header-tools{grid-column:3!important;display:flex!important;align-items:center!important;gap:20px!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .nav{display:none!important}
  .site-header .nav.open{display:none!important}
  .site-header .nav-cta{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;flex-basis:31px!important}
  .site-header .nav-cta .wa-svg{width:20px!important;height:20px!important}
  .site-header .lang-switch{gap:8px!important}
  .site-header .lang-switch a{font-size:10.5px!important;min-width:18px!important}
  .project-spotlight-card{grid-template-columns:1fr!important;gap:22px!important;padding:20px!important}
  .project-spotlight-copy h2{font-size:clamp(27px,8vw,36px)!important}
  .project-spotlight-links{align-items:stretch!important}
  .project-spotlight-link{width:auto!important;max-width:100%!important}
  .project-spotlight-secondary{min-height:auto!important;padding:8px 0!important}
  .footer-v34-row{gap:20px!important}
}
@media(max-width:390px){
  .site-header .wrap.head{padding-inline:10px!important;gap:8px!important}
  .site-header .brand img{width:80px!important;max-width:80px!important}
  .header-tools{gap:20px!important}
  .site-header .lang-switch{gap:6px!important}
  .site-header .lang-switch a{font-size:10px!important;min-width:17px!important}
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav-cta,.button,.project-spotlight-link,.project-spotlight-visual,.wa-float{transition:none!important;transform:none!important}
}

/* Complete footer styles are kept here as well so legal pages do not depend on the main stylesheet. */
.footer-v34{
  margin:0!important;padding:14px 0!important;border-top:1px solid rgba(57,217,197,.14)!important;
  background:#090a0c!important;color:#aeb0ba!important
}
.footer-v34 .wrap{width:min(calc(100% - 34px),1120px)!important;margin-inline:auto!important}
.footer-v34-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px 18px!important;flex-wrap:wrap!important}
.footer-v34-brand{flex:0 0 auto!important;color:#f7f7f5!important;font-size:19px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.075em!important;text-decoration:none!important;white-space:nowrap!important}
.footer-v34-brand span{color:var(--dancau-turquoise)!important;margin-left:.16em!important}
.footer-v34-legal{margin-left:auto!important}
.footer-v34-legal a{color:#bcbac3!important;font-size:12px!important;line-height:1.35!important;text-decoration:none!important;white-space:nowrap!important}
.footer-v34-legal a:hover{color:var(--dancau-turquoise)!important}
.footer-v42-copy{color:#8f929a!important;font-size:11px!important;white-space:nowrap!important}

.redirect-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:#090a0c;color:#f6f5f8;font:500 17px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.redirect-page a{color:var(--dancau-turquoise)}

/* The legal layout has its own light content area; keep the shared header/footer compact and readable. */
body:has(.content) .site-header .wrap.head{width:min(calc(100% - 34px),1120px)!important}
body:has(.content) .footer-v34 .wrap{width:min(calc(100% - 34px),900px)!important}

@media(max-width:760px){
  .footer-v34{padding:16px 0 calc(78px + env(safe-area-inset-bottom))!important}
  .footer-v34-row{justify-content:center!important;gap:10px 14px!important}
  .footer-v34-legal{width:100%!important;margin-left:0!important;gap:8px 14px!important}
}

/* V28: present website creation as the main offer and keep the Laura case study secondary. */
.web-package{padding-block:72px!important}
.web-package-panel{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.web-package-panel>h2{max-width:780px!important;margin-top:10px!important;margin-bottom:16px!important}
.web-package-panel>.section-intro{max-width:760px!important}
.web-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:28px!important}
.web-package-grid article{padding:20px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:rgba(9,12,14,.62)!important}
.web-package-grid h3{margin:0 0 9px!important;font-size:18px!important}
.web-package-grid p{margin:0!important;color:var(--muted)!important;font-size:15px!important}
.web-package-note{margin-top:22px!important;max-width:850px!important}
.web-package .actions{margin-top:22px!important}
.web-package-detail{padding-top:54px!important}
.laura-case-compact{padding-block:38px!important}
.laura-case-compact-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.laura-case-compact-card h2{margin:6px 0 8px!important;font-size:clamp(24px,3vw,34px)!important}
.laura-case-compact-card p{max-width:660px!important;margin:0!important;color:var(--muted)!important}
.laura-case-compact-card .project-spotlight-secondary{flex:0 0 auto!important}
@media(max-width:760px){.web-package{padding-block:48px!important}.web-package-grid{grid-template-columns:1fr!important;gap:10px!important}.laura-case-compact-card{display:block!important;padding:0!important}.laura-case-compact-card .project-spotlight-secondary{margin-top:18px!important}}
/* V29 website package and independent turquoise brand dot. */
.web-package-price{display:flex!important;align-items:baseline!important;gap:14px!important;margin:24px 0 8px!important;color:var(--muted)!important}
.web-package-price strong{color:var(--dancau-turquoise)!important;font-size:clamp(30px,4vw,42px)!important;line-height:1!important;letter-spacing:-.04em!important}
.web-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.site-header .brand img,.top .brand img{width:108px!important;max-width:108px!important;height:auto!important;max-height:40px!important;margin:0!important;object-fit:contain!important}
.site-header .brand .brand-dot,.top .brand .brand-dot{display:block!important;flex:0 0 9px!important;width:9px!important;height:9px!important;margin-left:-4px!important;border-radius:50%!important;background:var(--dancau-turquoise)!important}
@media(max-width:900px){.site-header .brand img{width:100px!important;max-width:100px!important}}
@media(max-width:760px){.site-header .brand img{width:88px!important;max-width:88px!important;max-height:28px!important}.site-header .brand .brand-dot{flex-basis:12px!important;width:12px!important;height:12px!important;margin-left:-3px!important}.web-package-grid{grid-template-columns:1fr!important}}
@media(max-width:390px){.site-header .brand img{width:80px!important;max-width:80px!important}.site-header .brand .brand-dot{flex-basis:11px!important;width:11px!important;height:11px!important}}
/* V30: reserve visible space for the brand dot on narrow iPhone Safari viewports. */
.site-header .brand,.top .brand{position:relative!important;overflow:visible!important;width:auto!important;max-width:none!important;padding-right:12px!important;box-sizing:content-box!important}
.site-header .brand .brand-dot,.top .brand .brand-dot{position:absolute!important;display:block!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;flex:none!important;width:10px!important;height:10px!important;margin:0!important;border-radius:50%!important;background:#39d9c5!important;z-index:2!important}
@media(max-width:760px){.site-header .brand{padding-right:16px!important}.site-header .brand .brand-dot{width:11px!important;height:11px!important;right:1px!important}}
@media(max-width:390px){.site-header .brand{padding-right:16px!important}.site-header .brand .brand-dot{width:11px!important;height:11px!important;right:1px!important}}
/* V31: smaller solid turquoise dot, aligned slightly below the wordmark. */
.site-header .brand .brand-dot,.top .brand .brand-dot{width:8px!important;height:8px!important;right:0!important;top:calc(50% + 3px)!important;transform:translateY(-50%)!important;background:#39d9c5!important;box-shadow:none!important}
@media(max-width:760px){.site-header .brand .brand-dot{width:9px!important;height:9px!important;right:0!important;top:calc(50% + 3px)!important}}
@media(max-width:390px){.site-header .brand .brand-dot{width:9px!important;height:9px!important;right:0!important}}
/* V31: bring legal information pages into the same visual system as the rest of the site. */
body:has(.content) .content{padding:0 0 88px!important;border-top:0!important;background:transparent!important}
body:has(.content) .content>.wrap{width:min(900px,calc(100% - 42px))!important;margin:0 auto!important;padding:clamp(24px,4vw,42px)!important;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(145deg,#151820,#101216)!important}
body:has(.content) .content p{margin:0 0 18px!important;color:var(--muted)!important;font-size:15px!important;line-height:1.8!important}
body:has(.content) .content h2{max-width:none!important;margin:34px 0 13px!important;color:var(--dancau-turquoise)!important;font-size:clamp(21px,2.8vw,29px)!important;line-height:1.2!important;letter-spacing:-.035em!important}
body:has(.content) .content h3{margin:25px 0 9px!important;color:var(--ink)!important;font-size:18px!important;letter-spacing:-.02em!important}
body:has(.content) .content strong{color:var(--ink)!important;font-weight:700!important}
body:has(.content) .content a{color:var(--dancau-turquoise)!important;text-decoration:underline!important;text-underline-offset:3px!important}
body:has(.content) .content ul,body:has(.content) .content ol{margin:0 0 20px!important;padding-left:24px!important;color:var(--muted)!important}
body:has(.content) .content li{padding-left:4px!important;margin:0 0 8px!important;line-height:1.75!important}
body:has(.content) .content>.wrap>p:first-child{padding-left:16px!important;border-left:2px solid var(--dancau-turquoise)!important}
@media(max-width:760px){body:has(.content) .content{padding-bottom:54px!important}body:has(.content) .content>.wrap{width:calc(100% - 32px)!important;padding:22px 19px!important;border-radius:12px!important}body:has(.content) .content h2{margin-top:28px!important}}

/* V32: lower the turquoise brand dot slightly in every header size. */
.site-header .brand .brand-dot,.top .brand .brand-dot{top:calc(50% + 5px)!important}
@media(max-width:760px){.site-header .brand .brand-dot{top:calc(50% + 5px)!important}}
@media(max-width:390px){.site-header .brand .brand-dot{top:calc(50% + 5px)!important}}


/* /assets/commitments.css */
/* Clear contrast for the project commitments cards */
#compromisos .commitment-card h3 { color: #f4efe5; }
#compromisos .commitment-card p { color: #c6c7ce; }


/* /assets/accessibility.css */
/* Keyboard-only access; preserve the existing layout and pointer decisions. */
.skip-link{position:fixed;top:-100px;left:16px;z-index:20000;padding:12px 18px;background:#39d9c5;color:#071816;border-radius:7px;font-weight:700}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid #39d9c5;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v6-cursor{display:none!important}}
.breadcrumbs{padding-top:24px;font-size:.9rem;overflow-wrap:anywhere}
.text-content{max-width:75ch}
.section li{margin-block:.65em}
.section-cream p,.section-cream .section-intro{color:#394346!important}
.section-cream .eyebrow{color:#00695c!important}
.footer-v34-legal a,.lang-switch a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:640px){.section h1{overflow-wrap:anywhere}.footer-v34-row{flex-wrap:wrap}.footer-v34-legal{flex-wrap:wrap}}
@media(max-width:760px){
 .site-header .mobile-toggle{display:inline-flex!important;grid-column:2;grid-row:1;justify-self:end;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:6px;border:1px solid #39d9c5;border-radius:6px;background:#090a0c;color:#dfe7e6;font:inherit;font-size:12px}
 .site-header .header-tools{gap:8px!important}
 .site-header .lang-switch{gap:2px!important}
 .site-header .lang-switch a{min-width:24px!important;min-height:44px!important}
 .site-header .nav-cta{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
 .site-header .nav.open{display:flex!important;position:absolute!important;top:60px!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;background:#090a0c!important;padding:12px 20px!important;gap:0!important;border-bottom:1px solid #39d9c5!important;max-height:calc(100dvh - 60px);overflow-y:auto!important}
 .site-header .nav.open{width:100%!important;max-width:none!important;box-sizing:border-box!important}
 .site-header .nav.open>a:not(.nav-cta){display:flex!important;min-height:44px!important}
}

/* /assets/redesign.css */
/* Dancau · identidad editorial directa, 2026 */
:root {
  color-scheme: dark;
  --bg: #0c0e12;
  --soft: #151820;
  --panel: #191c24;
  --ink: #f3f3f6;
  --muted: #a3a9b6;
  --line: #2d3039;
  --accent: #39d9c5;
  --accent-strong: #20bfae;
  --accent-ink: #071c1a;
  --cream: #f5f1e8;
  --cream-ink: #192523;
  --cream-muted: #40504a;
  --measure: 72rem;
  --reading: 68ch;
  --space-section: clamp(2.5rem, 5vw, 4.5rem);
  --radius: 0.45rem;
  --shadow-soft: 0 24px 60px rgb(0 0 0 / 20%);
  --ease: cubic-bezier(.2, .7, .2, 1);
}
:root { --accent: #39d9c5 !important; --accent-strong: #20bfae !important; }

html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--ink); }
::selection { background: var(--accent); color: var(--accent-ink); }
.wrap { width: min(var(--measure), calc(100% - 3rem)); }
.site-header { background: rgb(12 14 18 / 96%); border-bottom: 1px solid var(--line); }
.brand-dot { color: var(--accent); }
.site-header .brand .brand-dot, .top .brand .brand-dot { background: var(--accent) !important; }
.nav { gap: clamp(.7rem, 1.5vw, 1.45rem); }
.nav a { color: var(--muted); }
.nav a:hover, .nav a[aria-current="page"] { color: var(--ink); }
.nav .nav-cta, .button:not(.secondary) { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.site-header .nav-cta, .header-tools .nav-cta, .nav .nav-cta, .button:not(.secondary) { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--accent-ink) !important; }
.nav .nav-cta:hover, .button:not(.secondary):hover { background: var(--accent-strong); border-color: var(--accent-strong); color: var(--accent-ink); }
.site-header .nav-cta:hover, .header-tools .nav-cta:hover, .button:not(.secondary):hover { background: var(--accent-strong) !important; border-color: var(--accent-strong) !important; color: var(--accent-ink) !important; }
.lang-switch a[aria-current="page"] { color: var(--accent) !important; }
.lang-switch a[aria-current="page"]::after { background: var(--accent) !important; }
.button, .nav a, .card, .location-card, .step, .faq details { transition-duration: 180ms; }
.button { border-radius: 3px; }
.button.secondary { color: var(--ink); border-color: var(--line); }
.button.secondary:hover { border-color: var(--accent); background: rgb(243 160 135 / 8%); }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.skip-link:focus { background: var(--accent); color: var(--accent-ink); }

.hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(4.5rem, 10vw, 9rem) 0 clamp(3.5rem, 7vw, 6.25rem); background: var(--bg); }
.hero::after { content: ""; position: absolute; z-index: -1; top: 12%; right: -10rem; width: clamp(18rem, 38vw, 35rem); aspect-ratio: 1; border: 1px solid rgb(57 217 197 / 20%); border-radius: 50%; box-shadow: 0 0 0 3rem rgb(57 217 197 / 3%), 0 0 0 7rem rgb(57 217 197 / 2%); pointer-events: none; }
.hero .wrap { position: relative; }
.hero .eyebrow, .service-hero .eyebrow, .eyebrow, .num, .location-tag, .breadcrumb-current { color: var(--accent) !important; letter-spacing: .14em; }
.section-cream .eyebrow, .section-cream .num, .section-cream .step span, .section-cream a { color: #176b61 !important; }
.hero h1 { max-width: 13ch; margin: 1rem 0 1.5rem; color: var(--ink); font-size: clamp(3.15rem, 8.5vw, 7.4rem); line-height: .99; letter-spacing: -.075em; text-wrap: balance; }
.hero h1 .headline-lila { color: var(--accent) !important; }
.hero .lead { max-width: 60ch; color: var(--muted); font-size: clamp(1.08rem, 1.7vw, 1.32rem); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-top: 2rem; }
.hero-places { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem 1.15rem; margin: clamp(2.4rem, 5vw, 4.6rem) 0 0; padding: 1.2rem 0 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }
.hero-places strong { color: var(--accent); font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; }
.hero-places a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.hero-places a:hover { color: var(--ink); }

.section { padding: var(--space-section) 0; border-top: 1px solid var(--line); }
.section h2 { max-width: 18ch; margin: .5rem 0 1rem; color: var(--ink); font-size: clamp(2.1rem, 5vw, 4rem); line-height: 1.06; letter-spacing: -.06em; text-wrap: balance; }
.section-intro, .lead { max-width: var(--reading); color: var(--muted); line-height: 1.75; }
.eyebrow, .num, .location-tag, .breadcrumb-current { color: var(--accent); }
.card, .location-card, .step, .faq details, .web-package-panel { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.card, .location-card { padding: 1.5rem 0; }
.card:hover, .location-card:hover, .step:hover { transform: none; border-color: var(--accent); background: transparent; box-shadow: none; }
.card h3, .location-card h3, .step h3 { color: var(--ink); }
.card p, .location-card p, .step p { color: var(--muted); }
.service-orbit-v16 { display: flex; min-height: 0; max-width: 60rem; justify-content: center; align-items: center; gap: clamp(1.5rem, 5vw, 5rem); margin: 2.5rem auto 0; }
.service-orbit-v16 .service-bubble { position: relative !important; inset: auto !important; flex: 0 0 clamp(17.5rem, 31vw, 24rem); width: clamp(17.5rem, 31vw, 24rem) !important; height: clamp(17.5rem, 31vw, 24rem) !important; min-height: 0; padding: clamp(2rem, 4vw, 3rem); border: 1px solid #31534e; border-radius: 50% !important; background: radial-gradient(circle at 34% 28%, #16302c, #111519 74%); color: var(--ink); text-align: center; box-shadow: inset 0 0 0 8px #0c0e12, inset 0 0 0 9px #253532; }
.service-bubble strong { display: block; max-width: none; margin: 0 0 .8rem; color: var(--ink); font-size: clamp(1.5rem, 3vw, 2.35rem); letter-spacing: -.045em; }
.service-bubble small { display: block; max-width: 24ch; color: var(--muted); font-size: .98rem; line-height: 1.65; }
.service-bubble::after { content: none !important; }
.service-orbit-v16 .service-bubble:hover { transform: scale(1.035) !important; border-color: var(--accent); background: radial-gradient(circle at 34% 28%, #193934, #111519 74%); }
.service-orbit-v16 .service-bubble:hover strong { color: var(--accent); }
.section-cream { color: var(--cream-ink); background: var(--cream); border-color: #d3cec3; }
.section-cream h2, .section-cream h3, .section-cream .card h3 { color: var(--cream-ink); }
.section-cream .eyebrow, .section-cream .num, .section-cream .step span, .section-cream a { color: #176b61; }
.section-cream p, .section-cream .lead, .section-cream .section-intro, .section-cream .card p { color: var(--cream-muted); }
.section-cream .card, .section-cream .location-card, .section-cream .step, .section-cream .faq details { border-color: #b9b6aa; }
.section-cream .button:not(.secondary) { color: var(--cream); background: var(--cream-ink); border-color: var(--cream-ink); }
.section-cream .button.secondary { color: var(--cream-ink); border-color: #69736b; }
.project-spotlight-card { padding: clamp(1.5rem, 4vw, 3rem) 0; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.project-spotlight-copy .eyebrow, .project-spotlight-link { color: var(--accent); }
.project-spotlight-visual { border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow-soft); }
.project-window-bar { background: var(--panel); }
.project-spotlight-arrow { background: var(--accent); color: var(--accent-ink); }
.faq details { padding: 1.15rem 0; }
.faq summary { color: var(--ink); font-size: 1.08rem; }
.faq details p { max-width: var(--reading); color: var(--muted); }
.breadcrumbs { color: var(--muted); }
.breadcrumbs a { color: var(--muted); }
.footer, .footer-v34 { background: #191f1c; border-color: var(--line); }
.footer a, .footer-v34-legal a { color: var(--muted); }
.footer-v34-brand span { color: var(--accent); }
.wa-float { background: var(--accent) !important; color: var(--accent-ink) !important; border: 0; border-radius: 50% !important; box-shadow: var(--shadow-soft); }
.wa-float:hover { background: var(--accent-strong); color: var(--accent-ink); }

.design-note { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .6fr); align-items: end; gap: 2rem; margin-top: clamp(2rem, 5vw, 4rem); padding: 1.4rem 0 0; border-top: 1px solid var(--line); }
.design-note-label { color: var(--accent); font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.design-note p { max-width: 32ch; margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.65; }
.design-note strong { color: var(--ink); }
.process-line { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: 1.8rem; color: var(--ink); }
.process-line span { padding: .6rem .85rem; border: 1px solid var(--line); border-radius: 99px; }
.process-line b { color: var(--accent); font-weight: 500; }

@media (max-width: 760px) {
  .wrap { width: min(var(--measure), calc(100% - 2.25rem)); }
  .hero { padding: 4.25rem 0 3.5rem; }
  .hero::after { top: 31%; right: -15rem; opacity: .7; }
  .hero h1 { max-width: 12ch; font-size: clamp(3rem, 12.8vw, 5.1rem); }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { flex: 1 1 100%; justify-content: center; min-height: 48px; }
  .hero-places { gap: .7rem 1rem; }
  .service-orbit-v16 { flex-direction: column; gap: 1rem; margin-top: 1.8rem; }
  .service-orbit-v16 .service-bubble { flex: 0 0 min(78vw, 20rem); width: min(78vw, 20rem) !important; height: min(78vw, 20rem) !important; }
  .design-note { grid-template-columns: 1fr; gap: .75rem; }
  .process-line { gap: .5rem; }
  .process-line span { font-size: .88rem; }
  .site-header { backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* /assets/consent.css */
/* Compact, non-modal and in normal flow: no overlay or covered page content. */
.consent-notice{display:none;position:relative;z-index:20;scroll-margin-top:90px;background:#151820;color:#f3f3f6;border-bottom:1px solid #414956;font:400 .875rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-analytics-consent="prompt"] .consent-notice{display:block}
.consent-notice .consent-inner{width:min(72rem,calc(100% - 2rem));margin:auto;padding:12px 0;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.consent-notice .consent-copy{flex:1 1 25rem;margin:0!important;max-width:65ch;color:#d1d6df!important;font-size:.875rem;line-height:1.5}
.consent-notice a{color:#73e8da!important;text-underline-offset:.18em}
.consent-notice .consent-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.consent-notice button{font:600 .8125rem/1.2 system-ui,sans-serif;border:1px solid #76808f;border-radius:5px;background:#151820;color:#f3f3f6;min-height:44px;padding:10px 14px;cursor:pointer}
.consent-notice button:hover{border-color:#39d9c5;background:#233132}
.consent-notice button:active{background:#304142}
.consent-notice button:focus-visible,.consent-notice input:focus-visible{outline:3px solid #39d9c5;outline-offset:3px}
.consent-notice .consent-options{flex:1 0 100%;padding-top:8px;border-top:1px solid #414956;color:#d1d6df}
.consent-notice .consent-options label{display:flex;align-items:center;gap:10px;font-weight:650;color:#f3f3f6;min-height:44px}
.consent-notice input{accent-color:#39d9c5;width:20px;height:20px;margin:0}
.consent-notice .consent-options p{margin:0 0 8px;font-size:.8125rem;max-width:78ch}
.consent-notice [hidden]{display:none!important}
.consent-notice .consent-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.content .comparison-scroll{max-width:100%;overflow-x:auto;margin-block:1.5rem}
.content .comparison-scroll table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.9rem}
.content .comparison-scroll caption{text-align:left;font-weight:700;margin-bottom:.75rem}
.content .comparison-scroll th,.content .comparison-scroll td{padding:.8rem;vertical-align:top;text-align:left;border-bottom:1px solid #69736b}
@media(max-width:760px){.consent-notice .consent-inner{gap:8px;padding:10px 0}.consent-notice .consent-copy{flex-basis:100%;font-size:.8125rem}.consent-notice .consent-actions{gap:6px}.consent-notice button{padding:9px 13px}}