/**
 * Theme Name: Licenciaturas
 * Description: Tema activo para sitio Licenciaturas UAM 
 * Author: DDWAC
 * Template: blocksy
 * Text Domain: blocksy
 */


 .footer {
    background-color: #000;
    color: white;
}

.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;
}

/* ===== Etiquetas y División en dos columnas ===== */
.uam-filter-group-tags .uam-filter-list,
.uam-filter-group-division .uam-filter-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    row-gap: 6px;
}

/* Ajustes de alineación */
.uam-filter-group-tags .uam-filter-list li,
.uam-filter-group-division .uam-filter-list li {
    margin: 0;
}

/* Opcional: tamaño de texto */
.uam-filter-group-tags label,
.uam-filter-group-division label {
    font-size: 0.95rem;
}

/* MENU LETRAS */

.letrasletras {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
line-height:2.5rem;
	color: #ccd2de;
	font-weight: bold;
    overflow-wrap: break-word;    
}

.letractual {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 3.5rem;
	color: #000;
	font-weight: bold;
    margin: 0 5px;
	}

a.abc:link{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
	color: #96c1c5;
	font-weight: bold;
	text-decoration:none;
    margin: 0 3px;    
	}	

a.abc:visited{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
	color: #96c1c5;
	font-weight: bold;
	text-decoration:none;
	}	

a.abc:hover{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
	color: #20acb8;
	font-weight: bold;
	text-decoration:none;
	}	

a.abc:active{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
	color: #a7d4d8;
	font-weight: bold;
	text-decoration:none;
	}		

/* FIN MENU LETRAS */








/* ===== Responsive: una columna en móvil ===== */
@media (max-width: 600px) {
    .uam-filter-group-tags .uam-filter-list,
    .uam-filter-group-division .uam-filter-list {
        grid-template-columns: 1fr;
    }
    
    .copy,
    .info-footer a {
        font-size: 15px;
    }
}

/* ================================
   BOTÓN / HEADER
================================ */
.uam-dropdown-toggle{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .5rem .75rem;
  cursor: pointer;
  text-align: left;
}

/* ================================
   ICONO (ROTACIÓN)
================================ */
.uam-dropdown-caret svg{
  width: 18px;
  height: 18px;
  transition: transform .25s ease;
  transform-origin: 50% 50%;
}

.uam-filter-group.is-open .uam-dropdown-caret svg,
.uam-filter-group-tags.is-open .uam-dropdown-caret svg{
  transform: rotate(180deg);
}

/* ================================
   PANEL (SLIDE + FADE)
================================ */
.uam-dropdown-panel{
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    height .3s ease,
    opacity .2s ease;
  margin-top: .5rem;
}

/* abierto */
.uam-filter-group.is-open .uam-dropdown-panel,
.uam-filter-group-tags.is-open .uam-dropdown-panel{
  opacity: 1;
}

/* contenido interno */
.uam-dropdown-panel ul{
  padding: .75rem;
  margin: 0;
}



/* El meta de categorías como “2 renglones” */
.ct-meta-element[data-type="categories"] ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.ct-meta-element[data-type="categories"] ul > li.uam-cat-row {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Links inline dentro del renglón */
.ct-meta-element[data-type="categories"] ul > li.uam-cat-row a {
  display: inline;
  text-decoration: none;
}

.uam-tags-groups {
  margin-left: 20px;
}


/* Rotar caret cuando el botón está expandido (sirve para todos los niveles) */
.uam-dropdown-toggle[aria-expanded="true"] .uam-dropdown-caret {
  transform: rotate(180deg);
}

.uam-dropdown-toggle .uam-dropdown-caret {
  transition: transform .2s ease;
  display: inline-flex;
  transform-origin: center;
}

/* Por si el tema aplica transform al SVG */
.uam-dropdown-toggle.is-open .uam-dropdown-caret,
.uam-dropdown-toggle.is-open .uam-dropdown-caret svg {
  transform: rotate(180deg) !important;
}

.uam-dropdown-toggle .uam-dropdown-caret,
.uam-dropdown-toggle .uam-dropdown-caret svg {
  transition: transform .2s ease;
  transform-origin: center;
  display: inline-flex;
}