.elementor-kit-41{--e-global-color-primary:#FFC702;--e-global-color-secondary:#060606;--e-global-color-text:#666666;--e-global-color-accent:#FFC702;--e-global-color-c7d9bc5:#D40505;--e-global-color-58cf68d4:#151515;--e-global-color-5147f52:#00000000;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-41 e-page-transition{background-color:#FFBC7D;}.elementor-kit-41 h1{font-size:90px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.banner-cinta {
  display: inline-block;
  background-color: #f5a623; 
  color: white;
  font-size: 37px;
  padding: 0px 30px;
  clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
  z-index: 1;
}

@media (max-width: 767px){
  .banner-cinta {
    font-size: 30px;
    padding: 0px 20px;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
  }
}

@media (max-width: 1024px) {
    .banner-cinta {
    font-size: 20px;
    padding: 0px 5px;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
  }
}

.imagenes_pico {
    display: inline-block;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}

#dialog-video {
    width: 100%; /* Ajusta el ancho al 100% del contenedor */
    max-width: 500px; /* Establece un ancho máximo */
    height: auto; /* Mantén la proporción del video */
    max-height: 400px; /* Limita la altura máxima */
    display: block; /* Asegúrate de que el video sea un bloque */
    margin: 0 auto; /* Centra el video horizontalmente */
    background: black;
     
    border-radius: 8px; /* Bordes redondeados */
  
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); 
}

#dialog-muscle {
    color: black;
    font-size: 20px;
    font-weight: bold;
}

dialog {
    position: fixed; /* Fija el diálogo en la pantalla */
    width: 80%; /* Aumenta el ancho del diálogo */
    max-width: 510px; /* Establece un ancho máximo */
   
    display: none; /* Oculta el diálogo por defecto */
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    background-color: #F5A700; /* Fondo negro */
    color: white; /* Texto blanco */
    border: none; /* Sin bordes */
    border-radius: 8px; /* Bordes redondeados */
    padding: 5px; /* Espaciado interno */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Sombra */
}

dialog[open] {
    display: block; /* Muestra el diálogo cuando está abierto */
}

#dialog-title, #dialog-muscle, #dialog-description {
    margin: 10px 10px; /* Añade espacio entre los elementos */
}

#dialog-title {
    color: white;
    margin-bottom: 0px;
}
#close-dialog {
    background-color: white; /* Fondo blanco para el botón */
    color: black; /* Texto negro para el botón */
    border: none; /* Sin bordes */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    margin: 0 10px;
}

#close-dialog:hover {
    background-color: gray; /* Cambia el fondo al pasar el cursor */
}

.salto-movil, .salto-pc {
  display: none;
}

/* Móvil: forzamos salto de línea */
@media (max-width: 768px) {
  .salto-movil {
    display: block;
  }
}

@media (min-width: 769px) {
  .salto-pc {
    display: block;
  }
}/* End custom CSS */