.elementor-6 .elementor-element.elementor-element-66241a1{--display:flex;--min-height:573px;--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:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-2d853251{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-2d853251.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-318f713f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6 .elementor-element.elementor-element-a1436fa{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-107f23c0{--display:flex;}.elementor-6 .elementor-element.elementor-element-51435a78{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-f52e9d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-bded183{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-6 .elementor-element.elementor-element-bded183::before, .elementor-6 .elementor-element.elementor-element-bded183 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-bded183 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-bded183 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-bded183 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-bded183 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-5694f0d{--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;}.elementor-6 .elementor-element.elementor-element-72c324d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-72c324d img{opacity:1;}.elementor-6 .elementor-element.elementor-element-72c324d:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-7d4b96e{background-image:url("https://www.opibschool.com/wp-content/uploads/2026/02/Cinta-dorada.png");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 6px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-7d4b96e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#F0F4F4;}.elementor-6 .elementor-element.elementor-element-352b854{--display:flex;}.elementor-6 .elementor-element.elementor-element-5c00a91:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-07423e0{background-image:url("https://www.opibschool.com/wp-content/uploads/2026/02/Cinta-dorada.png");padding:6px 0px 4px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-07423e0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#F0F4F4;}.elementor-6 .elementor-element.elementor-element-7e0427c{--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;}.elementor-6 .elementor-element.elementor-element-7c34410:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-c34fb02{background-image:url("https://www.opibschool.com/wp-content/uploads/2026/02/Cinta-dorada.png");padding:5px 0px 5px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-c34fb02 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#F0F4F4;}.elementor-6 .elementor-element.elementor-element-8f8a317{--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;}.elementor-6 .elementor-element.elementor-element-ea91ae1:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-45f0a00{background-image:url("https://www.opibschool.com/wp-content/uploads/2026/02/Cinta-dorada.png");padding:5px 0px 5px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-45f0a00 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#F0F4F4;}.elementor-6 .elementor-element.elementor-element-5ca1c83{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6 .elementor-element.elementor-element-357be45{--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;}.elementor-6 .elementor-element.elementor-element-2bf6a7a:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-f6780d8{text-align:center;}.elementor-6 .elementor-element.elementor-element-f6780d8 .elementor-heading-title{color:#479EC3FA;}.elementor-6 .elementor-element.elementor-element-f6780d8 .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-f6780d8 .elementor-heading-title a:focus{color:#6EC1E4;}.elementor-6 .elementor-element.elementor-element-0982ab0{--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;}.elementor-6 .elementor-element.elementor-element-965ddc5:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-f576ebe{text-align:center;}.elementor-6 .elementor-element.elementor-element-f576ebe .elementor-heading-title{color:#479EC3FA;}.elementor-6 .elementor-element.elementor-element-25e8d80{--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;}.elementor-6 .elementor-element.elementor-element-4049b4d img{opacity:1;}.elementor-6 .elementor-element.elementor-element-4049b4d:hover img{opacity:1;}.elementor-6 .elementor-element.elementor-element-482b29d{text-align:center;}.elementor-6 .elementor-element.elementor-element-482b29d .elementor-heading-title{color:#479EC3FA;}.elementor-6 .elementor-element.elementor-element-075cbc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-075cbc4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-033864b{width:var( --container-widget-width, 102.294% );max-width:102.294%;--container-widget-width:102.294%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-033864b.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-2d853251{--min-height:65px;}.elementor-6 .elementor-element.elementor-element-5ca1c83{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-66241a1{--margin-top:3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-13px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-2d853251{--margin-top:-8px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-5ca1c83{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-66241a1{--width:2000px;}.elementor-6 .elementor-element.elementor-element-a1436fa{--width:50%;}.elementor-6 .elementor-element.elementor-element-51435a78{--width:50%;}.elementor-6 .elementor-element.elementor-element-5694f0d{--width:25%;}.elementor-6 .elementor-element.elementor-element-352b854{--width:25%;}.elementor-6 .elementor-element.elementor-element-7e0427c{--width:25%;}.elementor-6 .elementor-element.elementor-element-8f8a317{--width:25%;}.elementor-6 .elementor-element.elementor-element-075cbc4{--width:100.188%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-2d853251{--width:765px;}}/* Start custom CSS for container, class: .elementor-element-66241a1 *//* Contenedor principal */
#hero-video {
    position: relative;
    width: 100%;
    height: auto;           /* se adapta a la proporción del video */
    max-height: 100vh;      /* opcional: que no pase la pantalla */
    overflow: hidden;       /* evita scroll */
}

/* Video interno de Elementor */
#hero-video .elementor-background-video-container video {
    position: relative;      
    width: 100%;
    height: auto;            /* mantiene proporción */
    object-fit: contain;     /* muestra todo el video completo horizontal */
    object-position: center center; /* centra el video completo */
    display: block;
}

@media (max-width: 767px) {
    #hero-video {
        height: 550px; /* ajusta según el diseño */
    }

    #hero-video .elementor-background-video-container video {
        object-fit: cover;         /* llena el contenedor */
        object-position: center;   /* centra el contenido importante */
    }
}

/* CONTENEDOR PRINCIPAL */
.elementor-6 .elementor-element.elementor-element-66241a1 {
    width: 100%;
    height: auto !important;
    min-height: unset !important;
    aspect-ratio: 1280 / 550; /* relación real de tu video */
    overflow: hidden;
}

/* VIDEO DE FONDO */
.elementor-6 .elementor-element.elementor-element-66241a1 video,
.elementor-6 .elementor-element.elementor-element-66241a1 .elementor-background-video-container video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* muestra el video completo */
    object-position: center center !important;
}

/* TABLET */
@media (max-width: 1024px) {
    .elementor-6 .elementor-element.elementor-element-66241a1 {
        aspect-ratio: 1280 / 550 !important;
        height: auto !important;
    }

    .elementor-6 .elementor-element.elementor-element-66241a1 video {
        object-fit: contain !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .elementor-6 .elementor-element.elementor-element-66241a1 {
        aspect-ratio: 1280 / 550 !important;
        height: auto !important;
    }

    .elementor-6 .elementor-element.elementor-element-66241a1 video {
        object-fit: contain !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72c324d */.home-feature {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.home-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,180,255,0.25), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.home-feature:hover::after {
  opacity: 1;
}

.home-feature img {
  transition: transform 0.5s ease;
}

.home-feature:hover img {
  transform: scale(1.1);
}

.home-feature svg,
.home-feature .icon {
  transition: transform 0.4s ease;
}

.home-feature:hover svg,
.home-feature:hover .icon {
  transform: scale(1.08);
}

.home-feature .label {
  transition: all 0.35s ease;
}

.home-feature:hover .label {
  letter-spacing: 0.5px;
}

/* -------- Overlay oscuro para imagen 1 -------- */
.img-oscura-1 .elementor-widget-container {
    position: relative;
}

.img-oscura-1 .elementor-widget-container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35); /* ← ajusta oscuridad aquí */
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bded183 *//* CONTENEDORES INTERNOS (las 4 columnas) */
.elementor-6 .elementor-element.elementor-element-bded183 .e-con {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

/* IMÁGENES */
.elementor-6 .elementor-element.elementor-element-bded183 img {
  width: 100%;
  display: block;
  transition: transform 0.45s ease;
}

/* EFECTO LUZ */
.elementor-6 .elementor-element.elementor-element-bded183 .e-con::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,180,255,0.25), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

/* HOVER */
.elementor-6 .elementor-element.elementor-element-bded183 .e-con:hover::after {
  opacity: 1;
}

.elementor-6 .elementor-element.elementor-element-bded183 .e-con:hover img {
  transform: scale(1.1);
}

/* -------- Overlay oscuro para imagen 1 -------- */
.img-oscura-1 .elementor-widget-container {
    position: relative;
}

.img-oscura-1 .elementor-widget-container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35); /* ← ajusta oscuridad aquí */
    z-index: 1;
    pointer-events: none;
}

/* -------- Overlay oscuro para imagen 2 -------- */
.img-oscura-2 .elementor-widget-container {
    position: relative;
}

.img-oscura-2 .elementor-widget-container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
    pointer-events: none;
}

