.elementor-263 .elementor-element.elementor-element-7cf9ea1{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-4%;margin-bottom:0%;padding:0% 0% 0% 0%;}.elementor-263 .elementor-element.elementor-element-7cf9ea1:not(.elementor-motion-effects-element-type-background), .elementor-263 .elementor-element.elementor-element-7cf9ea1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-263 .elementor-element.elementor-element-7cf9ea1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-263 .elementor-element.elementor-element-9ca2248 .elementor-wrapper{--video-aspect-ratio:2.33333;}.elementor-263 .elementor-element.elementor-element-08ed146:not(.elementor-motion-effects-element-type-background), .elementor-263 .elementor-element.elementor-element-08ed146 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-263 .elementor-element.elementor-element-08ed146{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;}.elementor-263 .elementor-element.elementor-element-08ed146 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-263 .elementor-element.elementor-element-c29d41d > .elementor-widget-container{margin:2% 0% 2% 0%;padding:0% 0% 0% 0%;border-style:none;}.elementor-263 .elementor-element.elementor-element-314f53a{--spacer-size:50px;}.elementor-263 .elementor-element.elementor-element-32bf756:not(.elementor-motion-effects-element-type-background), .elementor-263 .elementor-element.elementor-element-32bf756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-263 .elementor-element.elementor-element-32bf756{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:-6%;padding:0% 0% 0% 0%;}.elementor-263 .elementor-element.elementor-element-32bf756 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-263 .elementor-element.elementor-element-949deec{--spacer-size:50px;}.elementor-263 .elementor-element.elementor-element-8067b51 > .elementor-widget-container{border-style:none;}.elementor-263 .elementor-element.elementor-element-e4903bd{--spacer-size:100px;}body.elementor-page-263:not(.elementor-motion-effects-element-type-background), body.elementor-page-263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px) and (min-width:768px){.elementor-263 .elementor-element.elementor-element-b2cc4ad{width:100%;}.elementor-263 .elementor-element.elementor-element-c3e84dd{width:100%;}.elementor-263 .elementor-element.elementor-element-c68c80e{width:100%;}}@media(max-width:767px){.elementor-263 .elementor-element.elementor-element-7cf9ea1{margin-top:0%;margin-bottom:0%;padding:3% 0% 4% 0%;}.elementor-263 .elementor-element.elementor-element-b2cc4ad > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 0% 0% 0%;}.elementor-263 .elementor-element.elementor-element-08ed146{margin-top:0%;margin-bottom:0%;padding:0% 0% 0% 0%;}body.elementor-page-263{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}}/* Start custom CSS for vidorev_block_addon, class: .elementor-element-8067b51 *//* --- 1. FORZAR 4 COLUMNAS EN GRID SPECIAL --- */
/* Redefinimos el ancho de cada artículo dentro del contenedor especial */
.grid-special .post-item {
    width: 25% !important; /* 100% / 4 = 25% */
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding: 10px !important; /* Espacio entre videos */
    float: left !important;
}

/* Ajuste del contenedor padre para que no rompa la fila */
.grid-special.site_row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* --- 2. BORDE A CADA CONTENEDOR INDIVIDUAL --- */
/* Aplicamos el diseño al wrap interno (según tu imagen del inspector) */
.cajas2 .post-item-wrap,
.grid-special .post-item-wrap {
    border-radius: 15px !important;
    overflow: hidden !important; /* Corta la imagen para que respete el radio */
    border: 1px solid #333 !important; /* Borde sutil estilo YouTube */
    background-color: #1a1a1a !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* --- 3. REDONDEO DE LA IMAGEN SUPERIOR --- */
.grid-special .blog-pic, 
.grid-special .blog-pic img {
    border-radius: 15px 15px 0 0 !important;
}

/* --- 4. RESPONSIVE (AJUSTE PARA MÓVILES) --- */
/* En tablets bajamos a 2 columnas */
@media (max-width: 1024px) {
    .grid-special .post-item {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}

/* En celulares bajamos a 1 columna */
@media (max-width: 600px) {
    .grid-special .post-item {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}


/* Ajustar el contenedor para que tenga una proporción vertical (9:16) */
.elementor-263 .elementor-element.elementor-element-8067b51 .elementor-wrapper, 
.elementor-263 .elementor-element.elementor-element-8067b51 .elementor-video-container {
    aspect-ratio: 9 / 16;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/* Forzar al video 16:9 a cubrir todo el espacio vertical */
.elementor-263 .elementor-element.elementor-element-8067b51 video, 
.elementor-263 .elementor-element.elementor-element-8067b51 iframe {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover; /* Esto recorta los lados para llenar el alto */
    object-position: center; /* Mantiene el centro del video visible */
}/* End custom CSS */
/* Start custom CSS */#header-slider-1{
  display: none !important;
}
.popular-video-footer{
  display: none !important;
}/* End custom CSS */