.elementor-525 .elementor-element.elementor-element-64847b2{--display:flex;--min-height:100vh;--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;--overflow:hidden;--overlay-opacity:0.5;}.elementor-525 .elementor-element.elementor-element-64847b2::before, .elementor-525 .elementor-element.elementor-element-64847b2 > .elementor-background-video-container::before, .elementor-525 .elementor-element.elementor-element-64847b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-525 .elementor-element.elementor-element-64847b2 > .elementor-background-slideshow::before, .elementor-525 .elementor-element.elementor-element-64847b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-525 .elementor-element.elementor-element-64847b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#001A3E;--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-525 .elementor-element.elementor-element-adbd21b{top:50px;}.elementor-525 .elementor-element.elementor-element-4a588d0{top:90px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-525 .elementor-element.elementor-element-4b84a15{text-align:center;}.elementor-525 .elementor-element.elementor-element-4b84a15 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:1.7rem;font-weight:900;color:#FFFFFF;}.elementor-525 .elementor-element.elementor-element-e363b85{text-align:center;}.elementor-525 .elementor-element.elementor-element-e363b85 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:2.2rem;font-weight:900;color:#FFFFFF;}.elementor-525 .elementor-element.elementor-element-b18cdd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-525 .elementor-element.elementor-element-64847b2{--min-height:100vh;}.elementor-525 .elementor-element.elementor-element-4a588d0{top:20%;}.elementor-525 .elementor-element.elementor-element-4b84a15 .elementor-heading-title{font-size:1.7rem;}.elementor-525 .elementor-element.elementor-element-e363b85 .elementor-heading-title{font-size:1.8rem;}}/* Start custom CSS for html, class: .elementor-element-f0a86d8 *//* =======VARIABLES CSS====== */
:root{
    /* ============COLORES=========== */
    /* COLORES EN MODO HSL(hue, saturation, lightness)*/
    --primary-color:#fff;
    --icon-color: #fff;
    --body-color: hsl(240, 49%, 55%);
    --container-color:#001a3e;
}


/* ========ESTILOS BASE=========== */
/**{*/
/*    box-sizing: border-box;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*}*/
a{
    text-decoration: none;
}
/* ============ESTILOS DEL BOTON============= */
.floating{
    /*height: 100vh;*/
    display: grid;
    place-items: left;
    /*background-color: var(--body-color);*/
    position: fixed!important;
    bottom: 2rem!important;
    z-index: 999;
    right: 2rem;
}
.floating_container{
    position: relative;
}
.floating_toggle,
.floating_icon{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--container-color);
}
.floating_toggle{
    width: 70px;
    height: 70px;
    font-size: 2rem;
    color: var(--primary-color);
    box-shadow: -6px -6px 24px hsl(234,48%,98%), 
                6px 6px 24px hsl(234,48%,88%),
                inset 6px 6px 24px hsl(208, 100%, 20%),
                inset -6px -6px 24px hsl(208, 100%, 14%);
    position: relative;
    z-index: 10;
    cursor: pointer;
    transition: box-shadow .3s ease-in-out, transform .3s;
}

.floating_toggle i{
    transition: transform .8s ease-in-out;
}
.floating_toggle:hover{
    box-shadow: 6px 6px 24px hsl(234,48%,98%), 
                -6px -6px 24px hsl(234,48%,88%),
                inset -6px -6px 24px hsl(208, 100%, 34%),
                inset 6px 6px 24px hsl(208, 100%, 20%);
    transform: scale(.95);
}
.floating_icon,
.floating_link{
    width: 40px;
    height: 40px;
}
.floating_icon{
    font-size: 1rem;
    color: var(--icon-color);
    box-shadow: -4px -4px 16px hsl(234,48%,98%),
                4px 4px 16px hsl(234,48%,88%),
                inset 6px 6px 24px hsl(208, 100%, 20%),
                inset -6px -6px 24px hsl(208, 100%, 14%);
    transition: box-shadow .3s ease-in-out;
}
.floating_icon:hover{
    box-shadow: 4px 4px 16px hsl(234,48%,98%),
                -4px -4px 16px hsl(234,48%,88%),
                inset -6px -6px 24px hsl(208, 100%, 34%),
                inset 6px 6px 24px hsl(208, 100%, 20%);
}
.floating_link{
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 0;
    transition: transform .8s ease-in-out, opacity .6s;
    z-index: 1;
}
.floating_link:nth-child(1){
    transition-delay: .1s;
}
.floating_link:nth-child(2){
    transition-delay: .2s;
}
.floating_link:nth-child(3){
    transition-delay: .3s;
}
.floating_link:nth-child(4){
    transition-delay: .4s;
}
/* ROTACION TOGGLE */
.active.floating_toggle i{
    transform: rotate(270deg);
}
/* MOVIMIENTO DE ICONOS */
.active ~ ul .floating_link{
    opacity: 1;
}
.active ~ ul .floating_link:nth-child(1){
    transform: translate(-4rem, -3.5rem);
}
.active ~ ul .floating_link:nth-child(2){
    transform: translate(-5.5rem);
}
.active ~ ul .floating_link:nth-child(3){
    transform: translate(4.7rem,3.5rem );
}
.active ~ ul .floating_link:nth-child(4){
    transform: translate(2.8rem, 6.4rem);
}

@media only screen and (max-width: 600px){
    .active ~ ul .floating_link:nth-child(1){
    transform: translate(-3.5rem, -3.5rem);
    }
    .active ~ ul .floating_link:nth-child(2){
        transform: translate(-4.5rem);
    }
}/* End custom CSS */