/* @import url('tiny-formatos.css'); */

/*  ====================================================  *\
 *  $ VARIABLES
\*  ====================================================  */
    /** BASE  **/
    :root {
        /*  COLORES  */
            /*----------------------------------------*/
            --color-blanco                  : 255,255,255;      /* #000000 */
            --color-negro                   : 0,0,0;            /* #FFFFFF */
            --color-cyan                    : 0,217,199;        /* #00d9c7 */
            --color-morado                  : 91,0,219;         /* #5b00db */
            --color-azulino                 : 33,19,118;        /* #211376 */
            --color-magenta                 : 240,0,100;        /* #f00064 */

        /*  FUENTE GROSOR  */
            /*----------------------------------------*/
            --texto-grosorDelgado           : 200;              /* THIN */
            --texto-grosorUltraLigero       : 200;              /* EXTRALIGHT */
            --texto-grosorLigero            : 300;              /* LIGHT */
            --texto-grosorRegular           : 400;              /* REGULAR */
            --texto-grosorMedio             : 500;              /* MEDIUM */
            --texto-grosorNegrita           : 700;              /* BOLD */
            --texto-grosorUltraNegrita      : 800;              /* EXTRABOLD */
            --texto-grosorPesado            : 900;              /* BLACK */
            /*----------------------------------------*/

        /*  NAVEGACION  */
            /*----------------------------------------*/
            --navDesktop-alto               : 80px;             /* 8vh; /* referencia 100px */
            --navDesktop-alto-reducido      : 4vw;              /* referencia 100px */
            --navDesktop-relleno-v          : 40px;
            --navDesktop-relleno-h          : 0px;
            --navDesktop-transicion         : all .2s ease-in-out;
            --navMobile-alto                : 70px;
            /*----------------------------------------*/
            --navSubMenu-alto               : 60px;             /* 7vh; /* referencia 70px */

        /*  MENU  */
            /*----------------------------------------*/
            --menuItems-margen-v            : 1.5vw;
            --menuItems-gap                 : 1.4vw;

        /*  FILA  */
            /*----------------------------------------*/
            --fila-ancho                    : 100%;
            --fila-canalon                  : 10px;

        /*  PRECARGA  */
            /*----------------------------------------*/
            --precarga-tamanoBase           : 150px;
    }

    @media (max-width: 767px) {
        :root {
        /*  PRECARGA  */
            /*----------------------------------------*/
            --precarga-tamanoBase           : 100px;
        }
    }

/*  ----------------------------------------------------  *\
 *  $ UTILIDADES
\*  ----------------------------------------------------  */

    .no-seleccion {
        -webkit-user-select: none;
           -moz-user-select: none; 
            -ms-user-select: none;
                user-select: none; 
    }

    .no-scroll {
        overflow: hidden;
    }

    .texto-fondo-oscuro {
        display: inline-block; 
        padding: 0 7px; 
        background-color: rgba(0,0,0,.2);
    }

	.ocultar {
		display:none !important;
	}

    /*  ------------------------------------------------  *\
     *  $ PRECARGA
    \*  ------------------------------------------------  */

        .precarga {
            position: fixed; z-index: 999999;
            left: 0; right: 0;
            top: 0; bottom: 0;
            background-color: rgba(255,255,255,1);

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            
        }

            .precarga__base {
                position: relative; z-index: 1;
                display: block;
                width: 100%; 
                height: 100%;
                max-width: var(--precarga-tamanoBase);
                max-height: var(--precarga-tamanoBase);
                background-image: url(../media/precarga.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-color: transparent;
                background-size: contain;
				transform: scale(1.5);
            }

        @media (max-width: 767px) {
            .precarga__base {

            }
        }

    /*  ------------------------------------------------  *\
     *  $ CURSOR
    \*  ------------------------------------------------  */
        .cursor {
            opacity: 0;
            position: fixed;
            z-index: 1000000;
            left: 0;
            top: 0;
            pointer-events: none;
            will-change: transform;
            mix-blend-mode: overlay;
            transition: opacity .3s ease;
        }

        .cursor.esta-visible {
            opacity: 1;
        }

        @media (hover: hover) and (pointer: fine) {
            .cursor__circle {
                width: 1em;
                height: 1em;
                font-size: 80px;
                margin-top: -50%;
                margin-left: -50%;
                border-radius: 50%;
                border: solid 0px transparent;
                background-color: rgba(var(--color-blanco),1);
                transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
                            background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
                            border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
                            width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
                            height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
            }

            .cursor.esta-ampliado .cursor__circle {
                font-size: 16px;
            }
			
            .cursor.esta-oculto .cursor__circle {
                opacity:0;
            }
        }

/*  ====================================================  *\
 *  $ CLASES DIVI
\*  ====================================================  */

    /*  ------------------------------------------------  *\
     *  HABILITAR INPUT EN CONSTRUCTOR FRONTAL
    \*  ------------------------------------------------  */
		.et-db #et-boc .et-l .et-fb-settings-option-inner-upload--previewable .et-fb-settings-option-input.et-fb-settings-option-upload {
			display: block !important;
			width: 100%;
			margin-top: 10px;
		}

    /*  ------------------------------------------------  *\
     *  FILA MOBILE
    \*  ------------------------------------------------  */
         @media ( max-width: 980px ) {
            .et_pb_row {
                width: calc( 100% - 6% * 2 );
            }
        }

