/*
Theme Name:   Astra Child
Theme URI:    https://example.com/
Description:  Tema hijo de Astra
Author:       JUGO
Author URI:   https://example.com/
Template:     astra
Version:      1.0.1
*/


.maxw{
  max-width: 1600px !important;
  margin: 0.2rem auto !important;
  background-color: white !important;
}

.centered-text{
	text-align:center !important;
}


.sub-content-post p{
	color:black !important;
}

/* Estilo para pantallas mayores a 1200px */
.custom-excerpt-placeholder {
    height: 0; /* No mostrar el espacio en desktop */
}

/* Estilo para pantallas menores a 1200px */
@media (max-width: 1200px) {
    .custom-excerpt-placeholder {
        height: 2rem; /* Mostrar 2rem en pantallas móviles */
    }
}

/* NAVBAR */

/* Contenedor del menú principal */
.header-container {
display: flex;
flex-direction: row;
position: -webkit-sticky; /* Compatibilidad con Safari */
position: sticky;
top: 0;
background-color: #fff;
z-index: 1000; /* Asegura que el menú esté por encima de otros elementos */
padding: 10px 0; /* Espacio alrededor del menú */
}

/* Ocultar submenús por defecto */
.main-menu ul.sub-menu {
display: none;
position: absolute;
background-color: #fff; /* Fondo blanco para submenús */
z-index: 9999;
padding: 0;
margin: 0;
list-style: none;
}

/* Mostrar submenús al pasar el mouse */
.main-menu li:hover > ul.sub-menu {
display: block;
color:black !important;
padding-bottom: 1rem;
padding-top: 1rem;
}

/* Alinear submenús debajo del elemento principal */
.main-menu ul.sub-menu li {
display: block;
padding: 0px 15px;
text-align: left;
width: 200px; /* Ancho de los submenús */
color:black !important;
}

/* Estilo para enlaces del submenú */
.main-menu ul.sub-menu li a {
color: #000 !important; /* Color negro para los enlaces del submenú */
text-decoration: none;
}

/* Evitar que el submenú se superponga */
.main-menu li {
position: relative;
}

#menu-main-menu {
display: flex;
flex-direction: row;
}

#menu-main-menu-1{
display: flex;
flex-direction: row;
}

.menu-inicial{
display: flex;
flex-direction: row;
padding-top: 1rem;
padding-bottom: 1rem;
}

/* Estilo para los enlaces del menú principal */
.main-menu ul li a {
display: block;
padding: 1rem 0.8rem;
text-decoration: none;
color: #000;
font-weight: 500;
font-size: 1rem;
color:black !important;
}

/* Estilo para los enlaces del submenú */
.main-menu ul.sub-menu li a {
font-weight: 500; /* Tipografía un poco menos bold para submenús */
color:black !important;
}

/* Quitar subrayado al pasar el mouse */
.main-menu ul li a:hover {
text-decoration: none;
color:black !important;
}

/* Quitar puntos de enumeración y márgenes de la lista */
.main-menu ul {
list-style: none;
margin: 0;
padding: 0;
color:black !important;
}

/* Alinear los elementos del menú horizontalmente */
.main-menu {
display: flex;
justify-content: space-around; /* Distribuye los elementos en el espacio disponible */
align-items: center; /* Centra verticalmente los elementos */
color:black !important;
}

/* Asegurarse de que los enlaces ocupen todo el ancho de los elementos del menú */
.main-menu ul li {
margin: 0;
padding: 0;
color:black !important;
}

/* Asegurar que los enlaces dentro de los elementos de la lista se alineen correctamente */
.main-menu ul li a {
display: block;
padding: 0.3rem 1vw;
text-decoration: none;
color: #000;
font-weight: 500;
font-size: 1.1rem;
color:black !important;
}

.main-menu ul li a:hover {
color: #009BD9;
}

.main-menu ul li a:active {
color: #009BD9;
}

