/* Estilos base para el contenedor e iframe */
.rs-raw-iframe { max-width: 100%; width: 100%; }
.rs-raw-iframe iframe { width: 100%; border: 0; display: block; }

/* Preset compacto (pocas filas) */
.iframe--compact.rs-raw-iframe iframe { height: 400px !important; }
@media (max-width: 1024px) { .iframe--compact.rs-raw-iframe iframe { height: 360px !important; } }
@media (max-width: 768px)  { .iframe--compact.rs-raw-iframe iframe { height: 320px !important; } }
@media (max-width: 480px)  { .iframe--compact.rs-raw-iframe iframe { height: 280px !important; } }

/* Preset alto (más filas) */
.iframe--tall.rs-raw-iframe iframe { height: 600px !important; }
@media (max-width: 1024px) { .iframe--tall.rs-raw-iframe iframe { height: 540px !important; } }
@media (max-width: 768px)  { .iframe--tall.rs-raw-iframe iframe { height: 480px !important; } }
@media (max-width: 480px)  { .iframe--tall.rs-raw-iframe iframe { height: 420px !important; } }

/* Preset proporcional al viewport */
.iframe--vh.rs-raw-iframe iframe { height: 60vh !important; }
@media (max-width: 768px)  { .iframe--vh.rs-raw-iframe iframe { height: 55vh !important; } }
@media (max-width: 480px)  { .iframe--vh.rs-raw-iframe iframe { height: 50vh !important; } }