/* ============================================================
   PALETAS POR PROPUESTA
   ------------------------------------------------------------
   La base de la web no cambia: menu, tipografias, forma de los
   botones y composicion siguen siendo las mismas. Lo unico que
   cambia es el acento, para que quien viene de una publicacion de
   Instagram reconozca la propuesta al entrar.

   Como funciona: casi todo el color de una ficha sale de dos
   variables, --accent-p y --accent-p-soft. Poniendole una clase
   "tema-*" al contenedor, todo lo de adentro hereda el color
   nuevo: el volanin, las palabras en italica, los numeros, los
   bordes y los botones. No hay que tocar ninguna regla mas.

   Los tonos estan elegidos para leerse sobre el fondo oscuro de
   las fichas (#141210). Por eso, cuando Ines dice "azul profundo"
   o "verde oliva", aca aparece la version clara de ese color: es
   la misma identidad, en la variante que se ve. La version
   profunda queda anotada al lado para las piezas de Instagram y
   para las paginas de fondo claro.

   Fecha: lunes 7 de septiembre de 2026.
   ============================================================ */

/* --- 21 dias de meditacion · azul profundo -------------------
   Instagram / fondo claro: #1f3a68 (azul tinta) */
.tema-21ok      { --accent-p:#8aa9dc; --accent-p-soft:#5f7fb4; }

/* --- 7 OK Ansiedad · celeste suave ---------------------------
   Instagram / fondo claro: #5c8a9e */
.tema-ansiedad  { --accent-p:#9cc3d4; --accent-p-soft:#6f9aac; }

/* --- Formaciones · negro, blanco y grises --------------------
   Sin color: el acento es un gris claro, casi blanco. Las fotos
   de esta seccion van en blanco y negro. */
.tema-formacion { --accent-p:#d6d1cb; --accent-p-soft:#9b948c; }

/* --- Detox 7 OK / Ayurveda · azafran y naranja ---------------
   Calido, nunca fluor. Instagram / fondo claro: #c2762a */
.tema-detox     { --accent-p:#e8a95f; --accent-p-soft:#bd7f3a; }

/* --- Sesiones 1:1 · verde salvia y oliva ---------------------
   El mismo verde de la pagina de Sesiones, sobre crema. */
.tema-sesiones  { --accent-p:#a9bd93; --accent-p-soft:#7d9268; }

/* --- Yoga · arena y arcilla rosada ---------------------------
   Calido y corporal, a proposito distinto del naranja del Detox:
   este tira a rosa, el otro a amarillo. */
.tema-yoga      { --accent-p:#dda995; --accent-p-soft:#b1806c; }

/* --- Retiros · tierra ----------------------------------------
   Base comun; cada retiro puede matizarla con su propia foto. */
.tema-retiros   { --accent-p:#c9a87d; --accent-p-soft:#9d7d54; }

/* --- Empresas · piedra y azul petroleo -----------------------
   Sobrio, sin perder la calidez del sitio. */
.tema-empresas  { --accent-p:#93aeb8; --accent-p-soft:#6b8792; }

/* ------------------------------------------------------------
   Los cuadrados de entrada del catalogo.
   El color aparece en una linea fina abajo y en el numero, no en
   un fondo intenso: la foto tiene que seguir mandando.
   ------------------------------------------------------------ */
.cuadro[class*="tema-"]::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
    background:var(--accent-p);z-index:3;
    transform:scaleX(0);transform-origin:left;transition:transform .45s ease;
}
.cuadro[class*="tema-"]:hover::after{transform:scaleX(1);}
.cuadro[class*="tema-"] .num{color:var(--accent-p);opacity:1;}

/* Cuando la propuesta tiene color propio, el punto del menu de
   fichas tambien lo toma. */
.pmodal[class*="tema-"] .pmodal-close:hover{color:var(--accent-p);}