body.scrolled #main-header {
display: none; /* Esconde el header principal cuando se aplica la clase "scrolled" */
}

body.scrolled #scroll-header {
display: block; /* Muestra el segundo header cuando se aplica la clase "scrolled" */
}

#main-header,
#scroll-header {
transition: all 0.3s ease; /* Asegura una transición suave */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: white;
}

/* Estilos por defecto */
#main-header {
display:none;
position: relative; /* Posición normal */
top: 0;
width: 100%;
transition: all 0.3s ease; /* Transición suave para el efecto */
z-index: 1000; /* Asegura que el header esté por encima de otros elementos */
}

/* Estilos cuando el header se vuelve sticky */
#main-header.sticky {
display:flex;
position: fixed; /* Fija el header en la parte superior */
top: 0;
left: 0;
width: 100%; /* Asegura que el header abarque todo el ancho */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Opcional: Añade una sombra para destacar */
background-color: white; /* Fondo para el header sticky, ajusta según tu diseño */
}


/* HOME  */

.title-separator{
border-bottom: 2px solid #abb8c3;
padding-bottom: 1rem;
margin-bottom: 0 !important;
}

.divider {
border-bottom: 1px solid #ccc; /* Línea de 1px de color gris */
margin-bottom: 0; /* Asegura que esté pegado al margen inferior */
}

._df_book.df-container.df-floating.df-controls-bottom {
background-color: transparent !important; /* Asegura que el fondo sea transparente */
}

.ajuste-dflip {
margin: 6% 22rem 0 22rem !important;
}

/* Estilos del footer */

.tnp-field label {
display: none !important;
}

input.tnp-email {
color: black; /* Color de la letra */
background-color: white; /* Fondo blanco */
border-radius: 2rem; /* Bordes redondeados */
border: 1px solid #ccc; /* Border gris claro para mayor visibilidad */
padding: 0.2rem 0.6rem !important; 
font-size: 0.8rem !important;    
box-sizing: border-box; /* Incluye el padding en el ancho del input */
}

input.tnp-email::placeholder {
color: black; /* Color de la letra del placeholder */
opacity: 1; /* Asegura que el color sea totalmente negro */
}

input.tnp-submit {
border-radius: 2rem;
margin-top: 0.5rem !important;
padding: 0.5rem 1rem !important;
font-size: 0.8rem !important;
}

.tnp-field.tnp-field-button {
text-align: left; /* Alineación a la izquierda (como ya estaba) */
margin-bottom: 0; /* Establece el margen inferior en 0 */
}

.titulo-footer{
padding-bottom:1rem;
font-size: 1.2rem;
}

.footer-container {
margin-right:5%;
margin-left:5%;
}

.footer-container a {
color: #1D1D1B;
text-decoration: none;
text-transform: uppercase;
line-height: 0.8rem;
}

.footer-container a:hover {
text-decoration: underline;
}

.footer-container .footer-menu-class {
list-style: none;
padding: 0;
margin: 0;
}

.footer-container .footer-menu-class li {
margin-bottom: 0;
font-size: 1rem;
}

.footer-container ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer-container .follow-us-column ul {
display: flex;
justify-content: center;
flex-direction: column;
}

.footer-container .follow-us-column i {
font-size: 1.5rem; /* Ajusta el tamaño de los íconos */
}

/* Centrado horizontal y alineación vertical superior */
.footer-container {
display: flex;
justify-content: space-between; /* Espaciado entre columnas */
align-items: flex-start; /* Alinea elementos verticalmente hacia arriba */
margin: 0 auto; /* Centrado horizontal */
}

/* BOTONES PARA ARCHIVE */
.category-filter-container {
margin-bottom: 20px;
text-align: center;
}

