/* v31: fondo continuo con personalidad visual; sin cortes entre secciones */
:root{--ttz-azul:#1a70d2;--ttz-violeta:#8031d4;--ttz-dorado:#efab29;--ttz-tinta:#342b42;--ttz-linea:rgba(100,75,124,.13)}
html{background:#fffaf4}
body{
  background:
    radial-gradient(ellipse 36% 24% at 12% 10%,rgba(246,193,120,.24),transparent 75%),
    radial-gradient(ellipse 30% 28% at 88% 16%,rgba(151,224,215,.24),transparent 78%),
    radial-gradient(ellipse 34% 24% at 10% 70%,rgba(166,139,239,.11),transparent 80%),
    radial-gradient(ellipse 28% 22% at 86% 82%,rgba(240,178,60,.10),transparent 78%),
    linear-gradient(180deg,#fffaf6 0%,#fff8f3 36%,#f7fbfa 100%)!important;
  background-attachment:fixed!important;
  position:relative;
}
/* Mismo fondo para toda la experiencia; las secciones ya no reinician bloques */
body main>.section,body main>section.section,body #inicio.hero,body .page-section,body #view-inicio,body #view-registro,body #view-directorio,body #view-panel{background:none!important;background-image:none!important;box-shadow:none}
body main>.section::before,body main>.section::after,body #inicio.hero::before,body #inicio.hero::after,body .page-section::before,body .page-section::after{display:none!important;content:none!important}

/* Decoración continua y sutil a lo largo de todo el sitio */
body::before,body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1}
body::before{
  background:
    radial-gradient(circle at 78% 18%, rgba(170,230,221,.55) 0 120px, transparent 121px),
    radial-gradient(circle at 12% 62%, rgba(253,220,197,.60) 0 130px, transparent 131px),
    radial-gradient(circle at 22% 74%, rgba(31,161,145,.90) 0 7px, transparent 8px),
    radial-gradient(circle at 81% 66%, rgba(238,183,63,.36) 0 4px, transparent 5px),
    radial-gradient(circle at 84% 66%, rgba(238,183,63,.36) 0 4px, transparent 5px),
    radial-gradient(circle at 87% 66%, rgba(238,183,63,.36) 0 4px, transparent 5px),
    radial-gradient(circle at 90% 66%, rgba(238,183,63,.36) 0 4px, transparent 5px),
    linear-gradient(transparent,transparent);
  opacity:1;
}
body::after{
  background:
    conic-gradient(from 210deg at 80% 58%, transparent 0 72deg, rgba(223,123,87,.72) 72deg 83deg, transparent 83deg 360deg),
    linear-gradient(transparent,transparent);
  opacity:.72;
}
body .section-head h2::after{background:linear-gradient(90deg,var(--ttz-azul),var(--ttz-violeta),var(--ttz-dorado))}
/* Tarjetas más presentes sobre el fondo continuo */
body .card,body .value-card,body .product-card,body .public-card,body .info-card,body .faq details,body .admin-card,body .feature-strip{box-shadow:0 16px 38px rgba(68,54,79,.09)}
@media(max-width:760px){
  body::before{
    background:
      radial-gradient(circle at 92% 18%, rgba(170,230,221,.55) 0 72px, transparent 73px),
      radial-gradient(circle at 8% 66%, rgba(253,220,197,.56) 0 86px, transparent 87px),
      radial-gradient(circle at 18% 72%, rgba(31,161,145,.85) 0 5px, transparent 6px),
      linear-gradient(transparent,transparent);
  }
  body::after{background:conic-gradient(from 210deg at 78% 60%, transparent 0 73deg, rgba(223,123,87,.66) 73deg 84deg, transparent 84deg 360deg)}
}


/* ===== v35: fondo decorativo adaptado para móvil ===== */
@media(max-width:620px){
  body{
    background:
      radial-gradient(ellipse 58% 30% at 100% 11%, rgba(170,230,221,.34), transparent 72%),
      radial-gradient(ellipse 56% 34% at 0% 36%, rgba(252,214,187,.40), transparent 74%),
      radial-gradient(ellipse 46% 28% at 100% 66%, rgba(196,178,246,.20), transparent 72%),
      linear-gradient(180deg,#fffaf6 0%,#fff8f3 40%,#f7fbfa 100%)!important;
    background-attachment:scroll!important;
  }
  body::before, body::after{position:fixed;inset:0;z-index:0;pointer-events:none}
  body::before{
    background:
      radial-gradient(circle at 96% 14%, rgba(170,230,221,.82) 0 72px, transparent 73px),
      radial-gradient(circle at 6% 42%, rgba(253,220,197,.80) 0 88px, transparent 89px),
      radial-gradient(circle at 84% 74%, rgba(214,197,251,.62) 0 66px, transparent 67px),
      radial-gradient(circle at 18% 71%, rgba(31,161,145,.95) 0 6px, transparent 7px),
      radial-gradient(circle at 79% 57%, rgba(238,183,63,.52) 0 4px, transparent 5px),
      radial-gradient(circle at 82.5% 57%, rgba(238,183,63,.52) 0 4px, transparent 5px),
      radial-gradient(circle at 86% 57%, rgba(238,183,63,.52) 0 4px, transparent 5px),
      radial-gradient(circle at 89.5% 57%, rgba(238,183,63,.52) 0 4px, transparent 5px),
      linear-gradient(transparent,transparent);
    opacity:.98;
  }
  body::after{
    background:
      conic-gradient(from 210deg at 82% 64%, transparent 0 71deg, rgba(223,123,87,.72) 71deg 83deg, transparent 83deg 360deg),
      linear-gradient(transparent,transparent);
    opacity:.9;
  }
  body main, body header, body footer, body .ai-chat, body .mobile-nav{position:relative;z-index:1}
}

@media(max-width:420px){
  body::before{
    background:
      radial-gradient(circle at 102% 14%, rgba(170,230,221,.84) 0 60px, transparent 61px),
      radial-gradient(circle at -2% 40%, rgba(253,220,197,.78) 0 76px, transparent 77px),
      radial-gradient(circle at 88% 72%, rgba(214,197,251,.58) 0 52px, transparent 53px),
      radial-gradient(circle at 18% 70%, rgba(31,161,145,.94) 0 5px, transparent 6px),
      radial-gradient(circle at 76% 58%, rgba(238,183,63,.48) 0 3.5px, transparent 4.5px),
      radial-gradient(circle at 80% 58%, rgba(238,183,63,.48) 0 3.5px, transparent 4.5px),
      radial-gradient(circle at 84% 58%, rgba(238,183,63,.48) 0 3.5px, transparent 4.5px),
      linear-gradient(transparent,transparent);
  }
  body::after{
    background:conic-gradient(from 210deg at 84% 66%, transparent 0 70deg, rgba(223,123,87,.68) 70deg 81deg, transparent 81deg 360deg);
  }
}