/* tipografías
head {
font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

Titulos{
font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

subtitulo{
font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

textos{
font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}
*/

:root{
    --AzulClaro: #40BFFF;
    --AzulMedio: #1D6FB8;
    --AzulOscuro: #0C2747;
    --Amarillo: #FFC300;
    --NaranjaSuave: #F58C4B;
    --BeigeClaro: #FCE3D3;
    --Blanco: #FFFFFF;
    --GrisNeuto: #D9D9D9;
    --Negro: #000;
}

*{
    margin: 0;
    padding: 0;
}

.alineacion_head {
    background-color: var(--Negro);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.imagen_head img{
    height: 10rem;
}

.panel_head{
    width: 38rem;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.panel_head a{
    text-decoration: none;
    color: var(--Blanco);
}

.cuadro_head{
    background-color: var(--Amarillo);
    padding: 1rem;
    border-radius: 1rem;
}

.cuadro_head a{
    color: var(--Negro);
}

nav{
    height: 30rem;
    position: relative;
    overflow: hidden;
}

#nav-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* cubre todo sin deformarse */
  z-index: -1;
  /* Mejoras para compatibilidad móvil */
  display: block;
  background-color: var(--AzulOscuro); /* Color de fondo si el video no carga */

  /* Optimizaciones adicionales para mejor rendimiento */
  will-change: transform;
  transform: translateZ(0); /* Forzar capa de hardware */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  /* Asegurar compatibilidad con todos los navegadores */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

/* Fallback para cuando el video no se reproduce */
#nav-video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--AzulOscuro) 0%, var(--AzulMedio) 100%);
  z-index: -1;
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Ocultar el fallback cuando el video se carga correctamente */
#nav-video[ready]::before {
  opacity: 0;
}

/* Mejoras adicionales para compatibilidad móvil */
@media (max-width: 768px) {
  #nav-video {
    /* En móviles, altura completa del nav */
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* Desactivar algunos efectos que pueden causar problemas en móviles */
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;

    /* Asegurar que el video no se salga del contenedor */
    max-width: 100%;

    /* Optimizaciones específicas para móviles */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Mejorar rendimiento en móviles */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* Ocultar el pseudo-elemento en móviles para evitar conflictos */
  #nav-video::before {
    display: none;
  }
}

/* Para navegadores que no soportan video */
#nav-video {
  /* Asegurar que el video sea responsive */
  max-width: 100%;
  height: auto;
}

/* Reglas adicionales para mejorar la compatibilidad */
@media (max-width: 480px) {
  #nav-video {
    /* En teléfonos muy pequeños, optimizar aún más */
    height: 100%;
    object-fit: cover;
    /* Reducir calidad para mejor rendimiento */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
  }
}