.category-filter-button {
background-color: #5EC5FF;
color: white;
border: none;
padding: 10px 20px;
margin: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.category-filter-button:hover {
background-color: #4aa5d8;
}

/* PUBLIS */

.publi-1{
width:74% !important;
margin-right: 0 !important;
}

.publi-2{
width:74% !important;
margin-right: 0 !important;
}
.publi-3{
width:74% !important;
margin-right: 0 !important;
}
.publi-4{
width:74% !important;
margin-right: 0 !important;
}

.container-img-publi{
}

.adj-height{
height:26rem !important;
}

/* VISUALIZACION FILTRO */

#filtered-posts {
display: flex;
flex-wrap: wrap;
flex-flow: row wrap;
align-items: stretch;
gap: 20px;
padding: 2rem;
}

#filtered-posts article {
flex: 0 1 calc(25% - 20px); /* Ajusta el ancho de los artículos para 4 columnas */
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: 1.8rem;
}

.dflip-title {

}

.ast-post-thumbnail{
margin: 5% 0 5% 0;

}

.return-button{
display: flex;
justify-content: center;
}

.return-button a{
text-align: center !important;
text-decoration: none !important;
color:black !important;
font-size: 1rem;
border: 1px black solid;
padding: 0.5rem 1rem;
border-radius: 1.2rem;
}

/* Opcional: Ajusta el estilo para los artículos en diferentes tamaños de pantalla */
@media (max-width: 1200px) {
#filtered-posts article {
  flex: 1 1 calc(100% - 20px); /* 3 columnas en pantallas medianas */
  align-items: center;
}
}


/*  PAGINACION  */

.custom-pagination {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
margin: 6rem auto 10rem auto;

}

.custom-pagination ul.pagination {
display: flex;
list-style: none;
padding: 0;
margin: 0;
gap: 10px; /* Espacio entre elementos */
}

.custom-pagination ul.pagination li {
display: inline-block;
}

.custom-pagination ul.pagination li a,
.custom-pagination ul.pagination li span {
padding: 8px 15px;
text-decoration: none;
background-color: white !important;
border: 1px solid #ddd;
color: #333;
border-radius: 1rem;
}

.custom-pagination ul.pagination li a:hover {
background-color: #ddd; /* Cambio de fondo al pasar el cursor */
}

/* ARCHIVE */

.category-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 1% 8.5%;
max-width: 1600px;
margin: 1rem auto;
}

.post-category a {
color: inherit;
}

.category-card {
display: flex; /* Flexbox para el layout interno */
flex-direction: column; /* Dirección de los elementos de arriba a abajo */
justify-content: space-between; /* Separador inferior siempre en la parte baja */
background-color: #fff;
height: 100%; /* Hace que las cards tengan el mismo tamaño */
padding:0;
box-sizing: border-box; /* Incluye el padding en el tamaño total */
}

.category-card .post-thumbnail {
width: 100%; /* Asegura que el contenedor de la imagen ocupe todo el ancho disponible */
height: 15vw; /* Define una altura fija para las imágenes */
overflow: hidden; /* Oculta el desbordamiento si la imagen es más grande */
display: flex; /* Centra la imagen */
justify-content: center; /* Centra horizontalmente */
align-items: center; /* Centra verticalmente */
position: relative; /* Necesario para el pseudo-elemento */
border-radius: 0.2rem; /* Asegura el borde redondeado del contenedor */
z-index: 999;
}

.post-thumbnail img {
width: 100%; /* Ajusta la imagen al ancho del contenedor */
height: 100%; /* Mantiene la proporción de la imagen */
object-fit: cover; /* Asegura que la imagen se recorte y cubra el contenedor */
transition: transform 0.6s ease; /* Agrega una transición suave */
}

.post-thumbnail::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3); /* Capa negra semi-transparente */
opacity: 0; /* Inicia transparente */
transition: opacity 0.6s ease; /* Transición suave para la opacidad */
border-radius: 0.2rem;
}

.post-thumbnail:hover::after {
opacity: 1; /* Oscurece al hacer hover */
}

