/*

 Theme Name:   Twenty Twenty Child

 Theme URI:    https://diviextended.com/

 Description:  A child theme of Twenty Twenty WordPress theme.

 Author:       Elicus Technologies

 Author URI:   https://elicus.com

 Template:     twentytwenty

 Version:      1.0.1

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/



@import url("../twentytwenty/style.css");

#elementor-popup-modal-4717,#elementor-popup-modal-4717 .dialog-widget-content,#elementor-popup-modal-24625,#elementor-popup-modal-24625 .dialog-widget-content{background-color: #fff0!important;}
#elementor-popup-modal-4717 .dialog-widget-content, #elementor-popup-modal-24625 .dialog-widget-content {box-shadow: none!important;}

/* === FIX vimeo iframe clipping — inicio === */
/*
 * DEFECTO CORREGIDO: la caja de proporción que LearnDash impone al vídeo tiene
 * un ratio distinto al del vídeo real, así que el reproductor de Vimeo se
 * muestra apaisado dentro de una caja demasiado baja y queda con bandas negras
 * a los lados, desaprovechando ancho y alto de la columna.
 *
 * REGLA CULPABLE (concreta):
 *   wp-content/plugins/sfwd-lms/themes/legacy/templates/learndash_lesson_video.min.css
 *   (fuente sin minificar: learndash_lesson_video.css, líneas 1-6)
 *
 *     body.learndash-cpt.learndash-embed-responsive .ld-video {
 *         height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;
 *     }
 *
 *   LearnDash codifica a mano 16:9 (56.25%) para TODOS los proveedores.
 *   El iframe va en absoluto con height:100%, así que hereda ese alto.
 *
 *   Tamaños intrínsecos reales de los oEmbed de este sitio:
 *     YouTube  580x326  -> 326/580 = 56.2%  -> 16:9 . Encaja. Se deja como está.
 *     Vimeo    580x363  -> 363/580 = 62.6%  -> 16:10. NO encaja.
 *   Los 6 vídeos de Vimeo del sitio son 1920x1200 (16:10 exacto = 62.5%),
 *   grabaciones de pantalla de Mac.
 *
 *   Efecto medido en la columna de focus mode (.ld-focus-content: max-width
 *   960px menos 5em de padding a cada lado):
 *     antes   caja 790x444 -> Vimeo hace "contain" -> vídeo 711x444 + 2 bandas
 *             negras laterales de ~40px
 *     después caja 790x494 -> vídeo 790x494, sin bandas (+23% de área)
 *
 * OJO, PARA QUE NADIE SE CONFUNDA MÁS ADELANTE:
 *   Esto NO es lo que hace invisible la barra de controles. Se comprobó contra
 *   la CSS del propio reproductor (f.vimeocdn.com/p/4.46.84/css/player.css):
 *     .player { width:100%; height:100%; font-size:10px }
 *     .ControlBar_module_controlBarWrapper__… { position:absolute; bottom:.8em;
 *                                               left:.8em; right:.8em; height:3.2em }
 *   La barra está anclada al IFRAME (8px por encima de su borde inferior), no al
 *   vídeo, y Vimeo hace "contain". Un desajuste de ratio produce bandas negras,
 *   nunca recorte: es imposible que empuje la barra fuera del iframe.
 *   Tampoco hay ninguna regla en todo el sitio que recorte el iframe (cascada
 *   resuelta sobre las 57 hojas cargadas + 13 bloques inline), ni ningún overlay
 *   fijo inferior en la página de lección.
 *
 * FIX: dar a la caja el ratio real. Mismo mecanismo que ya usa LearnDash
 * (padding-bottom porcentual): sigue siendo 100% responsive, sin alturas en px.
 * No se tocan overflow, height, position ni nada global.
 *
 * Especificidad (0,4,1) frente a (0,3,1) de LearnDash: gana sin !important.
 * Además este fichero se encola después (twentytwenty-style, #30) que
 * learndash_lesson_video (#18), así que el orden de origen también favorece.
 *
 * SI SE SUBE UN VÍDEO A VIMEO CON OTRO RATIO: ajustar a (alto / ancho * 100).
 * Pasarse de alto solo añade bandas arriba y abajo; quedarse corto las pone a
 * los lados. En ningún caso se pierde imagen.
 */
body.learndash-cpt.learndash-embed-responsive .ld-video[data-video-provider="vimeo"] {
	padding-bottom: 62.5%; /* 16:10 — 1920x1200, el formato real de estos vídeos */
}
/* === FIX vimeo iframe clipping — fin === */