.elementor-6102 .elementor-element.elementor-element-3175eac{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-6102 .elementor-element.elementor-element-3175eac:not(.elementor-motion-effects-element-type-background), .elementor-6102 .elementor-element.elementor-element-3175eac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-6102 .elementor-element.elementor-element-3175eac::before, .elementor-6102 .elementor-element.elementor-element-3175eac > .elementor-background-video-container::before, .elementor-6102 .elementor-element.elementor-element-3175eac > .e-con-inner > .elementor-background-video-container::before, .elementor-6102 .elementor-element.elementor-element-3175eac > .elementor-background-slideshow::before, .elementor-6102 .elementor-element.elementor-element-3175eac > .e-con-inner > .elementor-background-slideshow::before, .elementor-6102 .elementor-element.elementor-element-3175eac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-6102 .elementor-element.elementor-element-3175eac > .elementor-shape-top svg, .elementor-6102 .elementor-element.elementor-element-3175eac > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:0px;}.elementor-6102 .elementor-element.elementor-element-992df04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-6102 .elementor-element.elementor-element-4eb3c3f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6102 .elementor-element.elementor-element-3733d72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-6102 .elementor-element.elementor-element-3733d72:not(.elementor-motion-effects-element-type-background), .elementor-6102 .elementor-element.elementor-element-3733d72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-6102 .elementor-element.elementor-element-9a69681{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-6102 .elementor-element.elementor-element-9a69681:not(.elementor-motion-effects-element-type-background), .elementor-6102 .elementor-element.elementor-element-9a69681 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-6102 .elementor-element.elementor-element-8c8b685{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-6102 .elementor-element.elementor-element-8c8b685:not(.elementor-motion-effects-element-type-background), .elementor-6102 .elementor-element.elementor-element-8c8b685 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-6102 .elementor-element.elementor-element-8c8b685 > .elementor-shape-bottom .elementor-shape-fill, .elementor-6102 .elementor-element.elementor-element-8c8b685 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-text );}.elementor-6102 .elementor-element.elementor-element-8c8b685 > .elementor-shape-bottom svg, .elementor-6102 .elementor-element.elementor-element-8c8b685 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:30px;}.elementor-6102 .elementor-element.elementor-element-8c8b685 > .elementor-shape-bottom, .elementor-6102 .elementor-element.elementor-element-8c8b685 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}@media(min-width:768px){.elementor-6102 .elementor-element.elementor-element-3175eac{--width:100%;}.elementor-6102 .elementor-element.elementor-element-992df04{--width:100%;}.elementor-6102 .elementor-element.elementor-element-3733d72{--width:100%;}.elementor-6102 .elementor-element.elementor-element-9a69681{--width:100%;}.elementor-6102 .elementor-element.elementor-element-8c8b685{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-8d15f76 *//* =========================
   CONTENEDOR PRINCIPAL
   ========================= */

.covid-security-banner{

  width:100vw; /* ocupa todo el ancho de la pantalla */

  max-height:31.25vw; /* altura máxima */

  height:31.25vw; /* altura fija */

  background:#000075; /* fondo azul principal */

  overflow:hidden; /* oculta elementos sobrantes */

  display:flex; /* activa flexbox */

  margin-left:calc(-50vw + 50%); /* expande hacia la izquierda */

  margin-right:calc(-50vw + 50%); /* expande hacia la derecha */

  isolation:isolate; /* crea un contexto independiente */

  position:relative; /* referencia para elementos absolutos */
}



/* =========================
   SÍMBOLOS DECORATIVOS
   ========================= */

.covid-security-banner::before,
.covid-security-banner::after{

  position:absolute; /* posicionamiento libre */

  font-family:Arial Black; /* fuente gruesa */

  font-weight:900; /* máxima negrita */

  color:#ffffff; /* color blanco */

  pointer-events:none; /* no bloquea clics */

  user-select:none; /* no se puede seleccionar */

  z-index:1; /* detrás del contenido */

  opacity:0.08; /* transparencia */
}



/* =========================
   VIRUS GRANDE
   ========================= */

.covid-security-banner::before{

  content:"🦠"; /* icono decorativo */

  font-size:14vw; /* tamaño */

  left:-1vw; /* posición horizontal */

  top:4vw; /* posición vertical */

  transform:rotate(2deg); /* ligera rotación */
}



/* =========================
   VIRUS SECUNDARIOS
   ========================= */

.covid-security-banner::after{

  content:"🦠🦠"; /* iconos decorativos */

  font-size:8vw; /* tamaño */

  left:15vw; /* posición horizontal */

  bottom:1vw; /* posición vertical */

  transform:rotate(-10deg); /* inclinación */

  letter-spacing:-2vw; /* separación entre iconos */
}



/* =========================
   CONTENIDO IZQUIERDO
   ========================= */

.covid-security-content{

  width:50%; /* ocupa la mitad izquierda */

  padding:1vw 2vw 3.47vw 12vw !important; /* espaciado interno */

  color:white; /* color de texto */

  display:flex; /* activa flexbox */

  flex-direction:column; /* elementos en columna */

  justify-content:center; /* centra verticalmente */

  position:relative; /* referencia para capas */

  z-index:2; /* encima de decoraciones */
}



/* =========================
   TÍTULO
   ========================= */

.covid-security-title{

  color:#ffffff; /* texto blanco */

  position:relative; /* referencia para elementos internos */

  display:inline-block; /* permite pseudo-elementos */

  font-size:3vw; /* tamaño responsive */

  line-height:1.1em; /* altura de línea */

  margin-top:-1vw; /* ajuste vertical */
}



/* =========================
   PALABRA DESTACADA
   ========================= */

.covid-security-brand{

  color:#F3CB4E; /* color amarillo corporativo */

  position:relative; /* referencia para la línea */

  display:inline-block; /* permite pseudo-elementos */
}



/* =========================
   LÍNEA DECORATIVA
   ========================= */

.covid-security-brand::after{

  content:""; /* crea la línea */

  position:absolute; /* posicionamiento relativo */

  left:0; /* inicia desde la izquierda */

  bottom:-1vw; /* separación respecto al texto */

  width:100%; /* mismo ancho de la palabra */

  height:0.35vw; /* grosor de la línea */

  background:#F3CB4E; /* color amarillo */

  border-radius:5vw; /* extremos redondeados */
}



/* =========================
   DESCRIPCIÓN
   ========================= */

.covid-security-description{

  color:#ffffff; /* texto blanco */

  font-size:1.5vw; /* tamaño responsive */

  line-height:1.5em; /* espaciado entre líneas */

  margin-bottom:2.08vw; /* separación inferior */
}



/* =========================
   CONTENEDOR IMAGEN
   ========================= */

.covid-security-image{

  width:50%; /* ocupa la mitad derecha */

  position:relative; /* referencia para capas */

  overflow:hidden; /* recorta contenido */

  z-index:2; /* encima de decoraciones */

  height:100%; /* ocupa toda la altura */
}



/* =========================
   IMAGEN
   ========================= */

.covid-security-image img{

  width:100%; /* ocupa todo el ancho */

  height:100%; /* ocupa toda la altura */

  object-fit:cover; /* recorta sin deformar */

  display:block; /* elimina espacios */

  border-top-left-radius:10% 100%; /* curva superior izquierda */

  border-bottom-left-radius:10% 100%; /* curva inferior izquierda */

  mask-image:linear-gradient(
    to left,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 60%,
    rgba(0,0,0,0) 100%
  ); /* degradado de transparencia */

  -webkit-mask-image:linear-gradient(
    to left,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 60%,
    rgba(0,0,0,0) 100%
  ); /* compatibilidad Safari */

  mix-blend-mode:screen; /* mezcla visual */

  filter:contrast(1.05) brightness(0.95); /* ajuste de imagen */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4eb3c3f *//* =====================================
   TIPOGRAFÍA GENERAL
===================================== */

/* Aplica la fuente Roboto a todo el banner principal */
.covid-security-banner,

/* Aplica la fuente Roboto a todos los elementos internos del banner */
.covid-security-banner *,

/* Aplica la fuente Roboto a toda la sección informativa */
.covid-security-about,

/* Aplica la fuente Roboto a todos los elementos internos */
.covid-security-about *{

    font-family:'Roboto', sans-serif;
}



/* =====================================
   SECTION GENERAL
===================================== */

/* Contenedor principal de la sección */
.covid-security-about{

    width:100vw; /* ocupa todo el ancho */

    display:flex; /* activa flexbox */

    flex-direction:column; /* organiza en columna */

    gap:2vw; /* separación entre bloques */

    padding:4vw 7vw; /* espaciado interno */

    background:#FFFFFF; /* fondo blanco */

    margin-left:calc(-50vw + 50%); /* rompe el contenedor */

    margin-right:calc(-50vw + 50%); /* rompe el contenedor */
}

/* Bloque de datos curiosos */
.covid-security-facts,

/* Bloque timeline */
.covid-security-timeline{

    width:100%; /* ocupa todo el ancho */
}



/* =====================================
   SABÍAS QUE
===================================== */

/* Contenedor principal */
.covid-security-facts{

    width:100%; /* ancho completo */
}

/* Caja interna */
.covid-security-facts-content{

    width:100%; /* ancho completo */

    background:
    linear-gradient(
        135deg,
        #FFFFFF 50%,
        #EEEEEE 100%
    ); /* degradado */

    border-radius:30px; /* esquinas redondeadas */

    padding:3vw; /* espaciado interno */

    display:flex; /* activa flexbox */

    gap:2vw; /* separación entre icono y texto */

    position:relative; /* referencia para pseudo-elementos */

    overflow:hidden; /* oculta excedentes */

    box-shadow:
    0 0 35px rgba(0,0,117,.18); /* sombra */
}



/* =====================================
   LÍNEA LATERAL
===================================== */

.covid-security-facts-content::before{

    content:""; /* crea elemento decorativo */

    position:absolute; /* posicionamiento libre */

    left:0; /* pegado al borde izquierdo */

    top:0; /* pegado arriba */

    width:8px; /* grosor */

    height:100%; /* alto completo */

    background:#000075; /* azul corporativo */
}



/* =====================================
   ICONO
===================================== */

.covid-security-facts-icon{

    min-width:90px; /* ancho mínimo */

    height:90px; /* alto */

    border-radius:50%; /* círculo */

    background:#000075; /* fondo azul */

    display:flex; /* activa flexbox */

    justify-content:center; /* centra horizontal */

    align-items:center; /* centra vertical */
}

/* Icono interno */
.covid-security-facts-icon i{

    font-size:3vw; /* tamaño */

    color:#F3CB4E; /* amarillo corporativo */
}



/* =====================================
   CONTENEDOR DE TEXTOS
===================================== */

.covid-security-facts-text{

    display:flex; /* activa flexbox */

    flex-direction:column; /* elementos en columna */

    width:80%; /* ancho */
}



/* =====================================
   SUBTÍTULO
===================================== */

.covid-security-facts-subtitle{

    color:#000075; /* azul */

    font-size:1vw; /* tamaño */

    text-transform:uppercase; /* mayúsculas */

    letter-spacing:1px; /* separación */

    margin-bottom:-1vw; /* ajuste */
}



/* =====================================
   TÍTULO
===================================== */

.covid-security-facts-title{

    color:#090250; /* azul oscuro */

    font-size:2vw; /* tamaño */

    margin:0.2vw 0 1vw; /* márgenes */

    position:relative; /* referencia */
}



/* =====================================
   DESCRIPCIÓN
===================================== */

.covid-security-facts-description{

    color:#090250; /* azul oscuro */

    line-height:1.9; /* altura de línea */

    font-size:1vw; /* tamaño */
}



/* =====================================
   LÍNEA SEPARADORA
===================================== */

.covid-security-facts-line{

    width:100%; /* ancho completo */

    height:2px; /* grosor */

    background:#000075; /* color */

    margin:1.5vw 0; /* separación */
}



/* =====================================
   TEXTO DESTACADO COVID-19
===================================== */

.covid-security-highlight{

    position:relative; /* referencia para la línea */

    color:#F3CB4E; /* amarillo corporativo */

    display:inline-block; /* permite pseudo-elemento */

    font-size:2.3vw; /* tamaño */
}



/* =====================================
   SUBRAYADO
===================================== */

.covid-security-highlight::after{

    content:""; /* crea la línea */

    position:absolute; /* posicionamiento */

    left:0; /* inicio */

    bottom:-0.3vw; /* separación */

    width:100%; /* ancho completo */

    height:0.3vw; /* grosor */

    background:#F3CB4E; /* color amarillo */

    border-radius:5vw; /* extremos redondeados */
}



/* =====================================
   TIMELINE
===================================== */

.covid-security-timeline{

    width:100%; /* ancho completo */
}



/* Caja timeline */
.covid-security-timeline-content{

    width:100%; /* ancho */

    height:100%; /* alto */

    background:
    linear-gradient(
        135deg,
        #FFFFFF 50%,
        #EEEEEE 100%
    ); /* degradado */

    border-radius:30px; /* esquinas */

    padding:4vw 5vw; /* espaciado */

    box-shadow:
    0 0 35px rgba(0,0,0,.05); /* sombra */
}



/* Título timeline */
.covid-security-timeline-title{

    font-size:2vw; /* tamaño */

    color:#090250; /* color */

    margin-bottom:4vw; /* separación */
}



/* =====================================
   CONTENEDOR TIMELINE
===================================== */

.covid-security-timeline-line{

    display:flex; /* flexbox */

    justify-content:space-between; /* distribución */

    position:relative; /* referencia */

    gap:2vw; /* separación */
}



/* =====================================
   LÍNEA CENTRAL
===================================== */

.covid-security-timeline-line::before{

    content:""; /* crea línea */

    position:absolute; /* posicionamiento */

    top:45px; /* altura */

    left:9%; /* posición */

    width:80%; /* ancho */

    height:4px; /* grosor */

    background:#C9D6FB; /* azul claro */

    z-index:1; /* detrás */
}



/* =====================================
   ITEMS
===================================== */

.covid-security-timeline-item{

    width:24%; /* ancho */

    position:relative; /* referencia */

    z-index:2; /* encima */

    display:flex; /* flexbox */

    flex-direction:column; /* columna */

    align-items:center; /* centra */

    text-align:center; /* centra texto */
}



/* =====================================
   CÍRCULO
===================================== */

.covid-security-timeline-circle{

    width:90px; /* ancho */

    height:90px; /* alto */

    border-radius:50%; /* círculo */

    overflow:hidden; /* recorta imagen */

    background:#C9D6FB; /* fondo */

    display:flex; /* flexbox */

    justify-content:center; /* centra */

    align-items:center; /* centra */

    margin-left:auto; /* centra */

    margin-right:auto; /* centra */

    margin-bottom:1.5vw; /* separación */

    border:4px solid #C9D6FB; /* borde */
}



/* Imagen interna */
.covid-security-timeline-circle img{

    width:100%; /* ancho */

    height:100%; /* alto */

    object-fit:cover; /* recorta */
}



/* =====================================
   FECHA
===================================== */

.covid-security-timeline-date{

    display:block; /* bloque */

    font-size:1.5vw; /* tamaño */

    font-weight:700; /* negrita */

    color:#000075; /* azul */

    text-align:center; /* centrado */

    margin-bottom:.8vw; /* separación */
}



/* =====================================
   TEXTO
===================================== */

.covid-security-timeline-text{

    color:#090250; /* azul oscuro */

    line-height:1.8; /* altura */

    font-size:1vw; /* tamaño */

    text-align:center; /* centrado */
}



/* =====================================
   RESPONSIVE TABLET
===================================== */

@media(max-width:900px){

    /* timeline en columna */
    .covid-security-timeline-line{

        flex-direction:column;

        gap:3rem;
    }

    /* oculta línea horizontal */
    .covid-security-timeline-line::before{

        display:none;
    }

    /* items ocupan todo el ancho */
    .covid-security-timeline-item{

        width:100%;
    }

    /* contenido sabías que en columna */
    .covid-security-facts-content{

        flex-direction:column;

        padding:8vw 6vw;
    }

}



/* =====================================
   RESPONSIVE MÓVIL
===================================== */

@media(max-width:600px){

    /* títulos */
    .covid-security-facts-title,
    .covid-security-timeline-title{

        font-size:1.8rem;
    }

    /* iconos y círculos */
    .covid-security-facts-icon,
    .covid-security-timeline-circle{

        width:75px;

        height:75px;
    }

    /* fechas */
    .covid-security-timeline-date{

        font-size:1.4rem;
    }

    /* textos */
    .covid-security-timeline-text{

        font-size:1rem;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1717a15 *//* =========================
   TIPOGRAFÍA GENERAL
========================= */

/* Aplica la fuente Roboto a toda la sección */
.covid-prevention,

/* Aplica la fuente Roboto a todos los elementos internos */
.covid-prevention *{

    font-family:'Roboto', sans-serif;
} 



/* =========================
   SECTION
========================= */

/* Contenedor principal */
.covid-prevention{

    width:calc(100% - 14vw); /* ancho total menos márgenes laterales */

    margin:0 7vw; /* margen horizontal */

    padding:5vw 3vw; /* espaciado interno */

    background:#00; /* fondo transparente */

    border-radius:30px; /* esquinas redondeadas */

    box-sizing:border-box; /* incluye padding dentro del ancho */
}



/* =========================
   HEADER
========================= */

/* Contenedor del encabezado */
.covid-prevention-header{

    text-align:center; /* centra el contenido */

    margin-bottom:2vw; /* separación inferior */
}



/* Subtítulo */
.covid-prevention-subtitle{

    color:#000075; /* azul corporativo */

    text-transform:uppercase; /* convierte a mayúsculas */

    letter-spacing:2px; /* separación entre letras */

    font-size:1.5vw; /* tamaño responsive */
}



/* Título principal */
.covid-prevention-title{

    font-size:3vw; /* tamaño responsive */

    color:#090250; /* azul oscuro */

    margin-bottom:-0.5vw !important; /* ajuste inferior */

    margin-top:-1.1vw !important; /* ajuste superior */
}



/* Descripción */
.covid-prevention-description{

    color:#090250; /* azul oscuro */

    font-size:1vw; /* tamaño responsive */

    line-height:1.6; /* altura de línea */
}



/* =========================
   CONTENT
========================= */

/* Contenedor principal del contenido */
.covid-prevention-content{

    display:grid; /* activa grid */

    grid-template-columns:350px 1fr; /* imagen izquierda y contenido derecho */

    gap:2vw; /* separación */

    align-items:center; /* centra verticalmente */
}



/* =========================
   LEFT IMAGE
========================= */

/* Contenedor de la imagen */
.covid-prevention-image-side{

    width:100%; /* ocupa todo el ancho */

    display:flex; /* activa flexbox */

    justify-content:center; /* centra horizontalmente */

    align-items:center; /* centra verticalmente */
}



/* Imagen */
.covid-prevention-image-side img{

    width:100%; /* ocupa todo el ancho */

    height:100%; /* ocupa todo el alto */

    object-fit:contain; /* mantiene proporción */
}



/* =========================
   LIST
========================= */

/* Contenedor de tarjetas */
.covid-prevention-list{

    display:grid; /* activa grid */

    grid-template-columns:1fr 1fr; /* dos columnas */

    gap:1.2vw; /* separación */
}



/* =========================
   ITEM
========================= */

/* Tarjeta individual */
.covid-prevention-item{

    background:#C9D6FB; /* fondo azul claro */

    border-radius:22px; /* esquinas redondeadas */

    overflow:hidden; /* recorta contenido */

    display:flex; /* activa flexbox */

    align-items:center; /* centra verticalmente */

    min-height:9vw; /* altura mínima */

    transition:.3s; /* transición suave */
}



/* Hover tarjeta */
.covid-prevention-item:hover{

    transform:translateY(-5px); /* eleva la tarjeta */

    box-shadow:
    0 10px 25px rgba(0,0,0,.08); /* sombra */
}



/* =========================
   NUMBER
========================= */

/* Contenedor del número */
.covid-prevention-number{

    min-width:75px; /* ancho mínimo */

    align-self:stretch; /* ocupa toda la altura */

    background:
    linear-gradient(
        180deg,
        #090250,
        #000092
    ); /* degradado azul */

    color:#F3CB4E; /* amarillo corporativo */

    font-size:2.2rem; /* tamaño */

    font-weight:700; /* negrita */

    display:flex; /* activa flexbox */

    justify-content:center; /* centra horizontal */

    align-items:center; /* centra vertical */
}



/* =========================
   ICON
========================= */

/* Contenedor del icono */
.covid-prevention-icon{

    min-width:4.5vw; /* ancho mínimo */

    display:flex; /* activa flexbox */

    justify-content:center; /* centra horizontal */

    align-items:center; /* centra vertical */

    margin-right:0.5vw; /* separación derecha */
}



/* Imagen del icono */
.covid-prevention-icon img{

    width:3.8vw; /* ancho */

    height:3.8vw; /* alto */

    object-fit:contain; /* mantiene proporción */
}



/* =========================
   TEXT
========================= */

/* Contenedor del texto */
.covid-prevention-text{

    padding:1.3vw 1.5vw 1.3vw 0.5vw; /* espaciado interno */

    display:flex; /* activa flexbox */

    flex-direction:column; /* organiza en columna */

    justify-content:center; /* centra verticalmente */

    flex:1; /* ocupa espacio restante */
}



/* Título de cada tarjeta */
.covid-prevention-text h3{

    color:#090250; /* azul oscuro */

    font-size:1.2vw; /* tamaño responsive */

    line-height:1.2; /* altura de línea */

    margin-bottom:.4vw; /* separación inferior */
}



/* Descripción de cada tarjeta */
.covid-prevention-text p{

    color:#000000; /* color negro */

    font-size:1vw; /* tamaño responsive */

    line-height:1.5; /* altura de línea */

    margin:0; /* elimina márgenes */
}



/* =========================
   RESPONSIVE TABLET
========================= */

@media(max-width:1200px){

    /* contenido en una sola columna */
    .covid-prevention-content{

        grid-template-columns:1fr;
    }

}



/* =========================
   RESPONSIVE TABLET PEQUEÑA
========================= */

@media(max-width:900px){

    /* lista en una sola columna */
    .covid-prevention-list{

        grid-template-columns:1fr;
    }

    /* aumenta altura mínima */
    .covid-prevention-item{

        min-height:120px;
    }

}



/* =========================
   RESPONSIVE MÓVIL
========================= */

@media(max-width:600px){

    /* contenedor principal */
    .covid-prevention{

        width:calc(100% - 10vw); /* ancho ajustado */

        margin:0 5vw; /* márgenes laterales */

        padding:10vw 5vw; /* mayor espaciado */
    }

    /* título */
    .covid-prevention-title{

        font-size:2.2rem;
    }

    /* subtítulo */
    .covid-prevention-subtitle{

        font-size:1rem;
    }

    /* descripción */
    .covid-prevention-description{

        font-size:1rem;
    }

    /* tarjeta */
    .covid-prevention-item{

        min-height:110px;
    }

    /* número */
    .covid-prevention-number{

        min-width:65px;

        font-size:1.8rem;
    }

    /* contenedor icono */
    .covid-prevention-icon{

        min-width:60px;
    }

    /* icono */
    .covid-prevention-icon img{

        width:35px;

        height:35px;
    }

    /* texto */
    .covid-prevention-text{

        padding:4vw 3vw;
    }

    /* título de tarjeta */
    .covid-prevention-text h3{

        font-size:1.1rem;
    }

    /* descripción de tarjeta */
    .covid-prevention-text p{

        font-size:.95rem;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a2dab9 *//* =====================================
   RT-PCR + TAPABOCAS
===================================== */

/* FUENTE GENERAL DE TODA LA SECCIÓN */
.covid-info-section,
.covid-info-section *{
    font-family:'Roboto', sans-serif;
}

/* =====================================
   CONTENEDOR PRINCIPAL
===================================== */

.covid-info-section{

    /* ANCHO COMPLETO DEL VIEWPORT */
    width:100vw;

    /* GRID DE DOS COLUMNAS */
    display:grid;
    grid-template-columns:1fr 1fr;

    /* ESPACIO ENTRE COLUMNAS */
    gap:1.5vw;

    /* ESPACIADO INTERNO */
    padding:2vw 6.5vw;

    /* FONDO BLANCO */
    background:#ffffff;

    /* ROMPE EL CONTENEDOR Y LO HACE FULL WIDTH */
    margin-left:calc(-50vw + 50%);
    margin-right:calc(-50vw + 50%);
}


/* =====================================
   CAJAS PRINCIPALES
===================================== */

.covid-rtpcr-box,
.covid-mask-box{

    /* FONDO AZUL MUY CLARO */
    background:#EEF2FF;

    /* ESQUINAS REDONDEADAS */
    border-radius:28px;

    /* OCULTA SOBRANTES */
    overflow:hidden;

    /* BORDE */
    border:2px solid #C9D6FB;
}


/* =====================================
   RT-PCR
===================================== */

/* CONTENEDOR SUPERIOR */
.covid-rtpcr-top{

    /* FLEX HORIZONTAL */
    display:flex;
}

/* CONTENEDOR DE LA IMAGEN */
.covid-rtpcr-image{

    /* 32% DEL ANCHO */
    width:32%;
}

/* IMAGEN */
.covid-rtpcr-image img{

    /* ANCHO COMPLETO */
    width:100%;

    /* ALTO COMPLETO */
    height:100%;

    /* RECORTE SIN DEFORMAR */
    object-fit:cover;

    /* ELIMINA ESPACIOS */
    display:block;
}

/* CONTENIDO DE TEXTO */
.covid-rtpcr-content{

    /* 68% DEL ANCHO */
    width:68%;

    /* ESPACIADO INTERNO */
    padding:2vw;
}

/* TÍTULO */
.covid-rtpcr-title{

    /* TAMAÑO */
    font-size:2.2vw;

    /* COLOR AZUL */
    color:#000075;

    /* SEPARACIÓN INFERIOR */
    margin-bottom:1vw;

    /* POSICIÓN RELATIVA PARA EL SUBRAYADO */
    position:relative;

    /* AJUSTA EL ANCHO AL TEXTO */
    display:inline-block;
}

/* RAYA DECORATIVA DEBAJO DEL TÍTULO */
.covid-rtpcr-title::after{

    /* ELEMENTO VACÍO */
    content:"";

    /* POSICIONAMIENTO ABSOLUTO */
    position:absolute;

    /* INICIO IZQUIERDO */
    left:0;

    /* SEPARACIÓN INFERIOR */
    bottom:-0.3vw;

    /* ANCHO COMPLETO DEL TEXTO */
    width:100%;

    /* GROSOR DE LA RAYA */
    height:0.25vw;

    /* COLOR AMARILLO */
    background:#F3CB4E;

    /* PUNTAS REDONDEADAS */
    border-radius:5vw;
}

/* TEXTO */
.covid-rtpcr-text{

    /* COLOR */
    color:#090250;

    /* ALTURA DE LÍNEA */
    line-height:1.8;

    /* TAMAÑO */
    font-size:1vw;
}

/* CONTENEDOR INFERIOR */
.covid-rtpcr-bottom{

    /* GRID */
    display:grid;

    /* 4 COLUMNAS */
    grid-template-columns:repeat(4,1fr);

    /* BORDE SUPERIOR */
    border-top:2px solid #C9D6FB;
}

/* ITEM */
.covid-rtpcr-item{

    /* ESPACIADO INTERNO */
    padding:2vw 1vw;

    /* TEXTO CENTRADO */
    text-align:center;

    /* BORDE DERECHO */
    border-right:2px solid #C9D6FB;
}

/* ÚLTIMO ITEM */
.covid-rtpcr-item:last-child{

    /* ELIMINA BORDE DERECHO */
    border-right:none;
}

/* ICONO CIRCULAR */
.covid-rtpcr-icon{

    /* ANCHO */
    width:5vw;

    /* ALTO */
    height:5vw;

    /* CÍRCULO */
    border-radius:50%;

    /* BORDE */
    border:2px solid #000075;

    /* FONDO */
    background:#C9D6FB;

    /* FLEX */
    display:flex;

    /* CENTRADO HORIZONTAL */
    justify-content:center;

    /* CENTRADO VERTICAL */
    align-items:center;

    /* MÁRGENES */
    margin:auto auto 1vw;
}

/* ICONO */
.covid-rtpcr-icon i{

    /* TAMAÑO */
    font-size:2vw;

    /* COLOR */
    color:#000075;
}

/* TEXTO DE ITEM */
.covid-rtpcr-item p{

    /* TAMAÑO */
    font-size:.95vw;

    /* ALTURA DE LÍNEA */
    line-height:1.7;

    /* COLOR */
    color:#090250;
}


/* =====================================
   TAPABOCAS
===================================== */

/* CONTENEDOR */
.covid-mask-box{

    /* ESPACIADO INTERNO */
    padding:2vw;
}

/* TÍTULO */
.covid-mask-title{

    /* TAMAÑO */
    font-size:2.2vw;

    /* COLOR AZUL */
    color:#000075;

    /* SEPARACIÓN INFERIOR */
    margin-bottom:2vw;

    /* POSICIÓN RELATIVA */
    position:relative;

    /* AJUSTA EL ANCHO AL TEXTO */
    display:inline-block;
}

/* RAYA DECORATIVA */
.covid-mask-title::after{

    /* ELEMENTO VACÍO */
    content:"";

    /* POSICIONAMIENTO ABSOLUTO */
    position:absolute;

    /* INICIO IZQUIERDO */
    left:0;

    /* SEPARACIÓN INFERIOR */
    bottom:-0.3vw;

    /* ANCHO COMPLETO */
    width:100%;

    /* GROSOR */
    height:0.25vw;

    /* COLOR AMARILLO */
    background:#F3CB4E;

    /* BORDES REDONDOS */
    border-radius:5vw;
}

/* CONTENEDOR DE ICONOS */
.covid-mask-icons{

    /* FLEX */
    display:flex;

    /* DISTRIBUCIÓN */
    justify-content:space-between;

    /* ESPACIADO INFERIOR */
    padding-bottom:2vw;

    /* MARGEN INFERIOR */
    margin-bottom:2vw;

    /* LÍNEA INFERIOR */
    border-bottom:2px solid #C9D6FB;
}

/* ITEM */
.covid-mask-item{

    /* CENTRADO */
    text-align:center;
}

/* CÍRCULO */
.covid-mask-circle{

    /* ANCHO */
    width:6vw;

    /* ALTO */
    height:6vw;

    /* CÍRCULO */
    border-radius:50%;

    /* BORDE */
    border:2px solid #000075;

    /* FONDO */
    background:#C9D6FB;

    /* FLEX */
    display:flex;

    /* CENTRADO HORIZONTAL */
    justify-content:center;

    /* CENTRADO VERTICAL */
    align-items:center;

    /* MÁRGENES */
    margin:auto auto 1vw;
}

/* ICONO */
.covid-mask-circle i{

    /* TAMAÑO */
    font-size:2.2vw;

    /* COLOR */
    color:#000075;
}

/* TEXTO */
.covid-mask-item span{

    /* BLOQUE */
    display:block;

    /* TAMAÑO */
    font-size:1.2vw;

    /* COLOR */
    color:#000075;

    /* ALTURA DE LÍNEA */
    line-height:1.5;
}

/* DESCRIPCIÓN */
.covid-mask-description{

    /* COLOR */
    color:#090250;

    /* ALTURA DE LÍNEA */
    line-height:1.8;

    /* TAMAÑO */
    font-size:1.05vw;
}


/* =====================================
   RESPONSIVE TABLET
===================================== */

@media(max-width:900px){

    /* UNA SOLA COLUMNA */
    .covid-info-section{
        grid-template-columns:1fr;
    }

    /* DOS COLUMNAS EN LOS ITEMS */
    .covid-rtpcr-bottom{
        grid-template-columns:1fr 1fr;
    }

}


/* =====================================
   RESPONSIVE MÓVIL
===================================== */

@media(max-width:600px){

    /* APILA IMAGEN Y CONTENIDO */
    .covid-rtpcr-top{
        flex-direction:column;
    }

    /* ANCHO COMPLETO */
    .covid-rtpcr-image,
    .covid-rtpcr-content{
        width:100%;
    }

    /* ICONOS EN COLUMNA */
    .covid-mask-icons{
        flex-direction:column;

        gap:2rem;
    }

    /* TÍTULO RT-PCR */
    .covid-rtpcr-title{
        font-size:7vw;
    }

    /* RAYA RT-PCR */
    .covid-rtpcr-title::after{
        height:0.8vw;
        bottom:-0.8vw;
    }

    /* TÍTULO TAPABOCAS */
    .covid-mask-title{
        font-size:7vw;
    }

    /* RAYA TAPABOCAS */
    .covid-mask-title::after{
        height:0.8vw;
        bottom:-0.8vw;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa4af4f *//* =====================================
   DISTANCIAMIENTO SOCIAL
===================================== */

/* CONTENEDOR PRINCIPAL */
.covid-distance{

    /* ANCHO COMPLETO DEL VIEWPORT */
    width:100vw;

    /* FLEXBOX */
    display:flex;

    /* CENTRADO VERTICAL */
    align-items:center;

    /* SEPARACIÓN ENTRE BLOQUES */
    justify-content:space-between;

    /* ESPACIO ENTRE COLUMNAS */
    gap:1.5vw;

    /* ESPACIADO INTERNO */
    padding:4vw 6.5vw;

    /* FONDO BLANCO */
    background:#ffffff;

    /* OCULTA SOBRANTES */
    overflow:hidden;

    /* ROMPE EL CONTENEDOR Y LO HACE FULL WIDTH */
    margin-left:calc(-50vw + 50%);
    margin-right:calc(-50vw + 50%);

    /* POSICIONAMIENTO RELATIVO */
    position:relative;
}


/* =====================================
   IMAGEN
===================================== */

/* CONTENEDOR DE LA IMAGEN */
.covid-distance-image{

    /* OCUPA EL 48% DEL ANCHO */
    width:48%;
}

/* IMAGEN */
.covid-distance-image img{

    /* ANCHO COMPLETO */
    width:100%;

    /* ELIMINA ESPACIOS */
    display:block;

    /* ESQUINAS REDONDEADAS */
    border-radius:30px;

    /* RECORTE SIN DEFORMAR */
    object-fit:cover;
}


/* =====================================
   CONTENIDO
===================================== */

/* CONTENEDOR DE TEXTO */
.covid-distance-content{

    /* OCUPA EL 50% DEL ANCHO */
    width:50%;
}

/* SUBTÍTULO */
.covid-distance-subtitle{

    /* COMPORTAMIENTO INLINE-BLOCK */
    display:inline-block;

    /* COLOR AZUL */
    color:#000075;

    /* TAMAÑO */
    font-size:1vw;

    /* MAYÚSCULAS */
    text-transform:uppercase;

    /* ESPACIADO ENTRE LETRAS */
    letter-spacing:0.1vw;

    /* MARGEN INFERIOR */
    margin-bottom:-1vw;
}

/* TÍTULO */
.covid-distance-title{

    /* COLOR AZUL OSCURO */
    color:#090250;

    /* TAMAÑO */
    font-size:2vw;

    /* SEPARACIÓN INFERIOR */
    margin-bottom:1.5vw;

    /* ALTURA DE LÍNEA */
    line-height:2vw;
}

/* TEXTO DESTACADO */
.covid-distance-highlight{

    /* COLOR AMARILLO */
    color:#F3CB4E;

    /* POSICIÓN RELATIVA */
    position:relative;

    /* INLINE-BLOCK */
    display:inline-block;

    /* TAMAÑO MÁS GRANDE */
    font-size:2.3vw;
}

/* RAYA DECORATIVA */
.covid-distance-highlight::after{

    /* ELEMENTO VACÍO */
    content:"";

    /* POSICIONAMIENTO ABSOLUTO */
    position:absolute;

    /* ALINEACIÓN IZQUIERDA */
    left:0;

    /* SEPARACIÓN INFERIOR */
    bottom:-0.4vw;

    /* ANCHO COMPLETO */
    width:100%;

    /* GROSOR */
    height:0.35vw;

    /* COLOR AMARILLO */
    background:#F3CB4E;

    /* PUNTAS REDONDEADAS */
    border-radius:5vw;
}

/* TEXTO DESCRIPTIVO */
.covid-distance-text{

    /* COLOR */
    color:#090250;

    /* TAMAÑO */
    font-size:1vw;

    /* ALTURA DE LÍNEA */
    line-height:1.9;

    /* MARGEN INFERIOR */
    margin-bottom:2vw;
}


/* =====================================
   TARJETAS
===================================== */

/* CONTENEDOR DE ITEMS */
.covid-distance-items{

    /* FLEXBOX */
    display:flex;

    /* ESPACIO ENTRE TARJETAS */
    gap:1.5vw;
}

/* TARJETA */
.covid-distance-item{

    /* FONDO */
    background:#EEF2FF;

    /* BORDE */
    border:2px solid #C9D6FB;

    /* ESQUINAS REDONDEADAS */
    border-radius:1.3vw;

    /* ESPACIADO INTERNO */
    padding:1.5vw;

    /* TEXTO CENTRADO */
    text-align:center;

    /* MISMO TAMAÑO PARA TODAS */
    flex:1;

    /* EFECTO DE DESENFOQUE */
    backdrop-filter:blur(10px);

    /* TRANSICIÓN SUAVE */
    transition:.3s ease;
}

/* HOVER DE TARJETA */
.covid-distance-item:hover{

    /* LEVANTA LA TARJETA */
    transform:translateY(-0.3vw);

    /* SOMBRA */
    box-shadow:0 0.8vw 2vw rgba(0,0,0,.08);
}

/* CÍRCULO DEL ICONO */
.covid-distance-icon{

    /* ANCHO */
    width:4.5vw;

    /* ALTO */
    height:4.5vw;

    /* FORMA CIRCULAR */
    border-radius:50%;

    /* BORDE */
    border:2px solid #090250;

    /* FONDO */
    background:#C9D6FB;

    /* FLEXBOX */
    display:flex;

    /* CENTRADO HORIZONTAL */
    justify-content:center;

    /* CENTRADO VERTICAL */
    align-items:center;

    /* CENTRADO Y SEPARACIÓN INFERIOR */
    margin:0 auto 1vw;
}

/* ICONO */
.covid-distance-icon i{

    /* COLOR */
    color:#090250;

    /* TAMAÑO */
    font-size:1.7vw;
}

/* TEXTO DEL ITEM */
.covid-distance-item span{

    /* COLOR */
    color:#090250;

    /* TAMAÑO */
    font-size:1vw;

    /* ALTURA DE LÍNEA */
    line-height:1.5;
}


/* =====================================
   RESPONSIVE TABLET Y MÓVIL
===================================== */

@media(max-width:900px){

    /* APILA LOS ELEMENTOS */
    .covid-distance{

        flex-direction:column;

        text-align:center;
    }

    /* IMAGEN A ANCHO COMPLETO */
    .covid-distance-image{

        width:100%;
    }

    /* CONTENIDO A ANCHO COMPLETO */
    .covid-distance-content{

        width:100%;
    }

    /* TARJETAS EN COLUMNA */
    .covid-distance-items{

        flex-direction:column;
    }

    /* SUBTÍTULO MÁS GRANDE */
    .covid-distance-subtitle{

        font-size:3.5vw;
    }

    /* TÍTULO MÁS GRANDE */
    .covid-distance-title{

        font-size:7vw;

        line-height:1.1;
    }

    /* TEXTO DESTACADO */
    .covid-distance-highlight{

        font-size:7vw;
    }

    /* RAYA MÁS GRUESA */
    .covid-distance-highlight::after{

        height:0.8vw;

        bottom:-0.8vw;
    }

    /* TEXTO DESCRIPTIVO */
    .covid-distance-text{

        font-size:3.5vw;
    }

    /* TARJETA */
    .covid-distance-item{

        padding:5vw;
    }

    /* ICONO */
    .covid-distance-icon{

        width:16vw;

        height:16vw;

        margin:0 auto 3vw;
    }

    /* ÍCONO INTERNO */
    .covid-distance-icon i{

        font-size:6vw;
    }

    /* TEXTO DEL ITEM */
    .covid-distance-item span{

        font-size:3.5vw;
    }

}/* End custom CSS */