[class^="zn-"],[class^="zn-"] *{box-sizing:border-box;margin:0;padding:0}
[class^="zn-"]{
  --honey:#D4A853;--honey-d:#B8912E;--honey-l:#ECC978;
  --ink:#141311;--ink2:#1E1D1A;
  --cream:#F5F0E8;--cream2:#EDE7DB;
  --txt:#2C2A25;--txt2:#555249;--txt3:#9B9588;
  --danger:#C63E2E;
  --bdr:rgba(0,0,0,.08);
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'Instrument Sans','Segoe UI',system-ui,sans-serif;
  --wrap:calc(100% - 2 * var(--gutter));--max:1200px;--r:8px;
  --ease:cubic-bezier(.22,1,.36,1);
  font-family:var(--sans);-webkit-font-smoothing:antialiased
}
[class^="zn-"] a{text-decoration:none;background-image:none ;box-shadow:none }
[class^="zn-"] img{display:block;max-width:100%;height:auto}
[class^="zn-"] p{padding:0 }
.zn-hero{position:relative;display:flex;align-items:flex-end;background:var(--ink);padding:clamp(8.5rem,14vw,11rem) 0 clamp(3.5rem,7vw,5.5rem);overflow:hidden;min-height:520px}
.zn-hero__bg{position:absolute;inset:0;overflow:hidden}
.zn-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.25}
.zn-hero__grad{position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 0%,rgba(20,19,17,.65) 50%,rgba(20,19,17,.3) 100%)}
.zn-hero__inner{position:relative;z-index:2;width:var(--wrap);max-width:var(--max);margin:0 auto}
.zn-bread{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.95rem;color:rgba(255,255,255,.5);margin-bottom:1.5rem}
.zn-bread a{color:rgba(255,255,255,.6);transition:color .3s var(--ease)}
.zn-bread a:hover{color:var(--honey-l)}
.zn-bread span[aria-current]{color:rgba(255,255,255,.85)}
.zn-hero__label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--honey-l);margin-bottom:1rem}
.zn-hero__h1{font-family:var(--serif);font-size:clamp(2.2rem,5.5vw,3.8rem);color:#fff;line-height:1.2;margin-bottom:1.5rem;max-width:18ch}
.zn-hero__h1 em{font-style:italic;color:var(--honey-l)}
.zn-hero__desc{font-size:clamp(1.05rem,1.4vw,1.2rem);color:rgba(255,255,255,.78);line-height:1.8;max-width:680px;margin-bottom:2.2rem}
.zn-hero__desc strong{color:#fff;font-weight:600}
.zn-hero__ctas{display:flex;flex-wrap:wrap;gap:.6rem}
.zn-btn{display:inline-flex;align-items:center;gap:.55rem;padding:1rem 1.9rem;border-radius:var(--r);font-family:var(--sans);font-size:1rem;font-weight:600;transition:all .4s var(--ease);min-height:52px;line-height:1.4;cursor:pointer}
.zn-btn:focus-visible{outline:2px solid var(--honey);outline-offset:3px}
.zn-btn--honey{background:var(--honey-l);color:var(--ink) }
.zn-btn--honey:hover{background:var(--honey);transform:translateY(-2px);box-shadow:0 4px 16px rgba(212,168,83,.3)}
.zn-btn--wa{background:#25D366;color:#fff }
.zn-btn--wa:hover{background:#1DAF54;transform:translateY(-2px)}
.zn-btn--ghost{color:#fff ;border:1.5px solid rgba(255,255,255,.35);background:transparent}
.zn-btn--ghost:hover{color:#fff ;border-color:rgba(255,255,255,.6);transform:translateY(-2px);background:rgba(255,255,255,.05)}
.zn-btn--ghost-honey{color:var(--honey-l) ;border:1px solid rgba(212,168,83,.25);background:transparent}
.zn-btn--ghost-honey:hover{border-color:rgba(212,168,83,.5);color:var(--honey) }
.zn-prov{background:#fff;padding:clamp(4rem,8vw,6.5rem) 0;border-top:1px solid var(--bdr)}
.zn-prov__inner{width:var(--wrap);max-width:var(--max);margin:0 auto}
.zn-prov__h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--txt);margin-bottom:.7rem;text-align:center}
.zn-prov__sub{font-size:1.1rem;color:var(--txt2);text-align:center;max-width:680px;margin:0 auto 3rem;line-height:1.7}
.zn-prov__grid{display:grid;grid-template-columns:1fr;gap:1rem}
.zn-prov__card{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:2rem 2.2rem;transition:all .4s var(--ease);min-width:0}
.zn-prov__card:hover{border-color:rgba(212,168,83,.25);transform:translateY(-2px)}
.zn-prov__card--featured{border-color:rgba(212,168,83,.35);background:rgba(212,168,83,.06)}
.zn-prov__pill{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--honey-d);background:rgba(212,168,83,.1);padding:.35rem .8rem;border-radius:4px;margin-bottom:.8rem}
.zn-prov__pill--feat{background:var(--honey-d);color:#fff}
.zn-prov__card h3{font-family:var(--serif);font-size:1.5rem;color:var(--txt);margin-bottom:.6rem;line-height:1.25}
.zn-prov__card p{font-size:1.05rem;color:var(--txt2);line-height:1.7;margin-bottom:1.1rem}
.zn-prov__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}
.zn-prov__tags span{font-size:.85rem;font-weight:500;color:var(--txt3);background:#fff;padding:.3rem .75rem;border-radius:20px;border:1px solid var(--bdr)}
.zn-prov__phone{display:inline-block;font-family:var(--serif);font-size:1.2rem;color:var(--honey-d);transition:color .3s var(--ease)}
.zn-prov__phone:hover{color:var(--honey)}
@media(min-width:768px){.zn-prov__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.zn-prov__grid{grid-template-columns:repeat(3,1fr)}}
.zn-how{background:var(--cream);padding:clamp(4rem,8vw,6.5rem) 0}
.zn-how__inner{width:var(--wrap);max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
.zn-how__text{min-width:0}
.zn-how__h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--txt);margin-bottom:.8rem}
.zn-how__intro{font-size:1.15rem;color:var(--txt2);line-height:1.7;margin-bottom:2.2rem}
.zn-how__steps{display:flex;flex-direction:column;gap:1.6rem}
.zn-how__step{display:flex;gap:1.3rem;align-items:flex-start;min-width:0}
.zn-how__num{font-family:var(--serif);font-size:1.7rem;color:var(--honey-d);line-height:1;flex-shrink:0;min-width:44px}
.zn-how__step h3{font-size:1.2rem;font-weight:700;color:var(--txt);margin-bottom:.35rem;line-height:1.3}
.zn-how__step p{font-size:1.05rem;color:var(--txt2);line-height:1.7}
.zn-how__img{border-radius:var(--r);overflow:hidden;aspect-ratio:5/6;max-height:600px}
.zn-how__img img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
@media(min-width:1024px){.zn-how__inner{grid-template-columns:1.4fr 1fr;gap:4.5rem}}
.zn-srv{background:var(--ink);padding:clamp(4rem,8vw,6.5rem) 0}
.zn-srv__inner{width:var(--wrap);max-width:var(--max);margin:0 auto}
.zn-srv__h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.6rem);color:#fff;margin-bottom:.6rem;text-align:center}
.zn-srv__sub{font-size:1.1rem;color:rgba(255,255,255,.65);text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}
.zn-srv__grid{display:grid;grid-template-columns:1fr;gap:.8rem}
.zn-srv__card{display:block;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:1.8rem 2rem;color:#fff;transition:all .4s var(--ease);min-width:0}
.zn-srv__card:hover{background:rgba(255,255,255,.07);border-color:rgba(212,168,83,.25);transform:translateY(-2px)}
.zn-srv__card:focus-visible{outline:2px solid var(--honey);outline-offset:2px}
.zn-srv__card h3{font-family:var(--serif);font-size:1.3rem;color:#fff;margin-bottom:.5rem;line-height:1.25}
.zn-srv__card p{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:.8rem}
.zn-srv__go{font-size:.95rem;font-weight:600;color:var(--honey-l);display:inline-flex;gap:.3rem;transition:gap .3s var(--ease)}
.zn-srv__card:hover .zn-srv__go{gap:.55rem}
.zn-srv__card--urg{border-color:rgba(198,62,46,.25);background:rgba(198,62,46,.05)}
.zn-srv__card--urg h3{color:#E87060}
.zn-srv__card--urg .zn-srv__go{color:#E87060}
.zn-srv__card--urg:hover{border-color:rgba(198,62,46,.4);background:rgba(198,62,46,.08)}
@media(min-width:768px){.zn-srv__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.zn-srv__grid{grid-template-columns:repeat(3,1fr)}}
.zn-cta{background:var(--cream);padding:clamp(4rem,8vw,6.5rem) 0;text-align:center;border-top:1px solid var(--bdr)}
.zn-cta__inner{width:var(--wrap);max-width:780px;margin:0 auto}
.zn-cta__h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--txt);margin-bottom:1rem;line-height:1.25}
.zn-cta__sub{font-size:1.15rem;color:var(--txt2);margin-bottom:2.5rem;line-height:1.7}
.zn-cta__phone-wrap{display:flex;justify-content:center;margin-bottom:2rem}
.zn-cta__ph{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;background:#fff;border:1px solid rgba(212,168,83,.35);border-radius:var(--r);padding:1.75rem 3rem;color:var(--txt);transition:all .4s var(--ease);min-width:280px;box-shadow:0 4px 20px rgba(212,168,83,.08)}
.zn-cta__ph:hover{border-color:rgba(212,168,83,.55);transform:translateY(-2px);box-shadow:0 10px 28px rgba(212,168,83,.15)}
.zn-cta__ph:focus-visible{outline:2px solid var(--honey);outline-offset:3px}
.zn-cta__ph-z{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--txt3)}
.zn-cta__ph strong{font-size:2.1rem;font-weight:700;color:var(--honey-d);line-height:1.15}
.zn-cta__btns{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.zn-cta .zn-btn--ghost-honey{color:var(--honey-d) ;border-color:rgba(212,168,83,.3)}
.zn-cta .zn-btn--ghost-honey:hover{color:var(--honey) ;border-color:rgba(212,168,83,.5)}
.zn-other{background:#fff;padding:clamp(3rem,6vw,4.5rem) 0;border-top:1px solid var(--bdr)}
.zn-other__inner{width:var(--wrap);max-width:var(--max);margin:0 auto}
.zn-other__h2{font-family:var(--serif);font-size:clamp(1.4rem,2.8vw,1.8rem);color:var(--txt);margin-bottom:1.8rem;text-align:center}
.zn-other__grid{display:grid;grid-template-columns:1fr;gap:.8rem}
.zn-other__card{display:block;background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:1.8rem 2rem;color:var(--txt);transition:all .4s var(--ease)}
.zn-other__card:hover{border-color:rgba(212,168,83,.25);transform:translateY(-2px)}
.zn-other__card:focus-visible{outline:2px solid var(--honey);outline-offset:2px}
.zn-other__card h3{font-family:var(--serif);font-size:1.3rem;color:var(--txt);margin-bottom:.4rem}
.zn-other__card p{font-size:1.02rem;color:var(--txt2);line-height:1.65;margin-bottom:.7rem}
.zn-other__go{font-size:.95rem;font-weight:600;color:var(--honey-d)}
@media(min-width:768px){.zn-other__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
  [class^="zn-"]{--wrap:calc(100% - 2 * var(--gutter))}
  .zn-hero{min-height:440px}
  .zn-hero__h1{max-width:100%;font-size:clamp(1.9rem,7vw,2.6rem)}
  .zn-hero__ctas{flex-direction:column}
  .zn-btn{width:100%;justify-content:center}
  .zn-prov__card{padding:1.6rem 1.7rem}
  .zn-how__num{font-size:1.4rem;min-width:36px}
  .zn-srv__card{padding:1.6rem 1.7rem}
  .zn-cta__ph{width:100%;max-width:340px;padding:1.5rem 2rem}
  .zn-cta__ph strong{font-size:1.75rem}
  .zn-cta__btns{flex-direction:column;align-items:center}
  .zn-cta__btns .zn-btn{width:100%;max-width:340px}
  .zn-other__card{padding:1.6rem 1.7rem}
}

/* QA: DM Serif Display solo tiene peso 400; sin esto el navegador la engorda (negrita sintética). */
.zn-hero__h1,.zn-prov__h2,.zn-prov__card h3,.zn-how__h2,.zn-srv__h2,.zn-srv__card h3,.zn-cta__h2,.zn-other__h2,.zn-other__card h3{font-weight:400}
/* QA: sin la regla de Divi los títulos heredaban line-height 1.6 del body. */
.zn-prov__h2,.zn-how__h2,.zn-srv__h2,.zn-other__h2{line-height:1.2}
.zn-other__card h3{line-height:1.25}

/* QA: zona táctil mínima de 44px sin cambiar el aspecto (pseudo-elemento invisible). */
.zn-bread a,.zn-prov__phone{position:relative}
.zn-bread a::after,.zn-prov__phone::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}