.dbz-hero{position:relative;overflow:hidden;background:var(--dbz-papel);padding:clamp(48px,7vw,88px) 0 clamp(56px,8vw,96px)}
.dbz-hero__fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transform:translate3d(var(--fx,0),var(--fy,0),0) scale(1.04);transition:transform .6s var(--dbz-curva)}
.dbz-hero__in{position:relative;max-width:var(--dbz-ancho);margin:0 auto;padding-inline:20px;display:flex;flex-wrap:wrap;align-items:center;gap:24px 48px}
.dbz-hero__txt{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px;animation:dbz-hero-entra .9s var(--dbz-curva) both}
#page-container .dbz-hero__h1{font:400 clamp(52px,7.2vw,112px)/.92 var(--dbz-serif);letter-spacing:-.025em;color:var(--dbz-tinta);margin:0;padding:0;text-wrap:balance}
.dbz-hero__h1 em{color:var(--dbz-oro-hondo)}
.dbz-hero__sub{max-width:34em;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--dbz-tinta-suave)}
.dbz-hero__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px}
.dbz-hero__fig{flex:1 1 360px;margin:0;display:flex;justify-content:center}
.dbz-hero__concha{width:min(520px,100%);height:auto;transform:translate3d(var(--cx,0),var(--cy,0),0);transition:transform .5s var(--dbz-curva);-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 62%,transparent 100%);animation:dbz-concha-entra 1.2s var(--dbz-curva) .15s both}
@keyframes dbz-hero-entra{from{transform:translateY(14px)}} @keyframes dbz-concha-entra{from{opacity:0;transform:translateY(18px) scale(.97)}} .dbz-vers{background:var(--dbz-lino);padding:clamp(64px,8vw,104px) 20px;overflow:hidden}
.dbz-vers__cab{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.dbz-vers__sub{color:var(--dbz-tinta-suave);font-size:17px;line-height:1.55}
.dbz-vers__escena{position:relative;height:520px;margin-top:40px;perspective:1400px;display:flex;align-items:center;justify-content:center}
.dbz-vers__carta{position:absolute;margin:0;width:min(340px,78vw);height:480px;border-radius:26px;background:var(--dbz-papel);box-shadow:0 30px 60px -28px rgba(107,84,16,.35),0 0 0 1px #EFE9DC;overflow:hidden;display:flex;flex-direction:column;transition:transform .8s var(--dbz-curva),opacity .6s ease}
.dbz-vers__carta img{width:100%;height:190px;object-fit:cover}
.dbz-vers__carta figcaption{padding:22px 26px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.dbz-vers__texto{font:italic 400 23px/1.3 var(--dbz-serif);color:var(--dbz-tinta)}
.dbz-vers__ref{margin-top:auto;font:600 12px/1.3 var(--dbz-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--dbz-oro-hondo)}
.dbz-vers__acciones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.dbz-vers__flecha{min-width:48px;padding:0 18px} html:not(.dbz-js) .dbz-vers__escena{height:auto;perspective:none;overflow-x:auto;justify-content:flex-start;gap:20px;padding-bottom:12px}
html:not(.dbz-js) .dbz-vers__carta{position:relative;flex:none} .dbz-caminos{padding-block:clamp(72px,9vw,112px);display:flex;flex-direction:column;gap:44px}
.dbz-caminos__cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px}
.dbz-caminos__sub{max-width:420px;color:var(--dbz-tinta-suave);font-size:17px;line-height:1.55}
.dbz-caminos__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dbz-camino{border-radius:24px;border:1px solid var(--dbz-linea);overflow:hidden;background:var(--dbz-papel);display:flex;flex-direction:column;transition:transform .45s var(--dbz-curva),box-shadow .45s var(--dbz-curva)}
.dbz-camino:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(107,84,16,.45)}
.dbz-camino--grande{grid-column:span 2}
.dbz-camino__fig{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--dbz-lino)}
.dbz-camino--grande .dbz-camino__fig{aspect-ratio:2/1}
.dbz-camino__fig img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--dbz-curva)}
.dbz-camino:hover .dbz-camino__fig img{transform:scale(1.04)}
.dbz-camino__txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px}
#page-container .dbz-camino__tit{font:400 30px/1.05 var(--dbz-serif);color:var(--dbz-tinta);margin:0;padding:0}
.dbz-camino--grande .dbz-camino__tit{font-size:38px}
.dbz-camino__tit em{color:var(--dbz-oro-hondo)}
.dbz-camino__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:16px}
.dbz-camino--grande .dbz-camino__links{flex-direction:row;flex-wrap:wrap;gap:8px 22px}
@media (max-width:900px){.dbz-caminos__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.dbz-caminos__grid{grid-template-columns:1fr}.dbz-camino--grande{grid-column:auto}.dbz-camino--grande .dbz-camino__fig{aspect-ratio:3/2}} .dbz-tienda{background:var(--dbz-melocoton);padding-block:clamp(72px,9vw,104px)}
.dbz-tienda__in{display:flex;flex-direction:column;gap:44px}
.dbz-tienda__cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px}
.dbz-tienda__tit{display:flex;flex-direction:column;gap:12px;max-width:680px}
.dbz-pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:520px;font-size:14px;color:var(--dbz-tinta-suave)}
.dbz-paso{display:flex;flex-direction:column;gap:4px}
.dbz-paso strong{color:var(--dbz-tinta)}
.dbz-paso__n{font:400 30px/1 var(--dbz-serif);color:var(--dbz-oro-hondo)}
.dbz-productos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.dbz-producto{border-radius:24px;background:var(--dbz-papel);overflow:hidden;display:flex;flex-direction:column}
.dbz-producto__fig{margin:0;height:240px;overflow:hidden}
.dbz-producto__fig img{width:100%;height:100%;object-fit:cover}
.dbz-producto__escena{height:240px;background:var(--dbz-lino);display:grid;place-items:center}
.dbz-producto__tarjeta{width:160px;height:206px;border-radius:8px;background:var(--dbz-papel);box-shadow:0 20px 40px -20px rgba(46,51,56,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;box-sizing:border-box;text-align:center;animation:dbz-flota 6s ease-in-out infinite}
.dbz-producto__mini{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dbz-salvia)}
.dbz-producto__frase{font:400 23px/1.05 var(--dbz-serif)}
.dbz-producto__frase em{color:var(--dbz-oro-hondo)}
@keyframes dbz-flota{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
.dbz-producto__txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}
#page-container .dbz-producto__tit{font:400 27px/1.1 var(--dbz-serif);margin:0;padding:0;color:var(--dbz-tinta)}
.dbz-producto__sub{font-size:15px;line-height:1.5;color:var(--dbz-tinta-suave)}
.dbz-producto__btn{align-self:flex-start;margin-top:6px;min-height:44px;padding:0 22px;font-size:15px} .dbz-quien{padding-block:clamp(72px,9vw,104px);display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.dbz-quien__mono{flex:1 1 260px;display:flex;justify-content:center}
.dbz-quien__mono .dbz-mono{width:min(280px,70vw);height:auto}
.dbz-quien__txt{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.dbz-quien__bio{font-size:18px;line-height:1.65;color:var(--dbz-tinta)}
.dbz-quien__pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:6px}
.dbz-pilar{padding:18px 20px;border-radius:16px;background:var(--dbz-bruma);font-size:15px;line-height:1.5} .dbz-faq{max-width:900px;padding-bottom:clamp(64px,8vw,96px)}
.dbz-faq .dbz-titulo-2{margin-bottom:14px}
.dbz-faq__item{border-bottom:1px solid var(--dbz-linea)}
.dbz-faq__item summary{list-style:none;cursor:pointer;padding:22px 0;font:600 18px/1.4 var(--dbz-sans);display:flex;justify-content:space-between;gap:16px}
.dbz-faq__item summary::-webkit-details-marker{display:none}
.dbz-faq__item summary::after{content:"+";color:var(--dbz-oro-hondo);font-size:26px;line-height:1;transition:transform .3s var(--dbz-curva)}
.dbz-faq__item[open] summary::after{transform:rotate(45deg)}
.dbz-faq__resp{padding:0 0 22px;font-size:17px;line-height:1.65;color:var(--dbz-tinta-suave)}
@media (prefers-reduced-motion:reduce){
.dbz-hero__fondo,.dbz-hero__concha{transform:none !important}
}