/* Oculta el nombre del sitio en el encabezado. */
#t4-header .t4-logo-header .logo-image .site-name {
    display: none !important;
}

/* Ajusta la opacidad del fondo antes del encabezado principal en las vistas de artículos. */
.view-article .t4-masthead .ja-masthead::before {
    opacity: 0.25;
}

/* Estilo comentado: podría ajustar la altura del contenido del slider. */
/*.acm-slideshow .slider-content {
    height: 80%;
}*/

/* Establece una altura fija de 800px para cada elemento del slider. */
.acm-slideshow .item {
    height: 800px;
}

/* Alinea el texto del área de búsqueda hacia la izquierda. */
.search {
    text-align: left;
}

/* Limita el ancho máximo del logotipo a 220px. */
#t4-header .t4-logo-header .logo-image .logo-img {
    max-width: 220px;
}

/* Aplica un padding horizontal de 10px a la cabecera del logotipo. */
#t4-header .t4-logo-header {
    padding-left: 10px;
    padding-right: 10px;
}

/* Agrega un padding vertical de 20px a las secciones y áreas de foco designadas. */
div[id*="t4-section-"], div[id^="t4-section-"], div[id*="t4-spotlight-"], div[id^="t4-spotlight-"] {
    padding-top: 20px;
    padding-bottom: 5px;
}

/* Reduce los márgenes superiores e inferiores de los encabezados H1, H2 y H3. */
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

/* Establece el tamaño de fuente para los encabezados H2. */
h2, .h2 {
    font-size: 32px;
}

/* Establece el tamaño de fuente para los encabezados H3. */
h3, .h3 {
    font-size: 28px;
}

/* Establece un fondo blanco y una altura mínima para la barra superior del sitio. */
.t4-topbar {
    background: #fff;
    height: 1px;
}

/* Elimina el borde de los menús desplegables. */
.dropdown-menu {
    border: 0px solid #fff;
}

/* Agrega un padding vertical de 10px al cuerpo principal del sitio. */
.t4-main-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Define un estilo para la descripción de categorías con bordes transparentes, color de texto gris y padding interno. */
.category-desc {
    border: 0px solid rgba(52, 58, 64, 0.12);
    color: #828282;
    padding: 0.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-radius: 1px;
}

/* Agrega un padding vertical de 0.3rem a los elementos secundarios de las categorías. */
.content-category .cat-children > div {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* Agrega un padding vertical de 0.3rem al contenedor de los elementos secundarios de las categorías. */
.content-category .cat-children {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/* Agrega un padding inferior de 0.3rem al formulario de administración de la lista de categorías. */
.category-list #adminForm {
    padding-bottom: 0.3rem;
}

/* Cambia el color de fondo y borde de los botones primarios al color naranja (#FEA016). */
.btn.btn-primary {
    background-color: #FEA016 !important;
    border-color: #FEA016 !important;
}