/*  ====================================================  *\
 *  $ CORRECIONES/AJUSTES MODULES PLUGINS DIVI 
\*  ====================================================  */

    /*  ------------------------------------------------  *\
     *  DIVI CONTACT FORM 7 STYLER
    \*  ------------------------------------------------  */

        #page-container .dipe-cf7 {
            --cf7-valid-tip: 12px;
        }

        #page-container .dipe-cf7 .wpcf7-form .envoltura {
            display: block;
			line-height: 1em;
        }

        #page-container .dipe-cf7 .wpcf7-form-control-wrap {
            position: static;
        }

        #page-container .dipe-cf7 .wpcf7-form-control:not(.wpcf7-submit) {
            margin-top: 0 !important;
        }

        #page-container .dipe-cf7 .wpcf7-list-item {
            margin-left: 0;
        }

        #page-container .dipe-cf7 .wpcf7-list-item input {
            margin: 0;
        }

		/*	checking  */
			#page-container .dipe-cf7 .wpcf7-acceptance input[type=checkbox]+span:before, 
			#page-container .dipe-cf7 .wpcf7-checkbox input[type=checkbox]+span:before, 
			#page-container .dipe-cf7 .wpcf7-radio input[type=radio]+span:before {
				top: -0.1em;
				position: relative;
				margin-right: 5px;
			}

			#page-container .dipe-cf7 .wpcf7-acceptance .wpcf7-list-item-label {
				position: relative;
				padding-left: calc(1em + 10px);
				display: block;
			}

			#page-container .dipe-cf7 .wpcf7-acceptance input[type=checkbox]+span:before {
				position:absolute;
				left:0;
			}

        /*  simple captcha */
			#page-container .dipe-cf7 .wpcf7-form .wpcf7-quiz.simple-captcha {
				display: inline-block;
				max-width: 80px;
				font-size: 1em !important;
				font-weight: bold;
				text-align: center;
			}

        /*  mensaje de validacion */

            #page-container .dipe-cf7 .wpcf7-form.invalid .envoltura {
                /*padding-bottom: calc(var(--cf7-valid-tip) * 2 );*/
            }

            #page-container .dipe-cf7 .wpcf7-not-valid-tip {
                /*
                position: absolute;
                left: 0;
                */
                width: 100%;
                padding-left: 0 !important; 
                padding-right: 0 !important;
                font-size: var(--cf7-valid-tip);
                line-height: calc(var(--cf7-valid-tip) * 2 );
                /*height: calc(var(--cf7-valid-tip) * 2 );*/
                font-style: italic;
				padding: 10px 2em !important;
				line-height: 1.2em;
            }

            #page-container .dipe-cf7 .wpcf7-not-valid-tip::before {
                content: "!";
                display: inline-block;
                font-size: var(--cf7-valid-tip);
                font-weight: 700;
                background-color: #ffb900;
                color: white;
                padding: 0px 5px;
                margin-right: 5px;
				position: absolute;
				left: 0;
            }

        /*  boton */
            #page-container .dipe-cf7 .wpcf7-submit {
                transition: all 300ms ease 0ms;
				white-space: normal;
            }
            
            #page-container .dipe-cf7 .wpcf7-submit:hover {
                transform: scaleX(1.1) scaleY(1.1)!important;
            }

			#page-container .dipe-cf7 .wpcf7-submit.ocultar {
				display:none !important
			}

        /*  icono procesando  */
            #page-container .dipe-cf7 .wpcf7-spinner {
                position: absolute;
                margin: 20px auto 0;
                display: block;
            }

            #page-container .dipe-cf7 .wpcf7-form.submitting .wpcf7-spinner {
                position: relative !important;
            }

            #page-container .dipe-cf7 .wpcf7-spinner::before {
                animation-name: spin;
            }


        /*  mensaje respuesta  */
            #page-container .dipe-cf7 .wpcf7-response-output {
                line-height: 1.2em;
                padding: 1em;
                margin-bottom: 0 !important;
            }

    /*  ------------------------------------------------  *\
     *  DIVI POPUPs FOR DIVI 
    \*  ------------------------------------------------  */
        .da-overlay {
            background-color: rgba(var(--color-azulino),.95);
        }

        .da-close {
            font-size: 40px !important;
            width: 1em !important;
            height: 1em !important;
            display: flex !important;
            justify-content: center;
            align-items: center;
            transform: none !important;
        }



/*  ====================================================  *\
 *  $ CLASES COMPONENTES
\*  ====================================================  */

    /*  ------------------------------------------------  *\
     *  $ MENU
    \*  ------------------------------------------------  */

        .menu {

        }

            /*  modificador --pie  */
                .menu--pie {
                    display: inline-flex;
                    flex-direction: row;
                    gap: 30px;
                    padding: 0 !important;
                    line-height: 1em !important;
                }

                @media ( max-width: 480px ) {
                    .menu--pie { 
                        gap: 5px;
                        flex-direction: column;
                    }
                }

                    .menu--pie > li.menu-item {
                        position: relative;
                        list-style-type: none;
                    }

                    .menu--pie > li.menu-item + li.menu-item {
                        margin-top: 0em;
                    }

                    .menu--pie > li.menu-item > a {
                        display: inline-block;
                        color: currentColor;
                        transition: all 0.25s ease-in-out 0s;
                    }

                    @media ( max-width: 980px ) {
                        .menu--pie > li.menu-item > a {
                            padding: 10px 0;
                            margin-bottom: 0px !important;
                        }
                    }

                    .menu--pie > li.menu-item > a:hover,
                    .menu--pie > li.menu-item.current-menu-item > a {
                        
                    }

    /*  ------------------------------------------------  *\
     *  $ TEMPORIZADOR
    \*  ------------------------------------------------  */

        .temporizador {

        }

            .temporizador .days .value:first-letter{
                font-size: 0;
                line-height: 0;
            }

			.temporizador .et_pb_countdown_timer_container .sep {
				flex-grow:0 !important;
			}








.nicescroll-rails-hr {
	display:none !important
}

#page-container {
	overflow-x:hidden;
}