.post-thumbnail:hover img {
transform: scale(1.05);
}

.entry-title {
font-size: 1.313rem;
margin: 1rem 0 0 0;  
}

.entry-excerpt {
font-size: 1rem;
color: black;
flex-grow: 1;
line-height: 1.4;
padding-bottom: 1rem;
}

.post-meta {
font-size: 0.8rem;
color: black;
margin-bottom: 2vw;
text-transform: uppercase;
margin-bottom: 1rem;
}


.post-author::before {

}

.post-category a {
font-weight: bold; /* Poner en negrita */
}

.post-date {
text-transform: uppercase; /* Convertir a mayúsculas */
}

.card-separator {
border: none;
border-bottom: 1px solid #ccc;
margin-top: 10px;
}

.ast-blog-layout-4-grid .ast-article-post {
width:100%;

}

.page-header {
padding: 0 8.5%; /* Padding de 8.5% a ambos lados */
margin-bottom: 20px; /* Espacio inferior para separación */
}

.category-title-wrapper {
text-align: center; /* Centrar el título dentro de su contenedor */
padding-top: 1rem;
padding-bottom: 1rem;
}

.page-title {
display: flex;
font-size: 1.5rem;
background-color: inherit;
font-weight: 800;
margin-bottom: 0;
}

.category-separator {
width: 100%;
border: none;
border-top: 1px solid #ccc; /* Línea de separación */
margin-bottom: 20px; /* Espacio inferior */
}


/* SINGLE.PHP */

.ajust-cont-about-us{
max-width: 1600px !important;
margin: 0 auto !important;
}

.cont-about-us{
margin-right: 20% !important;
padding-right: 8.5%;
}

.post-meta-single{
margin-bottom:0 !important;
width: fit-content;
}

.margen-single-default{
padding: 0% 8.5% 0% 8.5%;
margin-right: 20%;

}

.post-content{
padding: 3rem 8.5% 0 8.5%;
/*border-right: 1px #ccc solid;*/
margin-right: 20%;
}

.header-thumbnail img {
width: 100%;
height: auto; /* Mantiene la proporción de la imagen */
display: block; /* Elimina el espacio inferior generado por las imágenes inline */
border-radius:0.2rem;
}

.header-meta.margen-single-default {
text-transform: uppercase;
font-size: 1.125rem;
}

.wp-element-caption{
font-size: 0.9rem;
text-align: left !important;
color:grey;
font-size: 0.8rem !important;
padding-top: 1rem !important;
}
.wp-element-caption mark{
color:grey !important;
}

.has-text-align-center{
font-size: 0.9rem;
text-align: left !important;
color:grey;
}

.author-initial-circle {
display: flex;
width: 3rem;
height: 3rem;
background-color: #ccc;
color: #fff;
border-radius: 50%;
/* text-align: center; */
/* line-height: 7rem; */
font-weight: bold;
margin-right: 0.7rem;
font-size: 1rem;
text-transform: uppercase;
justify-content: center;
align-items: center;
}

.header-single-top{
margin-bottom:0;

}

.category-meta-single a {
color: #009EDB;
text-decoration: underline;
font-weight: 700; 
}

.post-tags .tag a {
text-transform: uppercase;
font-weight: 500;
color: #000;
background-color: transparent;
border: 1px solid #000;
border-radius: 2rem;
padding: 0.4rem 1rem;
text-decoration: none;
display: inline-block;
margin-top: 1rem;
font-size:0.9rem;
margin-right: 0.5rem;
}

/*  TEAM */

.wp-block-column.is-layout-flow {
display: flex;
flex-direction: column; /* Alineación de los elementos en columna */
height: 100%; /* Para que el contenedor ocupe toda la altura disponible */
}

.wp-block-separator.team-sep-ind {
margin-top: auto; /* Empuja la línea separadora hacia abajo */
}

