/**
 * Theme Name: Revistas UAM
 * Description: Tema activo para sitio web Revistas UAM
 * Author: Stephanie Pamela Avila Campos
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Oculta header y footer solo cuando la URL contiene ?embed=1 */
body.embed-iframe #header,
body.embed-iframe footer,
body.embed-iframe .footer,
body.embed-iframe .site-header,
body.embed-iframe .site-footer,
body.embed-iframe #masthead,
body.embed-iframe #colophon,
body.embed-iframe .ct-drawer-canvas[data-location=end],
body.embed-iframe #wpadminbar,
#revistasEmbed .ea11y-widget-open-button {
  display: none !important;
}


body.embed-iframe .site,
body.embed-iframe .container,
body.embed-iframe main,
body.embed-iframe #content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}
/********************/

 .footer {
    color: white;
    background-color: #333;
}

.azc {
    text-align: center;
    background-color: #CD032E;
    color: white !important;
}

.cua {
    text-align: center;
    background-color: #F08200;
    color: white !important;
}

.izt {
    text-align: center;
    background-color: #57A519;
    color: white !important;
}

.ler {
    background-color: #AD25A8;
    text-align: center;
    color: white !important;
}

.xoch {
    background-color: #0072CE;
    text-align: center;
    color: white !important;
}

.rg {
    background-color: #3B3B3B;
    text-align: center;
    color: white !important;
}

.rg:hover,
.xoch:hover,
.ler:hover,
.izt:hover,
.cua:hover,
.azc:hover {
    background-color: white;
    color: black !important;
    font-weight: bold;
    transition: all 0.4s;
}

.copy,
.info-footer a {
    color: rgb(155, 160, 155) !important;
}


.info-footer a:hover {
    color: rgb(107, 208, 226) !important;
}

/* Contenedor de cada grupo */
.sp-filter-wrapper{
  display:block !important;
  margin:0 0 1rem !important;
  padding:.75rem !important;
  background:var(--ct-bg-soft, #f7f7f9) !important;
  border-radius:.75rem !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
}

/* Dibujar el rótulo con ::before desde data-title */
.sp-filter-wrapper::before{
  content: attr(data-title);
  display:block !important;
  font-weight:600 !important;
  font-size:.95rem !important;
  line-height:1.25 !important;
  margin:0 0 .4rem !important;
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Por si el tema intenta ocultar primer/último bloque */
.sp-filter-wrapper:first-child::before,
.sp-filter-wrapper:last-child::before{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Lista y elementos */
.sp-filter-list{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.35rem;
}
.sp-filter-list li{ margin:0; }
.sp-filter-list label{ display:flex; gap:.25rem; align-items:center; }

/* Acciones */
.sp-filter-actions{ margin-top:1rem; }

/* Asegurar que fieldset nunca se colapse */
#sp-post-filter-form fieldset,
#sp-post-filter-form .sp-filter-group{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}


@media(max-width: 600px) {
    
    .copy,
    .info-footer a {
        font-size: 15px;
    }
}

