.page {
    width: 100%;            /* La página ocupa el 100% del ancho disponible */
    max-width: 1200px;       /* El ancho máximo de la página */
    margin: 0 auto;          /* Centrar la página horizontalmente */
    padding: 10px;           /* Espacio interno */
    background-color: #fff;  /* Color de fondo blanco */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave para dar relieve */
}


/* SECCION 1 */
.banner_co {
            width: 100%;
            max-height: auto; /* Ajusta la altura según necesidad */
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .banner_co img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
	.mobile-img {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .desktop-img {
            display: none;
        }

        .mobile-img {
            display: block;
            width: 100%;
            height: auto;
        }
    }

/* =======  ESTILOS DE LA SECCIÓN  ======= */
.sedes{
  max-width:1100px;
  margin-inline:auto;
  padding:3rem 1rem 4rem;
  background:#fff;
  font-family:'Helvetica Neue',Arial,sans-serif;
  color:#333;
}

.sedes__titulo{
  text-align:center;
  font-size:clamp(1.8rem,5vw,2.3rem);
  letter-spacing:2px;
  color:#004b6b;          /* mismo azul oscuro del botón */
  margin-bottom:2.5rem;
}

/*––– cada sede –––*/
.sede{
  display:flex;
  gap:2rem;
  align-items:center;
  margin-bottom:3.5rem;
}

.sede--img-der{ flex-direction:row-reverse; }
.sede__foto img{
  width:320px;            /* se escalará en móvil */
  aspect-ratio:4/3;
  object-fit:cover;
}

.sede__info{ flex:1; }

.sede__tag{
  display:inline-block;
  font-weight:600;
  color:#fff;
  border-radius:12px;
  padding:0.4rem 1.2rem;
  font-size:0.95rem;
  letter-spacing:.5px;
}

.color-morado{ background:#9c71a4; }

.sede__addr{
  display:flex;
  gap:.75rem;
  margin-top:.9rem;
  line-height:1.4;
  font-size:1.5rem;
}

.sede__addr2 {
  display: flex;
  flex-direction: column; /* coloca texto arriba e ícono debajo */
  align-items: flex-start; /* alinea a la izquierda, puedes usar center */
  gap: .75rem;
  margin-top: .9rem;
  line-height: 1.4;
  font-size: 1.5rem;
}

.sede__addr2 img {
  width: 315px; /* ajusta tamaño si lo deseas */
  height: auto;
}


.sede__icon{
  width:100px;
  height:100px;
  flex-shrink:0;
}

/*––– CTA –––*/
.cta{
  text-align:center;
  margin-top:1rem;
}

.btn-primary{
  display:inline-block;
  background:#004b6b;
  color:#fff;
  padding:.9rem 2.7rem;
  border-radius:6px;
  font-weight:600;
  letter-spacing:1px;
  text-decoration:none;
  transition:.25s;
}
.btn-primary:hover{ background:#00638b; }

.cta__social{
  margin-top:2rem;
  display:flex;
  justify-content:center;
  gap:3rem;
}

.cta__social img{
  width:105px;
  height:100px;
  border-radius:50%;
  background:#f9ecf2;   /* rosa muy claro */
  padding:5px 15px 10px 15px;
  transition:transform .25s;
}
.cta__social a:hover img{ transform:scale(1.08); }

/*–––  RESPONSIVE  –––*/
@media (max-width:768px){
  .sede{ flex-direction:column; text-align:center; }
  .sede--img-der{ flex-direction:column; }
  .sede__foto img{ width:100%; max-width:500px; }
  .sede__addr{ justify-content:center; }
}
/* Durazno suave: #FFEFE9 */
.bg-durazno{
  background:#f9ecf2;
  border-radius:8px;      /* opcional: esquinas redondeadas */
  padding:1.5rem 2rem;    /* opcional: aire interno */
}
/* =======  RESPONSIVE TABLET (769 px – 1024 px) ======= */
@media (min-width: 769px) and (max-width: 1024px) {
  .sedes {
    padding: 2.5rem 1.5rem 3.5rem;
  }

  .sede__foto img {
    width: 260px;          /* reduce ligeramente la foto */
  }

  .sede__addr {
    font-size: 1.3rem;     /* texto un poco más pequeño */
    gap: 0.5rem;
  }

  .cta__social img {
    width: 90px;
    height: 90px;
  }
}

/* =======  RESPONSIVE MÓVIL PEQUEÑO (< 576 px) ======= */
@media (max-width: 575.98px) {
  /* Sección general */
  .sedes {
    padding: 2rem 1rem 2.5rem;
  }

  .sedes__titulo {
    font-size: 1.6rem;     /* título más compacto */
  }

  /* Cada sede en columna completa */
  .sede {
    gap: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .sede__foto img {
    width: 100%;
    max-width: 320px;      /* evita que crezca demasiado */
  }
  

  /* Etiqueta / tag */
  .sede__tag {
    font-size: 0.85rem;
    padding: 0.3rem 1rem;
  }

  /* Dirección y teléfono */
  .sede__addr {
    flex-direction: column;
    align-items: center;
    font-size: 1.1rem;
  }

  .sede__icon {
    width: 80px;
    height: 80px;
  }

  /* CTA principal */
  .btn-primary {
    width: 100%;
    padding: 0.8rem 0;
  }

  /* Íconos sociales */
  .cta__social {
    gap: 2rem;
  }
  .cta__social img {
    width: 75px;
    height: 75px;
  }
}



		
		
	/* FLECHA DE REGRESO */
#irArriba {
      position: fixed;
      bottom: 110px;
      right: 240px;
      background-color: #333;
      color: white;
      border: none;
      padding: 12px 16px;
      border-radius: 10%;
      cursor: pointer;
      font-size: 30px;
      display: none; /* Oculto por defecto */
      box-shadow: 0 4px 6px rgba(0,0,0,0.3);
      z-index: 1000;
      transition: background-color 0.3s;
    }

    #irArriba:hover {
      background-color: pink;
    }	

/* RESPONSIVO PARA TABLETS */
@media (max-width: 1024px) {
  #irArriba {
    right: 40px;
    bottom: 90px;
    font-size: 28px;
    padding: 10px 14px;
  }
}

/* RESPONSIVO PARA MÓVILES */
@media (max-width: 768px) {
  #irArriba {
    right: 20px;
    bottom: 70px;
    font-size: 26px;
    padding: 8px 12px;
  }
}