.colum-equipo-ind{
height:auto !important;
}

.cont-prisca-foto{
display:flex;
align-items: flex-end;

}

/* Eliminar el contorno para todos los elementos */
*:focus {
outline: none; /* Eliminar la línea punteada */
}

#ast-scroll-top {
background-color: #009BD9;
}


.now-in-container{

height: 27.2rem;
}


.display-table-cell {
display: none !important;
}

.ast-header-search .slide-search .search-form {
border: 1px solid black;
border-radius: 2rem;
margin-top: 1rem;
}


/*
.sub-content-post{
border-right: 1px solid #D9D9D9 !important;
}*/


.header-separator-wrapper{
padding: 0 28.5% 0 8.5%;
}

.header-single-top{
padding: 0 28.5% 0 8.5%;
}

.category-grid {
grid-template-columns: repeat(3, 1fr) !important;
}

.df-floating .df-ui-controls {
bottom: 4px !important;
}


h4, .entry-content h4 {
font-size: 1.2rem;
line-height: 1.2em;
font-weight: 700;
font-family: 'Poppins', sans-serif;
text-transform: math-auto;
padding-bottom: 1rem;
}

.author-desc-cont h4 {
padding-bottom:0.2rem !important;
}

h5, .entry-content h5 {
font-weight: 700;
font-family: 'Poppins', sans-serif;
text-transform: lowercase !important; /* Todo el texto en minúsculas */
}

h5::first-letter, .entry-content h5::first-letter {
text-transform: uppercase !important; /* La primera letra en mayúscula */
}


.colum-equipo-ind {
text-align: left !important;
}
.colum-equipo-ind figure {
margin: 0; /* Asegura que no haya margen automático que lo centre */
}


.category-font a {
color:white !important;
}

.ast-search-menu-icon.slide-search input.search-field {
width: 100%;
}

h3, .entry-content h3 {
padding-bottom:0.6rem !important;
}


.foto-about{
margin-top: 0 !important;
margin-bottom:2rem !important;
}

p {
margin-bottom: 1rem;
line-height: 1.3rem;
}

.read-more-category h4{
padding-bottom:0 !important;
}

#ast-scroll-top {
margin-right: 3.5rem;
margin-bottom: 2.4rem;
}
/*
.wp-block-image img {
border-radius: 0.3rem;
margin-top:3rem;
}

.wp-block-image :where(figcaption) {
margin-bottom: 3rem !important;
margin-top: 0 !important;
}
*/

.wp-block-image {
  margin-bottom: 3rem !important; /* Siempre aplica margen inferior */
  margin-top:3rem;
}

.wp-block-image img {
  display: block; /* Asegura que la imagen se comporte como un bloque */
  margin-bottom: 0 !important; /* Elimina el margen de la imagen */
  border-radius: 0.3rem;
}

.wp-block-image figcaption {
  margin-bottom: 0 !important; /* Elimina el margen inferior del caption */
}

.publi-1 img {
margin-top: 0 !important;
}
.publi-2 img {
margin-top: 0 !important;
}
.publi-3 img {
margin-top: 0 !important;
}
.publi-4 img {
margin-top: 0 !important;
}

.wp-image-250071 {
margin-top: 0!important;

border-radius: 9999px !important;
}

