/* Todo en tu Zona 32 — vista legible, logo horizontal y un lenguaje visual continuo */
:root{--ttz-blue:#146bd2;--ttz-violet:#7735c9;--ttz-orange:#f2a62a;--ttz-ink:#302744}
html{background:#fff7f0!important}
body{
  color:var(--ttz-ink);
  background:
    radial-gradient(ellipse 36vw 39vw at 6% 9%,rgba(251,182,125,.27),transparent 85%),
    radial-gradient(ellipse 35vw 35vw at 98% 21%,rgba(143,215,214,.32),transparent 80%),
    radial-gradient(ellipse 30vw 44vw at 7% 61%,rgba(171,143,237,.17),transparent 80%),
    radial-gradient(ellipse 39vw 34vw at 103% 80%,rgba(255,201,134,.22),transparent 83%),
    radial-gradient(circle at 8% 78%,rgba(40,170,145,.35) 0 5px,transparent 6px),
    radial-gradient(circle at 89% 73%,rgba(231,178,74,.32) 0 4px,transparent 5px),
    linear-gradient(170deg,#fff7ed 0%,#fffbf6 49%,#f5fbfa 100%)!important;
  background-attachment:fixed!important;
}
body #inicio.hero,body main>.section,body main>section.section{background:transparent!important}
body #inicio.hero::before,body #inicio.hero::after,body main>.section::before,body main>.section::after{display:none!important}
body header{background:rgba(255,252,249,.96)!important;box-shadow:0 7px 25px rgba(78,51,74,.07)!important}
body header .container.nav{min-height:78px;padding-top:8px;padding-bottom:8px;align-items:center}
body header .brand-main .brand-logo-full{width:248px;max-width:34vw;height:54px;object-fit:contain;filter:none}
body header .nav-actions{gap:9px}
body header .nav-links a{font-weight:800}
body header .nav-actions .nav-pre{font-size:11px;min-height:42px}
body header .zone-btn,body header .easy-btn{min-height:42px}
body .app-head.app-head-logo #heroWordmark{width:226px;height:51px;object-fit:contain}
body .app-head.app-head-logo .app-head-copy p{color:#6c567d;font-size:10px}
body footer .brand-footer .footer-logo-full{width:280px;height:auto;padding:10px;background:#fff;border-radius:17px}
body .hero-grid{position:relative}
body .hero-grid:before{content:'';position:absolute;z-index:-1;left:-70px;top:18px;width:250px;height:250px;border-radius:42% 58% 35% 65%;background:linear-gradient(130deg,rgba(250,204,152,.14),rgba(171,201,244,.08));pointer-events:none}
body .card,body .product-card,body .value-card,body .info-card,body .public-card{
  background:rgba(255,255,255,.91);border-color:rgba(111,78,113,.11);box-shadow:0 14px 32px rgba(72,55,84,.08)
}
body .section{padding-block:clamp(50px,6vw,78px)}
body .hero-card{background:rgba(255,255,255,.88)}
body .ttz-v28-topic,body .trust-chip{background:rgba(255,255,255,.84)}
/* Preregistro: exactamente el mismo wordmark, navegación compacta y tarjetas */
body .site-header{background:rgba(255,252,249,.96)!important;box-shadow:0 7px 25px rgba(78,51,74,.07)!important}
body .site-header .prereg-logo-full{width:248px;max-width:34vw;height:54px;object-fit:contain;filter:none}
body .site-header .header-inner{min-height:78px;padding-block:8px}
body .site-header .header-nav{gap:7px}
body .site-header .header-nav button{background:rgba(255,255,255,.84);box-shadow:none}
body .site-header .header-actions .back-main{font-size:11px}
body .site-header .top-cta{min-height:42px}
body .hero-backdrop{background:none!important}
body .hero-backdrop .hero-grid{background:none!important}
body .hero-backdrop .showcase{border:1px solid rgba(126,86,170,.14);background:linear-gradient(140deg,rgba(255,255,255,.83),rgba(251,234,235,.81) 50%,rgba(227,244,243,.87))}
body .page-section,body .form-main,body #view-inicio{background:transparent!important}
body .form-main,body .info-card{background:rgba(255,255,255,.91)!important}
body .page-head{border-radius:25px}
body .site-footer .brand img{width:280px;max-width:100%;height:auto}
@media(max-width:1100px){
 body header .brand-main .brand-logo-full{width:198px;max-width:39vw;height:46px}
 body .site-header .prereg-logo-full{width:198px;max-width:39vw;height:46px}
 body .site-header .header-nav{gap:3px}
 body .site-header .header-nav button{padding-inline:9px}
}
@media(max-width:760px){
 body header .brand-main .brand-logo-full{width:168px;max-width:55vw;height:43px}
 body .site-header .prereg-logo-full{width:165px;max-width:55vw;height:43px}
 body header .container.nav{min-height:65px;padding-block:6px}
 body .site-header .header-inner{min-height:65px;padding-block:7px}
 body .site-header .top-cta{max-width:140px;line-height:1.2;white-space:normal;padding:9px!important}
 body .site-header .header-nav{width:100%;gap:7px}
 body .site-header .header-nav button{font-size:10px}
 body .hero-grid:before{display:none}
 body .hero{padding-top:38px}
 body .section{padding-block:49px}
}
/* Polish: keep logo art on a transparent field, not the old green image tile */
body .app-head.app-head-logo #heroWordmark{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
body .hero-backdrop .btn-ghost{background:rgba(255,255,255,.94)!important;border:1px solid rgba(106,62,164,.19)!important;color:#603999!important;box-shadow:0 8px 18px rgba(70,45,85,.06)}
body .hero-backdrop .btn-ghost:hover{background:#fff!important}