/* Usability layer: preserves the established black, turquoise and gold identity. */
:focus-visible{outline:2px solid var(--turq);outline-offset:5px}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-160%);padding:12px 18px;background:#000;border:2px solid var(--turq);z-index:100;color:#fff}.skip-link:focus{transform:none}#main-content:focus{outline:none}img{max-width:100%}p.eyebrow,.intro-band p.eyebrow{color:var(--turq);text-transform:uppercase}.about-title{font-size:34px;line-height:1.2;letter-spacing:-1.4px}.process .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.option-note{color:var(--muted);font-size:14px;line-height:1.8;max-width:850px;margin:0 0 26px}.option-grid .simple-card{display:flex;flex-direction:column}.option-grid .simple-card .button{margin-top:auto;align-self:flex-start}.option-grid .simple-card p{margin-bottom:24px}.pack h4{font-size:14px;margin:12px 0 0}.pack .pack-purpose{font-size:14px;line-height:1.75;margin-bottom:12px}.pack-purpose strong{font-size:inherit;color:#fff}.pack .pack-inclusions{font-size:14px;line-height:1.8}.pack .note{font-size:12px;line-height:1.7;flex:0}.pack .button{margin-top:auto}#pack-grid .pack:last-child .pack-purpose,#pack-grid .pack:last-child .note{font-size:15px}.legal-copy{max-width:950px}.legal-copy h2{font-size:25px;margin-top:35px}.legal-copy p{line-height:1.85;color:var(--muted)}.selection-jump{display:none}.selection-row button{min-width:44px;min-height:44px}.note{font-size:12px}#feedback,#pack-status{font-size:14px;line-height:1.8}#feedback .button{margin-top:15px}button:disabled{cursor:wait;opacity:.65}.request-basket{min-height:44px;display:flex;align-items:center;justify-content:center}.floating{min-height:44px}.request-basket[hidden]{display:none!important}body{padding-bottom:75px}body:has(#quote-form) .floating{display:none}.metrics-table{border-collapse:collapse;width:100%;margin-top:18px}.metrics-table th,.metrics-table td{padding:12px;text-align:left;border-bottom:1px solid #32433f}.metrics-table th{color:var(--turq)}
@media(min-width:851px) and (max-width:1150px){header{padding-inline:3%;gap:18px}nav{gap:13px;font-size:11px}.brand-name{font-size:16px;letter-spacing:1px}.brand-symbol{width:46px!important;height:46px!important}.button.small{padding:10px 12px}}
@media(min-width:601px){.hero.quote-hero{padding-block:54px;min-height:0}.hero.quote-hero h1{font-size:clamp(40px,4.4vw,64px)}.hero.quote-hero .hero-photo img{height:360px}}
@media(max-width:850px){.process .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-layout{gap:28px}.selection-jump{display:inline-block;margin-bottom:18px}.request-basket{bottom:18px;right:15px}.floating{bottom:18px;right:auto;left:15px}header nav{max-height:calc(100dvh - 77px);overflow:auto}header nav a{min-height:44px;display:flex;align-items:center;width:100%}.quote-section .section-head>p{max-width:none}}
@media(max-width:600px){.hero h1{overflow-wrap:break-word}.hero.quote-hero h1{font-size:clamp(34px,9vw,46px);letter-spacing:-1.5px}.home-page .home-hero h1{font-size:clamp(34px,9vw,52px)}.home-page .home-hero .hero-types{margin-top:64px}.hero .actions{gap:16px}.hero .actions .button{min-height:48px}.hero .intro{font-size:16px}.about-title{font-size:29px}.process .steps{grid-template-columns:1fr;gap:24px}.steps article{border-bottom:1px solid #253535;padding-bottom:16px}.process .steps h3{display:inline-block;margin-left:16px}.process .steps p{font-size:14px}.form-grid{gap:0}input,textarea,select{font-size:16px;min-height:48px}.button,.outline{min-height:46px}#quote-form>.button{width:100%}footer{padding-bottom:65px}.request-basket,.floating{font-size:12px;max-width:calc(50vw - 22px);padding:11px 13px}.summary{padding:24px}.note{font-size:13px}#pack-grid .pack:last-child h3{font-size:clamp(30px,8vw,46px)}.cta h2{font-size:28px}}

.quote-title{font-size:34px;line-height:1.2;letter-spacing:-1.4px}#menu{min-width:44px;min-height:44px}.metrics-table{border-collapse:collapse;width:100%;margin-top:18px}.metrics-table th,.metrics-table td{padding:12px;text-align:left;border-bottom:1px solid #32433f}.metrics-table th{color:var(--turq)}@media(max-width:600px){.quote-title{font-size:29px}}

.service-list-heading{font-size:38px;line-height:1.2}@media(max-width:600px){.service-list-heading{font-size:32px}}
@media(min-width:851px) and (max-width:1050px){header{height:77px}#menu{display:block;background:none;border:0;color:#fff;font-size:24px}header nav{display:none;position:absolute;top:77px;left:0;right:0;background:#080a0a;padding:20px 4.5%;flex-direction:column;align-items:start;max-height:calc(100dvh - 77px);overflow:auto}header nav.open{display:flex}header nav a{min-height:44px;display:flex;align-items:center;width:100%}}

/* Compact WhatsApp mark, retaining the brand turquoise. */
a.floating.whatsapp-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;min-height:56px;max-width:none;padding:14px;border-radius:50%;color:#001e1b}a.whatsapp-icon svg{display:block;width:28px;height:28px;flex-shrink:0}

/* WhatsApp original brand color, with a white mark. */
a.floating.whatsapp-icon{background:#25D366;border-color:#25D366;color:#fff}a.floating.whatsapp-icon:hover{background:#128C7E;border-color:#128C7E;color:#fff}

/* Larger header emblem, preserving its proportions and navigation space. */
header .brand .brand-symbol{width:78px!important;height:78px!important;flex-shrink:0;object-fit:contain}
@media(max-width:1150px){header .brand .brand-symbol{width:68px!important;height:68px!important}}
@media(max-width:600px){header .brand .brand-symbol{width:64px!important;height:64px!important}}

footer .brand .brand-symbol{width:78px!important;height:78px!important;flex-shrink:0;object-fit:contain}
@media(max-width:600px){footer .brand .brand-symbol{width:64px!important;height:64px!important}}

/* Bold navigation labels; retain active and hover colors. */
header #nav>a{font-weight:700}

/* Turquoise words and phrases share the 14px size of PRODUCCIÓN QUE CONECTA.
   Preserve color, typeface and weight; numeric step markers keep their hierarchy. */
body :is(.eyebrow,.category,.tile .num,.text-link,#nav>a.active,#feedback,main em:not(.hero em)){font-size:14px!important}

/* Fixed star layer: anchored to the viewport, including on mobile. */
body{background-image:none!important}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("assets/stars.svg");background-size:960px 960px;background-position:0 0;background-repeat:repeat}
.star-glimmer{animation:none!important;opacity:.25}

/* Emblema del pie más visible y colores originales de redes. */
footer .brand .brand-symbol{width:120px!important;height:120px!important;flex-shrink:0;object-fit:contain}
@media(max-width:600px){footer .brand .brand-symbol{width:100px!important;height:100px!important}}

/* Marca completa del pie ampliada al ancho solicitado. */
footer .brand{width:400px;max-width:100%;gap:18px}
footer .brand .brand-symbol{width:150px!important;height:150px!important}
footer .brand .brand-name{font-size:26px;letter-spacing:2px;white-space:nowrap}
footer .brand .brand-name small{font-size:10px;letter-spacing:5px}
@media(max-width:440px){footer .brand{gap:12px}footer .brand .brand-symbol{width:36vw!important;height:36vw!important;max-width:150px;max-height:150px}footer .brand .brand-name{font-size:clamp(19px,6vw,26px);letter-spacing:1px}footer .brand .brand-name small{font-size:8px;letter-spacing:3.5px}}

/* Mayor presencia de la marca en la cabecera. */
header .brand{gap:16px;flex-shrink:0}
header .brand .brand-symbol{width:108px!important;height:108px!important}
header .brand .brand-name{font-size:24px;letter-spacing:2px;white-space:nowrap}
header .brand .brand-name small{font-size:9px;letter-spacing:5px}
@media(max-width:1150px){header .brand .brand-symbol{width:96px!important;height:96px!important}}
@media(max-width:600px){header .brand{gap:12px}header .brand .brand-symbol{width:84px!important;height:84px!important}header .brand .brand-name{font-size:21px}header .brand .brand-name small{font-size:8px;letter-spacing:4px}}
@media(max-width:360px){header .brand{gap:8px}header .brand .brand-symbol{width:72px!important;height:72px!important}header .brand .brand-name{font-size:18px}header .brand .brand-name small{letter-spacing:3px}}

/* Acceso al catálogo antes de la selección de servicios. */
.catalog-request{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:28px 0 36px;border:1px solid #29423d;border-radius:20px;background:#0b1514}
.catalog-request h3{font:700 20px/1.4 Arial,sans-serif;color:#fff;margin:0 0 8px;letter-spacing:0}
.catalog-request p{font-size:16px;line-height:1.6;margin:0;color:#c6cecc}
.catalog-request a.catalog-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:56px;padding:16px 22px;background:#25D366;color:#fff;font-size:16px;line-height:1.4;font-weight:700;text-align:center;border:0}
.catalog-request a.catalog-whatsapp:hover{background:#128C7E;color:#fff}
.catalog-whatsapp svg{width:24px;height:24px;flex-shrink:0}
@media(max-width:850px){.catalog-request{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.catalog-request{padding:22px 18px}.catalog-request a.catalog-whatsapp{width:100%;font-size:16px;padding:16px 12px}}

/* Claridad comercial: conserva la paleta, las fotografías y la tipografía de marca. */
.home-quote-link{display:inline-block;margin:18px 0 0 20px;min-height:44px;padding-block:12px}
.commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.commercial-grid .simple-card{min-width:0}.commercial-grid h3{margin:0 0 14px}.commercial-grid p{margin-bottom:0}
.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid b{display:block;color:#e8b954;font-size:30px;margin-bottom:18px}
.service-benefit{font-size:16px;line-height:1.8;color:#d7dedc;margin:0 0 30px;max-width:900px}
.service-goals{display:block;margin:28px 0}.service-goals>.eyebrow{margin-bottom:14px}.service-goals>div{display:flex;gap:12px;flex-wrap:wrap}
.service-goals a{display:flex;align-items:center;min-height:48px;padding:12px 18px;border:1px solid #31504a;border-radius:10px;color:#fff;background:#0c1917;font-size:15px;font-weight:700;line-height:1.5}
.service-goals a:hover,.service-guide a:hover{border-color:#20d5d2;color:#20d5d2}
.service-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:32px}
.service-guide article{border:1px solid #29423d;border-radius:14px;padding:20px;background:#091311;scroll-margin-top:160px}
.service-guide h3{font-size:17px;margin:0 0 12px;letter-spacing:0}.service-guide article>div{display:flex;gap:8px 18px;flex-wrap:wrap}
.service-guide a{color:#c4d5d0;font-size:14px;line-height:1.6;display:inline-flex;align-items:center;min-height:44px}
#services-overview .service-category{scroll-margin-top:160px}
.pack .pack-inclusions,.pack .pack-timing{padding-left:20px;margin:12px 0 24px;font-size:14px;line-height:1.8;color:#c2cbc8;flex:none}
.pack .pack-inclusions li,.pack .pack-timing li{margin-bottom:7px}.pack .pack-purpose{margin-top:8px}
.pack-conditions h2{font-size:22px;letter-spacing:0}.pack-conditions p{font-size:14px;line-height:1.8}
#pack-grid .pack:last-child>ul{font-size:15px}#pack-grid .pack:last-child .button{align-self:flex-start}
.contact-details a:not(.social-links a){overflow-wrap:anywhere}.contact-grid .contact-whatsapp{display:inline-flex;width:auto;min-height:48px;margin:0}.contact-details h2{font-size:25px}.contact-details p{font-size:15px}
.quote-first{padding-top:42px}.quote-first>.quote-title{font-size:clamp(26px,3vw,38px);margin:12px 0 18px}.quote-intro{font-size:16px;line-height:1.7;color:#c2cbc8;max-width:850px;margin-bottom:28px}
.quote-first .quote-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:start;gap:30px}
.quote-first .request-summary{grid-column:2;grid-row:1;position:sticky;top:150px;margin:0;padding:24px;min-width:0}
.quote-first .request-form-wrap{grid-column:1;grid-row:1;min-width:0}.request-summary h2{font-size:21px;letter-spacing:0;margin:0 0 20px}.request-summary .selection-row{font-size:15px;line-height:1.6;gap:10px}.request-summary .selection-row>span{overflow-wrap:anywhere}.request-summary .selection-row button{flex-shrink:0}
.quote-first #quote-form{margin:0}.quote-first #quote-form>.note:first-child{margin-top:0}.quote-first .form-grid label,.quote-first .date-field{font-size:15px;line-height:1.6}
.date-field>label:first-child{display:block}.date-field input[type=date]{width:100%;margin-top:8px}.date-field small{display:block;color:#aebbb6;font-size:13px;margin-top:8px}
.date-field .checkbox-label{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:15px;cursor:pointer}
.date-field .checkbox-label input{width:20px;height:20px;padding:0;margin:0;accent-color:#20d5d2;flex-shrink:0}.date-field input:disabled{opacity:.45}
#feedback.request-success{border:1px solid #347969;border-radius:14px;padding:22px;background:#0c211b;margin-top:22px}#feedback h2{font-size:22px;line-height:1.5;letter-spacing:0;margin:0 0 14px}#feedback p{font-size:15px;line-height:1.8}#feedback .note{font-size:13px}
.request-next{margin-top:45px;padding-top:30px;border-top:1px solid #29423d}.request-next h2{font-size:25px;letter-spacing:0}.request-next ol{padding-left:24px;max-width:950px}.request-next li{color:#c2cbc8;font-size:15px;line-height:1.8;margin-bottom:18px}.request-next strong{color:#fff}
@media(max-width:850px){.commercial-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-first .quote-layout{grid-template-columns:1fr}.quote-first .request-summary{grid-column:1;grid-row:1;position:static}.quote-first .request-form-wrap{grid-column:1;grid-row:2}.service-guide article{scroll-margin-top:140px}}
@media(max-width:600px){.process-grid,.service-guide{grid-template-columns:1fr}.service-goals>div{display:grid;grid-template-columns:1fr}.service-goals a{font-size:15px}.service-guide{gap:12px}.service-guide article{padding:18px}.quote-first{padding-top:28px}.quote-first>.quote-title{font-size:25px}.quote-first .request-summary{padding:20px}.home-quote-link{display:block;margin-left:0}.quote-first .form-grid{grid-template-columns:1fr}}
.service-goals{position:static;inset:auto;padding:0;background:none;width:auto;max-height:none;overflow:visible}