.wp-image-250420{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250084{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250085{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250086{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250093{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250414{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250089{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250090{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-250855{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-251048{
margin-top: 0!important;
border-radius: 9999px !important;
}
.wp-image-251351{
margin-top: 0!important;
border-radius: 9999px !important;
}



/* 
////////////////////////////////// MOBILE ////////////////////////////////////// */

@media (max-width: 1200px) {

  .more-notes-3-cont div {
    padding-bottom: 0 !important;
}
.ast-blog-layout-4-grid .ast-article-post {
  margin-bottom: 0 !important;

}

  
     .category-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr) !important;
      gap: 1rem;
      padding: 0% 8.5%;
      max-width: 1600px;
  margin: 0rem auto 5rem auto !important;    
}
  
  .category-card .post-thumbnail {
    height: 45vw !important;
	z-index: 90;
  }
  .page-title {
    font-size: 1.2rem !important;
  }
  
  .category-title-wrapper {
    padding-top: 1rem !important;
  }
  
  .entry-title {
    font-size: 1.1rem !important;
  }
  
  .entry-excerpt {
    font-size: 1rem !important;
	margin-top: 1rem;
  }
  
  .now-in-container{
    display: flex;
    gap: 1rem !important;    
    flex-direction: column;
  margin-top: 0 !important;
  }
  
  .two-column-container {
    flex-direction: column;
    padding-bottom: 4rem !important;
  }
  
  .home-ind-2 {
    display: flex;
    gap: 20px;
    height: auto !important;
    flex-direction: column;
  }
  
  .adj-height {
    height: auto !important;
  }
  
  .ast-post-thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 0.4rem;
    width: 100%;
    height: 14rem !important;
  }
  
  .carousel-item {
    height: 47rem !important;
    
  }
  
  .carousel-home-adjust{
    height: auto !important;
  }
  
  .footer-container{
    flex-direction: column !important;
  }
  
  .logo-column{
    display: none !important;
  }
  
  .contact-column{
    width: 100% !important;
  }
  
  .menu-column{
    width: 100% !important;
  }
  .footer-column.contact-column ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
  color:black !important;
  }
  
  .container-bottom-footer{
    flex-direction: column !important;
  }
  
  .tnp-subscription input[type=submit], .tnp-profile input[type=submit] {
    width: auto !important;
  }
  
  .titulo-footer {
    font-size:1rem !important;
    padding-bottom: 0.4rem !important;
    padding-top: 0.5rem !important;
  }
  
  .footer-container .footer-menu-class li {
    font-size:0.8rem !important;
  }
  
  .master-footer-container{
    padding-top:2rem !important;
  }
  
  .custom-pagination {
    margin: 5rem 8.5% 7rem 8.5% !important;
  }
  
  .custom-pagination ul.pagination li a, .custom-pagination ul.pagination li span {
    padding: 8px 13px !important;
    font-size: 0.8rem !important;
  }
  
  .publi-1 {
  width: 100% !important;
      margin-right: auto !important;
      margin-top: 0 !important;
      margin-bottom: 0.5rem !important;    
  }
  .publi-2 {
  width: 100% !important;
      margin-right: auto !important;
      margin-top: 0 !important;
      margin-bottom: 0.5rem !important;    
    
  }
  .publi-3 {
  width: 100% !important;
      margin-right: auto !important;
      margin-top: 0 !important;
      margin-bottom: 0.5rem !important;    
    
  }
  .publi-4 {
    margin-right: auto !important;
    width: 100% !important;
  }
  
  .ast-row .now-in-container{
    height: auto !important;
  }
  
  .now-in-container{
    height: auto !important;
  }
  .contact-div{
    margin: 0 !important;
  }
  
  .home-ind-cont{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }
  
  .more-notes-3-cont{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 1rem !important;
  }
  
  .more-notes-4-cont{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 1rem !important;
  }
  
  .more-notes-5-cont{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 1rem !important;
  }
  
  body .wp-block-columns .more-notes-3-cont {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

  }
  
  body .wp-block-columns .more-notes-4-cont {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  
  body .wp-block-columns .more-notes-5-cont {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  .subscribe-cont{
    width: 100% !important;
    margin: 1rem 0 2rem 0 !important;
    
  }
  
  .category-label-text{
    font-size:1rem !important;
    margin-top:2rem !important;
  }
  .post-title-single-mobile{
    margin-bottom:1rem !important;
  }
  
  .author-initial-circle {
    width: 5rem !important;
  }
  
  .autor-circle-mobile{
    width:3rem !important;
  }
  .wp-elements-3a0ffde89f053965f3eaeb3c9a3126db{
    font-size: 1.6rem !important;
  }
  
  .wp-elements-ffedc963955b55b695b4361973e60bfd{
    padding-right: 10% !important;
    padding-left: 10% !important;
  }
  
  div.tnp-subscription{
    
  }
  
  .advertise-container{
    padding-right: 10% !important;
    padding-left: 10% !important;
  }
  
  .wp-image-250118{
    width: 70% !important;
  }
  
  .advertise-container-text figure {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
text-align: center;
  }
  
  .meta {
    font-size: 0.8rem;
        margin-bottom: 1rem !important;
  }
  
 .carousel-item .author, .carousel-item .label {
    font-size: 0.8rem !important;
  }
  /*
  .carousel-item .author, .carousel-item .label {
    font-size: 0.8rem !important;
  }*/
  
  /*
  .carousel-meta {
    font-size: 0.8rem !important;
  }*/
  .carousel-meta{
    font-size: 0.8rem !important;
      line-height: 1.1 !important;
  }
  .carousel-item-content {
    padding: 0 14% !important;
  }/*
  .carousel-item p {
    font-size: 0.9rem !important;
  }*/
  
  .carousel-item p {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
  }
  /*
  .carousel-item h3 {
    font-size: 1.1rem !important;
    line-height: 1 !important;
  }*/
.carousel-item h3 {
      font-size: 2rem !important;
      line-height: 1.2 !important;
      padding: 0px 7% !important;
  }
  
  .entry-title {
    line-height:1.3 !important;
	 height: auto !important;
  }
	.post-meta{
		height: fit-content !important;
	}
  
  .margen-single-default {
    margin-right:0 !important;
  }
  
  .header-thumbnail img {
    width: 100% !important;
  }
  
  .sub-content-post{
    margin: 0 0 0 0 !important;
    border-right: 0px solid #D9D9D9 !important;
    padding: 0 !important;
  }
  
  .post-content {
    border-right: 0px solid #D9D9D9 !important;
  }
  
  .header-separator-wrapper{
    padding: 0 8.5% 0 8.5% !important;
  }
  
  
  .header-single-top{
    padding: 0 8.5% 0 8.5% !important;
  }
  
  .edition-buttons {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
  }
  
  .white-buttom-magazine {
    font-size: 0.8rem !important;
    margin-right: 0.4rem !important;
  }
  .year-filter-container{
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
  }
  .ast-post-thumbnail {
    display: flex;
    justify-content: center;
    height: auto !important;
    margin-top: 0.5rem !important;
  }
  .year-filter-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.1rem;
    overflow-x: auto; /* Para habilitar el scroll horizontal */
    padding: 0 8.5%;
  }
  
  .year-filter-container::-webkit-scrollbar {
    display: none; /* Oculta la barra de scroll en navegadores que usan Webkit */
  }
  
  .year-filter-button {
    white-space: nowrap; /* Evita que el texto se rompa en varias líneas */
  }
  
  .white-buttom-magazine {
    padding: 0.5rem 1rem;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
  }
  
  .year-filter-container {
    scroll-behavior: smooth; /* Para un scroll suave */
  }
  .year-filter-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20%; /* Ocupa el 20% del contenedor */
    height: 20%; /* Se ajusta al alto del contenedor */
    pointer-events: none; /* Permite hacer scroll sin interferencias */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  
  .year-filter-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20%; /* Ocupa el 20% del contenedor */
    height: 20%; /* Se ajusta al alto del contenedor */
    pointer-events: none;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }
  
  .ediciones-anteriores-grid{
    margin: 1rem 0 3rem 0  !important;
  }
  
  .category-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  
  
  .wp-image-250071{
    width: 75% !important;
    border-radius: 9999px !important;
  }
  .tnp-field-email {
    padding-left: 8.5% !important;
    padding-right: 8.5% !important;
  }
  .cont-about-us {
    border-right: 0px #ccc solid !important;
    margin-right: 0 !important;
    padding-right: 0;
  }
  .author-desc-cont{
    max-width: 27rem !important;
  }
  .ast-post-thumbnail a{width:100% !important}
  .author-desc-cont {
    padding: 0 5%; /* Ajustar según el espacio que desees */
  }
  
  .author-desc-cont p {
    padding: 0 0; /* Reduce el padding para dispositivos móviles */
  }
  
  .author-desc-cont h4 {
    padding-bottom:0.4rem !important;
  }
  
  .author-desc-cont h4 a{
    display: inline-block !important; /* Asegura que el <a> se centre dentro del h4 */

  }
  .author-initial-circle {
    width: 8vw !important;
    height: 8vw !important;
    font-size: 2.2vw !important;
    margin-right: 0; /* Ajusta el margen inferior */
    aspect-ratio: 1/1 !important; /* Mantiene la relación de aspecto 1:1 */
  }
  .footer-column.contact-column .tnp-field-email {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-thumbnail {
    height: 17rem !important;
    padding: 0 8.5% !important;
  }
  .second-circle{
    width:7rem !important;
    height: 4rem !important;
    font-size: 1.2rem !important;
    aspect-ratio: 1/1 !important; /* Mantiene la relación de aspecto 1:1 */
    min-width: 60px !important; /* Ajusta el valor según el tamaño mínimo deseado */
    min-height: 50px !important; /* Mantiene la relación de aspecto */
  max-width: 60px !important;

  }
  h5, .entry-content h5 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: lowercase;  
}
  .wp-image-250420{
    display:none !important;
      margin-top: 0!important;
  }
  .post-meta-single{
      margin-bottom:0 !important;
      max-width: 80%;      
  }
  .main-menu ul.sub-menu li {
    color:black !important;
  }

  /* Estilo para enlaces del submenú */
  .main-menu ul.sub-menu li a {
  color: #000 !important; /* Color negro para los enlaces del submenú */

  }

  /* Evitar que el submenú se superponga */
  .main-menu li {
  position: relative;
  }

  #menu-main-menu {
  display: flex;
  flex-direction: row;
  }

  #menu-main-menu-1{
  display: flex;
  flex-direction: row;
  }


  .menu-inicial {
    display: flex;
    flex-direction: row;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  

  /* Estilo para los enlaces del menú principal */
  .main-menu ul li a {
    color:black !important;
  }

  /* Estilo para los enlaces del submenú */
  .main-menu ul.sub-menu li a {
  font-weight: 500; /* Tipografía un poco menos bold para submenús */
    color:black !important;
  }
  .author-archive-circle{
      font-size: 2rem !important;
  } 
  .cont-prisca-foto{
      margin-left: 0 !important;
      display: flex !important;
      align-items: flex-start !important;
  }

  .cont-prisca-foto figure {
      margin-left:0 !important;
  }
      
  .entry-title-archive{
    height:fit-content !important;
  }
  
  .entry-excerpt-archive{
    height:fit-content !important;
    padding-bottom:0 !important;
  }
  
  .post-meta-archive{
    height:fit-content !important;
  }
  h3, .entry-content h3 {
   padding-bottom:0rem !important;
    margin-bottom:1rem !important;
    
  }

  .card-separator {
  border: none;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
  margin-bottom: 0;
}
.category-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  gap: 0 !important;
}
      .entry-excerpt {
      font-size: 1rem;
      color: black;
      flex-grow: 0;
      line-height: 1.4;
      padding-bottom: 0 !important;
      margin-bottom: 1rem !important;
      height: fit-content !important;
  }
  #ast-mobile-header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: top 0.3s ease-in-out;
  }
	#content{
		    padding-top: 5rem !important;
	}
  
  
}