/* v34: el arte es una capa real visible, independiente del alto de cada sección. */
html{background:#fff9f2!important}
body{isolation:isolate;background:linear-gradient(180deg,#fff8f1 0%,#fffbf7 54%,#f7fcf9 100%)!important;background-attachment:fixed!important}
body::before,body::after{content:none!important;display:none!important}
.ttz-background-art{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:url('./decor/fondo-continuo-v34.svg') center center/cover no-repeat;
  opacity:1;
}
/* El arte queda detrás de contenidos y controles pero sobre el fondo liso. */
body>main{position:relative;z-index:1;background:transparent!important}
body>main>.section,body>main>section.section,body #inicio.hero,
body>main .page-section,body #view-registro,body #view-directorio,body #view-panel,
body #beneficios,body #esenciales,body #directorio,body #marketplace,body #ruleta,
body #promociones,body #comunidad,body #accesibilidad,body #anunciate,body #instalar{
  background:transparent!important;background-image:none!important;
}
body>main>.section::before,body>main>.section::after,body #inicio.hero::before,body #inicio.hero::after{content:none!important;display:none!important}
body>header,body>.site-header{z-index:240}
body>.site-footer,body>footer{position:relative;z-index:1}
body>.demo-banner{position:relative;z-index:241}
/* No cambiar el contenido de las tarjetas; conservar contraste. */
body .hero-card,body .card,body .value-card,body .product-card,body .public-card,
body .info-card,body .form-wrap,body .faq details{background-color:rgba(255,255,255,.94)}
@media(max-width:760px){
  .ttz-background-art{background-position:52% center;opacity:.88}
}
@media(prefers-reduced-motion:reduce){.ttz-background-art{transform:none}}