/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 31 2026 | 22:14:50 */
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 

/* 1. Forzamos el bloque contenedor a ser elástico sí o sí */
.video-responsivo-astra {
    position: relative !important;
    padding-bottom: 56.25% !important; /* Relación 16:9 estricta */
    height: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    display: block !important;
    clear: both !important; /* Rompe cualquier intento de Astra de flotar el texto al lado */
}

/* 2. Obligamos al iframe de YouTube a ignorar sus píxeles fijos de origen */
.video-responsivo-astra iframe,
.video-responsivo-astra iframe[src*="youtube.com"],
.video-responsivo-astra iframe[src*="youtu.be"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
}