/* ─────────────────────────────────────────────────────────────
   TEMA 18 DE SEPTIEMBRE — capa decorativa desmontable (v4)
   Todo vive bajo .tema-18 (aplicada al <body> por tema18.js).
   Sin esa clase, el sitio se ve exactamente igual que siempre y
   no se carga ninguna imagen.

   Para desactivar el tema por completo: quitar el <link> a este
   archivo y el <script src="assets/tema18/tema18.js"> del
   index.html (ver instrucciones al final de tema18.js).

   Lo único que queda como "adorno" superpuesto es la cueca en la
   esquina del hero. El logo y las fotos de producto se reemplazan
   por archivos completos (sin overlay) desde tema18.js.
   ───────────────────────────────────────────────────────────── */

/* Cueca en la esquina inferior derecha del hero */
.tema-18 .tema18-cueca-wrap{
  position:absolute;
  bottom:14px;
  right:14px;
  width:114px;
  height:120px;
  overflow:hidden;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));
  z-index:3;
  pointer-events:none;
}
.tema-18 .tema18-cueca-wrap img{
  position:absolute;
  left:-43.3%;
  top:0;
  height:100%;
  width:auto;
}
@media(max-width:768px){
  .tema-18 .tema18-cueca-wrap{display:none}
}