.nav_content{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.titulo_nav{
  color: var(--Amarillo);
  text-align: center;
  font-size: 1.5rem;
  margin: 2rem;
  font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.subtitulo_nav{
  text-align: center;
  margin: 2rem;
  padding: 1rem;
}

.centrar_boton_nav{
    display: flex;
    align-items: center;
    justify-content: center;
}

.centrar_boton_nav a{
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  color: var(--AzulOscuro);
}

.subtitulo_nav h4{
    color: var(--Amarillo);
    font-size: 2rem;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.subtitulo_nav h3{
    color: var(--Blanco);
    font-size: 2.5rem;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.subtitulo_nav p{
    color: var(--Blanco);
    font-size: 1rem;
    padding: 1rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.call_to_action_nav{
  height: 3rem;
  width: 18rem;
  background-color: var(--Amarillo);
  display: flex;
  align-items: center;
  justify-content: center;
}

.call_to_action_nav a{
  display: flex;
  justify-content: center;
  align-items: center;
}

/*post3*/

.post_construction{
    margin: 2rem;
}

.post_construction h1{
    font-size: 3rem;
    font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.textos_post{
    margin: 2rem;
}

.textos_post h3{
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2rem;
color: var(--AzulMedio);
margin: 1rem;
}

.textos_post p{
    font-size: 1.5rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.textos_post ul{
    margin: 1rem;
    font-size: 1rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.textoeimagenes_post{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.carrusel_wrapper1 {
    width: 40%;
    overflow: hidden;
}

.residential_cleaning{
    margin: 2rem;
}

.residential_cleaning h1{
    font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3rem;
}

.textoseimg_residenrial{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.texto_resitential{
    text-align: right;
    margin: 2rem;
}

.texto_resitential h3{
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2rem;
color: var(--AzulMedio);
margin: 1rem;
}

.texto_resitential p{
    font-size: 1.5rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.texto_resitential ul{
    margin: 1rem;
    font-size: 1rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.move_in{
    margin: 2rem;
}

.move_in h1{
    font-size: 3rem;
    font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.textoeimg_move{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.textomove h3{
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2rem;
color: var(--AzulMedio);
margin: 1rem;
}

.textomove p{
    font-size: 1.5rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.textomove ul{
    margin: 1rem;
    font-size: 1rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/*finpost*/

section{
    margin: 2rem;
}

.cleaning_section{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.info_cleaning_section{
    width: 40rem;
}

.info_cleaning_section h3{
    color: var(--AzulMedio);
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5rem;
}

.info_cleaning_section h2{
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.5rem;
    padding: 1rem 0rem 1rem 0rem;
}

.info_cleaning_section p{
    font-size: 1.2rem;
    font-family: "Barlow", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.imagen_section img{
    height: 25rem;
}

article{
    background-size: cover;
    background-position: center;
    background-image: url(/img/fondo1.png);
    padding: 3rem 0rem 3rem 0rem;
}

article h1{
    color: var(--Blanco);
    font-family: "Ramabhadra", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.white_article{
    color: var(--Blanco);
    text-align: center;
    margin: 1rem;
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

h1 {
    text-align: center;
    margin-bottom: 20px;
}

.carrusel_con_imagenes {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scroll 30s linear infinite;
}

.carrusel_con_imagenes img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

@keyframes scroll {
    from {
    transform: translateX(0);
    }
    to {
    transform: translateX(-50%);
    }
}

.carrusel_wrapper {
    width: 100%;
    overflow: hidden;
}

.carrusel_con_imagenes {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scroll 30s linear infinite;
}

.yellow_article{
    margin: 0rem 0rem 2rem 0rem;
    text-align: center;
    color: var(--Amarillo);
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2rem;
}

.mapa{
    display: flex;
    margin: 5rem;
}

.texto_mapa{
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 0rem 0rem 0rem 5rem;
}

.texto_mapa p{
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: var(--AzulMedio);
  font-size: 1.5rem;
}

.texto_mapa h1{
    text-align: left;
    margin: 3rem 0rem 3rem 0rem;
    font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.texto_mapa h4{
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

.trust{
   background:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(/img/trust.jpg);
  background-size: cover;
  background-position: center;
}

.trust_margin{
    padding: 4rem 2rem 4rem 2rem;
}

.division3{
    display: flex;
}

.division3 p{
    font-size: 1.2rem;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.trust_margin h1{
    color: var(--Amarillo);
    font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.trust_margin h2{
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
margin: 1rem;
}

.emergenci, .experience, .residential{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.emergenci{
    padding: 0rem 4rem 0rem 4rem;
}

.emergenci h2, .experience h2, .residential h2{
    color: var(--Amarillo);
}

.emergenci p, .experience p, .residential p{
    color: var(--Blanco);
}

.work{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 3rem;
}

.texto_work{
    text-align: center;
}

.texto_work h3{
    color: var(--AzulMedio);
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
}

.texto_work h1{
    font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.texto_work p{
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.2rem;
}

.img1{
    display: flex;
    padding: 1rem;
}

.img1 img{
    height: 20rem;
    width: 20rem;
    margin: .5rem;
}

.img2{
    display: flex;
    padding: 0rem 0rem 0rem 1rem;
}

.img2 img{
    height: 20rem;
    width: 20rem;
    margin: .5rem;
}

.quote-section {
  background: #f8f9fa;
  padding: 2rem;
  margin: 3rem auto;
  max-width: 700px;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.quote-section h2 {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  color: #1a1a1a;
  font-family: "Ramabhadra", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.quote-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

.quote-form label {
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: #333;
}

.required {
  color: red;
}

.quote-form input,
.quote-form select,
.quote-form textarea {
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
  border-color: #004aad;
  box-shadow: 0 0 0 3px rgba(0,74,173,0.2);
  outline: none;
}

.cta-button {
  background: var(--Amarillo);
  color: var(--Negro);
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0.9rem 1.2rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

.cta-button:hover {
  background: var(--AzulClaro);
  transform: translateY(-2px);
}

.cta-button:active {
  transform: translateY(0);
}

/*footer*/

.fondo_footer{
    background-color: var(--Negro);
    display: flex;
    align-items: start;
    justify-content: space-evenly;
    padding: 2rem;
}

.imagen_footer img{
    height: 20rem;
}

.links h2 {
    color: var(--Blanco);
    margin: 0rem 0rem 2rem 0rem;
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

.links a {
    text-decoration: none;
    color: var(--Blanco);
    margin: .2rem;
    display: flex;
    justify-content: left;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.home_footer, .about_footer, .services_footer, .projects, .mail_footer{
    display: flex;
    align-items: center;
    flex-direction: row;
}

.schedule h2{
    color: var(--Blanco);
    margin: 0rem 0rem 2rem 0rem;
    text-align: center;
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

.schedule p{
    text-decoration: none;
    color: var(--Blanco);
    margin: .2rem;
    display: flex;
    justify-content: center;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.dias, .horas, .sunday, .closed{
    display: flex;
    align-items: center;
    flex-direction: row;
}

svg{
    margin: .5rem;
    color: var(--AzulClaro);
}

.contactinfo_footer h2{
    color: var(--Blanco);
    margin: 0rem 0rem 2rem 0rem;
    text-align: center;
    font-family: "Barlow", sans-serif;
font-weight: 500;
font-style: normal;
}

.contactinfo_footer a{
    text-decoration: none;
    color: var(--Blanco);
    margin: .2rem;
    display: flex;
    justify-content: left;
    font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.numero_footer, .ubi_footer, .correo_footer{
    display: flex;
    align-items: center;
    flex-direction: row;
}

/* ===== MEDIA QUERIES ===== */

/* Teléfonos pequeños (hasta 480px) */
@media (max-width: 480px) {
    /* Header */
    .alineacion_head {
        flex-direction: column;
        padding: 1rem;
    }

    .imagen_head img {
        height: 6rem;
    }

    .panel_head {
        width: 100%;
        flex-direction: column;
        gap: 1rem;
    }

    /* Navegación - CORREGIDO PARA TELÉFONOS PEQUEÑOS */
    nav {
        height: 30rem;
        position: relative;
        overflow: hidden;
    }

    #nav-video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .nav_content {
        padding: 1rem;
    }

    .titulo_nav {
        font-size: 1.2rem;
        margin: 1rem;
    }

    .subtitulo_nav h4 {
        font-size: 1.5rem;
    }

    .subtitulo_nav h3 {
        font-size: 1.8rem;
    }

    .subtitulo_nav p {
        font-size: 0.9rem;
        padding: 0.5rem;
    }

    .call_to_action_nav {
        height: 2.5rem;
        width: 15rem;
    }

    /* Secciones principales */
    .post_construction, .residential_cleaning, .move_in {
        margin: 1rem;
    }

    .post_construction h1, .residential_cleaning h1, .move_in h1 {
        font-size: 2rem;
    }

    .textos_post h3, .texto_resitential h3, .textomove h3 {
        font-size: 1.5rem;
    }

    .textos_post p, .texto_resitential p, .textomove p {
        font-size: 1.2rem;
    }

    .textoeimagenes_post, .textoseimg_residenrial, .textoeimg_move {
        flex-direction: column;
        gap: 1rem;
    }

    .carrusel_wrapper1 {
        width: 90%;
    }

    /* Sección de limpieza */
    .cleaning_section {
        flex-direction: column;
        gap: 2rem;
    }

    .info_cleaning_section {
        width: 100%;
        text-align: center;
    }

    .imagen_section img {
        height: 15rem;
    }

    /* Carrusel */
    .carrusel_con_imagenes img {
        width: 200px;
        height: 200px;
    }

    /* Mapa */
    .mapa {
        flex-direction: column;
        margin: 2rem 1rem;
    }

    .texto_mapa {
        margin: 1rem 0;
        text-align: center;
    }

    .texto_mapa h1 {
        text-align: center;
    }

    /* Iframe del mapa */
    .mapa_iframe iframe {
        width: 100% !important;
        height: 300px !important;
        max-width: 100%;
    }

    /* Trust section */
    .division3 {
        flex-direction: column;
        gap: 2rem;
    }

    .emergenci {
        padding: 0;
    }

    /* Work section - MEJORADO PARA TELÉFONOS PEQUEÑOS */
    .img1, .img2 {
        flex-direction: column;
        align-items: center;
        padding: 0;
        gap: 1rem;
    }

    .img1 img, .img2 img {
        width: 15rem;
        height: 15rem;
        margin: 0.5rem 0;
    }

    /* Footer */
    .fondo_footer {
        flex-direction: column;
        gap: 2rem;
        padding: 1rem;
        align-items: center;
        text-align: center;
    }

    .imagen_footer {
        display: flex;
        justify-content: center;
    }

    .imagen_footer img {
        height: 10rem;
    }

    .links {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .home_footer, .about_footer, .services_footer, .projects, .mail_footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .schedule {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .dias, .horas, .sunday, .closed {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contactinfo_footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .numero_footer, .ubi_footer, .correo_footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* Teléfonos medianos (481px - 768px) */
@media (min-width: 481px) and (max-width: 768px) {
    /* Header */
    .imagen_head img {
        height: 8rem;
    }

    .panel_head {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    /* Navegación - CORREGIDO PARA TELÉFONOS MEDIANOS */
    nav {
        height: 30rem;
        position: relative;
        overflow: hidden;
    }

    #nav-video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .titulo_nav {
        font-size: 1.3rem;
    }

    .subtitulo_nav h4 {
        font-size: 1.8rem;
    }

    .subtitulo_nav h3 {
        font-size: 2rem;
    }

    .call_to_action_nav {
        height: 2.8rem;
        width: 16rem;
    }

    /* Secciones */
    .post_construction h1, .residential_cleaning h1, .move_in h1 {
        font-size: 2.5rem;
    }

    .textos_post h3, .texto_resitential h3, .textomove h3 {
        font-size: 1.8rem;
    }

    .cleaning_section {
        gap: 1.5rem;
    }

    .info_cleaning_section {
        width: 50%;
    }

    .imagen_section img {
        height: 20rem;
    }

    /* Carrusel */
    .carrusel_con_imagenes img {
        width: 220px;
        height: 220px;
    }

    /* Mapa */
    .texto_mapa {
        margin: 0 0 0 2rem;
    }

    /* Iframe del mapa */
    .mapa_iframe iframe {
        width: 100% !important;
        height: 350px !important;
        max-width: 100%;
    }

    /* Trust section */
    .emergenci {
        padding: 0 2rem;
    }

    /* Work section - MEJORADO PARA TELÉFONOS MEDIANOS */
    .img1, .img2 {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 0;
    }

    .img1 img, .img2 img {
        width: 18rem;
        height: 18rem;
        margin: 0.5rem 0;
    }

    /* Footer */
    .fondo_footer {
        gap: 1.5rem;
    }

    .imagen_footer img {
        height: 15rem;
    }
}

/* Tabletas (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Header */
    .imagen_head img {
        height: 9rem;
    }

    .panel_head {
        width: 35rem;
    }

    /* Navegación - CORREGIDO PARA TABLETAS */
    nav {
        height: 35rem;
        position: relative;
        overflow: hidden;
    }

    #nav-video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .titulo_nav {
        font-size: 1.4rem;
    }

    .subtitulo_nav h4 {
        font-size: 1.9rem;
    }

    .subtitulo_nav h3 {
        font-size: 2.2rem;
    }

    .call_to_action_nav {
        height: 3rem;
        width: 17rem;
    }

    /* Secciones */
    .post_construction h1, .residential_cleaning h1, .move_in h1 {
        font-size: 2.8rem;
    }

    .textos_post h3, .texto_resitential h3, .textomove h3 {
        font-size: 1.9rem;
    }

    /* Sección de limpieza - MEJORADA PARA TABLETAS */
    .cleaning_section {
        gap: 2rem;
        align-items: center;
    }

    .info_cleaning_section {
        width: 42%;
        padding: 1rem;
    }

    .imagen_section img {
        height: 24rem;
        max-width: 100%;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    /* Carrusel */
    .carrusel_con_imagenes img {
        width: 230px;
        height: 230px;
    }

    /* Mapa */
    .texto_mapa {
        margin: 0 0 0 3rem;
    }

    /* Iframe del mapa */
    .mapa_iframe iframe {
        width: 100% !important;
        height: 400px !important;
        max-width: 100%;
    }

    /* Trust section */
    .emergenci {
        padding: 0 3rem;
    }

    /* Work section - MEJORADO PARA TABLETAS */
    .img1, .img2 {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 0;
    }

    .img1 img, .img2 img {
        width: 18rem;
        height: 18rem;
        margin: 0.5rem 0;
    }

    /* Footer */
    .imagen_footer img {
        height: 18rem;
    }
}