/******************* Contactos *******************/
/*//////////////////////////Fuentes/////////////////////////////////////////////*/


@font-face {
    font-family: 'LtCushionmedium';
    src: url('/fuentes/LTCushion-Medium.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppinsmedium';
    src: url('/fuentes/Poppins-Medium.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunito';
    src: url('/fuentes/Nunito-Regular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
/*//////////////////////////////////////////*/
/* Contenedor principal de Contactos */
.contactosContenedor {
    margin-top: 100px;
    margin-left: 70px;
    max-width: 700px;
    width: 80%;
}

/* Título */
.tituloContactanos {
    font-family: 'LtCushionmedium', sans-serif;
    font-size: 40px;
    color: #7e2c2c;
    margin-bottom: 10px;
}

/* Descripción de la sección */
.descripcionContactanos {
    font-family: 'nunito', sans-serif;
    font-size: 22px;
    color: #3a241b;
    text-align: justify;
    margin-bottom: 30px;
    width: 400px;
}

.informacionContenedorContactanos {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
    margin-top: -130px;
    margin-left: 450px;

}

#Telefonos {
    min-width: 200px;
}

.informacionItem {
    flex: 1;
    min-width: 300px;
    max-width: 33%;
    box-sizing: border-box;
}

.subtituloContactanos {
    font-family: 'nunito', sans-serif;
    font-weight: bold;
    color: #1d0707;
    text-align: left;
    font-size: 22px;
}

.textoInformacionContactanos {
    font-family: 'nunito', sans-serif;
    font-size: 20px;
    color: #1d0707;
    text-align: left;
    line-height: 1.5;
    word-wrap: break-word;
}

#centrado {
    text-align: center;
}

/******************* Directorio *******************/
.directorioContenedor {
    margin-top: 150px;
    margin-left: 70px;
    max-width: 800px;
    width: 100%;
}

.informacionItemDirectorio {
    flex: 1;
    min-width: 500px;
    max-width: 33%;
    box-sizing: border-box;
}

.informacionContenedorDirectorio {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 80%;
    margin-top: -150px;
    margin-left: 450px;
    flex-wrap: wrap;
}

#telefono {
    margin-top: -280px;
    margin-left: 520px;
}

/******************* Redes Sociales *******************/
.redesContenedor {
    margin-top: 150px;
    margin-left: 70px;
}

.informacionRedesContenedor {
    margin-top: -150px;
    margin-left: 500px;
    display: flex;
    gap: 10px;
}

.informacionRedesContenedor img {
    width: 50px;
    height: auto;
}

.subtituloRedes {
    font-family: 'nunito', sans-serif;
    margin-top: 5px;
    font-weight: bold;
    color: #3b0c0c;
    text-align: left;
    font-size: 22px;
}

.subtituloRedes a{
    font-family: 'nunito', sans-serif;
    margin-top: 5px;
    font-weight: bold;
    color: #3b0c0c;
    text-align: left;
    font-size: 22px;
}

/******************* Sitios de Interés *******************/
.sitiosContenedor {
    margin-top: 200px;
    margin-left: 70px;
    margin-bottom: 150px;

}

.informacionSitiosContenedor {
    margin-top: -150px;
    margin-left: 500px;
}

.itemSitios {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.itemSitios img {
    width: 60px;
    height: auto;
   
    border-radius: 50px;
}

.subtituloSitios {
    font-family: 'nunito', sans-serif;
    margin-top: 10px;
    font-weight: bold;
    color: #3b0c0c;
    text-align: left;
    font-size: 22px;
}

.subtituloSitios a {
    font-family: 'nunito', sans-serif;
    margin-top: 10px;
    font-weight: bold;
    color: #3b0c0c;
    text-align: left;
    font-size: 22px;
}
/* ====== MÓVIL (≤480px) — Sección Contactos ====== */
@media (max-width: 480px){

  /* Contenedor principal */
  .contactosContenedor{
    margin-top: 20px;
    margin-left: 0;
    width: 92%;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;     /* centrado */
    padding: 0 4px;
  }

  /* Título y descripción */
  .tituloContactanos{
    font-size: 18px;
    text-align: center;
    margin-bottom: 8px;
    color: #5c3c1a;
  }
  .descripcionContactanos{
    font-size: 10px;
    text-align: center;
    width: auto;
    max-width: 92%;
    margin: 6px auto 20px;
  }


  .informacionContenedorContactanos{
    display: grid;
    grid-template-columns: 1fr;   /* una columna */
    gap: 12px;
    width: 100%;
    margin: 0;                    /* quita offsets */
  }
  .informacionItem{
    min-width: 0;
    max-width: 100%;
  }
  #Telefonos{ min-width: 0; }

  .subtituloContactanos{
    font-size: 10px;
    text-align: center;
    margin-bottom: 4px;
  }
  .textoInformacionContactanos{
    font-size: 8px;
    line-height: 1.45;
    text-align: center;
  }
  #centrado{ text-align: center; }

  /* ===== Directorio ===== */
  .directorioContenedor{
    margin-top: 28px;
    margin-left: 0;
    width: 92%;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
  .informacionContenedorDirectorio{
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    margin: 12px 0 0 0;
  }
  .informacionItemDirectorio{
    min-width: 0;
    max-width: 100%;
  }
  #telefono{
    margin: 0;           /* elimina desplazamientos negativos */
  }

  /* ===== Redes sociales ===== */
  .redesContenedor{
    margin-top: 28px;
    margin-left: 0;
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .informacionRedesContenedor{
    margin: 12px 0 0 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
  }
  .informacionRedesContenedor img{
    width: 40px;
    height: auto;
  }
  .subtituloRedes,
  .subtituloRedes a{
    font-size: 10px;
    text-align: center;
  }

  /* ===== Sitios de interés ===== */
  .sitiosContenedor{
    margin-top: 32px;
    margin-left: 0;
    margin-bottom: 40px;
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .informacionSitiosContenedor{
    margin: 12px 0 0 0;
  }
  .itemSitios{
    align-items: center;
    gap: 10px;
    margin-top: 14px;
  }
  .itemSitios img{
    width: 48px;
    border-radius: 50px;
  }
  .subtituloSitios,
  .subtituloSitios a{
    font-size: 10px;
    text-align: left;
    margin-top: 0;
  }
}

/* ===== Extra-chico (≤360px): texto un poco menor ===== */
@media (max-width: 360px){
  .tituloContactanos{ font-size: 20px; }
  .descripcionContactanos{ font-size: 13px; }
  .subtituloContactanos{ font-size: 15px; }
  .textoInformacionContactanos{ font-size: 13px; }
  .subtituloRedes, .subtituloRedes a,
  .subtituloSitios, .subtituloSitios a{ font-size: 15px; }
}