/* -------- Overlay oscuro para imagen 3 -------- */
.img-oscura-3 .elementor-widget-container {
    position: relative;
}

.img-oscura-3 .elementor-widget-container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
    pointer-events: none;
}

/* -------- Overlay oscuro para imagen 4 -------- */
.img-oscura-4 .elementor-widget-container {
    position: relative;
}

.img-oscura-4 .elementor-widget-container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ca1c83 *//* CONTENEDORES DE CADA CARD */
.elementor-6 .elementor-element.elementor-element-5ca1c83 .e-con {
  position: relative;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* IMAGEN */
.elementor-6 .elementor-element.elementor-element-5ca1c83 img {
  width: 100%;
  transition: transform 0.5s ease;
}

/* LÍNEA INFERIOR */
.elementor-6 .elementor-element.elementor-element-5ca1c83 .e-con::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background: linear-gradient(90deg, #00b4ff, #0b3c5d);
  transition: width 0.4s ease;
}

/* HOVER */
.elementor-6 .elementor-element.elementor-element-5ca1c83 .e-con:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.18);
}

.elementor-6 .elementor-element.elementor-element-5ca1c83 .e-con:hover img {
  transform: scale(1.08);
}

.elementor-6 .elementor-element.elementor-element-5ca1c83 .e-con:hover::after {
  width: 100%;
}/* End custom CSS */