.elementor-45054 .elementor-element.elementor-element-3d4f282e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-45054 .elementor-element.elementor-element-42847bd6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-45054 .elementor-element.elementor-element-7b085350 .elementor-button{background-color:#1A919000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;fill:#1A9190;color:#1A9190;border-style:none;}.elementor-45054 .elementor-element.elementor-element-7b085350 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-45054 .elementor-element.elementor-element-7b085350:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#1A9190;}.elementor-45054 .elementor-element.elementor-element-7b085350:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-45054 .elementor-element.elementor-element-2004bac5{width:auto;max-width:auto;}.elementor-45054 .elementor-element.elementor-element-2004bac5:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 1px 0px;border-color:#1A9190;}.elementor-45054 .elementor-element.elementor-element-2004bac5 .elementor-icon-wrapper{text-align:left;}.elementor-45054 .elementor-element.elementor-element-2004bac5.elementor-view-stacked .elementor-icon{background-color:#1A9190;}.elementor-45054 .elementor-element.elementor-element-2004bac5.elementor-view-framed .elementor-icon, .elementor-45054 .elementor-element.elementor-element-2004bac5.elementor-view-default .elementor-icon{color:#1A9190;border-color:#1A9190;}.elementor-45054 .elementor-element.elementor-element-2004bac5.elementor-view-framed .elementor-icon, .elementor-45054 .elementor-element.elementor-element-2004bac5.elementor-view-default .elementor-icon svg{fill:#1A9190;}.elementor-45054 .elementor-element.elementor-element-2004bac5 .elementor-icon{font-size:2.5em;}.elementor-45054 .elementor-element.elementor-element-2004bac5 .elementor-icon svg{height:2.5em;}.elementor-45054 .elementor-element.elementor-element-2e590225 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-45054 .elementor-element.elementor-element-2e590225:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 01px 0px;border-color:#1A9190;}.elementor-45054 .elementor-element.elementor-element-2e590225 .elementor-icon-wrapper{text-align:left;}.elementor-45054 .elementor-element.elementor-element-2e590225 .elementor-icon{font-size:2.5em;}.elementor-45054 .elementor-element.elementor-element-2e590225 .elementor-icon svg{height:2.5em;}.elementor-45054 .elementor-element.elementor-element-21c60cf2{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-84px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45054 .elementor-element.elementor-element-72157b48.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-45054 .elementor-element.elementor-element-72157b48 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:600;}.elementor-45054 .elementor-element.elementor-element-747c1dc2{--display:flex;--min-height:80vh;--justify-content:center;}.elementor-45054 .elementor-element.elementor-element-747c1dc2.e-con{--align-self:center;}.elementor-45054 .elementor-element.elementor-element-2eb9437c > .elementor-widget-container{margin:-18px 0px 0px 0px;}@media(min-width:768px){.elementor-45054 .elementor-element.elementor-element-3d4f282e{--width:100%;}.elementor-45054 .elementor-element.elementor-element-42847bd6{--width:100%;}.elementor-45054 .elementor-element.elementor-element-21c60cf2{--width:500px;}.elementor-45054 .elementor-element.elementor-element-747c1dc2{--width:100%;}}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for icon, class: .elementor-element-2004bac5 */.icono-movil {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2e590225 */.icono-escritorio {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42847bd6 */.cabecera{
    
    ali
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2eb9437c *//* Contenedor principal de la vista previa */
.vista-previa-contenedor {
    display: flex;
    justify-content: center;  /* Centra horizontalmente */
    min-height: 80vh;         /* Ocupa toda la altura de la ventana */
    position: relative;
}

/* Contenedor del iframe */
.vista-previa {
    display: flex;
    justify-content: center;  /* Centra el iframe dentro del contenedor */
    width: 100%;              /* Asegura que el contenedor ocupe todo el ancho disponible */
    height: 100%;             /* Asegura que el contenedor ocupe toda la altura disponible */
    border: 3px solid #1A9190; /* Borde por defecto */
    border-radius: 15px;      /* Bordes redondeados */
    background-color: white;  /* Fondo blanco */
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); /* Sombra suave */
    padding: 10px;            /* Padding por defecto */
    transition: all 0.3s ease; /* Transición suave para el cambio */
}

/* Estilo para el iframe (por defecto) */
.vista-previa iframe {
    width: 100%;             /* El iframe ocupa todo el ancho del contenedor */
    height: 80vh;            /* El iframe ocupa el 80% de la altura de la ventana */
    border: none;            /* Sin borde */
    transition: all 0.3s ease; /* Transición suave para el cambio de tamaño */
}

/* Estilo para el modo móvil */
.modo-movil .vista-previa {
    border: 2px solid #1A9190; /* Borde más delgado en modo móvil */
    padding: 5px;              /* Menos padding en modo móvil */
}

.modo-movil iframe {
    width: 375px;             /* Tamaño fijo para el modo móvil */
    height: 667px;            /* Tamaño fijo para el iframe en móvil */
    margin: 0 auto;           /* Asegura que el iframe esté centrado en el contenedor */
}

/* Estilo para el modo escritorio */
.modo-escritorio .vista-previa {
    border: 3px solid #1A9190; /* Borde más grueso en modo escritorio */
    padding: 10px;             /* Más padding en modo escritorio */
}

.modo-escritorio iframe {
    width: 100%;             /* El iframe ocupa el 100% del ancho */
    height: 80vh;            /* El iframe ocupa el 80% de la altura */
}/* End custom CSS */