.te-section{
  padding: 90px 20px;
  background: linear-gradient(180deg, #f8fafc, #ffffff);
  font-family: "Poppins", sans-serif;
}

.news-header{
  text-align: center;
  max-width: 800px;
  margin: auto;
  margin-bottom: 50px;
}

.news-header h2{
  font-size: 38px;
  font-weight: 800;
  color: #0d4350;
}

.news-header p{
  font-size: 16px;
  color: #64748b;
  margin-top: 10px;
}

/* NOTICIA DESTACADA */
.news-featured{
  max-width: 1100px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0px 20px 55px rgba(0,0,0,0.18);
  background: white;
  margin-bottom: 70px;
}

.news-featured img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-featured-content{
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.news-tag{
  display: inline-block;
  background: rgba(44,80,99,0.12);
  color: #0d4350;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  width: fit-content;
}

.news-date{
  margin-top: 12px;
  color: #64748b;
  font-size: 14px;
}

.news-featured-content h3{
  font-size: 28px;
  margin-top: 12px;
  font-weight: 800;
  color: #1e2a33;
}

.news-featured-content p{
  margin-top: 12px;
  font-size: 15px;
  color: #475569;
  line-height: 1.6;
}

.btn-news{
  margin-top: 18px;
  display: inline-block;
  background: #0d4350;
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
  width: fit-content;
}

.btn-news:hover{
  background: #146377;
  transform: translateY(-3px);
}

/* GRID */
.news-grid{
  max-width: 1400px; /* MÁS ANCHO */
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; /* separación real */
}
/* TARJETA */
.news-card{
    flex: 0 0 280px;
  max-width: 260px;
  gap: 90px;
  border-radius: 25px;
  overflow: hidden;
  background: white;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.10);
  transition: 0.3s ease;
}

.news-card:hover{
  transform: translateY(-8px);
  box-shadow: 0px 25px 60px rgba(0,0,0,0.18);
}

.news-card img{
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.news-card-body{
  padding: 22px;
}

.news-card-body h4{
  margin-top: 10px;
  font-size: 17px;
  font-weight: 700;
  color: #1e2a33;
}

.news-card-body p{
 
    margin-top:12px;

    font-size:15px;

    color:#475569;

    line-height:1.6;

    text-align:justify;

}

.news-link{
  display: inline-block;
  margin-top: 12px;
  color: #0d4350;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s ease;
}

.news-link:hover{
  color: #2c5063;
  transform: translateX(3px);
}

/* COLORES DE TAGS */
.news-tag.comunidad{ background: rgba(76,175,80,0.15); color: #2e7d32; }
.news-tag.eventos{ background: rgba(33,150,243,0.15); color: #1565c0; }
.news-tag.turismo{ background: rgba(255,152,0,0.15); color: #ef0000; }


.news-grid.isotope-container{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 50px !important;
  margin-top: 50px !important;
   position: relative; /* separación real */
}

.news-card{
  width: 280px !important;
}

.news-card.isotope-item{
  margin: 30px !important;  /* separación real */
   margin: 30px !important;
  width: 280px;
}

.news-extra{
  transition: all 0.4s ease;

}

.news-card.activo .news-extra{

  margin-top: 10px;
}

/* TEXTO NORMAL */
.extra-contenido p{
   margin-top: 12px;
  font-size: 15px;
  color: #475569;
  line-height: 1.6;
}

/* CAJITA INTERNA BONITA */
.extra-contenido{
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

/* LINK */
.news-link{
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
  color: #2c5063;
  text-decoration: none;
  transition: .3s;
}

.news-link:hover{
  color: #146377;
  text-decoration: none; /* 🔥 quitamos la raya */
}

/* ANIMACIÓN SUAVE */
@keyframes fadeIn{
  from{
    opacity:0;
    transform: translateY(10px);
  }
  to{
    opacity:1;
    transform: translateY(0);
  }
}

/* CONTENEDOR (lado derecho) */
.contenedor-buscador {
  display: flex;
  justify-content: flex-end;
  margin: 0px 0 60px 0; /* 🔥 equilibrio visual */
}

/* CAJA DEL BUSCADOR */
.buscador-box {
  position: relative;
  width: 300px;
}

/* INPUT */
.buscador-box input {
  width: 100%;
  padding: 10px 15px 10px 40px;
  border-radius: 30px;
  border: 1px solid #ddd;
  outline: none;
  transition: 0.3s;
  font-size: 14px;
}

/* EFECTO HOVER */
.buscador-box input:focus {
  border-color: #1c6295;
  box-shadow: 0 0 8px rgba(3, 83, 144, 0.351);
}

/* ICONO */
.buscador-box i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
}

.news-extra{
  display: none;
  margin-top: 15px;
}

.news-card.activo .news-extra,
.news-featured.activo .news-extra{
  display: block;
}


/* OCULTAR INFO EXTRA */
.news-extra{
  display: none;
  margin-top: 15px;
}

/* MOSTRAR AL DAR CLICK */
.news-featured.activo .news-extra{
  display: block;
}

/* LISTA BONITA DENTRO DE LA INFO EXTRA */
.extra-contenido ul{
  margin-top: 12px;
  padding-left: 0;
  list-style: none;
}

.extra-contenido ul li{

  align-items: center;
  margin-top: 12px;
  font-size: 15px;
  color: #475569;
  line-height: 1.6;
}

/* ICONITO BONITO EN CADA LI */
.extra-contenido ul li::before{
  content: "✔";
  color: #696f6f;
  font-weight: bold;
}

/* IMAGEN NORMAL */
.news-featured img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}



/* TEXTO DE NOTICIAS JUSTIFICADO */
.news-card-body p,
.news-featured-content p,
.extra-contenido p{
  text-align: justify;
}

/* LISTAS (ubicación, hora, etc) TAMBIÉN JUSTIFICADAS */
.extra-contenido ul{
  text-align: justify;
  padding-left: 18px;
}

/* LISTA MÁS ESTÉTICA */
.extra-contenido ul li{
  margin-bottom: 8px;
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
}

/* ===== BOTÓN HAMBURGUESA ===== */
.menu-btn {
  position: fixed;
  top: 22px;
  right: 20px;
  z-index: 1200;
  background: none;
  border: none;
  font-size: 2.2rem;
  color: #000;
  display: none;
}

@media (max-width: 992px) {

  .menu-btn {
    display: block;
  }


}

/* ================= NAVBAR ================= */





/* INTRODUCCIÓN GENERAL ESTILIZADA */
.intro-sabor {
  max-width: 900px;
  margin: 70px auto 90px auto;
  text-align: center;
  padding: 30px 30px 50px;
  background: #ffffffee;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}


/* TÍTULO */
.intro-sabor h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1f4c57;
  margin-bottom: 20px;
}

/* PÁRRAFOS */
.intro-sabor p {
  font-size: 1.2rem;
  color: #444;
  line-height: 1.8;
  margin: 0;
  text-align: center;
}


/* Asegúrate de que este bloque esté solo una vez y al final del archivo */
.intro-sabor {
  max-width: 900px;
  margin: -20px auto 60px auto; /* si quieres que suba */
  text-align: center;
  background: transparent;
  padding: 0;
  position: relative;
  z-index: 10;
}

/* ANIMACIÓN SUAVE DE APARICIÓN */
.fade-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.9s ease-out forwards;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* ===============================
   ESCALA GLOBAL (COMO 90% ZOOM)
   =============================== */

body{
  zoom: 0.9;
}

/* En celulares mejor no reducir tanto */
@media (max-width: 768px){
  body{
    zoom: 1;
  }
}


/* =====================================
   NOTICIA DESTACADA RESPONSIVE PREMIUM
===================================== */

@media(max-width:768px){

  .news-featured{

    display:flex !important;
    flex-direction:column !important;

    width:90%;
    margin:0 auto 50px auto;

    border-radius:28px;

    overflow:hidden;

  }


  /* IMAGEN ARRIBA */
  .news-featured img{

    width:100% !important;

    height:390px !important;

    object-fit:cover !important;

    object-position:center !important;

    border-radius:0 !important;

    transform:none !important;

  }


  /* QUITAR EFECTO AL ABRIR */
  .news-featured.activo img{

    transform:none !important;

    height:390px !important;

  }


  /* CONTENIDO ABAJO */
  .news-featured-content{

    padding:28px !important;

    display:block;

  }


  .news-tag{

    font-size:13px;

    padding:8px 18px;

  }


  .news-date{

    margin-top:15px;

    font-size:14px;

  }


  .news-featured-content h3{

    font-size:26px;

    line-height:1.2;

    margin-top:18px;

  }


  .news-featured-content p{

    font-size:15px;

    line-height:1.7;

    text-align:left;

  }


  .extra-contenido p{

    text-align:left;

  }


  .extra-contenido ul{

    padding-left:0;

  }


  .extra-contenido ul li{

    text-align:left;

  }

}


@media (max-width:768px){

.news-grid{

display:flex;

flex-direction:column;

align-items:center;

gap:25px;

}

.news-card{

flex:none !important;

width:92% !important;

max-width:500px !important;

margin:0 auto !important;

}

.news-card img{

height:240px;

}

}


/*==========================
    BOTÓN INSCRIPCIONES
==========================*/

.inscripcion-paput{

    display:flex;
    justify-content:center;
    margin:35px 0;

}

.inscripcion-paput a{

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:16px 34px;

    background:linear-gradient(135deg,#0d5c73,#167b93);

    color:#fff;

    font-size:1.05rem;

    font-weight:700;

    text-decoration:none;

    border-radius:60px;

    box-shadow:0 10px 25px rgba(13,92,115,.30);

    transition:all .35s ease;

}

.inscripcion-paput a i{

    font-size:1.2rem;

    transition:.35s;

}

/* Hover */

.inscripcion-paput a:hover{

    background:linear-gradient(135deg,#0383a9,#025b76);

    transform:translateY(-5px) scale(1.08);

    box-shadow:0 18px 35px rgba(1, 47, 69, 0.452);

}

/* Ícono */

.inscripcion-paput a:hover i{

    transform:rotate(-12deg) scale(1.25);

}

/* Click */

.inscripcion-paput a:active{

    transform:scale(.96);

}