/*
Theme Name: ZoiaOne
Theme URI: https://zoiaone.com/
Description: Tema hijo de Astra para la nueva web de ZoiaOne.
Author: ZoiaOne
Version: 2.0.0
Template: astra
Text Domain: zoiaone
*/

:root{--zo-bg:#020d17;--zo-bg2:#061827;--zo-card:#071c2d;--zo-cyan:#22d3ee;--zo-cyan2:#06b6d4;--zo-blue:#2563eb;--zo-text:#f8fafc;--zo-muted:#a8b7c7;--zo-border:rgba(34,211,238,.24);--zo-shadow:0 18px 60px rgba(0,183,229,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.zoiaone-site{margin:0;background:var(--zo-bg);color:var(--zo-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.zoiaone-site a{text-decoration:none}.zo-container{width:min(1400px,calc(100% - 48px));margin-inline:auto}.zo-section{padding:92px 0;border-top:1px solid rgba(34,211,238,.14);position:relative;overflow:hidden}.zo-eyebrow{margin:0 0 10px;color:var(--zo-cyan);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.zo-title{margin:0;color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.03em}.zo-subtitle{max-width:780px;margin:14px 0 0;color:var(--zo-muted);font-size:18px}.zo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid var(--zo-cyan);border-radius:10px;background:linear-gradient(135deg,#20d9f4,#31c7f5);color:#00111b!important;font-weight:750;transition:.22s ease;box-shadow:0 10px 28px rgba(34,211,238,.16)}.zo-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 38px rgba(34,211,238,.25)}.zo-button--ghost{background:rgba(3,17,30,.5);color:#fff!important;box-shadow:none}.zo-button--ghost:hover{background:rgba(34,211,238,.1)}

/* Cabecera */
.zo-header{position:relative;z-index:50;background:#03111e;border-bottom:1px solid rgba(34,211,238,.14)}.zo-header__inner{min-height:92px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px}.zo-logo img{display:block;width:118px;height:auto;filter:drop-shadow(0 0 14px rgba(34,211,238,.2))}.zo-nav ul{display:flex;justify-content:center;align-items:center;gap:31px;margin:0;padding:0;list-style:none}.zo-nav a{position:relative;display:block;padding:35px 0 29px;color:#edf8ff;font-size:14px;font-weight:550;white-space:nowrap}.zo-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--zo-cyan);transition:.2s}.zo-nav a:hover,.zo-nav .current-menu-item>a{color:var(--zo-cyan)}.zo-nav a:hover:after,.zo-nav .current-menu-item>a:after{right:0}.zo-header__actions{display:flex;align-items:center;gap:24px}.zo-header__cta{min-width:142px}.zo-langs{color:#7890a4;font-size:13px;white-space:nowrap}.zo-langs strong{color:#fff}.zo-mobile-toggle{display:none;border:1px solid var(--zo-border);border-radius:8px;background:transparent;color:var(--zo-cyan);width:44px;height:44px;font-size:25px;cursor:pointer}

/* Hero */
.zo-hero{position:relative;min-height:670px;background:#020d17 url('assets/images/hero-zoiaone.png') center/cover no-repeat;overflow:hidden}.zo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,23,.98) 0%,rgba(2,13,23,.92) 34%,rgba(2,13,23,.14) 68%,rgba(2,13,23,.04) 100%)}.zo-hero__inner{position:relative;z-index:2;min-height:670px;display:flex;align-items:center}.zo-hero__copy{width:min(600px,48%);padding:72px 0}.zo-hero h1{margin:0;color:#fff;font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.045em}.zo-hero h1 span{color:var(--zo-cyan)}.zo-hero__lead{max-width:590px;margin:22px 0 28px;color:#e1ebf3;font-size:20px;line-height:1.5}.zo-actions{display:flex;flex-wrap:wrap;gap:18px}.zo-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}.zo-benefit{display:flex;align-items:center;gap:12px;color:#b9c9d5;font-size:13px}.zo-benefit svg{width:28px;color:var(--zo-cyan);flex:0 0 auto}.zo-hero__notes{position:absolute;right:3.5%;top:29%;display:grid;gap:21px;color:var(--zo-cyan);font-size:11px;letter-spacing:.2em;text-transform:uppercase}

/* Cards */
.zo-section__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.zo-text-link{color:var(--zo-cyan);font-weight:650}.zo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.zo-card{min-height:265px;padding:28px;border:1px solid var(--zo-border);border-radius:12px;background:linear-gradient(145deg,rgba(7,28,45,.94),rgba(3,17,30,.9));box-shadow:var(--zo-shadow);transition:.25s}.zo-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.55)}.zo-card__icon{width:54px;height:54px;margin-bottom:22px;color:var(--zo-cyan)}.zo-card h3{margin:0 0 9px;font-size:23px;line-height:1.1;color:#fff}.zo-card p{margin:0 0 20px;color:#b5c4d1}.zo-card a{color:var(--zo-cyan);font-weight:650}

/* IA Visibility */
.zo-visibility{background:#020d17 url('assets/images/ia-visibility.png') center/cover no-repeat}.zo-visibility:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,23,.22),rgba(2,13,23,.72) 45%,rgba(2,13,23,.96) 100%)}.zo-visibility__grid{position:relative;z-index:1;display:grid;grid-template-columns:.75fr 1.15fr .62fr;gap:38px;align-items:center;min-height:360px}.zo-visibility__copy{grid-column:2}.zo-visibility__copy p{color:#c0ccd6;font-size:17px}.zo-platforms{display:grid;gap:14px}.zo-pill,.zo-checklist{border:1px solid var(--zo-border);border-radius:12px;background:rgba(4,21,35,.86);backdrop-filter:blur(8px)}.zo-pill{padding:18px 20px;color:#fff;font-weight:650}.zo-pill span{color:var(--zo-cyan);margin-right:10px}.zo-checklist{padding:12px 22px}.zo-checklist div{padding:15px 0;color:#d8e2e9;border-bottom:1px solid rgba(255,255,255,.08)}.zo-checklist div:last-child{border:0}.zo-checklist b{color:var(--zo-cyan);margin-right:9px}

/* Acuérdate */
.zo-product{min-height:520px;background:#03111e url('assets/images/acuerdate.png') center/cover no-repeat}.zo-product:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,23,.94) 0%,rgba(2,13,23,.67) 30%,rgba(2,13,23,.05) 58%,rgba(2,13,23,.78) 100%)}.zo-product__grid{position:relative;z-index:1;min-height:340px;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:35px;align-items:center}.zo-product__copy{max-width:460px}.zo-product__copy h2{font-size:48px}.zo-product__copy h3{margin:8px 0 15px;color:var(--zo-cyan);font-size:23px}.zo-product__copy p{color:#d2dce4;font-size:17px}.zo-features{grid-column:3;display:grid;gap:20px}.zo-feature{display:flex;gap:15px;align-items:center;color:#e2edf4}.zo-feature span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--zo-border);border-radius:9px;color:var(--zo-cyan);background:rgba(1,12,21,.55)}

/* Datos / desarrollo / CTA */
.zo-stats{padding:32px 0;background:#010a12;border-block:1px solid rgba(34,211,238,.14)}.zo-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.zo-stat{display:flex;justify-content:center;align-items:center;gap:18px}.zo-stat__icon{font-size:31px;color:var(--zo-cyan)}.zo-stat strong{display:block;color:var(--zo-cyan);font-size:28px;line-height:1}.zo-stat span{color:#bccbd6;font-size:13px}.zo-development{background:radial-gradient(circle at 86% 30%,rgba(0,173,225,.18),transparent 28%),#03111e}.zo-development__top{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.zo-development__copy{max-width:850px}.zo-development__copy p{color:#c3d0d9;font-size:17px}.zo-tech{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:35px;color:#e5f2f8}.zo-tech span{display:flex;align-items:center;gap:9px}.zo-tech b{color:var(--zo-cyan);font-size:19px}.zo-cta{margin-top:52px;padding:32px 44px;border:1px solid var(--zo-border);border-radius:12px;background:linear-gradient(100deg,rgba(4,55,83,.9),rgba(1,24,40,.92)),url('assets/images/acuerdate.png') center/cover;display:flex;justify-content:space-between;align-items:center;gap:30px}.zo-cta h2{margin:0 0 4px;font-size:30px}.zo-cta p{margin:0;color:#d0dce4}

/* Footer e interiores */
.zo-footer{padding:36px 0 24px;background:#010a12;border-top:1px solid rgba(34,211,238,.15)}.zo-footer__top{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px}.zo-footer__logo{width:110px}.zo-footer nav ul{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none}.zo-footer nav a,.zo-footer__social a{color:#cbd8e1;font-size:13px}.zo-footer nav a:hover,.zo-footer__social a:hover{color:var(--zo-cyan)}.zo-footer__social{display:flex;gap:18px}.zo-footer__bottom{display:flex;justify-content:space-between;gap:25px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#8296a6;font-size:12px}.zo-legal{display:flex;flex-wrap:wrap;gap:18px}.zo-legal a{color:#aab9c5}.zo-page{min-height:60vh;padding:100px 0}.zo-page__content{max-width:900px}.zo-page__content h1{font-size:54px}.zo-page__content,.zo-page__content p{color:#cad6df}.zo-page__content a{color:var(--zo-cyan)}

@media(max-width:1150px){.zo-header__inner{grid-template-columns:130px 1fr auto;gap:18px}.zo-nav ul{gap:18px}.zo-header__cta{display:none}.zo-hero__copy{width:55%}.zo-hero__notes{display:none}.zo-grid{grid-template-columns:repeat(2,1fr)}.zo-visibility__grid{grid-template-columns:.5fr 1.2fr .75fr}.zo-product__grid{grid-template-columns:1fr .7fr 1fr}}
@media(max-width:900px){.zo-container{width:min(100% - 36px,720px)}.zo-section{padding:70px 0}.zo-header__inner{display:flex;justify-content:space-between;min-height:76px}.zo-logo img{width:92px}.zo-mobile-toggle{display:block}.zo-nav{display:none;position:absolute;left:0;right:0;top:76px;padding:18px;background:#03111e;border-bottom:1px solid var(--zo-border)}.zo-nav.is-open{display:block}.zo-nav ul{display:grid;gap:0}.zo-nav a{padding:13px 10px}.zo-nav a:after{display:none}.zo-header__actions{margin-left:auto}.zo-langs{display:none}.zo-hero{min-height:760px;background-position:64% center}.zo-hero:after{background:linear-gradient(180deg,rgba(2,13,23,.95) 0%,rgba(2,13,23,.78) 58%,rgba(2,13,23,.46) 100%)}.zo-hero__inner{min-height:760px;align-items:flex-start}.zo-hero__copy{width:100%;padding-top:86px}.zo-hero__lead{max-width:560px}.zo-benefits{grid-template-columns:repeat(2,1fr);margin-top:40px}.zo-section__head{display:block}.zo-section__head .zo-text-link{display:inline-block;margin-top:15px}.zo-visibility__grid{display:grid;grid-template-columns:1fr;padding-top:180px}.zo-visibility__copy,.zo-platforms,.zo-checklist{grid-column:1}.zo-platforms{grid-template-columns:repeat(3,1fr)}.zo-product{background-position:55% center}.zo-product:before{background:linear-gradient(180deg,rgba(2,13,23,.92),rgba(2,13,23,.54) 55%,rgba(2,13,23,.88))}.zo-product__grid{display:grid;grid-template-columns:1fr;padding:25px 0}.zo-product__copy,.zo-features{grid-column:1}.zo-features{margin-top:220px;grid-template-columns:repeat(2,1fr)}.zo-stats__grid{grid-template-columns:repeat(2,1fr);gap:28px}.zo-development__top{grid-template-columns:1fr}.zo-footer__top{grid-template-columns:1fr;text-align:center}.zo-footer__logo{margin:auto}.zo-footer__social{justify-content:center}.zo-footer__bottom{display:grid;text-align:center}.zo-legal{justify-content:center}}
@media(max-width:600px){.zo-container{width:calc(100% - 28px)}.zo-title{font-size:34px}.zo-subtitle{font-size:16px}.zo-hero h1{font-size:49px}.zo-hero__lead{font-size:17px}.zo-actions{display:grid}.zo-button{width:100%}.zo-benefits{gap:18px 10px}.zo-benefit{font-size:12px}.zo-grid{grid-template-columns:1fr}.zo-card{min-height:0}.zo-platforms{grid-template-columns:1fr}.zo-product__copy h2{font-size:40px}.zo-features{grid-template-columns:1fr;margin-top:160px}.zo-stats__grid{grid-template-columns:1fr 1fr}.zo-stat{display:block;text-align:center}.zo-development__top .zo-button{width:100%}.zo-tech{gap:16px 22px}.zo-cta{padding:28px 24px;display:grid}.zo-footer nav ul{gap:13px}.zo-page__content h1{font-size:40px}}

/* Escala tipográfica compacta */
body.zoiaone-site{font-size:15px}
.zo-header__inner{min-height:82px}
.zo-nav a{padding:31px 0 25px;font-size:13px}
.zo-nav a:after{bottom:19px}
.zo-header__cta{min-height:43px;padding:10px 20px;font-size:14px}
.zo-langs{font-size:12px}
.zo-hero,.zo-hero__inner{min-height:610px}
.zo-hero h1{font-size:clamp(44px,4.7vw,64px)}
.zo-hero__lead{max-width:540px;font-size:16px;line-height:1.55}
.zo-button{min-height:43px;padding:10px 20px;font-size:14px}
.zo-eyebrow{font-size:10px}
.zo-title{font-size:clamp(29px,3.1vw,42px)}
.zo-subtitle{font-size:16px}
.zo-card h3{font-size:19px}
.zo-card p{font-size:14px}
.zo-visibility__copy p,.zo-product__copy p,.zo-development__copy p{font-size:15px}
.zo-product__copy h2{font-size:40px}
.zo-product__copy h3{font-size:19px}
.zo-feature{font-size:14px}
.zo-stat strong{font-size:24px}
.zo-cta h2{font-size:25px}
.zo-page__content h1{font-size:44px}

@media(max-width:900px){.zo-header__inner{min-height:72px}.zo-nav{top:72px}.zo-hero,.zo-hero__inner{min-height:690px}.zo-hero h1{font-size:52px}.zo-hero__lead{font-size:16px}}
@media(max-width:600px){.zo-title{font-size:30px}.zo-hero h1{font-size:42px}.zo-hero__lead{font-size:15px}.zo-product__copy h2{font-size:34px}.zo-page__content h1{font-size:35px}}

/* Ajuste tipográfico compacto v1.0.3 */
body.zoiaone-site{font-size:14px}
.zo-nav a{font-size:12px}
.zo-header__cta,.zo-button{font-size:13px}
.zo-hero h1{font-size:clamp(41px,4.35vw,58px)}
.zo-hero__lead{font-size:15px;max-width:510px}
.zo-title{font-size:clamp(27px,2.85vw,38px)}
.zo-subtitle{font-size:15px}
.zo-card h3{font-size:18px}
.zo-card p{font-size:13px}
.zo-visibility__copy p,.zo-product__copy p,.zo-development__copy p{font-size:14px}
.zo-product__copy h2{font-size:37px}
.zo-product__copy h3{font-size:18px}
.zo-feature{font-size:13px}
.zo-stat strong{font-size:22px}
.zo-stat span,.zo-benefit{font-size:12px}
.zo-cta h2{font-size:23px}
.zo-page__content h1{font-size:40px}

@media(max-width:900px){.zo-hero h1{font-size:47px}.zo-hero__lead{font-size:15px}}
@media(max-width:600px){body.zoiaone-site{font-size:14px}.zo-title{font-size:28px}.zo-hero h1{font-size:39px}.zo-hero__lead{font-size:14px}.zo-product__copy h2{font-size:31px}.zo-page__content h1{font-size:32px}}

/* Integración Elementor */
.zo-elementor-page .elementor-section,.zo-elementor-section{margin:0!important;padding:0!important}
.zo-elementor-page .elementor-widget-html>.elementor-widget-container{font-size:inherit}
.zo-e-inner-hero{padding:105px 24px!important;background:radial-gradient(circle at 80% 10%,rgba(34,211,238,.12),transparent 35%),#020d17}
.zo-e-page-title .elementor-heading-title{color:#fff;font-size:clamp(38px,5vw,62px);line-height:1.05}
.zo-e-page-lead,.zo-e-page-text{color:#b8c7d4;font-size:16px;line-height:1.7}
.zo-e-page-lead{max-width:760px;margin-bottom:55px}
.zo-e-page-heading .elementor-heading-title{margin-top:30px;color:#22d3ee;font-size:28px}
