@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/wp-content/eco-assets/fonts/dm-sans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url('/wp-content/eco-assets/fonts/dm-sans-italic.woff2') format('woff2')}
/* Self-hosted fonts (Latin subset, variable): Google Fonts links were being dropped for logged-out visitors. */
/* Ecoartes motion layer: static rules for the GSAP-driven page. Motion itself lives in eco.js. */
body.eco-page{background:var(--eco-bg,#343635);-webkit-font-smoothing:antialiased}
body.eco-page ::selection{background:var(--eco-cream,#f7f7ef);color:var(--eco-bg,#343635)}

/* emphasised serif word inside big titles */
.eco-title em,[data-eco-lines] em,.eco-seg em{font-family:var(--eco-font-serif,'DM Sans',sans-serif);font-style:italic;font-weight:600;letter-spacing:-.02em}

/* line-by-line headings: masked lines (GSAP reveals them) */
.eco-line{display:block;overflow:hidden;padding-bottom:.1em}
.eco-line-in{display:block;will-change:transform}
html.eco-js:not(.eco-reduce) [data-eco-lines] .eco-line-in{visibility:hidden}

/* initial hidden states (GSAP takes over) */
html.eco-js:not(.eco-reduce) [data-eco-fade]{opacity:0}
html.eco-js:not(.eco-reduce) [data-eco-logoimg]{clip-path:inset(0 100% 0 0)}
html.eco-js:not(.eco-reduce) [data-eco-hero-section]{--io:0;--iy:20px}
html.eco-js:not(.eco-reduce) [data-eco-tcard]{opacity:0}
html.eco-js:not(.eco-reduce) .eco-word{opacity:.14;transition:opacity .25s}

/* hero: 3D stage, rings and orbiting dot (rotation driven by --T from the GSAP ticker) */
[data-eco-hero-section]{perspective:1000px;position:relative}
[data-eco-hero]{will-change:transform;transform-style:preserve-3d}
[data-eco-logo-col]{perspective:900px}
[data-eco-logo3d]{position:relative;transform-style:preserve-3d;will-change:transform}
body.eco-page [data-eco-logo3d]::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(247,247,239,.18);transform:translateZ(-60px) rotate(calc(var(--T,0) * 12deg));pointer-events:none}
body.eco-page [data-eco-logo3d]::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 0,var(--eco-accent,#3c70ff) 0 6px,transparent 7px);transform:translateZ(20px) rotate(calc(var(--T,0) * 0.9rad));pointer-events:none}
[data-eco-logo-inner]{position:relative;transform-style:preserve-3d}
body.eco-page [data-eco-logo-inner]::before{content:'';position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(247,247,239,.22);transform:translateZ(-30px) rotate(calc(var(--T,0) * -18deg));pointer-events:none}
[data-eco-logo-inner] img{transform:translateZ(60px)}
body.eco-page [data-eco-hero-section]::after{content:'';position:absolute;left:50%;bottom:36px;width:1px;height:64px;background:linear-gradient(var(--eco-cream,#f7f7ef),var(--eco-cream,#f7f7ef)) no-repeat 0 var(--sl,-24px)/1px 24px,rgba(247,247,239,.15);opacity:var(--io,1);transform:translateY(var(--iy,0px));pointer-events:none}

/* marquee */
[data-eco-marquee]{display:block;white-space:nowrap;width:max-content}
.eco-track{display:inline-flex;will-change:transform}
.eco-seg{display:inline-flex;align-items:center;gap:.35em;padding-right:.35em}
.eco-seg b{display:inline-block;flex:none;width:.18em;height:.18em;border-radius:50%;background:var(--eco-accent,#3c70ff)}

/* service cards + photo decks */
[data-eco-scard]{transform-origin:50% 0;will-change:transform}
[data-eco-panel]{perspective:1100px}
[data-eco-stack]{transform-style:preserve-3d;will-change:transform}
[data-eco-hcard]{will-change:transform}

/* tunnel */
[data-eco-tunnel-stage]{perspective:900px}
[data-eco-tcards]{transform-style:preserve-3d}
[data-eco-tcard]{will-change:transform,opacity}
[data-eco-tintro]{will-change:transform,opacity}
[data-eco-tbar]{position:relative;overflow:visible}
[data-eco-tbar]::after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:var(--eco-cream,#f7f7ef);transform-origin:left;transform:scaleX(var(--p,0))}

/* magnet */
[data-eco-magnet]{will-change:transform}
.eco-magnet-inner{display:block}

/* reduced motion / no-JS fallbacks */
html.eco-reduce [data-eco-tunnel]{height:auto!important}
html.eco-reduce [data-eco-tunnel-stage]{position:static!important;height:auto!important;overflow:visible!important}
html.eco-reduce [data-eco-tcards]{position:static!important;display:flex;flex-wrap:wrap;gap:24px;padding:24px}
html.eco-reduce [data-eco-tcard]{position:static!important;transform:none!important;opacity:1!important}
html.eco-reduce [data-eco-tintro]{position:static!important}


/* declarations atomic styles cannot hold */
[data-eco-root]{overflow-x:clip}
[data-eco-tintro]{pointer-events:none}
[data-eco-baseline]{align-items:baseline!important}
[data-eco-marquee="1"]{-webkit-text-stroke:1.5px rgba(247,247,239,.5)}
[data-eco-menu]{visibility:hidden}

/* catalog */
[data-eco-tabbar]{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
[data-eco-tilt-wrap]{perspective:1400px}
[data-eco-tilt]{will-change:transform}
.eco-bullet::before{content:'';flex:0 0 5px;width:5px;height:5px;margin-top:9px;border-radius:50%;background:var(--eco-accent,#3c70ff)}
[data-eco-plan-right]{transform-origin:50% 0}
[data-eco-country]{cursor:pointer;transition:background-color .3s,color .3s}
[data-eco-country][aria-pressed="true"]{background-color:var(--eco-cream,#f7f7ef)!important;color:var(--eco-bg,#343635)!important}

/* ===== hero crema + robot cromado (charco de metal) ===== */
body.eco-page [data-eco-hero-section]{background:#eeeeea}
body.eco-page [data-eco-hero-section] [data-eco-lines]{color:#343635!important}
body.eco-page [data-eco-hero]{position:relative;z-index:1}
body.eco-page [data-eco-logoimg]{filter:brightness(0) invert(.09)!important}
body.eco-page [data-eco-logo3d]::before{border:1.5px solid rgba(52,54,53,.55)}
body.eco-page [data-eco-logo-inner]::before{border:1.5px dashed rgba(52,54,53,.6)}
body.eco-page [data-eco-logo3d]::after{inset:-14px;border-radius:50%;background:radial-gradient(circle at 50% 14px,#3c70ff 0 8px,transparent 9px)}
body.eco-page [data-eco-hero-section]::after{background:linear-gradient(#343635,#343635) no-repeat 0 var(--sl,-24px)/1px 24px,rgba(52,54,53,.15)}
/* header sobre el hero crema */
body.eco-hero-light [data-eco-headlogo] img{filter:brightness(0) invert(.09)}
body.eco-hero-light [data-eco-menu-btn]{color:#343635!important;border-color:rgba(52,54,53,.35)!important}
.robot-wrap{position:absolute;right:clamp(-60px,3vw,90px);bottom:clamp(10px,3vh,40px);height:min(44vh,420px,70vw);aspect-ratio:900/1349;pointer-events:none;z-index:0;perspective:1200px}
.puddle{position:absolute;left:50%;bottom:-2%;width:150%;aspect-ratio:6/1;margin-left:-75%;transform:scale(0);filter:url(#liquidP)}
.puddle-base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#fbfcfd 0%,#c9cdd2 22%,#7d838a 46%,#2a2d31 66%,#b9bec4 82%,#6e737a 100%);box-shadow:0 18px 30px -12px rgba(52,54,53,.35)}
.puddle-hi{position:absolute;left:14%;top:18%;width:38%;height:26%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95),rgba(255,255,255,0) 70%)}
.puddle-lo{position:absolute;right:16%;bottom:20%;width:30%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(20,22,25,.7),rgba(20,22,25,0) 70%)}
.robot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 96%;clip-path:inset(100% 0 0 0);filter:url(#liquidR);opacity:0;will-change:transform,clip-path}
@media (max-width:600px){.robot-wrap{height:min(30vh,260px);right:-20px}}
/* hero title: lineas verticales mas juntas sin recortar (padding extra dentro de la mascara, compensado con margen negativo) */
body.eco-page [data-eco-hero-section] [data-eco-lines]{line-height:.68!important}
body.eco-page [data-eco-hero-section] .eco-line{padding:.12em 0 .3em;margin:-.1em 0 -.28em}
body.eco-page [data-eco-hero-section].eco-unmask .eco-line{overflow:visible}

/* catalog: WhatsApp quote button */
[data-eco-wa]{display:inline-flex!important;align-items:center;gap:10px}
[data-eco-wa]::before{content:'';width:22px;height:22px;flex:0 0 22px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M20.5,3.5C18.25,1.25,15.2,0,12,0C5.41,0,0,5.41,0,12c0,2.11,0.65,4.11,1.7,5.92L0,24l6.33-1.55C8.08,23.41,10,24,12,24c6.59,0,12-5.41,12-12C24,8.81,22.76,5.76,20.5,3.5z M12,22c-1.78,0-3.48-0.59-5.01-1.49l-0.36-0.22l-3.76,0.99l1-3.67l-0.24-0.38C2.64,15.65,2,13.88,2,12C2,6.52,6.52,2,12,2c2.65,0,5.2,1.05,7.08,2.93S22,9.35,22,12C22,17.48,17.47,22,12,22z M17.5,14.45c-0.3-0.15-1.77-0.87-2.04-0.97c-0.27-0.1-0.47-0.15-0.67,0.15c-0.2,0.3-0.77,0.97-0.95,1.17c-0.17,0.2-0.35,0.22-0.65,0.07c-0.3-0.15-1.26-0.46-2.4-1.48c-0.89-0.79-1.49-1.77-1.66-2.07c-0.17-0.3-0.02-0.46,0.13-0.61c0.13-0.13,0.3-0.35,0.45-0.52s0.2-0.3,0.3-0.5c0.1-0.2,0.05-0.37-0.02-0.52C9.91,9.02,9.31,7.55,9.06,6.95c-0.24-0.58-0.49-0.5-0.67-0.51C8.22,6.43,8.02,6.43,7.82,6.43S7.3,6.51,7.02,6.8C6.75,7.1,5.98,7.83,5.98,9.3c0,1.47,1.07,2.89,1.22,3.09c0.15,0.2,2.11,3.22,5.1,4.51c0.71,0.31,1.27,0.49,1.7,0.63c0.72,0.23,1.37,0.2,1.88,0.12c0.57-0.09,1.77-0.72,2.02-1.42c0.25-0.7,0.25-1.3,0.17-1.42C18,14.68,17.8,14.6,17.5,14.45z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M20.5,3.5C18.25,1.25,15.2,0,12,0C5.41,0,0,5.41,0,12c0,2.11,0.65,4.11,1.7,5.92L0,24l6.33-1.55C8.08,23.41,10,24,12,24c6.59,0,12-5.41,12-12C24,8.81,22.76,5.76,20.5,3.5z M12,22c-1.78,0-3.48-0.59-5.01-1.49l-0.36-0.22l-3.76,0.99l1-3.67l-0.24-0.38C2.64,15.65,2,13.88,2,12C2,6.52,6.52,2,12,2c2.65,0,5.2,1.05,7.08,2.93S22,9.35,22,12C22,17.48,17.47,22,12,22z M17.5,14.45c-0.3-0.15-1.77-0.87-2.04-0.97c-0.27-0.1-0.47-0.15-0.67,0.15c-0.2,0.3-0.77,0.97-0.95,1.17c-0.17,0.2-0.35,0.22-0.65,0.07c-0.3-0.15-1.26-0.46-2.4-1.48c-0.89-0.79-1.49-1.77-1.66-2.07c-0.17-0.3-0.02-0.46,0.13-0.61c0.13-0.13,0.3-0.35,0.45-0.52s0.2-0.3,0.3-0.5c0.1-0.2,0.05-0.37-0.02-0.52C9.91,9.02,9.31,7.55,9.06,6.95c-0.24-0.58-0.49-0.5-0.67-0.51C8.22,6.43,8.02,6.43,7.82,6.43S7.3,6.51,7.02,6.8C6.75,7.1,5.98,7.83,5.98,9.3c0,1.47,1.07,2.89,1.22,3.09c0.15,0.2,2.11,3.22,5.1,4.51c0.71,0.31,1.27,0.49,1.7,0.63c0.72,0.23,1.37,0.2,1.88,0.12c0.57-0.09,1.77-0.72,2.02-1.42c0.25-0.7,0.25-1.3,0.17-1.42C18,14.68,17.8,14.6,17.5,14.45z'/></svg>") center/contain no-repeat}

/* catalog: selectable package options */
[data-eco-opt]{cursor:pointer;position:relative;transition:border-color .25s,background-color .25s,transform .25s}
[data-eco-opt]:hover{border-color:rgba(247,247,239,.45)!important}
[data-eco-opt]:focus-visible{outline:2px solid #f7f7ef;outline-offset:3px}
[data-eco-opt]::after{content:'';position:absolute;top:18px;right:18px;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(247,247,239,.4);transition:all .25s}
[data-eco-opt][aria-checked=true]{border-color:#f7f7ef!important;background-color:rgba(247,247,239,.08)!important}
[data-eco-opt][aria-checked=true]::after{background:#f7f7ef url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23181614' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;border-color:#f7f7ef}
[data-eco-wa][data-eco-locked='1']{opacity:.55}
@keyframes eco-nudge{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.eco-nudge{animation:eco-nudge .5s ease}

/* glossary page: white */
body:has([data-eco-glossary]){background:#f7f7ef}
body:has([data-eco-glossary]) [data-eco-headlogo] img{filter:brightness(0) invert(.09)}
body:has([data-eco-glossary]) [data-eco-menu-btn]{color:#343635!important;border-color:rgba(52,54,53,.35)!important}
[data-eco-glossary] ::selection{background:#343635;color:#f7f7ef}
[data-eco-glossary] [data-eco-lines] em{font-family:var(--eco-font-serif);font-style:italic;font-weight:600;letter-spacing:-.02em}
[data-eco-glossary] h2 em{font-family:var(--eco-font-serif);font-style:italic;font-weight:600}
[data-eco-filter]{transition:background-color .2s,color .2s,border-color .2s}
[data-eco-filter]:hover{border-color:#343635!important}
[data-eco-filter][aria-pressed=true]{background-color:#343635!important;color:#f7f7ef!important;border-color:#343635!important}
[data-eco-filter]:focus-visible{outline:2px solid #343635;outline-offset:3px}
.eco-gsearch{width:100%;box-sizing:border-box;font-family:var(--eco-font-sans,'DM Sans'),sans-serif;font-size:15px;line-height:1.2;color:#343635;background:#f7f7ef;border:1px solid rgba(52,54,53,.22);border-radius:999px;padding:10px 18px;outline:none;transition:border-color .2s}
.eco-gsearch::placeholder{color:rgba(52,54,53,.72)}
.eco-gsearch:focus{border-color:#343635}
[data-eco-term]{scroll-margin-top:130px;transition:background-color .6s}
[data-eco-term].eco-term-hit{background-color:rgba(60,112,255,.22)}

/* glossary links in the catalog */
[data-eco-plan] a[href*='/glosario/']{color:inherit;text-decoration:underline;text-decoration-color:#3c70ff;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:400}
[data-eco-plan] a[href*='/glosario/']:hover{color:#f7f7ef}

/* header: always visible; solid on catalog/glossary, on home solid only after leaving the top */
[data-eco-header]{transition:background-color .35s ease,border-color .35s ease,backdrop-filter .35s ease}
.page-id-465 [data-eco-header]{background-color:rgba(52,54,53,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(247,247,239,.08);padding-top:12px!important;padding-bottom:12px!important}
[data-eco-header].eco-hd-solid{background-color:rgba(52,54,53,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(247,247,239,.08)}
[data-eco-tabbar],[data-eco-gbar]{top:var(--eco-hh,76px)!important}
[data-eco-plan-left]{top:calc(var(--eco-hh,76px) + var(--eco-sub,84px))!important}
/* light-logo contexts (home hero, glossary) get a cream solid header so the dark logo stays readable */
body.eco-hero-light [data-eco-header].eco-hd-solid{background-color:rgba(247,247,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,54,53,.1)}
body:has([data-eco-glossary]) [data-eco-header]{background-color:rgba(247,247,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,54,53,.1);padding-top:12px!important;padding-bottom:12px!important}

/* ===== hero 2: flujo azul WebGL + grano + marca de agua ===== */
[data-eco-hero2] .eco-h2-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
[data-eco-hero2] .eco-h2-grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>")}
[data-eco-hero2] .eco-h2-mark{position:absolute;z-index:0;pointer-events:none;right:clamp(-120px,-4vw,-20px);top:50%;width:min(82vw,1100px);aspect-ratio:129.45/86.82;transform:translateY(-46%)}
[data-eco-hero2] .eco-h2-mark svg{width:100%;height:100%;overflow:visible;display:block}
[data-eco-hero2] .mark-stroke{fill:#343635;fill-opacity:0;stroke:#343635;stroke-opacity:.7;stroke-width:.45;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
html.eco-js:not(.eco-reduce) [data-eco-hero2] [data-eco-title2]{visibility:hidden}
body.eco-page [data-eco-hero2] [data-eco-title2]{color:#343635;line-height:.84!important;padding-bottom:.2em;margin:0}
[data-eco-hero2] .eco-h2-line{display:block;overflow:hidden;padding:.14em 0 .24em;margin:-.14em 0 -.24em}
[data-eco-hero2] .eco-h2-line--em{padding:.2em .1em .26em 0;margin:.06em 0 -.26em}
[data-eco-hero2] .eco-h2-in{display:block}
[data-eco-hero2] [data-eco-title2] em{font-family:var(--eco-font-serif);font-weight:600;letter-spacing:-.02em}

/* hero 2 height: exactly one dynamic viewport */
body.eco-page [data-eco-hero2]{height:100vh!important;height:100dvh!important;min-height:0!important;box-sizing:border-box}


/* hero title: lineas mas juntas, overflow visible */
body.eco-page [data-eco-hero2] [data-eco-title2]{line-height:.58!important}
body.eco-page [data-eco-hero2] .eco-h2-line{overflow:visible!important}

/* ===== catalog accordion ===== */
[data-eco-acc-head]{cursor:pointer;align-items:flex-start;-webkit-user-select:none;user-select:none}
[data-eco-acc-head]::after{content:'';flex:0 0 auto;width:7px;height:7px;margin:7px 2px 0 auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.6;transition:transform .3s}
[data-eco-acc-head]:hover::after{opacity:1}
[data-eco-acc-head][aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:11px}
[data-eco-acc-head]:focus-visible{outline:2px solid var(--eco-accent,#3c70ff);outline-offset:3px;border-radius:4px}
[data-eco-acc-body]{padding:8px 0 4px 15px;overflow:hidden}
.eco-js [data-eco-acc]:not(.is-open) [data-eco-acc-body]{display:none}

/* hero: typewriter word + selection highlight with handles */
[data-eco-hero2] .eco-tw-sel{position:relative;display:inline-block;padding:0 .14em 0 .1em;margin:0 -.14em 0 -.1em;min-width:.6em}
[data-eco-hero2] .eco-tw-word{display:inline-block;white-space:nowrap;min-height:1em}
[data-eco-hero2] .eco-tw-sel::before{content:'';position:absolute;inset:-.1em -.02em .02em;background:rgba(60,112,255,.34);opacity:1;pointer-events:none}
[data-eco-hero2] .eco-tw-sel.is-sel::before{opacity:1}


[data-eco-hero2] .eco-h{position:absolute;display:block;top:-.1em;bottom:.02em;width:2px;background:#3c70ff;pointer-events:none}
[data-eco-hero2] .eco-h::after{content:'';position:absolute;width:.12em;height:.12em;min-width:9px;min-height:9px;border-radius:50%;background:#3c70ff;left:50%;transform:translateX(-50%)}
[data-eco-hero2] .eco-h.l{left:0}
[data-eco-hero2] .eco-h.l::after{bottom:-.1em;transform:translate(-50%,0)}
[data-eco-hero2] .eco-h.r{right:0}
[data-eco-hero2] .eco-h.r::after{top:-.1em;transform:translate(-50%,0)}
[data-eco-hero2] .eco-tw-sel.is-sel .eco-h{display:block}
/* ===== quienes somos ===== */
[data-eco-dbox]{position:relative;display:inline-block;background:var(--eco-accent,#3c70ff);padding:.02em .24em .1em}
[data-eco-dbox]::before,[data-eco-dbox]::after{content:'';position:absolute;width:14px;pointer-events:none}
[data-eco-dbox]::before{left:-5.5px;top:-.42em;bottom:0;background:linear-gradient(#343635,#343635) center/3px 100% no-repeat,radial-gradient(circle,#343635 6.5px,transparent 7px) top center/14px 14px no-repeat}
[data-eco-dbox]::after{right:-5.5px;top:0;bottom:-.42em;background:linear-gradient(#343635,#343635) center/3px 100% no-repeat,radial-gradient(circle,#343635 6.5px,transparent 7px) bottom center/14px 14px no-repeat}
[data-eco-photo] img{transform:scale(1);transition:transform .35s ease-out;will-change:transform}
@media (max-width:700px){[data-eco-dept]{position:static!important;transform:none!important;filter:none!important}}
html.eco-reduce [data-eco-dept]{position:static!important;transform:none!important;filter:none!important}
/* hero title: right aligned; typewriter word smaller, white on a solid blue box with dark selection handles */
body.eco-page [data-eco-hero2] [data-eco-title2]{text-align:right;width:max-content;max-width:100%}
[data-eco-hero2] .eco-h2-line--em{font-size:.58em;padding:.3em 0 .26em .3em;margin:.2em 0 -.26em}
[data-eco-hero2] [data-eco-title2] em,[data-eco-hero2] .eco-tw-word{color:#f7f7ef!important}
[data-eco-hero2] .eco-tw-sel{padding:0 .2em .04em .16em;margin:0}
[data-eco-hero2] .eco-tw-sel::before{inset:-.04em 0 0 0;background:#3c70ff}
[data-eco-hero2] .eco-tw-sel.is-sel::before{background:#3c70ff}
[data-eco-hero2] .eco-tw-word{position:relative}
[data-eco-hero2] .eco-h{width:3px;background:#343635}
[data-eco-hero2] .eco-h.l{left:-1.5px;top:-.36em;bottom:0}
[data-eco-hero2] .eco-h.r{right:-1.5px;top:-.04em;bottom:-.32em}
[data-eco-hero2] .eco-h::after{width:.16em;height:.16em;min-width:10px;min-height:10px;background:#343635}
[data-eco-hero2] .eco-h.l::after{top:-.08em;bottom:auto;transform:translate(-50%,0)}
[data-eco-hero2] .eco-h.r::after{bottom:-.08em;top:auto;transform:translate(-50%,0)}
/* typewriter box: tall enough for accents (é, í), i-dots and descenders (g) */
[data-eco-hero2] .eco-h2-line--em{padding:.5em 0 .34em .3em;margin:.3em 0 -.34em}
[data-eco-hero2] .eco-tw-sel::before{inset:-.3em 0 -.18em 0}
[data-eco-hero2] .eco-h.l{top:-.62em;bottom:-.18em}
[data-eco-hero2] .eco-h.r{top:-.3em;bottom:-.5em}
/* quienes somos: department ledger */
[data-eco-team]>[data-eco-row]:first-child{border-width:0!important}
[data-eco-member] [data-eco-photo]{transition:border-radius .4s cubic-bezier(.16,1,.3,1)}
[data-eco-member]:hover [data-eco-photo]{border-radius:22px}

/* ===== terminos y condiciones: light reading page, like the glossary ===== */
body:has([data-eco-legal]){background:#f7f7ef}
body:has([data-eco-legal]) [data-eco-headlogo] img{filter:brightness(0) invert(.09)}
body:has([data-eco-legal]) [data-eco-menu-btn]{color:#343635!important;border-color:rgba(52,54,53,.35)!important}
body:has([data-eco-legal]) [data-eco-header]{background-color:rgba(247,247,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,54,53,.1);padding-top:12px!important;padding-bottom:12px!important}
@media (prefers-reduced-motion:no-preference){html:has([data-eco-legal]){scroll-behavior:smooth}}
[data-eco-legal] ::selection{background:#343635;color:#f7f7ef}
[data-eco-legal] [data-eco-accept] ::selection{background:#f7f7ef;color:#3c70ff}
/* title: "DEL SERVICIO" in the blue selection box; the box sweeps in, then the handles */
@keyframes eco-legal-sweep{from{background-size:0% 100%;color:#343635}}
@keyframes eco-legal-handle{from{opacity:0;transform:translateX(var(--tx)) scaleY(0)}}
[data-eco-legal] h1 em{--dot:max(10px,.15em);position:relative;display:inline-block;font-family:var(--eco-font-serif);font-style:italic;font-weight:600;letter-spacing:-.02em;color:#f7f7ef;background:linear-gradient(#3c70ff,#3c70ff) left center/100% 100% no-repeat;padding:.07em .18em .05em .14em;margin:.22em .06em .06em 0;animation:eco-legal-sweep 1s cubic-bezier(.16,1,.3,1) .4s backwards}
[data-eco-legal] h1 em::before,[data-eco-legal] h1 em::after{content:'';position:absolute;width:var(--dot);pointer-events:none;transform:translateX(var(--tx));background:linear-gradient(#343635,#343635) center/3px 100% no-repeat}
[data-eco-legal] h1 em::before{--tx:-50%;left:0;top:-.3em;bottom:0;transform-origin:50% 100%;background:radial-gradient(circle closest-side,#343635 94%,transparent) top center/var(--dot) var(--dot) no-repeat,linear-gradient(#343635,#343635) center/3px 100% no-repeat;animation:eco-legal-handle .7s cubic-bezier(.16,1,.3,1) .5s backwards}
[data-eco-legal] h1 em::after{--tx:50%;right:0;top:0;bottom:-.3em;transform-origin:50% 0;background:radial-gradient(circle closest-side,#343635 94%,transparent) bottom center/var(--dot) var(--dot) no-repeat,linear-gradient(#343635,#343635) center/3px 100% no-repeat;animation:eco-legal-handle .7s cubic-bezier(.16,1,.3,1) .95s backwards}
@media (prefers-reduced-motion:reduce){[data-eco-legal] h1 em,[data-eco-legal] h1 em::before,[data-eco-legal] h1 em::after{animation:none!important}}
html.eco-reduce [data-eco-legal] h1 em,html.eco-reduce [data-eco-legal] h1 em::before,html.eco-reduce [data-eco-legal] h1 em::after{animation:none!important}
/* clauses */
[data-eco-clause]{scroll-margin-top:calc(var(--eco-hh,76px) + 28px)}
[data-eco-clauses]>[data-eco-clause]:first-child{border-width:0!important;padding-top:0!important}
[data-eco-clause] h2 em{display:block;font-family:var(--eco-font-serif);font-style:italic;font-weight:600;font-size:1.35em;line-height:1;letter-spacing:-.02em;color:#3c70ff;margin-bottom:.32em}
[data-eco-item],[data-eco-sub]{font-size:clamp(16px,1.2vw,18px)}
[data-eco-item]::before{content:'';position:absolute;left:0;top:calc(.85em - 3.5px);width:7px;height:7px;background:#3c70ff}
[data-eco-sub]::before{content:'';position:absolute;left:0;top:.85em;width:12px;height:1px;background:#343635}
[data-eco-item] strong{font-weight:600;color:#343635}
[data-eco-accept] strong{font-weight:600;color:#f7f7ef}
/* table of contents: the clause being read gets a blue square */
[data-eco-toc-link]{position:relative;text-decoration:none;transition:color .3s ease}
[data-eco-toc-link] span{color:inherit!important}
[data-eco-toc-link]::before{content:'';position:absolute;left:-16px;top:16px;width:6px;height:6px;background:#3c70ff;transform:scale(0);transition:transform .45s cubic-bezier(.16,1,.3,1)}
[data-eco-toc-link]:hover,[data-eco-toc-link].is-active{color:#343635!important}
[data-eco-toc-link].is-active::before{transform:scale(1)}
[data-eco-toc-link]:focus-visible{outline:2px solid #343635;outline-offset:2px;border-radius:2px}
@media (min-width:1025px){[data-eco-toc]{position:sticky;top:calc(var(--eco-hh,76px) + 36px)}}
@media print{
  body:has([data-eco-legal]) [data-eco-header],body:has([data-eco-legal]) [data-eco-menu],body:has([data-eco-legal]) footer,[data-eco-toc]{display:none!important}
  [data-eco-legal]{padding-top:0!important}
  [data-eco-legal] h1 em{color:#343635!important;background:none!important;padding:0!important}
  [data-eco-legal] h1 em::before,[data-eco-legal] h1 em::after{display:none!important}
  [data-eco-accept]>div{background:none!important;border:1px solid #343635}
  [data-eco-accept] h2,[data-eco-accept] p,[data-eco-accept] strong{color:#343635!important}
  [data-eco-clause]{break-inside:avoid-page}
}
/* menu overlay: 7 options must fit any screen height */
[data-eco-menu]{overflow-y:auto}
[data-eco-menu-link]>span:last-child{font-size:clamp(32px,min(6vw,8.6vh),100px)!important;line-height:1.02!important}
[data-eco-menu-link]{gap:clamp(12px,2vw,24px)!important}

/* catalog hub + per-service pages */
[data-eco-hubcard] img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
[data-eco-hubcard]:hover img,[data-eco-hubcard]:focus-visible img{transform:scale(1.04)}
[data-eco-hubcard]:hover [data-eco-hubcta]{border-color:var(--eco-cream)}
[data-eco-hubcard]:focus-visible,[data-eco-hubrow]:focus-visible,[data-eco-navlink]:focus-visible{outline:2px solid var(--eco-cream);outline-offset:6px}
[data-eco-service] .eco-label a{color:inherit;text-decoration:underline;text-underline-offset:3px}
[data-eco-service] .eco-label a:hover{color:var(--eco-cream)}

/* catalog: WhatsApp CTA at the end of each plan on mobile, top one hidden */
[data-eco-wa-end]{display:none!important}
@media (max-width:767px){[data-eco-wa-top]{display:none!important}[data-eco-wa-end]{display:flex!important;padding-top:32px!important;margin-top:8px!important;border-top:1px solid rgba(247,247,239,.14)}}

/* client logos marquee */
[data-eco-clients] .eco-track{width:max-content;flex-wrap:nowrap}
[data-eco-clients] .eco-seg{display:inline-flex;align-items:center;flex:none;width:max-content;gap:0;padding:0}
[data-eco-clients] .eco-logo{display:block;flex:none;max-width:none;height:clamp(56px,6vw,96px);width:auto;margin:0 clamp(28px,3.5vw,56px);filter:brightness(0) invert(.96) sepia(.08);opacity:.85}

/* ===== preguntas frecuentes: light reading page, like the glossary ===== */
body:has([data-eco-faq]){background:#f7f7ef}
body:has([data-eco-faq]) [data-eco-headlogo] img{filter:brightness(0) invert(.09)}
body:has([data-eco-faq]) [data-eco-menu-btn]{color:#343635!important;border-color:rgba(52,54,53,.35)!important}
body:has([data-eco-faq]) [data-eco-header]{background-color:rgba(247,247,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,54,53,.1);padding-top:12px!important;padding-bottom:12px!important}
@media (prefers-reduced-motion:no-preference){html:has([data-eco-faq]){scroll-behavior:smooth}}
[data-eco-faq] ::selection{background:#343635;color:#f7f7ef}
[data-eco-faq] h1 em,[data-eco-faq] h2 em{font-family:var(--eco-font-serif);font-style:italic;font-weight:600;letter-spacing:-.02em}
[data-eco-faq-sec],[data-eco-faq-item]{scroll-margin-top:110px}

/* section index */
@media (min-width:1025px){[data-eco-faq-toc]{position:sticky;top:110px}}
[data-eco-faq-toc] [data-eco-toc-link]{text-decoration:none;transition:color .2s}
[data-eco-faq-toc] [data-eco-toc-link]:hover,[data-eco-faq-toc] [data-eco-toc-link].is-active{color:#343635!important}
[data-eco-faq-toc] [data-eco-toc-link].is-active span:first-child{color:#3c70ff}

/* question row: whole row is the target, the circle turns blue when open */
[data-eco-faq-head]{position:relative;cursor:pointer;padding-right:64px!important}
[data-eco-faq-head]::after{content:'';position:absolute;right:0;top:50%;width:40px;height:40px;margin-top:-20px;box-sizing:border-box;border-radius:50%;border:1px solid rgba(52,54,53,.28);
  background:linear-gradient(#343635,#343635) center/14px 1.5px no-repeat,linear-gradient(#343635,#343635) center/1.5px 14px no-repeat;
  transition:background-color .35s cubic-bezier(.16,1,.3,1),border-color .35s,background-size .35s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}
[data-eco-faq-head]:hover::after{border-color:#343635}
.is-faq-ready [data-eco-faq-item].is-open [data-eco-faq-head]::after{background-color:#3c70ff;border-color:#3c70ff;transform:rotate(180deg);
  background-image:linear-gradient(#f7f7ef,#f7f7ef),linear-gradient(#f7f7ef,#f7f7ef);background-size:14px 1.5px,1.5px 0}
.eco-faq-btn{all:unset;display:block;width:100%;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;border-radius:4px}
.eco-faq-btn:focus-visible{outline:2px solid #3c70ff;outline-offset:6px}

/* answer: aligned under the question text; collapses only once the script is running */
[data-eco-faq-a]{padding-left:calc(clamp(30px,2.6vw,42px) + clamp(14px,1.6vw,24px))!important;padding-right:64px!important;box-sizing:border-box}
[data-eco-faq-body]{padding-bottom:clamp(26px,2.6vw,36px)!important}
.is-faq-ready [data-eco-faq-a]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1)}
.is-faq-ready [data-eco-faq-in]{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .5s}
.is-faq-ready [data-eco-faq-item].is-open [data-eco-faq-a]{grid-template-rows:1fr}
.is-faq-ready [data-eco-faq-item].is-open [data-eco-faq-in]{visibility:visible;transition-delay:0s}
@media (max-width:767px){[data-eco-faq-a]{padding-left:0!important;padding-right:0!important}[data-eco-faq-head]{padding-right:56px!important}}

/* answer content */
[data-eco-faq-li]::before{content:'';position:absolute;left:0;top:calc(.85em - 3.5px);width:7px;height:7px;background:#3c70ff}
[data-eco-faq] strong{font-weight:600;color:#343635}


@media print{
  body:has([data-eco-faq]) [data-eco-header],body:has([data-eco-faq]) [data-eco-menu],body:has([data-eco-faq]) footer,[data-eco-faq-toc]{display:none!important}
  [data-eco-faq]{padding-top:0!important}
  .is-faq-ready [data-eco-faq-a]{display:block}
  .is-faq-ready [data-eco-faq-in]{visibility:visible}
  [data-eco-faq-head]::after{display:none}
}

[data-eco-faq] .eco-faq-btn,[data-eco-faq] .eco-faq-btn:hover,[data-eco-faq] .eco-faq-btn:focus,[data-eco-faq] .eco-faq-btn:active{background:none!important;background-color:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;text-shadow:none!important}

/* catalogo: consideraciones generales del servicio (packaging) */
[data-eco-cond] strong{display:inline-block;color:var(--eco-cream);font-weight:600;margin-bottom:6px}

/* catalogo: barra de servicios en movil = una fila con scroll horizontal (6 servicios ya no caben sin ocupar media pantalla) */
@media (max-width:767px){[data-eco-tabbar]{flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-left:16px!important;padding-right:16px!important}[data-eco-tabbar]::-webkit-scrollbar{display:none}[data-eco-tabbar]>*{flex:0 0 auto!important;white-space:nowrap}[data-eco-tabbar] [data-eco-country-switch]{order:-1;margin-left:0!important;margin-right:6px;position:sticky;left:0;z-index:2;background-color:var(--eco-bg);box-shadow:-24px 0 0 var(--eco-bg)}}

/* ===== home: testimonios (mazo) + metodo (pastillas) ===== */
[data-eco-deck]{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
[data-eco-deck]::-webkit-scrollbar{display:none}
[data-eco-deck]>[data-eco-quote]{flex:0 0 min(86%,560px);scroll-snap-align:start}
[data-eco-deck][data-on]{display:grid!important;overflow:clip;scroll-snap-type:none;padding:24px 0 24px 64px!important;perspective:1200px;touch-action:pan-y;user-select:none;cursor:grab}
[data-eco-deck][data-on]:active{cursor:grabbing}
[data-eco-deck][data-on]>[data-eco-quote]{grid-area:1/1;scroll-snap-align:none;width:100%;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}
[data-eco-deck][data-on]>[data-eco-quote]::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:rgba(0,0,0,.42);opacity:var(--sh,0);pointer-events:none}
[data-eco-deck][data-on]>[data-eco-quote]:nth-child(even){background-color:#b3b4a6!important}
[data-eco-deck][data-on] img,[data-eco-deck][data-on] a{-webkit-user-drag:none}
.eco-deck-count{font-family:var(--eco-font-mono);font-size:13px;letter-spacing:.08em;color:#b3b4a6;margin:0}
.eco-deck-btns{display:flex;gap:10px;order:-1}
[data-eco-deck-nav]{justify-content:flex-start!important;gap:22px;padding-left:64px!important}
body.eco-page button.eco-round{width:56px;height:56px;min-width:56px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(247,247,239,.45);color:#f7f7ef;cursor:pointer;box-shadow:none;transition:background-color .3s,color .3s,border-color .3s}
body.eco-page button.eco-round:hover,body.eco-page button.eco-round:focus-visible{background:#f7f7ef;color:#343635;border-color:#f7f7ef}
body.eco-page button.eco-round:focus-visible,body.eco-page button.eco-pill:focus-visible{outline:2px solid #3c70ff;outline-offset:3px}
body.eco-page [data-eco-pillars] button.eco-round{border-color:rgba(52,54,53,.35);color:#343635}
body.eco-page [data-eco-pillars] button.eco-round:hover,body.eco-page [data-eco-pillars] button.eco-round:focus-visible{background:#343635;color:#f7f7ef;border-color:#343635}
[data-eco-pillars] [data-eco-ink]{color:#343635!important}
[data-eco-pills]{position:relative;display:flex!important;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;min-height:46px;padding:2px 16px!important}
[data-eco-pills]::-webkit-scrollbar{display:none}
body.eco-page button.eco-pill{position:relative;overflow:hidden;flex:0 0 auto;font-family:var(--eco-font-sans);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.01em;padding:13px 17px;border-radius:999px;border:0;background:rgba(52,54,53,.07);color:#343635;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background-color .3s,color .3s}
body.eco-page button.eco-pill:first-child{margin-left:auto}
body.eco-page button.eco-pill:last-child{margin-right:auto}
body.eco-page button.eco-pill:hover{background:rgba(52,54,53,.14);color:#343635}
body.eco-page button.eco-pill[aria-pressed="true"]{background:#343635;color:#f7f7ef}
body.eco-page button.eco-pill::after{content:'';position:absolute;left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:#3c70ff;transform-origin:0 50%;transform:scaleX(var(--p,0));opacity:0}
[data-eco-pills][data-auto] button.eco-pill[aria-pressed="true"]::after{opacity:1}
[data-eco-pillars-track]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;position:relative}
[data-eco-pillars-track]::-webkit-scrollbar{display:none}
[data-eco-pillars-track]>[data-eco-pillar]{flex:0 0 100%!important;scroll-snap-align:start}
[data-eco-pillars-wrap]>.eco-round{position:absolute!important;top:50%;transform:translateY(-50%);z-index:2}
[data-eco-pillars-wrap]>.eco-pillars-prev{left:0}
[data-eco-pillars-wrap]>.eco-pillars-next{right:0}
@media (max-width:1024px){[data-eco-pillars-wrap]>.eco-round{display:none!important}}
@media (max-width:767px){[data-eco-deck-nav]{padding-left:0!important}[data-eco-deck][data-on]{padding-left:28px!important}[data-eco-pills]{padding:2px 12px!important}}
/* ===== home: secciones a 100dvh (escritorio) ===== */
@media (min-width:1025px){
  :root{--eco-hh:92px}
  section:has(> [data-eco-reveal]){min-height:100dvh;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center!important;padding-top:calc(var(--eco-hh) + 6vh)!important;padding-bottom:6vh!important}
  section:has(> [data-eco-reveal]) > [data-eco-reveal]{font-size:min(4.6vw,8.4vh)!important}

  #metodo{height:100dvh;min-height:620px;box-sizing:border-box;justify-content:flex-start!important;padding-top:calc(var(--eco-hh) + 3.5vh)!important;padding-bottom:4vh!important;gap:clamp(14px,2.6vh,36px)!important}
  #metodo > :first-child{gap:clamp(8px,1.6vh,22px)!important}
  #metodo h2{font-size:min(7vw,8.6vh)!important}
  #metodo [data-eco-pillars-wrap]{flex:1 1 0;min-height:0}
  #metodo [data-eco-pillars-track]{height:100%}
  #metodo [data-eco-pillar]{height:100%;min-height:0!important}
  #metodo [data-eco-pillar] > :last-child{gap:clamp(12px,2.6vh,26px)!important;padding:clamp(20px,4vh,64px) clamp(28px,4vw,72px)!important}
  #metodo [data-eco-pillar] h3{font-size:min(4.4vw,6.6vh)!important}
  #metodo [data-eco-pillar] p{font-size:clamp(15px,2.2vh,19px)!important}

  #testimonios{min-height:100dvh;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center!important;padding-top:calc(var(--eco-hh) + 4vh)!important;padding-bottom:5vh!important}
  #testimonios h2{font-size:min(6.4vw,10.5vh)!important}
  #testimonios [data-eco-deck][data-on]{padding-top:2.4vh!important;padding-bottom:2.4vh!important}
  #testimonios [data-eco-quote]{min-height:min(36vw,54vh)!important;padding:clamp(24px,min(3.4vw,5.2vh),52px)!important;gap:clamp(10px,2.2vh,22px)!important}
  #testimonios [data-eco-quote] h3{font-size:clamp(20px,min(2.3vw,4vh),36px)!important}
  #testimonios [data-eco-quote] > p:first-child{font-size:clamp(20px,min(2.2vw,3.8vh),34px)!important}
  #testimonios [data-eco-quote] > p:not(:first-child){font-size:clamp(14px,2.1vh,18px)!important}

  #contacto{min-height:100dvh;box-sizing:border-box;justify-content:center!important;padding-top:calc(var(--eco-hh) + 5vh)!important;padding-bottom:6vh!important}
  #contacto h2{font-size:min(13vw,17vh)!important}
  #contacto [data-eco-magnet]{width:min(200px,24vh)!important;height:min(200px,24vh)!important}

  [data-eco-scard] h3{font-size:min(6.4vw,9vh)!important}
  [data-eco-scard] > :first-child{padding-top:min(72px,7vh)!important;padding-bottom:min(72px,7vh)!important}
}
/* hero: H1 SEO solo para lectores de pantalla y buscadores */
[data-eco-hero-section] h1{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;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* ===== home: enfoque (cards de vidrio) ===== */
[data-eco-glass]{isolation:isolate}
[data-eco-glass] [data-eco-ink]{color:#343635!important}
[data-eco-glass] > [data-eco-blob]{position:absolute!important;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);padding:0!important}
[data-eco-blob="1"]{width:62vw;height:62vw;max-width:980px;max-height:980px;right:-14vw;bottom:-18%;background:radial-gradient(circle,#3c70ff 0%,#3c70ff 46%,rgba(60,112,255,0) 72%);opacity:1;animation:ecoBlobA 16s ease-in-out infinite alternate}
[data-eco-blob="2"]{width:44vw;height:44vw;max-width:700px;max-height:700px;left:-10vw;top:28%;background:radial-gradient(circle,#b3b4a6 0%,rgba(179,180,166,0) 70%);opacity:.8;animation:ecoBlobB 20s ease-in-out infinite alternate}
@keyframes ecoBlobA{to{transform:translate(-10vw,-8vh) scale(1.15)}}
@keyframes ecoBlobB{to{transform:translate(14vw,10vh) scale(.9)}}
[data-eco-glass-card]{background:rgba(247,247,239,.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(247,247,239,.7)!important;box-shadow:0 24px 60px rgba(0,0,0,.06)}
[data-eco-x]{flex:0 0 auto;align-self:center}
@media (max-width:1024px){[data-eco-x]{display:none}}
[data-eco-glass] [data-eco-rule]{border-top:1px solid rgba(52,54,53,.16)!important}

/* enfoque: una sola pantalla en escritorio (2026-10-20: titular largo + marquee al fondo, sin tarjetas) */
@media (min-width:1025px){
  #enfoque{min-height:max(100dvh,660px);height:auto;box-sizing:border-box;justify-content:flex-start!important;padding-top:calc(var(--eco-hh) + 3vh)!important;padding-bottom:clamp(24px,4vh,48px)!important;gap:clamp(20px,4vh,48px)!important}
  #enfoque > :has(> div > h2){align-items:flex-end!important;gap:24px 64px!important}
  #enfoque > :has(> div > h2) > :first-child{gap:clamp(12px,2.2vh,24px)!important}
  #enfoque h2{font-size:min(3.7vw,5.8vh)!important}
  #enfoque [data-eco-rule]{padding-top:clamp(16px,3vh,32px)!important;gap:56px!important;align-items:flex-start}
  #enfoque [data-eco-rule] h3{flex:0 0 34%!important;font-size:min(2.4vw,3.9vh)!important}
  #enfoque [data-eco-rule] > div{flex-direction:row!important;gap:40px!important}
  #enfoque [data-eco-rule] > div p{flex:1 1 0;font-size:clamp(13px,1.85vh,16px)!important;line-height:1.5!important}
  #enfoque [data-eco-enfoque-mq]{margin-top:auto!important}
  #enfoque [data-eco-marquee]{font-size:min(7.6vw,11.5vh)!important}
}
#enfoque h2{text-wrap:balance}
#enfoque h2 em{padding-right:.04em}
/* marquee sobre fondo claro: tinta en vez de crema */
#enfoque [data-eco-marquee="1"]{-webkit-text-stroke:1.5px rgba(52,54,53,.85)}
/* el punto azul se pierde sobre el flujo azul: en Enfoque va en tinta */
#enfoque .eco-seg b{background:#343635}
#enfoque [data-eco-marquee] em{padding-right:.06em}
#enfoque [data-eco-enfoque-mq]{padding-bottom:.08em!important}
[data-eco-sr]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}
/* enfoque: flujo azul del hero */
[data-eco-glass] > .eco-h2-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
[data-eco-glass] > .eco-h2-grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>")}
[data-eco-glass][data-eco-flow] > [data-eco-blob]{display:none!important}

/* servicios: aire arriba ahora que le precede Enfoque (antes lo daba el marquee) */
#servicios{padding-top:clamp(56px,6vw,96px)!important}
/* titulo de servicios en una linea (2026-10-20): rotulo alineado al pie del titular; en movil va debajo con aire */
#servicios > :first-child{align-items:flex-end!important}
#servicios > :first-child > p{margin:0 0 clamp(6px,1.1vw,20px) 0!important}
@media (max-width:767px){#servicios > :first-child{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}#servicios > :first-child > p{margin:0!important}}

/* ===== responsive QA home (2026-10-09) ===== */
/* proyectos: la barra inferior (contador + Ver todos) es absolute con left y width:100%, se salia por la derecha */
[data-eco-tunnel-stage] > :has(> p > a){width:auto!important;right:clamp(20px,4vw,56px)!important}
@media (max-width:1024px){
  /* enfoque: el flujo azul queda suave detras del texto y pleno detras de las tarjetas */
  [data-eco-glass] > .eco-h2-flow{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.16) 0%,rgba(0,0,0,.16) 44%,#000 60%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.16) 0%,rgba(0,0,0,.16) 44%,#000 60%)}
  /* el boton flotante de WhatsApp tapaba "Volver arriba" al final del pie */
  [data-elementor-type="footer"]{padding-bottom:84px}
}
/* metodo en tablet/celular: se asoma el siguiente pilar + flechas y contador debajo */
.eco-pillars-count{display:none;font-family:var(--eco-font-mono);font-size:13px;letter-spacing:.08em;color:#343635;margin:0 0 0 6px}
@media (max-width:1024px){
  [data-eco-pillars-wrap]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  [data-eco-pillars-wrap] > [data-eco-pillars-track]{flex:0 0 100%;gap:12px!important}
  [data-eco-pillars-track] > [data-eco-pillar]{flex:0 0 86%!important}
  [data-eco-pillars-wrap] > .eco-round{display:inline-flex!important;position:static!important;transform:none!important;width:48px!important;height:48px!important;min-width:48px!important;margin-top:8px}
  [data-eco-pillars-wrap] > .eco-pillars-count{display:block;margin-top:8px}
}
@media (min-width:768px) and (max-width:1024px){[data-eco-pillars-track] > [data-eco-pillar]{flex-basis:80%!important}}
@media (max-width:767px){[data-eco-pillar] h3{font-size:30px!important}[data-eco-pillar] p{font-size:15px!important;line-height:1.5!important}[data-eco-pillar] > :first-child{aspect-ratio:16/10!important}}

/* catalogo hub: en movil 2 por fila, solo imagen + titulo; intro corta del mismo tamano (2026-10-09) */
[data-eco-hubintro=short]{display:none!important}
@media (max-width:767px){
[data-eco-hubintro=full]{display:none!important}
[data-eco-hubintro=short]{display:block!important;text-wrap:balance;font-size:20px!important;line-height:1.25!important;letter-spacing:-.02em!important}
[data-eco-hubgrid]{gap:28px 14px!important}
[data-eco-hubcard]{flex:0 0 calc((100% - 14px) / 2)!important;width:calc((100% - 14px) / 2)!important;gap:12px!important}
[data-eco-hubcard] [data-eco-hubhide],[data-eco-hubcard] [data-eco-hubcta]{display:none!important}
[data-eco-hubcard] > div:last-child{gap:0!important}
[data-eco-hubcard] > div:first-child{border-radius:14px!important}
[data-eco-hubcard] h2{font-size:20px!important;line-height:1.1!important;letter-spacing:-.025em!important}
}




/* home: logos de clientes bajo las cifras de El estudio, mas grandes que en el catalogo */
[data-eco-home-clients] [data-eco-clients] .eco-logo{height:clamp(72px,8vw,128px)!important;margin:0 clamp(32px,4vw,72px)!important}
[data-eco-home-clients] [data-eco-clients]{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}


/* home El estudio + logos: una sola composicion; label centrado; en desktop cabe en 100dvh */
[data-eco-home-clients] > p.eco-label,[data-eco-home-clients] > .eco-label{text-align:center!important}
@media (min-width:1025px){
[data-eco-root] > :has(> [data-eco-home-clients]){min-height:100dvh!important;box-sizing:border-box!important;padding:calc(var(--eco-hh,92px) + 3vh) clamp(20px,6vw,96px) 4vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
[data-eco-root] > :has(> [data-eco-home-clients]) > .eco-label{margin-bottom:3vh!important}
[data-eco-root] > :has(> [data-eco-home-clients]) > [data-eco-reveal]{font-size:clamp(30px,min(4.4vw,7.2vh),72px)!important}
[data-eco-root] > :has(> [data-eco-home-clients]) > :has([data-eco-count]){margin-top:6vh!important;padding-top:4vh!important}
[data-eco-root] > :has(> [data-eco-home-clients]) [data-eco-count]{font-size:clamp(48px,min(4.4vw,8vh),84px)!important}
[data-eco-home-clients]{margin-top:7vh!important;gap:3.5vh!important}
[data-eco-home-clients] [data-eco-clients]{min-height:0!important}
[data-eco-home-clients] [data-eco-clients] .eco-logo{height:clamp(64px,min(8vw,11vh),128px)!important}
}


/* ===== blog (eco-blog.php): paper newspaper layout ===== */
body.eco-blog-page{background:#f7f7ef}
.eco-blog{--ink:#343635;--ink-2:rgba(52,54,53,.62);--line:rgba(52,54,53,.16);background:#f7f7ef;color:var(--ink);font-family:'DM Sans',sans-serif;padding-top:96px;overflow-x:clip}
.eco-blog__wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,56px);box-sizing:border-box}
.eco-blog__kick{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);margin:0 0 18px}
.eco-blog__mast{padding:clamp(40px,6vw,96px) 0 clamp(28px,3vw,48px);border-bottom:1px solid var(--line);margin-bottom:clamp(32px,4vw,56px)}
.eco-blog__h1{font-weight:500;font-size:clamp(64px,13vw,200px);letter-spacing:-.06em;line-height:.85;margin:0;color:var(--ink)}
.eco-blog__h2{font-weight:500;font-size:clamp(32px,4vw,56px);letter-spacing:-.04em;margin:0 0 32px;color:var(--ink)}
.eco-blog__cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.eco-blog__cats a{font-size:15px;padding:9px 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none}
.eco-blog__cats a:hover,.eco-blog__cats a[aria-current]{background:var(--ink);color:#f7f7ef;border-color:var(--ink)}
.eco-blog__empty{font-size:20px;padding:40px 0 80px}

/* split headline: gray line, blue ampersand, dark italic line */
.eco-bt{margin:0;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--ink);text-wrap:balance}
.eco-bt--split{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:end}
.eco-bt--split .eco-bt__a{grid-column:2;color:var(--ink-2)}
.eco-bt--split .eco-bt__amp{grid-column:1;grid-row:1/3;align-self:center;color:#3c70ff;font-weight:600;font-size:1.9em;line-height:.8;margin-right:.04em}
.eco-bt--split .eco-bt__b{grid-column:2;font-style:italic;font-weight:600}

/* cards */
.eco-bc__link{display:flex;flex-direction:column;gap:18px;color:inherit;text-decoration:none;height:100%}
.eco-bc__media{aspect-ratio:4/3;overflow:hidden;background:#eeeeea}
.eco-bc__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.eco-bc__link:hover .eco-bc__img{transform:scale(1.03)}
.eco-bc__meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 12px;color:var(--ink-2)}
.eco-bc .eco-bt{font-size:clamp(26px,2.2vw,34px)}
.eco-bc__ex{margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.eco-bc__more{display:inline-block;margin-top:16px;font-size:15px;border-bottom:1px solid #3c70ff;padding-bottom:2px}
.eco-bc--lead{margin-bottom:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px);border-bottom:1px solid var(--line)}
.eco-bc--lead .eco-bc__link{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.eco-bc--lead .eco-bc__media{aspect-ratio:16/11}
.eco-bc--lead .eco-bt{font-size:clamp(44px,5.4vw,92px)}
.eco-bc--lead .eco-bc__ex{font-size:clamp(18px,1.5vw,22px);font-style:italic;font-weight:600;color:var(--ink)}
.eco-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px)}
.eco-blog__pages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:clamp(48px,5vw,80px) 0 0}
.eco-blog__pages .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none}
.eco-blog__pages .current{background:var(--ink);color:#f7f7ef}
.eco-blog__more{padding-top:clamp(56px,7vw,110px);border-top:1px solid var(--line)}
.eco-blog__all{display:inline-block;margin-top:40px;color:var(--ink);font-size:17px;border-bottom:1px solid #3c70ff}
.eco-blog-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding:clamp(56px,7vw,110px) 0 clamp(72px,9vw,130px)}
.eco-blog-cta h2{font-weight:500;font-size:clamp(30px,3.6vw,56px);letter-spacing:-.04em;line-height:1.02;margin:0;max-width:760px;color:var(--ink)}
.eco-blog-cta h2 em{font-style:italic;font-weight:600}
.eco-blog-btn{font-size:17px;font-weight:500;padding:16px 28px;border-radius:999px;background:var(--ink);color:#f7f7ef!important;text-decoration:none}

/* single post */
.eco-post{max-width:1040px;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(16px,4vw,56px) 0;box-sizing:border-box}
.eco-post__hero{margin:0 0 clamp(36px,5vw,64px)}
.eco-post__hero img{width:100%;height:auto;display:block}
.eco-post__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(40px,5vw,72px)}
.eco-post__head .eco-bt{font-size:clamp(52px,9vw,124px);letter-spacing:-.05em;line-height:.92}
.eco-post__head .eco-bt--split{text-align:left}
.eco-post__sub{font-size:clamp(19px,2vw,28px);font-style:italic;font-weight:700;line-height:1.2;margin:clamp(16px,2vw,28px) 0 0;max-width:760px;text-wrap:balance}
.eco-post__date{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);margin:20px 0 0}
.eco-post__body{column-count:2;column-gap:clamp(28px,3.5vw,48px);font-size:18px;line-height:1.5;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.eco-post__body p{margin:0 0 1.3em}
.eco-post__body > p:first-of-type::first-letter{float:left;font-size:5.4em;line-height:.8;font-weight:700;margin:.04em .08em 0 0;color:var(--ink)}
.eco-post__body h2,.eco-post__body h3{column-span:none;text-align:left;font-weight:600;letter-spacing:-.02em;margin:.4em 0 .6em;break-after:avoid}
.eco-post__body img,.eco-post__body figure{max-width:100%;height:auto;break-inside:avoid}
.eco-post__body a{color:var(--ink);text-decoration-color:#3c70ff}
.eco-post__end{display:flex;justify-content:center;padding:clamp(48px,6vw,96px) 0}
.eco-post__logo{height:72px;width:auto;filter:brightness(0) opacity(.82)}

@media (max-width:1024px){.eco-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.eco-blog__grid{grid-template-columns:1fr}
.eco-bc--lead .eco-bc__link{grid-template-columns:1fr}
.eco-post__body{column-count:1;font-size:17px}
.eco-blog__kick{letter-spacing:.2em;font-size:11px}
}

/* blog: header claro (same as FAQ) */
body.eco-blog-page [data-eco-headlogo] img{filter:brightness(0) invert(.09)}
body.eco-blog-page [data-eco-menu-btn]{color:#343635!important;border-color:rgba(52,54,53,.35)!important}
body.eco-blog-page [data-eco-header]{background-color:rgba(247,247,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(52,54,53,.1);padding-top:12px!important;padding-bottom:12px!important}
.eco-blog ::selection{background:#343635;color:#f7f7ef}

/* tap highlight: no blue flash on click/tap; keyboard focus keeps its ring */
html{-webkit-tap-highlight-color:transparent}
*,*::before,*::after{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none!important}


/* header: idioma (eco-i18n.php markup, moved next to the menu button by eco.js langSwitch) */
.eco-lang[hidden]{display:none!important}
/* idioma (2026-10-20): capsula con bandera + nombre completo; la opcion activa va rellena. Las banderas son la unica excepcion a la paleta. */
[data-eco-lang]{--lang-ink:#F7F7EF;--lang-on:#343635;display:flex;align-items:center;gap:2px;margin:0 clamp(10px,1.4vw,18px) 0 auto;padding:3px;border:1px solid rgba(247,247,239,.38);border-radius:999px;color:var(--lang-ink);font-family:var(--eco-font-sans);font-size:14px;font-weight:500;letter-spacing:0;line-height:1}
body.eco-hero-light [data-eco-lang],body:has([data-eco-glossary]) [data-eco-lang],body:has([data-eco-legal]) [data-eco-lang],body:has([data-eco-faq]) [data-eco-lang],body.eco-blog-page [data-eco-lang]{--lang-ink:#343635;--lang-on:#F7F7EF;border-color:rgba(52,54,53,.3)}
[data-eco-lang] a{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 9px;border-radius:999px;color:var(--lang-ink);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .16s ease-out}
[data-eco-lang] a+a::before{content:none}
[data-eco-lang] a[aria-current]{background:var(--lang-ink);color:var(--lang-on);text-decoration:none}
[data-eco-lang] a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){[data-eco-lang] a:not([aria-current]):hover{background:color-mix(in srgb,var(--lang-ink) 14%,transparent)}}
[data-eco-lang] a:focus-visible{outline:2px solid #3C70FF;outline-offset:2px}
.eco-lang__flag{display:block;flex:none;width:20px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.14)}
/* movil (2026-11-06): switch de dos banderas, sin nombres; la activa va en la capsula rellena */
@media (max-width:600px){
  [data-eco-lang]{margin-right:8px;padding:3px;gap:0}
  [data-eco-lang] a{padding:8px 10px;gap:0}
  [data-eco-lang] a:not([aria-current]) .eco-lang__flag{opacity:.55;filter:saturate(.6)}
  [data-eco-lang] .eco-lang__name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* ===== header: menu tarjeta (eco-menu.php, 2026-10-20) ===== */
.eco-nav[hidden]{display:none!important}
.eco-nav{position:fixed;top:12px;right:max(12px,calc(clamp(20px,4vw,56px) - 14px));z-index:120;width:min(380px,calc(100vw - 24px))}
.eco-nav__card{position:relative;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:#F7F7EF;color:#343635;border-radius:20px;padding:76px 32px 30px;transform-origin:100% 0;box-shadow:0 30px 80px rgba(0,0,0,.28),0 4px 14px rgba(0,0,0,.12);font-family:var(--eco-font-sans)}
.eco-nav__close{position:absolute;top:14px;right:14px;width:52px;height:52px;border-radius:50%;border:1.5px solid #343635;background:transparent;color:#343635;display:grid;place-items:center;padding:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .16s ease-out}
.eco-nav__close:active{transform:scale(.95)}
.eco-nav__list,.eco-nav__sub{list-style:none;margin:0;padding:0}
.eco-nav__list{display:flex;flex-direction:column;gap:2px}
.eco-nav__link{display:inline-flex;align-items:center;gap:10px;padding:4px 0;background:none;border:0;margin:0;font:inherit;font-size:clamp(24px,1.9vw,28px);font-weight:400;letter-spacing:-.025em;line-height:1.2;color:#343635;text-decoration:none;cursor:pointer;text-align:left;transition:color .2s ease}
.eco-nav__link[aria-current]{text-decoration:underline;text-decoration-color:#3C70FF;text-decoration-thickness:2px;text-underline-offset:6px}
.eco-nav__plus{position:relative;display:inline-block;width:.52em;height:.52em;transition:transform .25s cubic-bezier(.23,1,.32,1)}
.eco-nav__plus::before,.eco-nav__plus::after{content:'';position:absolute;left:0;top:50%;width:100%;height:1.5px;margin-top:-.75px;background:currentColor;border-radius:1px}
.eco-nav__plus::after{transform:rotate(90deg)}
.eco-nav__more[aria-expanded="true"] .eco-nav__plus{transform:rotate(45deg)}
.eco-nav__sub{display:flex;flex-direction:column;gap:2px;padding:6px 0 12px 2px}
.eco-nav__sub[hidden]{display:none}
.eco-nav__sub a{display:inline-block;padding:5px 0;font-size:16px;line-height:1.35;letter-spacing:-.01em;color:rgba(52,54,53,.8);text-decoration:none;transition:color .2s ease}
.eco-nav__sub a[aria-current]{color:#343635;text-decoration:underline;text-decoration-color:#3C70FF;text-underline-offset:4px}
.eco-nav__sub .eco-nav__all{color:#343635;font-weight:500}
.eco-nav__cta{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:14px 24px;border:1.5px solid #343635;border-radius:999px;color:#343635;text-decoration:none;font-size:17px;font-weight:400;line-height:1;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .16s ease-out}
.eco-nav__cta span{font-size:20px;line-height:1;transition:transform .25s cubic-bezier(.23,1,.32,1)}
.eco-nav__cta:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .eco-nav__link:hover,.eco-nav__sub a:hover{color:#3C70FF}
  .eco-nav__close:hover{background:#343635;color:#F7F7EF}
  .eco-nav__cta:hover{background:#343635;color:#F7F7EF}
  .eco-nav__cta:hover span{transform:translateX(4px)}
}
.eco-nav a:focus-visible,.eco-nav button:focus-visible{outline:2px solid #3C70FF;outline-offset:4px;border-radius:8px}
.eco-nav__close:focus-visible,.eco-nav__cta:focus-visible{border-radius:999px}
.eco-nav ::selection{background:#3C70FF;color:#F7F7EF}
@media (max-width:767px){
  .eco-nav{top:10px;right:10px;width:calc(100vw - 20px)}
  .eco-nav__card{padding:72px 24px 26px;border-radius:18px}
  .eco-nav__close{top:12px;right:12px;width:48px;height:48px}
  .eco-nav__link{font-size:26px}
}/* menu tarjeta: Astra pinta button:hover/:focus de azul y con borde; aqui mandan los estilos del menu */
.eco-nav .eco-nav__more,.eco-nav .eco-nav__more:hover,.eco-nav .eco-nav__more:focus,.eco-nav .eco-nav__more:active{background:transparent!important;border:0!important;box-shadow:none!important;color:#343635!important;padding:4px 0!important;border-radius:0!important}
.eco-nav .eco-nav__close,.eco-nav .eco-nav__close:focus,.eco-nav .eco-nav__close:active{background:transparent!important;color:#343635!important;border:1.5px solid #343635!important;box-shadow:none!important;padding:0!important}
@media (hover:hover) and (pointer:fine){
  .eco-nav .eco-nav__more:hover{color:#3C70FF!important}
  .eco-nav .eco-nav__close:hover{background:#343635!important;color:#F7F7EF!important}
}
.eco-nav .eco-nav__more:focus-visible{outline:2px solid #3C70FF!important;outline-offset:4px;border-radius:8px!important}
.eco-nav .eco-nav__close:focus-visible{outline:2px solid #3C70FF!important;outline-offset:3px}

/* ===== home: ultimos articulos (eco_home_blog_cards, 2026-10-20) ===== */
.eco-hb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.eco-hb[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.eco-hb[data-count="1"]{grid-template-columns:minmax(0,560px)}
.eco-hb__card{min-width:0}
.eco-hb__link{display:flex;flex-direction:column;height:100%;background:#F7F7EF;color:#343635;text-decoration:none;border-radius:14px clamp(48px,5vw,88px) 14px 14px;overflow:hidden;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.eco-hb__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#3E403E}
.eco-hb[data-count="2"] .eco-hb__media{aspect-ratio:16/10}
.eco-hb__img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}
.eco-hb__text{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,1.8vw,28px) clamp(20px,1.8vw,28px) clamp(24px,2.2vw,32px)}
.eco-hb__meta{display:flex;justify-content:space-between;gap:12px;margin:0;font-family:var(--eco-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(52,54,53,.72)}
.eco-hb__t{margin:0;font-family:var(--eco-font-sans);font-weight:500;font-size:clamp(22px,1.9vw,30px);line-height:1.12;letter-spacing:-.025em;color:#343635;text-wrap:balance}
.eco-hb__amp{color:#3C70FF;font-style:italic}
.eco-hb__ex{margin:0;font-family:var(--eco-font-sans);font-size:15px;line-height:1.5;color:rgba(52,54,53,.78);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover) and (pointer:fine){
  .eco-hb__link:hover{transform:translateY(-4px)}
  .eco-hb__link:hover .eco-hb__img{transform:scale(1.04)}
}
.eco-hb__link:focus-visible{outline:2px solid #3C70FF;outline-offset:4px}
@media (max-width:1024px){
  .eco-hb,.eco-hb[data-count]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 calc(-1 * clamp(20px,5vw,80px));padding:0 clamp(20px,5vw,80px) 4px;scroll-padding:0 clamp(20px,5vw,80px)}
  .eco-hb::-webkit-scrollbar{display:none}
  .eco-hb__card{flex:0 0 46%;scroll-snap-align:start}
  .eco-hb .eco-hb__media{aspect-ratio:4/3}
}
@media (max-width:767px){.eco-hb__card{flex-basis:82%}.eco-hb__t{font-size:22px}}/* ultimos articulos: titulo a la izquierda y boton a la derecha; menos aire tras Testimonios; con 2 articulos la foto es mas baja */
#blog{padding-top:clamp(56px,6vw,96px)!important}
#blog > :first-child{flex-wrap:nowrap!important}
#blog > :first-child > :first-child{width:auto!important;flex:0 1 auto!important;min-width:0}
#blog > :first-child > a{flex:0 0 auto}
.eco-hb[data-count="2"] .eco-hb__media{aspect-ratio:16/9}
@media (max-width:767px){#blog > :first-child{flex-wrap:wrap!important}}
/* articulos: las listas no se justifican (en columnas estrechas abren huecos) */

/* ===== blog: lectura (2026-10-20). Una sola columna de 68ch, sin justificar ni partir palabras con guion;
   titulos de tarjeta en linea (el titulo partido en grilla solo en la cabecera del articulo y la portada) ===== */
/* periodico: 2 columnas justificadas solo cuando cada columna mide ~45ch o mas; sin guiones automaticos */
.eco-post__body{column-count:1!important;max-width:68ch;margin:0 auto;font-size:clamp(17px,1.25vw,19px);line-height:1.62;text-align:left;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;text-wrap:pretty}
@media (min-width:1100px){
  .eco-post__body{column-count:2!important;column-gap:clamp(40px,4vw,64px);column-rule:1px solid var(--line);max-width:none;text-align:justify;text-justify:inter-word;text-wrap:wrap}
  .eco-post__body > h2:first-child{column-span:all;text-align:center;max-width:24ch;margin:0 auto 1.1em;font-size:clamp(30px,3vw,44px)}
  .eco-post__body li{text-align:left}
  .eco-post__body h2,.eco-post__body h3{break-after:avoid}
  .eco-post__body li,.eco-post__body p{orphans:3;widows:3}
}
.eco-post__body p{margin:0 0 1.15em}
.eco-post__body > p:first-of-type::first-letter{font-size:4.6em;line-height:.82;margin:.05em .1em 0 0}
.eco-post__body h2,.eco-post__body h3{hyphens:manual;text-wrap:balance;font-size:clamp(25px,2.4vw,34px);line-height:1.12;letter-spacing:-.025em;margin:1.7em 0 .55em}
.eco-post__body > h2:first-child{font-size:clamp(28px,3vw,42px);margin-top:0;text-wrap:balance}
.eco-post__body ol,.eco-post__body ul{margin:0 0 1.3em;padding-left:1.4em}
.eco-post__body li{margin:0;padding-left:.25em}
.eco-post__body li + li{margin-top:.75em}
.eco-post__body li::marker{color:#3c70ff;font-weight:600}
.eco-post__body strong{font-weight:600;color:var(--ink)}
.eco-post__head .eco-bt{font-size:clamp(44px,7.4vw,108px)}
.eco-post__head .eco-bt--split{max-width:100%}
.eco-post__sub{max-width:34ch}
/* tarjetas (Mas articulos e indice): titulo en una pieza con & azul, meta que no se rompe */
.eco-bc:not(.eco-bc--lead) .eco-bt--split{display:block}
.eco-bc:not(.eco-bc--lead) .eco-bt--split .eco-bt__amp{display:inline;font-size:1em;line-height:inherit;margin:0 .12em;font-style:normal}
.eco-bc:not(.eco-bc--lead) .eco-bt--split .eco-bt__b{display:inline}
.eco-bc:not(.eco-bc--lead) .eco-bt--split .eco-bt__a{display:inline}
.eco-bc:not(.eco-bc--lead) .eco-bt{font-size:clamp(24px,1.9vw,30px);line-height:1.08;letter-spacing:-.03em}
.eco-bc__meta{letter-spacing:.16em;flex-wrap:wrap;row-gap:4px}
.eco-bc__meta time{white-space:nowrap}
.eco-bc__ex{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.eco-blog__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important}
@media (max-width:767px){
  .eco-post__head .eco-bt{font-size:clamp(40px,12vw,64px)}
  .eco-post__body{font-size:17px;line-height:1.6}
  .eco-post__sub{max-width:none}
}
/* blog: Astra limita las entradas a 750px (.ast-container); el ancho lo controlan .eco-post / .eco-blog__wrap */
body.eco-blog-page .site-content > .ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important;display:block}
/* indice: el destacado no recorta su subtitulo; en tablet va apilado */
.eco-bc--lead .eco-bc__ex{display:block;-webkit-line-clamp:unset;overflow:visible}
@media (max-width:1024px){.eco-bc--lead .eco-bc__link{grid-template-columns:1fr!important}.eco-bc--lead .eco-bt{font-size:clamp(40px,7.4vw,76px)}}

/* ===== rating google (eco-rating.php, 2026-10-20): capsula con 5 estrellas rellenas segun la nota ===== */
.eco-gr-wrap{display:flex;margin:0;padding:0}
.eco-gr{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 14px;border:1px solid rgba(247,247,239,.38);border-radius:999px;color:#F7F7EF;font-family:var(--eco-font-sans);font-size:15px;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .16s ease-out}
.eco-gr__stars{--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.95 6.27 6.85.8-5.07 4.72 1.36 6.77L12 17.4l-6.09 3.36 1.36-6.77L2.2 9.27l6.85-.8z'/%3E%3C/svg%3E");flex:none;display:block;width:80px;height:15px;background:linear-gradient(90deg,#F7F7EF var(--p,0%),rgba(247,247,239,.26) var(--p,0%));-webkit-mask:var(--star) 0 0/16px 15px repeat-x;mask:var(--star) 0 0/16px 15px repeat-x}
.eco-gr__txt strong{font-weight:600;font-size:16px}
.eco-gr__txt span{opacity:.82}
.eco-gr__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.eco-gr:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.eco-gr:hover{background:rgba(247,247,239,.08);border-color:#F7F7EF}}
.eco-gr:focus-visible{outline:2px solid #3C70FF;outline-offset:3px}
@media (max-width:767px){.eco-gr{font-size:14px;padding:8px 14px 8px 12px;gap:8px}.eco-gr__stars{width:70px;height:13px;-webkit-mask-size:14px 13px;mask-size:14px 13px}}
/* CLS (2026-10-20): con JS el mazo de testimonios nace ya apilado (mismo layout que [data-on]); antes se veia en fila
   y al iniciarse eco.js (~7 s) cambiaba de tamano: CLS 0.28 en escritorio. Sin JS (o eco-reduce sin iniciar) sigue la fila. */
html.eco-js:not(.eco-reduce) [data-eco-deck]:not([data-on]){display:grid!important;overflow:clip;scroll-snap-type:none;padding:24px 0 24px 64px!important}
html.eco-js:not(.eco-reduce) [data-eco-deck]:not([data-on])>[data-eco-quote]{grid-area:1/1;width:100%;position:relative}
html.eco-js:not(.eco-reduce) [data-eco-deck]:not([data-on])>[data-eco-quote]:not(:first-child){visibility:hidden}
html.eco-js:not(.eco-reduce) #testimonios [data-eco-deck]:not([data-on]){padding-top:2.4vh!important;padding-bottom:2.4vh!important}
@media (max-width:767px){html.eco-js:not(.eco-reduce) [data-eco-deck]:not([data-on]){padding-left:28px!important}}

/* ===== home El estudio: titular y cifras arriba, mas aire para los logos (2026-10-21) ===== */
[data-eco-home-clients] > .eco-label{display:flex!important;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,24px);font-size:clamp(12px,.95vw,15px)!important;letter-spacing:.2em!important;color:var(--eco-cream)!important}
[data-eco-home-clients] > .eco-label::before,[data-eco-home-clients] > .eco-label::after{content:"";flex:0 1 clamp(32px,9vw,160px);height:1px;background:rgba(247,247,239,.32)}
@media (min-width:1025px){
[data-eco-root] > :has(> [data-eco-home-clients]){justify-content:flex-start!important;padding-top:calc(var(--eco-hh,92px) + 6vh)!important;padding-bottom:5vh!important}
[data-eco-root] > :has(> [data-eco-home-clients]) > .eco-label{margin-bottom:2.2vh!important}
[data-eco-root] > :has(> [data-eco-home-clients]) > [data-eco-reveal]{font-size:clamp(30px,min(3.9vw,6.4vh),64px)!important}
[data-eco-root] > :has(> [data-eco-home-clients]) > :has([data-eco-count]){margin-top:4.5vh!important;padding-top:3vh!important}
[data-eco-root] > :has(> [data-eco-home-clients]) [data-eco-count]{font-size:clamp(44px,min(3.8vw,7vh),76px)!important}
[data-eco-home-clients]{margin-top:auto!important;padding-top:6vh!important;gap:4.5vh!important}
[data-eco-home-clients] [data-eco-clients] .eco-logo{height:clamp(80px,min(10vw,15vh),170px)!important}
}
@media (max-width:1024px){
[data-eco-root] > :has(> [data-eco-home-clients]){padding-bottom:56px!important}
[data-eco-home-clients] > .eco-label{letter-spacing:.14em!important;white-space:nowrap}
[data-eco-home-clients] > .eco-label::before,[data-eco-home-clients] > .eco-label::after{flex-basis:24px}
[data-eco-home-clients]{gap:28px!important}
[data-eco-home-clients] [data-eco-clients] .eco-logo{height:clamp(64px,16vw,104px)!important;margin:0 clamp(24px,6vw,48px)!important}
}

/* ===== proyectos: portada solida + indicador "Desliza" (2026-10-21, v3: flecha SVG del cliente, eco-assets/arrow-down.svg) ===== */
html.eco-js:not(.eco-reduce) [data-eco-tintro]{background:var(--eco-bg);z-index:4!important}
[data-eco-tintro] .eco-title{margin:0}
[data-eco-tcue]{position:relative;margin-top:clamp(28px,5vh,56px)!important;padding-bottom:84px;font-family:var(--eco-font-sans);font-size:clamp(17px,1.35vw,22px);font-weight:600;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;line-height:1.4;color:#f7f7ef}
/* the arrow: client SVG as a mask so it takes the palette; drawn top to bottom, drops a little and fades, then repeats */
[data-eco-tcue]::after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:60px;margin-left:-30px;bottom:0;background:linear-gradient(180deg,#f7f7ef 55%,#3c70ff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4L12 20M12 20L18 14M12 20L6 14' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4L12 20M12 20L18 14M12 20L6 14' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;animation:eco-cue-arrow 2.2s infinite}
@keyframes eco-cue-arrow{0%{clip-path:inset(0 0 100% 0);transform:translateY(-6px);opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}45%{clip-path:inset(0 0 0 0);transform:translateY(0);opacity:1;animation-timing-function:cubic-bezier(.77,0,.175,1)}80%,100%{clip-path:inset(0 0 0 0);transform:translateY(12px);opacity:0}}
html.eco-reduce [data-eco-tcue]::after,html.eco-still [data-eco-tcue]::after{animation:none}


/* ===== servicios: cards mas bajas tras recortar el texto (2026-10-21) ===== */
@media (min-width:1025px){
[data-eco-scard]{min-height:min(62vh,580px)!important}
[data-eco-scard] > :first-child{gap:22px!important;padding-top:min(56px,6vh)!important;padding-bottom:min(56px,6vh)!important}
}
@media (max-width:1024px){
[data-eco-scard] > :first-child{gap:16px!important;padding-bottom:20px!important}
[data-eco-scard] > :last-child{height:min(76vw,300px)!important}
}
/* catalogo: fila de paquetes fija bajo la barra de servicios (eco.js ecoJumpbar) */
[data-eco-anim]:has(> [data-eco-jump]){position:sticky;top:calc(var(--eco-hh,76px) + var(--eco-tb,71px));z-index:70;margin-bottom:0!important;padding:10px 0!important;background-color:var(--eco-bg,#343635);box-shadow:0 0 0 100vmax var(--eco-bg,#343635),0 1px 0 100vmax rgba(247,247,239,.1);clip-path:inset(0 -100vmax -1px)}
[data-eco-jump][aria-current="true"]{background-color:var(--eco-cream,#f7f7ef)!important;color:var(--eco-bg,#343635)!important;border-color:var(--eco-cream,#f7f7ef)!important}
[id^="plan-"]{scroll-margin-top:calc(var(--eco-hh,76px) + var(--eco-sub,90px))}
@media (max-width:767px){[data-eco-anim]:has(> [data-eco-jump]){flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px 0!important}[data-eco-anim]:has(> [data-eco-jump])::-webkit-scrollbar{display:none}[data-eco-anim]:has(> [data-eco-jump])>*{flex:0 0 auto!important;white-space:nowrap}}

/* arma tu paquete (eco-builder.php + eco-builder.js): guided flow, one screen at a time */
.eco-ap{--ink:#343635;--cream:#f7f7ef;--muted:#b3b4a6;--line:rgba(247,247,239,.16);--surf:#3e403e;max-width:1120px;margin:0 auto;box-sizing:border-box;padding:calc(var(--eco-hh,92px) + clamp(28px,5vw,72px)) clamp(20px,4vw,48px) clamp(64px,8vw,120px);color:var(--cream);font-family:var(--eco-font-sans,'DM Sans'),sans-serif}
.eco-ap *,.eco-ap *::before,.eco-ap *::after{box-sizing:border-box}
.eco-ap button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal}
.eco-ap [hidden]{display:none!important}
.eco-ap__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eco-ap ::selection{background:#3c70ff;color:#f7f7ef}
/* intro (first screen only) */
.eco-ap__head{max-width:880px;margin-bottom:clamp(28px,4vw,48px)}
.eco-ap--flow .eco-ap__head{display:none}
.eco-ap__title{margin:0;font-size:clamp(56px,8.4vw,128px);font-weight:500;letter-spacing:-.04em;line-height:.92;color:var(--cream);text-wrap:balance}
.eco-ap__title em{font-family:var(--eco-font-serif,'DM Sans'),sans-serif;font-style:italic;font-weight:600;letter-spacing:-.02em}
.eco-ap__lead{max-width:60ch;margin:22px 0 0;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:rgba(247,247,239,.72);text-wrap:pretty}
/* progress bar */
.eco-ap__bar{position:sticky;top:var(--eco-hh,76px);z-index:20;display:flex;align-items:center;gap:14px;margin:0 calc(-1 * clamp(20px,4vw,48px)) clamp(24px,3vw,40px);padding:12px clamp(20px,4vw,48px);background:rgba(52,54,53,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,247,239,.1)}
.eco-ap__icon-btn{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0!important;border:1px solid var(--line)!important;border-radius:50%;background:transparent!important;color:var(--cream)!important}
.eco-ap__prog{flex:1;height:6px;border-radius:999px;background:rgba(247,247,239,.12);overflow:hidden}
.eco-ap__prog span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f7f7ef,#3c70ff)}
.eco-ap__where{flex:0 0 auto;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.eco-ap__bag{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 12px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
/* assistant */
.eco-ap__say{display:flex;align-items:flex-start;gap:14px;max-width:720px;margin:0 0 clamp(20px,2.4vw,28px)}
.eco-ap__avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--cream);position:relative}
.eco-ap__avatar::before{content:'';position:absolute;inset:9px;background:var(--ink);-webkit-mask:url(/wp-content/eco-assets/favicon.svg) center/contain no-repeat;mask:url(/wp-content/eco-assets/favicon.svg) center/contain no-repeat}
.eco-ap__say p{margin:0;padding:13px 18px;border-radius:6px 18px 18px 18px;background:var(--surf);font-size:16.5px;line-height:1.5;color:rgba(247,247,239,.92);text-wrap:pretty}
/* screen headings */
.eco-ap__q{margin:0 0 8px;font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1.02;color:var(--cream);outline:none;text-wrap:balance}
.eco-ap__h3{margin:0 0 14px;font-size:clamp(22px,1.8vw,28px);font-weight:500;letter-spacing:-.02em;color:var(--cream)}
.eco-ap__hint{margin:0 0 clamp(20px,2.4vw,28px);font-size:15.5px;line-height:1.5;color:var(--muted)}
/* services (first screen) */
.eco-ap__svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.eco-ap__svc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 10px 20px;text-align:left;border:1px solid var(--line)!important;border-radius:16px;background:transparent!important;color:var(--cream)!important;transition:border-color .25s,transform .25s}
.eco-ap__svc-img{display:block;width:100%;aspect-ratio:3/2;margin-bottom:8px;border-radius:12px;overflow:hidden;background:var(--surf)}
.eco-ap__svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.eco-ap__svc-name{padding:0 8px;font-size:clamp(22px,1.8vw,26px);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.eco-ap__svc-claim{padding:0 8px;font-size:14px;line-height:1.45;color:var(--muted)}
.eco-ap__svc[data-eco-ap-n]::after{content:attr(data-eco-ap-n);position:absolute;top:20px;right:20px;min-width:30px;height:30px;padding:0 9px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:600;line-height:30px;text-align:center}
@media (hover:hover){.eco-ap__svc:hover{border-color:rgba(247,247,239,.5)!important;transform:translateY(-3px)}.eco-ap__svc:hover .eco-ap__svc-img img{transform:scale(1.04)}}
/* option tiles */
.eco-ap__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.eco-ap__tiles--q{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.eco-ap__tw{position:relative;display:flex}
.eco-ap__tw input{position:absolute;top:24px;left:24px;width:1px;height:1px;opacity:0;margin:0}
.eco-ap__tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:200px;padding:22px 22px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(247,247,239,.03);color:var(--cream);cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,transform .25s}
.eco-ap__tiles--q .eco-ap__tile{min-height:170px}
@media (hover:hover){.eco-ap__tile:hover{border-color:rgba(247,247,239,.5);transform:translateY(-2px)}}
.eco-ap__ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border-radius:14px;background:rgba(247,247,239,.08);transition:background-color .25s}
.eco-ap__svg{width:26px;height:26px}
.eco-ap__check{position:absolute;top:18px;right:18px;width:26px;height:26px;border:1.5px solid rgba(247,247,239,.4);border-radius:50%}
.eco-ap__tt{font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.eco-ap__td{font-size:14px;line-height:1.5;color:rgba(247,247,239,.62);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.eco-ap__tf{margin-top:auto;padding-top:6px;font-size:12px;line-height:1.4;color:rgba(247,247,239,.48)}
.eco-ap__basetag{position:absolute;top:20px;right:54px;padding:3px 9px;border-radius:999px;background:rgba(60,112,255,.22);color:#f7f7ef;font-size:11.5px;font-weight:500;line-height:1.4}
/* checked tile */
.eco-ap__tw input:checked+.eco-ap__tile{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__ic{background:rgba(52,54,53,.08)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__td{color:rgba(52,54,53,.72)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__tf{color:rgba(52,54,53,.55)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__check{background:var(--ink);border-color:var(--ink)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__check::after{content:'';position:absolute;left:8.5px;top:4.5px;width:6px;height:11px;border:solid var(--cream);border-width:0 2px 2px 0;transform:rotate(45deg)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__basetag{background:rgba(60,112,255,.16);color:#2b56c9}
.eco-ap__tw input:focus-visible+.eco-ap__tile{outline:2px solid #3c70ff;outline-offset:3px}
/* nav + buttons */
.eco-ap__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(28px,3.4vw,44px)}
.eco-ap__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border:1px solid var(--cream);border-radius:999px;font-size:16px;font-weight:500;line-height:1.2;text-decoration:none!important}
.eco-ap .eco-ap__btn{background-color:var(--cream)!important;color:var(--ink)!important}
.eco-ap .eco-ap__btn--ghost{background-color:transparent!important;color:var(--cream)!important;border-color:var(--line)}
@media (hover:hover){.eco-ap .eco-ap__btn:hover{background-color:transparent!important;color:var(--cream)!important}.eco-ap .eco-ap__btn--ghost:hover{background-color:rgba(247,247,239,.08)!important}}
.eco-ap__btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
/* details form */
.eco-ap__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px}
.eco-ap__field{display:flex;flex-direction:column;gap:8px}
.eco-ap__field--wide{grid-column:1/-1}
.eco-ap__field label{font-size:14px;color:var(--muted)}
.eco-ap__field input,.eco-ap__field select,.eco-ap__field textarea{width:100%;padding:14px 16px;border:1px solid rgba(247,247,239,.25);border-radius:12px;background:rgba(247,247,239,.05);color:var(--cream);font:inherit;font-size:16px;caret-color:#3c70ff}
.eco-ap__field input::placeholder,.eco-ap__field textarea::placeholder{color:rgba(247,247,239,.5)}
.eco-ap__field select option{background:#343635;color:#f7f7ef}
.eco-ap__field :focus-visible{outline:2px solid #3c70ff;outline-offset:2px;border-color:transparent}
/* summary */
.eco-ap__review{margin:0 0 clamp(32px,4vw,52px)}
.eco-ap__sg{padding:20px 0;border-top:1px solid rgba(247,247,239,.12)}
.eco-ap__sg-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.eco-ap__sg h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--cream)}
.eco-ap__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.eco-ap__chip{display:inline-flex;align-items:center;gap:8px;padding:7px 7px 7px 12px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:14.5px;line-height:1.3}
.eco-ap__chip .eco-ap__svg{width:16px;height:16px}
.eco-ap__x{display:inline-grid;place-items:center;width:26px;height:26px;padding:0!important;border:0!important;border-radius:50%;background:rgba(52,54,53,.1)!important;color:var(--ink)!important}
@media (hover:hover){.eco-ap__x:hover{background:var(--ink)!important;color:var(--cream)!important}}
.eco-ap__match{margin:14px 0 0;font-size:14.5px;color:rgba(247,247,239,.75)}
.eco-ap__match a,.eco-ap__link{color:var(--cream)!important;background:none!important;border:0!important;padding:0!important;font-size:14px;text-decoration:underline;text-decoration-color:#3c70ff;text-decoration-thickness:2px;text-underline-offset:4px}
.eco-ap__empty{margin:12px 0;font-size:15px;color:var(--muted)}
.eco-ap__cross{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:clamp(32px,4vw,52px)}
.eco-ap__xs{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 10px 16px;border:1px solid var(--line)!important;border-radius:16px;background:transparent!important;color:var(--cream)!important;text-align:left}
@media (hover:hover){.eco-ap__xs:hover{border-color:rgba(247,247,239,.5)!important}}
.eco-ap__xs img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.eco-ap__xs-name{padding:0 6px;font-size:18px;font-weight:500}
.eco-ap__xs-add{margin:0 6px;padding:5px 12px;border:1px solid rgba(247,247,239,.3);border-radius:999px;font-size:13px}
.eco-ap__send .eco-ap__btn{padding:18px 34px;font-size:17px}
.eco-ap__send .eco-ap__hint{margin-top:14px}
.eco-ap button:focus-visible,.eco-ap a:focus-visible{outline:2px solid #3c70ff!important;outline-offset:3px}
body.eco-ap-page .site-content > .ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important;display:block}
body.eco-ap-page #ast-scroll-top{display:none!important}
@media (max-width:640px){
  .eco-ap__bar{gap:10px}
  .eco-ap__where{display:none}
  .eco-ap__say p{font-size:15.5px}
  .eco-ap__avatar{width:38px;height:38px}
  .eco-ap__tiles,.eco-ap__tiles--q{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .eco-ap__tile,.eco-ap__tiles--q .eco-ap__tile{min-height:0;padding:16px 14px 14px;gap:6px}
  .eco-ap__ic{width:42px;height:42px;border-radius:12px}
  .eco-ap__svg{width:22px;height:22px}
  .eco-ap__check{top:14px;right:14px;width:22px;height:22px}
  .eco-ap__tw input:checked+.eco-ap__tile .eco-ap__check::after{left:6.5px;top:3px;width:5px;height:10px}
  .eco-ap__tt{font-size:15.5px}
  .eco-ap__td{font-size:13px;-webkit-line-clamp:3}
  .eco-ap__tf{display:none}
  .eco-ap__basetag{position:static;order:-1;margin-bottom:-2px}
  .eco-ap__svcs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .eco-ap__svc-claim{display:none}
  .eco-ap__svc-name{font-size:18px}
  .eco-ap__form{grid-template-columns:minmax(0,1fr)}
  .eco-ap__nav .eco-ap__btn{flex:1 1 auto}
  body.eco-ap-page .joinchat{display:none!important}
}
@media (prefers-reduced-motion:reduce){.eco-ap *{transition:none!important}}
/* package names stay for screen readers only; the "Incluido en tu base" tag does the guiding */
.eco-ap__tf{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.eco-ap__cross{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.eco-ap__xs{padding:6px 6px 10px;gap:6px}.eco-ap__xs-name{padding:0 4px;font-size:14px;line-height:1.2}.eco-ap__xs-add{margin:0 4px;padding:3px 8px;font-size:12px}}
/* selected tile v2 (2026-10-29): stays dark (the cream fill glared and greyed the text); brand-blue ring, tint, solid icon and check */
.eco-ap__tw input:checked+.eco-ap__tile{background:linear-gradient(180deg,rgba(60,112,255,.2),rgba(60,112,255,.08));border-color:#3c70ff;color:var(--cream);box-shadow:inset 0 0 0 1px #3c70ff,0 12px 28px -14px rgba(60,112,255,.55)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__ic{background:#3c70ff;color:#f7f7ef}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__td{color:rgba(247,247,239,.82)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__tf{color:rgba(247,247,239,.6)}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__check{background:#3c70ff;border-color:#3c70ff}
.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__check::after{border-color:#f7f7ef}
.eco-ap__basetag,.eco-ap__tw input:checked+.eco-ap__tile .eco-ap__basetag{background:rgba(247,247,239,.12);color:#f7f7ef}
.eco-ap .eco-ap__basetag{position:static;order:0;margin:auto 0 0;padding-top:3px}
.eco-ap__tile .eco-ap__td+.eco-ap__tf+.eco-ap__basetag,.eco-ap__tile .eco-ap__td+.eco-ap__basetag{margin-top:auto}
/* tiles v3 (2026-10-29): horizontal (icon | text), fill the row, full description */
.eco-ap .eco-ap__tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.eco-ap .eco-ap__tile{display:grid;grid-template-columns:52px minmax(0,1fr);grid-auto-rows:min-content;align-content:start;column-gap:16px;row-gap:6px;min-height:0;padding:20px 54px 20px 20px}
.eco-ap .eco-ap__ic{grid-row:1/span 4;margin:0}
.eco-ap .eco-ap__tt,.eco-ap .eco-ap__td,.eco-ap .eco-ap__basetag{grid-column:2}
.eco-ap .eco-ap__td{-webkit-line-clamp:unset;display:block}
.eco-ap .eco-ap__basetag{justify-self:start;margin:4px 0 0}
@media (max-width:640px){.eco-ap .eco-ap__tiles,.eco-ap .eco-ap__tiles--q{grid-template-columns:minmax(0,1fr);gap:10px}.eco-ap .eco-ap__tile{grid-template-columns:42px minmax(0,1fr);column-gap:14px;padding:16px 48px 16px 16px}.eco-ap .eco-ap__td{display:-webkit-box;-webkit-line-clamp:3}.eco-ap .eco-ap__basetag{order:0}}
/* tiles v4 (2026-10-29): header row icon | title | check, description and tag span the full width (no dead right gutter) */
.eco-ap .eco-ap__tile{grid-template-columns:52px minmax(0,1fr) 26px;grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:10px;padding:20px}
.eco-ap .eco-ap__ic{grid-column:1;grid-row:1}
.eco-ap .eco-ap__tt{grid-column:2;grid-row:1;align-self:center}
.eco-ap .eco-ap__check{position:relative;top:auto;right:auto;grid-column:3;grid-row:1;align-self:start}
.eco-ap .eco-ap__td{grid-column:1/-1;grid-row:2}
.eco-ap .eco-ap__basetag{grid-column:1/-1;grid-row:3;align-self:end;margin:2px 0 0}
@media (max-width:640px){.eco-ap .eco-ap__tile{grid-template-columns:42px minmax(0,1fr) 22px;column-gap:12px;row-gap:8px;padding:16px}.eco-ap .eco-ap__check{top:auto;right:auto}}
/* summary v2 (2026-10-29): ticket cards + fixed WhatsApp bar */
.eco-ap__screen--sum{padding-bottom:120px}
.eco-ap .eco-ap__review{display:grid;gap:14px;margin:6px 0 clamp(28px,3.4vw,44px)}
.eco-ap .eco-ap__sg{padding:0;border:1px solid rgba(247,247,239,.14);border-radius:16px;background:rgba(247,247,239,.03);overflow:hidden}
.eco-ap .eco-ap__sg-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0;padding:16px 20px;border-bottom:1px solid rgba(247,247,239,.1);background:rgba(247,247,239,.04)}
.eco-ap__sg-hl{display:flex;align-items:baseline;gap:10px;margin-right:auto}
.eco-ap .eco-ap__sg h3{margin:0;font-size:21px;font-weight:500;letter-spacing:-.02em}
.eco-ap__sg-n{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.eco-ap .eco-ap__near{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(60,112,255,.16);color:rgba(247,247,239,.85)!important;font-size:13px;text-decoration:none!important}
.eco-ap .eco-ap__near strong{color:#f7f7ef;font-weight:600}
@media (hover:hover){.eco-ap .eco-ap__near:hover{background:rgba(60,112,255,.3)}}
.eco-ap__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0;padding:8px 20px 12px;list-style:none}
.eco-ap__item{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 0;border-bottom:1px solid rgba(247,247,239,.07)}
.eco-ap__item-ic{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:rgba(60,112,255,.18);color:#f7f7ef}
.eco-ap__item-ic .eco-ap__svg{width:17px;height:17px}
.eco-ap__item-t{flex:1;font-size:15px;line-height:1.35;color:rgba(247,247,239,.92)}
.eco-ap .eco-ap__item .eco-ap__x{flex:0 0 auto;background:transparent!important;color:rgba(247,247,239,.5)!important}
@media (hover:hover){.eco-ap .eco-ap__item .eco-ap__x{opacity:0;transition:opacity .15s}.eco-ap__item:hover .eco-ap__x,.eco-ap .eco-ap__item .eco-ap__x:focus-visible{opacity:1}.eco-ap .eco-ap__item .eco-ap__x:hover{background:rgba(247,247,239,.12)!important;color:#f7f7ef!important}}
/* add another service: compact pills */
.eco-ap .eco-ap__more-svc .eco-ap__h3{font-size:18px;margin-bottom:12px}
.eco-ap .eco-ap__cross{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.eco-ap .eco-ap__xs{flex-direction:row;align-items:center;gap:10px;padding:6px 8px 6px 6px;border-radius:999px}
.eco-ap .eco-ap__xs img{width:36px;height:36px;aspect-ratio:1;border-radius:50%}
.eco-ap .eco-ap__xs-name{padding:0;font-size:15px}
.eco-ap .eco-ap__xs-add{display:grid;place-items:center;width:26px;height:26px;margin:0;padding:0;border-radius:50%;font-size:16px;line-height:1}
/* fixed WhatsApp bar (summary only) */
.eco-ap__wabar{position:fixed;left:0;right:0;bottom:0;z-index:95;padding:12px clamp(16px,4vw,48px) calc(12px + env(safe-area-inset-bottom));background:rgba(37,40,38,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(37,211,102,.35);box-shadow:0 -14px 40px rgba(0,0,0,.35)}
.eco-ap__wabar-in{display:flex;align-items:center;gap:16px;max-width:1024px;margin:0 auto}
.eco-ap__wabar-ic{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#25d366;color:#fff}
.eco-ap__wabar-txt{display:flex;flex-direction:column;gap:2px;margin-right:auto;min-width:0}
.eco-ap__wabar-txt strong{font-size:16px;font-weight:600;color:#f7f7ef}
.eco-ap__wabar-txt span{font-size:13.5px;color:rgba(247,247,239,.7)}
.eco-ap .eco-ap__wabtn{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:15px 26px;border-radius:999px;background:#25d366;color:#0b2914!important;font-size:16px;font-weight:600;text-decoration:none!important;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s}
@media (hover:hover){.eco-ap .eco-ap__wabtn:hover{background:#3ee07a}}
.eco-ap .eco-ap__wabtn:active{transform:scale(.97)}
.eco-ap .eco-ap__wabtn[aria-disabled="true"]{opacity:.45;pointer-events:none}
body:has([data-eco-ap-screen="summary"]:not([hidden])) .joinchat,body:has([data-eco-ap-screen="summary"]:not([hidden])) .eco-bot-fab{display:none!important}
@media (max-width:640px){
  .eco-ap__items{grid-template-columns:minmax(0,1fr);padding:4px 16px 8px}
  .eco-ap .eco-ap__sg-h{padding:14px 16px}
  .eco-ap .eco-ap__near{order:3;width:100%;justify-content:flex-start}
  .eco-ap__wabar-in{gap:12px}
  .eco-ap__wabar-ic{display:none}
  .eco-ap__wabar-txt span{display:none}
  .eco-ap__wabar-txt strong{font-size:14px}
  .eco-ap .eco-ap__wabtn{padding:14px 18px;font-size:15px}
}
@media (max-width:640px){.eco-ap .eco-ap__near{display:block;width:100%;padding:7px 12px;border-radius:12px;line-height:1.4}.eco-ap__wabar-txt{display:none}.eco-ap .eco-ap__wabtn{flex:1;justify-content:center;padding:16px 18px;font-size:16px}}

/* arma tu paquete: one screen per service, categories as numbered sections (2026-10-29) */
.eco-ap__grp{margin-top:clamp(28px,4vw,44px)}
.eco-ap__grp + .eco-ap__grp{padding-top:clamp(24px,3.4vw,36px);border-top:1px solid rgba(247,247,239,.1)}
.eco-ap__gh{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-size:clamp(20px,2.2vw,26px);line-height:1.2;font-weight:500;letter-spacing:-.01em;color:#F7F7EF}
.eco-ap__gn{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(60,112,255,.16);color:#8eaaff;font-size:14px;font-weight:600;letter-spacing:0}
.eco-ap__grp .eco-ap__hint{margin:0 0 16px 42px}
.eco-ap__grp .eco-ap__tiles{margin-top:0}
@media (max-width:600px){.eco-ap__grp .eco-ap__hint{margin-left:0}}

/* arma tu paquete: checklist blocks (2026-11-06). A card that opens its list of pieces; the phase tiles stay all-in */
.eco-ap__blks{display:grid;gap:10px}
.eco-ap__blk{border:1px solid var(--line);border-radius:16px;background:rgba(247,247,239,.03);transition:border-color .2s ease,background-color .2s ease}
.eco-ap__blk:hover{border-color:rgba(247,247,239,.4)}
.eco-ap__blk.is-on{border-color:rgba(60,112,255,.75);background:linear-gradient(180deg,rgba(60,112,255,.12),rgba(60,112,255,.04))}
.eco-ap .eco-ap__blk-h,.eco-ap .eco-ap__blk-h:hover,.eco-ap .eco-ap__blk-h:focus,.eco-ap .eco-ap__blk-h:active{display:grid;grid-template-columns:52px minmax(0,1fr) auto 26px;align-items:center;column-gap:16px;width:100%;min-height:0;margin:0;padding:18px 20px;border:0!important;border-radius:16px;background:transparent!important;box-shadow:none!important;color:var(--cream)!important;font:inherit;font-weight:400;text-align:left;text-transform:none;letter-spacing:normal;line-height:1.3;cursor:pointer;transition:transform .16s ease-out}
.eco-ap .eco-ap__blk-h:active{transform:scale(.995)}
.eco-ap .eco-ap__blk-h:focus-visible{outline:2px solid #3c70ff;outline-offset:2px}
.eco-ap__blk-h .eco-ap__ic{margin:0}
.eco-ap__blk.is-on .eco-ap__blk-h .eco-ap__ic{background:#3c70ff;color:#f7f7ef}
.eco-ap__blk-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.eco-ap__blk-t{font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--cream)}
.eco-ap__blk-d{font-size:14px;line-height:1.45;color:rgba(247,247,239,.62)}
.eco-ap__blk-n{padding:4px 10px;border-radius:999px;background:#3c70ff;color:#f7f7ef;font-size:12.5px;font-weight:600;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.eco-ap__blk-n[hidden]{display:none}
.eco-ap__chev{position:relative;width:26px;height:26px;border-radius:50%;background:rgba(247,247,239,.08);color:var(--cream);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.eco-ap__chev::after{content:'';position:absolute;left:9.5px;top:8px;width:6px;height:6px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.eco-ap__blk-h[aria-expanded="true"] .eco-ap__chev{transform:rotate(180deg)}
.eco-ap__blk-body{position:relative;padding:16px 20px 18px 88px}
.eco-ap__blk-body::before{content:'';position:absolute;top:0;left:88px;right:20px;height:1px;background:rgba(247,247,239,.09)}
.eco-ap__blk-hint{margin:0 0 6px;font-size:13.5px;line-height:1.4;color:var(--muted)}
/* checklist v2 (2026-11-06): plain rows, no boxes inside the card; the checkbox carries the state */
.eco-ap__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;margin:0 0 0 -12px;padding:0;list-style:none}
.eco-ap__opt{position:relative;margin:0;padding:0}
.eco-ap__opt input{position:absolute;top:50%;left:22px;width:1px;height:1px;opacity:0;margin:0}
.eco-ap__opt label{display:flex;align-items:flex-start;gap:12px;min-height:44px;margin:0;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:rgba(247,247,239,.74);font-size:15px;line-height:1.4;cursor:pointer;transition:background-color .15s ease,color .15s ease}
@media (hover:hover) and (pointer:fine){.eco-ap__opt label:hover{background:rgba(247,247,239,.05);color:#f7f7ef}.eco-ap__opt label:hover .eco-ap__box{border-color:rgba(247,247,239,.6)}}
.eco-ap__box{position:relative;flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid rgba(247,247,239,.36);border-radius:6px;background:transparent;transition:background-color .15s ease,border-color .15s ease,transform .12s ease-out}
.eco-ap__box::after{content:'';position:absolute;inset:-1.5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23F7F7EF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;opacity:0;transform:scale(.6);transition:opacity .14s ease-out,transform .18s cubic-bezier(.23,1,.32,1)}
.eco-ap__opt label:active .eco-ap__box{transform:scale(.92)}
.eco-ap__opt input:checked+label{color:#f7f7ef}
.eco-ap__opt input:checked+label .eco-ap__box{background:#3c70ff;border-color:#3c70ff}
.eco-ap__opt input:checked+label .eco-ap__box::after{opacity:1;transform:none}
.eco-ap__opt input[data-eco-ap-one]+label .eco-ap__box{border-radius:50%}
.eco-ap__opt input[data-eco-ap-one]+label .eco-ap__box::after{inset:4.5px;border-radius:50%;background:#f7f7ef}
.eco-ap__opt input:focus-visible+label{outline:2px solid #3c70ff;outline-offset:-2px}
@media (prefers-reduced-motion:reduce){.eco-ap__box,.eco-ap__box::after{transition:none}}
/* summary: a block is one row, its pieces are chips */
.eco-ap__item--blk{align-items:flex-start;padding:12px 0}
.eco-ap__item-b{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:5px}
.eco-ap__subs{display:flex;flex-wrap:wrap;gap:6px}
.eco-ap__sub{display:inline-flex;align-items:center;gap:2px;padding:3px 3px 3px 11px;border-radius:999px;background:rgba(247,247,239,.08);color:rgba(247,247,239,.9);font-size:13.5px;line-height:1.35}
.eco-ap .eco-ap__sub .eco-ap__x{opacity:1;width:24px;height:24px}
@media (max-width:767px){
.eco-ap .eco-ap__blk-h,.eco-ap .eco-ap__blk-h:hover,.eco-ap .eco-ap__blk-h:focus,.eco-ap .eco-ap__blk-h:active{grid-template-columns:42px minmax(0,1fr) 26px;column-gap:12px;padding:16px}
.eco-ap__blk-n{grid-column:2;grid-row:2;justify-self:start;margin-top:8px}
.eco-ap__chev{grid-column:3;grid-row:1}
.eco-ap__blk-body{padding:14px 16px 14px}.eco-ap__blk-body::before{left:16px;right:16px}.eco-ap__opts{grid-template-columns:minmax(0,1fr);margin:0 -4px}
.eco-ap__blk-t{font-size:16px}
.eco-ap__blk-d{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.eco-ap__chev,.eco-ap .eco-ap__blk-h{transition:none}}
/* tile check v2 (2026-11-06): vector check centered in the circle (the rotated-border check sat off-center) */
.eco-ap .eco-ap__tw input:checked+.eco-ap__tile .eco-ap__check::after{content:'';position:absolute;inset:-1.5px;width:auto;height:auto;border:0;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23F7F7EF' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/58% no-repeat}

/* removing selections (2026-11-06): always-visible x on summary rows, clear-block link, remove service, start over */
.eco-ap .eco-ap__item .eco-ap__x{opacity:1;color:rgba(247,247,239,.55)!important}
.eco-ap .eco-ap__item .eco-ap__x:hover{background:rgba(247,247,239,.12)!important;color:#f7f7ef!important}
.eco-ap .eco-ap__x--blk{margin-top:4px}
.eco-ap .eco-ap__link--rm,.eco-ap .eco-ap__link--rm:hover,.eco-ap .eco-ap__link--rm:focus{margin-left:auto;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:rgba(247,247,239,.6)!important;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(247,247,239,.3);cursor:pointer}
.eco-ap .eco-ap__link--rm:hover{color:#ff8a8a!important;text-decoration-color:currentColor}
.eco-ap .eco-ap__sg-h .eco-ap__near+.eco-ap__link--rm{margin-left:0}
.eco-ap .eco-ap__clr,.eco-ap .eco-ap__clr:hover,.eco-ap .eco-ap__clr:focus{display:inline-flex;margin:10px 0 0;padding:6px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:rgba(247,247,239,.6)!important;font:inherit;font-size:13.5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(247,247,239,.3);cursor:pointer}
.eco-ap .eco-ap__clr:hover{color:#f7f7ef!important}
.eco-ap .eco-ap__clr[hidden]{display:none}
.eco-ap .eco-ap__reset,.eco-ap .eco-ap__reset:hover,.eco-ap .eco-ap__reset:focus{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:10px 16px!important;border:1px solid rgba(247,247,239,.2)!important;border-radius:999px;background:transparent!important;box-shadow:none!important;color:rgba(247,247,239,.75)!important;font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .16s ease-out}
.eco-ap .eco-ap__reset:hover{border-color:#ff8a8a!important;color:#ff8a8a!important}
.eco-ap .eco-ap__reset:active{transform:scale(.97)}
.eco-ap .eco-ap__link--rm:focus-visible,.eco-ap .eco-ap__clr:focus-visible,.eco-ap .eco-ap__reset:focus-visible{outline:2px solid #3c70ff;outline-offset:3px}
.eco-ap .eco-ap__reset{justify-self:start;align-self:start;width:auto;max-width:max-content}

/* summary list v2 (2026-11-06): one column, rows size to their content, chips flow on the full width */
.eco-ap .eco-ap__items{display:grid;grid-template-columns:minmax(0,1fr);column-gap:0;padding:4px 20px 6px}
.eco-ap .eco-ap__item{display:grid;grid-template-columns:32px minmax(0,1fr) 26px;align-items:center;column-gap:14px;min-height:0;padding:14px 0;border-bottom:1px solid rgba(247,247,239,.07)}
.eco-ap .eco-ap__item:last-child{border-bottom:0}
.eco-ap .eco-ap__item--blk{align-items:start}
.eco-ap .eco-ap__item--blk .eco-ap__x--blk{margin-top:3px}
.eco-ap .eco-ap__item-b{gap:10px;padding-top:6px}
.eco-ap .eco-ap__item-t{font-size:15.5px;color:#f7f7ef}
.eco-ap .eco-ap__subs{gap:6px 8px}
.eco-ap .eco-ap__sub{max-width:100%;padding:4px 4px 4px 12px;background:rgba(247,247,239,.07);border:1px solid rgba(247,247,239,.08);font-size:13.5px}
@media (max-width:767px){.eco-ap .eco-ap__items{padding:2px 16px 4px}.eco-ap .eco-ap__item{column-gap:12px}}
@media (max-width:767px){.eco-ap .eco-ap__sg-h{gap:8px 18px}.eco-ap .eco-ap__sg-hl{flex-basis:100%}.eco-ap .eco-ap__sg-h .eco-ap__link--rm{margin-left:0}}

/* arma tu paquete: selector de linea de WhatsApp (2026-11-12) */
.eco-ap__dlg{width:min(460px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:24px;background:transparent;color:#f7f7ef;overflow:visible}
.eco-ap__dlg::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.eco-ap__dlg-in{position:relative;padding:32px 28px 28px;border-radius:24px;background:#3e403e;border:1px solid rgba(247,247,239,.12);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.eco-ap .eco-ap__dlg-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(247,247,239,.2)!important;background:transparent!important;color:#f7f7ef!important;cursor:pointer}
.eco-ap .eco-ap__dlg-x:hover,.eco-ap .eco-ap__dlg-x:focus-visible{background:rgba(247,247,239,.1)!important}
.eco-ap .eco-ap__dlg-t{margin:0 44px 8px 0;font-size:clamp(21px,2.4vw,25px);line-height:1.2;font-weight:600;color:#f7f7ef;text-wrap:balance}
.eco-ap__dlg-p{margin:0 0 22px;font-size:15px;line-height:1.5;color:rgba(247,247,239,.72)}
.eco-ap__dlg-ls{display:flex;flex-direction:column;gap:12px}
.eco-ap .eco-ap__dlg-l{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#25d366;color:#0b2914!important;font-size:18px;font-weight:600;letter-spacing:.01em;text-decoration:none!important;font-variant-numeric:tabular-nums}
.eco-ap__dlg-ic{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:rgba(11,41,20,.12)}
.eco-ap__dlg-ic svg{width:22px;height:22px}
@media (hover:hover){.eco-ap .eco-ap__dlg-l:hover{background:#3ee07a}}
.eco-ap .eco-ap__dlg-l:focus-visible{outline:2px solid #f7f7ef;outline-offset:3px}
@media (max-width:600px){.eco-ap__dlg{margin:auto auto 16px}.eco-ap__dlg-in{padding:28px 20px 20px}}
/* arma tu paquete: paso cero, datos de contacto (eco-leads.php, 2026-11-12) */
.eco-ap__ldlg{width:min(520px,calc(100vw - 32px))}
.eco-ap__ldlg .eco-ap__dlg-t{margin-right:0}
.eco-ap__ldlg form{display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 32px);overflow:auto}
.eco-ap__ldlg .eco-ap__dlg-p{margin-bottom:6px}
.eco-ap__fld{display:flex;flex-direction:column;gap:6px}
.eco-ap__fld label{font-size:14px;font-weight:600;color:#f7f7ef}
.eco-ap .eco-ap__fld input{width:100%;box-sizing:border-box;min-height:50px;padding:12px 16px;border-radius:14px;border:1px solid rgba(247,247,239,.22);background:rgba(52,54,53,.9);color:#f7f7ef;font:inherit;font-size:16px}
.eco-ap .eco-ap__fld input::placeholder{color:rgba(247,247,239,.4)}
.eco-ap .eco-ap__fld input:focus{outline:none;border-color:#3c70ff;box-shadow:0 0 0 3px rgba(60,112,255,.35)}
.eco-ap .eco-ap__fld input[aria-invalid="true"]{border-color:#f7f7ef;box-shadow:0 0 0 2px rgba(247,247,239,.5)}
.eco-ap__fld-err{font-size:13.5px;color:#f7f7ef;padding-left:2px}
.eco-ap__fld-err::before{content:"! ";font-weight:700;color:#3c70ff}
.eco-ap__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.eco-ap__ck{position:relative;display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;color:rgba(247,247,239,.82);cursor:pointer}
.eco-ap__ck input{position:absolute;opacity:0;width:22px;height:22px;margin:0}
.eco-ap__ck-box{flex:0 0 auto;width:22px;height:22px;margin-top:1px;border-radius:6px;border:1.5px solid rgba(247,247,239,.5);background-position:center;background-repeat:no-repeat;background-size:14px}
.eco-ap__ck input:checked+.eco-ap__ck-box{background-color:#3c70ff;border-color:#3c70ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7F7EF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.eco-ap__ck input:focus-visible+.eco-ap__ck-box{outline:2px solid #f7f7ef;outline-offset:2px}
.eco-ap__ck input[aria-invalid="true"]+.eco-ap__ck-box{border-color:#f7f7ef}
.eco-ap .eco-ap__ck a{color:#f7f7ef;text-decoration:underline;text-decoration-color:#3c70ff;text-underline-offset:3px}
.eco-ap__lead-msg{margin:0;padding:10px 14px;border-radius:12px;background:rgba(247,247,239,.08);font-size:14px;color:#f7f7ef}
.eco-ap .eco-ap__lead-go{width:100%;justify-content:center;margin-top:4px;min-height:52px}
.eco-ap .eco-ap__lead-out{align-self:center;font-size:14px;color:rgba(247,247,239,.7)!important;text-decoration:underline;text-underline-offset:3px}
/* arma tu paquete: paso cero en mobile = hoja inferior (2026-11-12) */
@media (max-width:600px){
.eco-ap__ldlg{width:100%;max-width:100%;max-height:100dvh;margin:auto 0 0;border-radius:24px 24px 0 0}
.eco-ap__ldlg form.eco-ap__dlg-in{gap:12px;max-height:calc(100dvh - 12px);padding:14px 20px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-width:1px 0 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.eco-ap__ldlg form.eco-ap__dlg-in::before{content:"";flex:0 0 auto;align-self:center;width:40px;height:4px;margin-bottom:6px;border-radius:4px;background:rgba(247,247,239,.25)}
.eco-ap .eco-ap__ldlg .eco-ap__dlg-t{font-size:21px;line-height:1.2;margin-bottom:0}
.eco-ap__ldlg .eco-ap__dlg-p{font-size:14px;line-height:1.45;margin:0 0 2px}
.eco-ap__ldlg .eco-ap__fld{gap:5px}
.eco-ap__ldlg .eco-ap__fld label{font-size:13.5px}
.eco-ap .eco-ap__ldlg .eco-ap__fld input{min-height:46px;padding:10px 14px;border-radius:12px}
.eco-ap__ldlg .eco-ap__ck{font-size:13.5px;line-height:1.4;gap:10px}
.eco-ap .eco-ap__ldlg .eco-ap__lead-go{min-height:50px;margin-top:2px}
.eco-ap .eco-ap__ldlg .eco-ap__lead-out{padding:4px 8px}
}
@media (max-width:600px) and (max-height:700px){
.eco-ap__ldlg .eco-ap__dlg-p{display:none}
.eco-ap__ldlg form.eco-ap__dlg-in{gap:10px}
.eco-ap .eco-ap__ldlg .eco-ap__fld input{min-height:44px}
}