/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.lis ul {
	margin: 0 auto
}
.lis li {
	font-size: 18px;
	margin: 10px 0 10px;
	list-style: inside;
	text-align: justify; 
	list-style-type: number;
	padding: 5px 10px;
   border-radius: 4px;
   border: 2px solid #f3f3f3;
}

.lis span, .firma span {
	color:var(--cnvs-themecolor) !important;
	font-weight: bold !important;
}

:root {
  --cnvs-themecolor: #CE9D24;
}

.margin-auto {
	margin: 0 auto;
}

.video-container {
    position: relative;
    width: 100%; /* Ancho completo del contenedor */
    max-width: 100%; /* Máximo ancho opcional (puedes eliminarlo si no lo necesitas) */
    background-color: #000;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 16 / 9; /* Proporción automática para videos 16:9 */
}

.video-container video {
    width: 100%; /* Ancho del 100% */
    height: 100%; /* El alto sigue la proporción establecida */
    display: none; /* Oculta el video inicialmente */
}

.video-container .poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/poster.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.video-container .poster::after {
    content: '▶'; /* Icono de Play */
    font-size: inherit;
    color: #000;
  background: rgba(255, 255, 255, 0.83); /* Fondo oscuro semitransparente */
    /*border-radius: 50%;*/
    padding: 20px;
}


.video-container .poster2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/poster2.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.video-container .poster2::after {
    content: '▶'; /* Icono de Play */
    font-size: inherit;
    color: #000;
  background: rgba(255, 255, 255, 0.83); /* Fondo oscuro semitransparente */
    /*border-radius: 50%;*/
    padding: 20px;
}