/* Cargar después de styles.css y principal.css. Activar una clase tp-N en <html>. */
html.tp-1{--tp-primario:#195a50;--tp-acento:#9b6515;--tp-fondoSuave:#f5efdf;--tp-tinta:#263d37}
html.tp-2{--tp-primario:#195a50;--tp-acento:#a34b54;--tp-fondoSuave:#f8ece8;--tp-tinta:#3b302f}
html.tp-3{--tp-primario:#195a50;--tp-acento:#9b6515;--tp-fondoSuave:#edf2e7;--tp-tinta:#293b32}
html.tp-4{--tp-primario:#195a50;--tp-acento:#a46637;--tp-fondoSuave:#f5efe3;--tp-tinta:#3d352e}
html.tp-5{--tp-primario:#195a50;--tp-acento:#a14f48;--tp-fondoSuave:#f6ece5;--tp-tinta:#3d302f}
html.tp-6{--tp-primario:#195a50;--tp-acento:#9a711f;--tp-fondoSuave:#f3f0df;--tp-tinta:#35392c}
html.tp-7{--tp-primario:#195a50;--tp-acento:#a23f36;--tp-fondoSuave:#f5ece1;--tp-tinta:#3b312d}
html.tp-8{--tp-primario:#195a50;--tp-acento:#9b6515;--tp-fondoSuave:#edf1df;--tp-tinta:#313b31}
html.tp-9{--tp-primario:#195a50;--tp-acento:#9b5267;--tp-fondoSuave:#f4ebed;--tp-tinta:#3d3035}
html.tp-10{--tp-primario:#195a50;--tp-acento:#a45c2a;--tp-fondoSuave:#f5eee4;--tp-tinta:#3b332d}
html.tp-11{--tp-primario:#195a50;--tp-acento:#80644b;--tp-fondoSuave:#f1eee7;--tp-tinta:#37332e}
html.tp-12{--tp-primario:#195a50;--tp-acento:#a33f3b;--tp-fondoSuave:#f5efdf;--tp-tinta:#293a34}

/* Aplicación deliberadamente acotada: la marca conserva su verde reconocible. */
html[class*="tp-"] body{color:var(--tp-tinta)}
html[class*="tp-"] .hero,
html[class*="tp-"] .jei-cab{background:linear-gradient(135deg,var(--tp-primario),color-mix(in srgb,var(--tp-primario) 82%,var(--tp-acento)))}
html[class*="tp-"] .hero .eyebrow{color:#fff}
html[class*="tp-"] .button:not(.quiet){background:var(--tp-primario);color:#fff}
html[class*="tp-"] .nav button[aria-current="page"]{box-shadow:inset 0 3px 0 var(--tp-acento)}
html[class*="tp-"] .inicio-cols .card,
html[class*="tp-"] .acciones .tile{border-color:color-mix(in srgb,var(--tp-primario) 16%,#fff)}
html[class*="tp-"] .acciones .tile{background:var(--tp-fondoSuave);color:var(--tp-tinta)}
html[class*="tp-"] .chip,
html[class*="tp-"] .quiet{background:var(--tp-fondoSuave);color:var(--tp-tinta)}
html[class*="tp-"] .hero p{color:#fff}

/* Pantalla principal (pp-): el encabezado y los accesos toman el acento y el fondo suave del mes. */
html[class*="tp-"] .pp-home-heading{background:linear-gradient(118deg,var(--tp-fondoSuave),color-mix(in srgb,var(--tp-fondoSuave) 70%,var(--tp-acento) 30%))}
html[class*="tp-"] .pp-home-heading .pp-kicker{color:var(--tp-acento)}
html[class*="tp-"] .pp-home-heading h1{color:var(--tp-primario)}
html[class*="tp-"] .pp-home-sun{color:var(--tp-acento)}
.pp-tp-adorno{display:block;width:120px;height:32px;margin-top:10px}

/* Ambiente del mes (js/ambiente.js): capa que no recibe toques, por encima del contenido y por debajo de la navegación y de Jei. */
#ambiente{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden}
.amb-esquina{position:absolute;top:0;left:0;width:min(31vw,128px);height:auto;transform-origin:top left;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));animation:amb-balanceo 7s ease-in-out infinite}
@media(min-width:700px){.amb-esquina{width:230px}}@media(min-width:1100px){.amb-esquina{width:300px}}
.amb-part{position:absolute;top:-8%;height:auto;will-change:transform;animation:amb-cae var(--dur,16s) linear var(--ret,0s) infinite}
.amb-visita{position:absolute;width:clamp(96px,26vw,200px);height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.2));will-change:transform}
.amb-der{left:-30%;animation:amb-cruza-der 13s ease-in-out forwards}
.amb-izq{right:-30%;animation:amb-cruza-izq 13s ease-in-out forwards}
.amb-izq{transform:scaleX(-1)}
@keyframes amb-balanceo{0%,100%{transform:rotate(0)}50%{transform:rotate(1.6deg)}}
@keyframes amb-cae{0%{transform:translate3d(0,-10vh,0) rotate(0)}25%{transform:translate3d(calc(var(--vaiven)*-1),28vh,0) rotate(calc(var(--giro)*.25))}50%{transform:translate3d(var(--vaiven),56vh,0) rotate(calc(var(--giro)*.5))}75%{transform:translate3d(calc(var(--vaiven)*-1),84vh,0) rotate(calc(var(--giro)*.75))}100%{transform:translate3d(0,112vh,0) rotate(var(--giro))}}
@keyframes amb-cruza-der{0%{transform:translate3d(0,0,0) rotate(-4deg)}25%{transform:translate3d(45vw,-3vh,0) rotate(3deg)}50%{transform:translate3d(90vw,2vh,0) rotate(-3deg)}75%{transform:translate3d(135vw,-2vh,0) rotate(3deg)}100%{transform:translate3d(175vw,0,0) rotate(-2deg)}}
@keyframes amb-cruza-izq{0%{transform:scaleX(-1) translate3d(0,0,0) rotate(4deg)}25%{transform:scaleX(-1) translate3d(45vw,-3vh,0) rotate(-3deg)}50%{transform:scaleX(-1) translate3d(90vw,2vh,0) rotate(3deg)}75%{transform:scaleX(-1) translate3d(135vw,-2vh,0) rotate(-3deg)}100%{transform:scaleX(-1) translate3d(175vw,0,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.amb-esquina{animation:none}}