/*  ////////////////////////////////////////////////////  *\
 *  $ VARIABLES
\*  ////////////////////////////////////////////////////  */

    :root {
        /*  FUENTE FAMILIA  */
            /*----------------------------------------*/
            --familia-textos            : 'SuisseIntl', sans-serif;
            --familia-titulos           : 'SuisseIntl', sans-serif;
            /*----------------------------------------*/

        /*  FUENTE GROSOR  */
            /*----------------------------------------*/
            --texto-grosorRegular       : 400;              /* REGULAR */
            --texto-grosorMediano       : 500;              /* MEDIUM */
            --texto-grosorIntenso       : 600;
            /*----------------------------------------*/


        /*  FUENTE TAMAÑO  */
            /*----------------------------------------*/
            /* --texto-tamanoBase          : 16px; */
            --texto-tamanoBase          : 14px;
            --texto-tamanoMediano       : 16px;
            --texto-tamanoGrande        : 24px;
            --texto-tamanoGigante       : 36px;
            /* --texto-tamanoColosal       : 63px; */
            --texto-tamanoColosal       : 57px;
            --texto-tamanoEscalable     : 9.5vw;
            /* --texto-tamanoEscalable     : 120px; */
            /*----------------------------------------*/

        /*  COLORES  */
            /*----------------------------------------*/
            --color-negro               : 0,0,0;            /* #000000 */
            /*----------------------------------------*/

        /*  RELLENOS  */
            /*----------------------------------------*/
            --relleno-superior          :  54px;
            --relleno-inferior          :  20px;
            --relleno-izquierda         :  1%;
            --relleno-derecha           :  1%;
            /*----------------------------------------*/

        /*  FILA  */
            /*----------------------------------------*/
            --fila-ancho                :   100vw;          /* ref. 1680px */
            --fila-canalon              :  6.25vw;          /* ref.  120px */
            /*----------------------------------------*/
    }

    /** HASTA TABLET **/
        @media ( max-width: 991px ) {
            :root {
                /*  FUENTE TAMAÑO  */
                    /*----------------------------------------*/
                    --texto-tamanoColosal       : 48px;           /* aprox. 60px; */
                    /*----------------------------------------*/
            }
        }

        @media ( max-width: 767px ) {
            :root {
                /*  RELLENOS  */
                    /*----------------------------------------*/
                    --relleno-superior          :  80px;
                    --relleno-inferior          :  17px;
                    --relleno-izquierda         :  17px;
                    --relleno-derecha           :  17px;
                    /*----------------------------------------*/

                /*  FUENTE TAMAÑO  */
                    /*----------------------------------------*/
                    --texto-tamanoBase          : 14px;
                    --texto-tamanoColosal       : 20px;           /* aprox. 60px; */
                    /*----------------------------------------*/
            }
        }

        @media ( max-width: 568px ) {
            :root{
                /*  FUENTE TAMAÑO  */
                    /*----------------------------------------*/
                    --texto-tamanoColosal       : 23.5px;           /* aprox. 60px; */
                    /*----------------------------------------*/
            }
        }


/*  ////////////////////////////////////////////////////  *\
 *  $ TIPOGRAFIA
\*  ////////////////////////////////////////////////////  */

	@font-face {
	    font-family: "SuisseIntl";
                src: local("Suisse Int'l"), local("SuisseIntl-Regular.otf"), url("../fonts/SuisseIntl-Regular.otf") format("truetype");
        font-display: swap;
	    font-weight: 400;
	    font-style : normal;
    }

	@font-face {
	    font-family: "SuisseIntl";
                src: local("Suisse Int'l Italic"), local("SuisseIntl-RegularItalic.otf"), url("../fonts/SuisseIntl-RegularItalic.otf") format("truetype");
        font-display: swap;
	    font-weight: 400;
	    font-style : italic;
    }

	@font-face {
	    font-family: "SuisseIntl";
                src: local("Suisse Int'l Semi Bold"), local("SuisseIntl-SemiBold.otf"), url("../fonts/SuisseIntl-SemiBold.otf") format("truetype");
        font-display: swap;
	    font-weight: 500;
	    font-style : normal;
    }

/*  ////////////////////////////////////////////////////  *\
 *  $ ETIQUETAS
\*  ////////////////////////////////////////////////////  */
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    html, body {
        margin: 0px;
        padding: 0px;
        min-height: 100%;
        line-height: var(--texto-interlineado);
    }

    body {
        overflow-x: hidden;
        color: rgba(var(--color-negro),1);
    }

    html, body, input, textarea, select {
        font-family: var(--familia-textos);
        font-weight: var(--texto-grosorRegular);
        font-size: var(--texto-tamanoBase);
        outline: 0;
    }

    a {
        text-decoration: none;
        color: currentColor;
    }

    h1, h2, h3, h4, h5, h6 {
        /*
        margin-top: 0;
        margin-bottom: 0;
        */
    }

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


    /*  ------------------------------------------------  *\
     *  $ TEXTOS
    \*  ------------------------------------------------  */

        .texto-volada {
            /* font-weight: var(--texto-grosorMediano); */
            font-weight: normal;
            /* font-size: var(--texto-tamanoGrande); */
            /* font-size: var(--texto-tamanoBase); */
            font-size: 16px;
        }


            @media ( max-width: 767px ) {
                .texto-volada {
                    font-size: var(--texto-tamanoMediano);
                    margin: 2em 0;;
                }
            }

            @media ( max-width: 568px ) {
                .texto-volada {
                    margin: 0 0 1em 0;
                    font-size: var(--texto-tamanoBase);
                    /* font-size: 11px; */
                }
            }

        .texto-enlace {
            position: relative;
        }

        .texto-enlace:hover,
        .texto-enlace:active {

        }

        .post p,
        .texto-colosal {
            font-size: var(--texto-tamanoColosal);
            line-height: 1.05;

        }

        .title-post{
            line-height: 5rem; box-shadow: inset 0 -2px black;
        }

        .texto-emfasis {
            font-style: normal;
            /* text-decoration: underline; */
            position: relative;
            display: inline-block;
        }

            .texto-subrayado::before,
            .texto-emfasis:hover::before{
                content:"";
                display: block;
                border-bottom:2px solid black;
                position: absolute;
                bottom: 3px;
                left: 0px;
                width: 100%;
            }

            .texto-emfasis:hover {
                /* font-style: italic; */
            }

                @media ( max-width: 700px ) {
                    .texto-subrayado::before,
                    .texto-emfasis:hover::before{
                        bottom: 2px;
                        border-bottom: 2px solid;
                    }

                    .texto-emfasis{
                        display: initial;
                    }

                    .post img{
                        width: 100%!important;
                        height: auto!important;
                    }

                    .title-post{
                        line-height: 2.2rem; box-shadow: inset 0 -2px black;
                    }

                }



        .texto-subrayado {
            /* font-style: italic; */
            /* text-decoration: underline; */
            font-weight: normal;
            position: relative;
        }

        .texto-centrado{
            text-align: center;
        }

        .texto-izq{
            text-align: left;
        }

        .texto-der{
            text-align: right;
        }

        .titulo {
            font-size: var(--texto-tamanoEscalable);
            font-weight: var(--texto-grosorRegular);
            line-height: 1em;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: -12px;
        }

        .floatL{float: left;}
        .floatR{float: right;}
        .clear{clear: both; height: 0px; font-size: 0px;}


        .img-responsivo {
            display: block;
            width: 100%;
            /* max-width: 100%; */
        }
        .img-responsivo2 {
            display: block;
            width: 70%;
            /* max-width: 100%; */
        }

            @media ( max-width: 700px ) {
                .titulo{
                    margin-left: -2px;
                }
                .img-responsivo2 {
                    display: block;
                    width: 100%;
                }
                .btn-back{
                    display: none;
                }
            }

        .mb2{
            margin-bottom: 28px;
        }

        .mb3{
            margin-bottom: 28px;
            margin-top:0px;
        }

        .mb4{
            margin-bottom: 38px;
        }

        .mb5{
            margin-bottom: 100px;
        }

        .mb170{
            margin-bottom: 170px;
        }


        .mt2{
            margin-top: 10px!important;
        }

        .mt5{
            margin-top: 65px!important;
        }

        .pl15{
            padding-right: 15%!important;
        }

        .visible_mobile{
            display: none;
        }

        .visible_desktop{
            display: block;
        }

        #contacto-index .contenido{
            display: flex;
        }

        .vh-100{
            height: 100vh;
        }



        .col-5{
            width: 60%;
        }
        .col-2{
            width: 25%;
        }
        .col-1{
            width: 15%;
        }

        @media ( max-width: 700px ) {
            .visible_mobile{
                display: block;
            }

            .visible_desktop{
                display: none;
            }

            .pl15{
                padding-right: var(--relleno-izquierda)!important;
            }

            .mb170{
                margin-bottom: 85px!important;
            }
            .mt5{
                margin-top:22px!important;
            }
            .col-5,
            .col-2,
            .col-1{
                width: 100%;
            }


        }

        @media ( max-width: 900px ) {
            #contacto-index .contenido{
                display: flex;
                flex-direction: column;
            }

            #contacto-index .contenido p{
                text-align: left;
            }
        }

        @media ( max-width: 500px ) {
            .vh-100{
                height: 65vh;
                justify-content: right!important;
            }

        }

    /*  ------------------------------------------------  *\
     *  $ LOGOS
    \*  ------------------------------------------------  */

        .logoSONAR {
            display: block;
            width: 7.33em; height: 1.5em;
            font-size: 25px;
            background-image: url('../media/imagenes/logoSONAR.svg');
            background-position: top;
            background-size: contain;
            background-repeat: no-repeat;
            background-color: transparent;
        }

            .logoSONAR--negativo {
                background-image: url('../media/imagenes/logoSONAR-negativo.svg');
            }

            @media ( max-width: 768px ) {
                .logoSONAR {
                    font-size: 12px;
                    line-height: 15px;
                    background-position: center;
                }
            }

    /*  ------------------------------------------------  *\
     *  $ ICONOS
    \*  ------------------------------------------------  */
        .icono {
            position: relative;
            display: inline-block;
            font-size: .78em;
            width: 1em; height: 1em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            vertical-align: middle;
        }

            .icono--senalador {
                top: -1px;
                background-image: url('../media/imagenes/icono-flecha.svg');
            }

            .icono--senalador-back {
                top: -1px;
                background-image: url('../media/imagenes/icono-flecha.svg');
                transform: rotate(90deg);
            }

        .icono-wa{
            background-image: url('../media/imagenes/icono-whatsapp2.svg');
            width: 40px;
            height: 40px;
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 999;
            display: block;
            background-size: contain;
        }

    /*  ------------------------------------------------  *\
     *  $ OTROS
    \*  ------------------------------------------------  */

        .no-scroll {
            overflow: hidden;
        }

        .no-romper {
            white-space: nowrap;
        }

        .loader {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 0;
            z-index: 9999;
            background:  50% 50% no-repeat rgb(249,249,249);
            opacity: 1;
        }


/*  ////////////////////////////////////////////////////  *\
 *  $ LIBRERIAS
\*  ////////////////////////////////////////////////////  */

    /*  OWL CAROUSEL  */
        .owl-carousel {

        }

            /*  modificador --deslizante  */
                .owl-carousel--deslizante {

                }

                .owl-carousel .owl-stage-outer {
                    /*overflow: visible;*/
                }

                .owl-carousel--deslizante .owl-stage .owl-item:last-child {
                    margin-left: -2px;
                }

                .owl-carousel--deslizante .owl-nav {
                    position: absolute;
                    top: 50%; left: 0; right: 0;
                    display: block;
                    height: 0px;
                    background-color: tomato;
                }

                    .owl-carousel--deslizante .owl-nav button.owl-prev,
                    .owl-carousel--deslizante .owl-nav button.owl-next {
                        position: absolute;
                        top: 50%;
                        background-color: rgba(255,255,255,.9) !important;
                        padding: 0 10px !important;
                        outline: 0;
                        height: 50px;
                        margin-top: -25px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    @media ( min-width: 768px ) {
                        .owl-carousel--deslizante .owl-nav button.owl-prev,
                        .owl-carousel--deslizante .owl-nav button.owl-next {
                            padding: 0 20px !important;
                            height: 100px;
                            margin-top: -50px;
                        }
                    }

                    .owl-carousel--deslizante .owl-nav .owl-prev {
                        left: 0;
                    }

                        @media ( min-width: 768px ) {

                            .owl-carousel--deslizante .owl-nav .owl-prev::after {
                                content: 'ANTERIOR';
                                margin-left: 10px;
                            }

                        }

                    .owl-carousel--deslizante .owl-nav .owl-next {
                        right: 0;
                    }

                        @media ( min-width: 768px ) {
                            .owl-carousel--deslizante .owl-nav .owl-next::before {
                                content: 'SIGUIENTE';
                                margin-right: 10px;
                            }
                        }

                .owl-carousel--deslizante .owl-dots {
                    display: none;
                }


/*  ////////////////////////////////////////////////////  *\
 *  $ COMPONENTES
\*  ////////////////////////////////////////////////////  */

    /*  ------------------------------------------------  *\
     *  $ PALANCA
    \*  ------------------------------------------------  */
        .palancaDesplegable {
            display: flex;
            align-items: center;
            justify-content: center;
            /* width: 1.5em; */
            width: .8em;
            height: 1.5em;
            font-size: 25px;
            font-weight: 600;
            cursor: pointer;
            color: rgba(var(--color-negro),1);
            /* background-color: white; */
            border-radius: 1em;
            transition: all .2s ease;
        }

            /*  elementos  */
                .palancaDesplegable .palanca__txt {
                    font-size: var(--texto-tamanoPequeno);
                    margin-right: 5px;
                    font-size: .4em;
                    display: none;
                    color: currentColor;
                    transition: all .2s ease;
                }

                .palancaDesplegable .palanca__ico {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    font-size: 1.5em;
                    min-width: 20px;
                }

                .palancaDesplegable .palanca__ico > span {
                    display: block;
                    width: 100%;
                    height: 0.035em;
                    background: #fff;
                    margin: 0.05em 0;
                    /* border-radius: 1.0em; */
                    position: relative;
                    top: 0em;
                    transform-origin: center;
                    background-color: currentColor;
                    -webkit-transition: all .2s ease;
                    -o-transition: all .2s ease;
                    transition: all .2s ease;
                }

                    .palancaDesplegable .palanca__ico > span:first-child {
                        width: 100%;
                    }

                    .palancaDesplegable .palanca__ico > span:nth-child(2) {
                        width: 100%;
                    }

                    /* .palancaDesplegable .palanca__ico > span:last-child {
                        width: 70%;
                    } */

                    /*  activado  */
                        .palancaDesplegable.activo {
                            /* color: white; */
                            color: black;
                            background-color: transparent;
                        }

                        .palancaDesplegable.activo .palanca__ico > span:first-child {
                            width: 100%;
                            transform: rotate(45deg);
                            top: 0.155em;
                        }

                        .palancaDesplegable.activo .palanca__ico > span:nth-child(2) {
                            width: 100%;
                            transform: scale(0);
                        }

                        .palancaDesplegable.activo .palanca__ico > span:last-child {
                            width: 100%;
                            transform: rotate(-45deg);
                            top: -0.115em;
                        }

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

        .menu {

        }

        .menuPrincipal {
            /*
            display: grid;
            grid-template-columns: repeat( auto-fit, minmax(1px, 1fr) );
            */
            display: flex;
            width: 100%;
            color: rgba(var(--color-negro),1);
            background-color: rgba(255,255,255,0);
        }

            /*  reseteado  */
                .menuPrincipal ,
                .menuPrincipal ul {
                    padding: 0px;
                    margin: 0;
                    list-style: none;
                }

            /*  elementos  */
                .menuPrincipal .menu__enlace {
                    position: relative; z-index: 2;
                    display: inline-block;
                    /* font-size: var(--texto-tamanoMediano); */
                    font-size: 16px;
                    text-decoration: none;
                    color: currentColor;
                    overflow: hidden;
                    vertical-align: middle;
                    /* line-height: 2em; */
                    margin-left: 2em;
                    border-bottom:1px solid #fff;
                    text-align: right;
                }

                .menuPrincipal .menu__texto {
                    color: currentColor;
                }

                .menuPrincipal .menu__linea {
                    position: absolute; z-index: 1;
                    bottom: 0px; left: 0;
                    width: 0;
                    height: .1em;
                    background-color: currentColor;
                    /* transition: all .25s ease-in-out; */
                }

                    /*  activado  */
                        .menuPrincipal .menu__enlace:hover,
                        .menuPrincipal .menu__enlace.activo{
                            /* text-decoration: underline; */
                            border-bottom: 1px solid;
                        }

                        .menuPrincipal .menu__enlace.activo{
                            /* font-weight: var(--texto-grosorIntenso); */
                            border-bottom: 1px solid;
                        }

                /*  media */
                    @media ( max-width: 991px ) {
                        .menuPrincipal {
                            display: block;
                        }

                        .menuPrincipal .menu__enlace {
                            /* font-size: var(--texto-tamanoGrande); */
                            font-size: var(--texto-tamanoBase);
                            margin: .2em auto ;
                        }
                    }

    /*  ------------------------------------------------  *\
     *  $ LISTAS
    \*  ------------------------------------------------  */
        .listado  {
            margin-top: 0;
            padding-left: 0;
            list-style: none;

        }

            /*  elementos  */

                .listado .listado__item,
                .listado li {
                    margin-bottom: 0px;
                }

                .listado .listado__item + .listado__item,
                .listado li + li {
                    margin-top: 0em;
                }

                @media ( max-width: 991px ) {
                    .listado{
                        margin-bottom: 28px;
                    }


                    .listado .listado__item + .listado__item,
                    .listado li + li {
                        /* margin-top: 1.2em; */
                    }
                }

            /*  modificador --especial  */

                .listado--especial .listado__item,
                .listado--especial li {
                    font-size: var(--texto-tamanoEscalable);
                    text-transform: uppercase;
                    line-height: .9em;
                    letter-spacing: -.1rem;
                }

                @media ( max-width: 991px ) {
                    .listado--especial .listado__item,
                    .listado--especial li {
                        line-height: 1em;
                    }
                }

            /*  modificador --social  */
                .listado--guion {
                    /* —  */
                    /* margin-bottom: 170px; */
                }

                    .listado--guion .listado__item {
                        position: relative;
                        display: block;
                        padding-left:.6em;
                    }

                    .listado--guion .listado__item::before {
                        content: '-';
                        position: absolute;
                        left: 0;
                    }

            /*  modificador --social  */

                .listado--social {
                    /* margin: 3em 0; */
                    margin: 153px 0 80px 0;
                }

                .listado--social .listado__item,
                .listado--social li {
                    display: inline-block;
                    font-size: calc( var(--texto-tamanoEscalable) / 2.5 );
                }

                .listado--social .listado__item + .listado__item,
                .listado--social li + li {
                    margin-left: 1em;
                }

                @media ( min-width: 900px ) {
                    #contacto-index .texto-enlace{
                        position: relative;
                    }

                    #contacto-index .visible_desktop{
                        display: inline-block;
                    }


                    .listado--social a:hover::before {
                        /* text-decoration: underline; */
                        content:"";
                        display: block;
                        border-bottom:2px solid black;
                        position: absolute;
                        bottom: 0.1em;
                        left: 0px;
                        width: 100%;
                    }

                    #contacto-index .texto-enlace:hover::before{
                        /* text-decoration: underline; */
                        content:"";
                        display: block;
                        border-bottom:1px solid black;
                        position: absolute;
                        bottom: 0.1em;
                        left: 0px;
                        width: 100%;
                    }
                }

                .listado--social a:hover {
                    /* text-decoration: none; */
                }

                /*  otros  */
                .listado--especial .listado--social {

                }

                @media ( max-width: 767px ) {

                    .listado--social{
                        margin: 3em 0;
                    }

                    .listado--social a:before {
                        bottom: -1px;
                        border-bottom:1px solid black;
                    }
                }

    /*  ------------------------------------------------  *\
     *  $ CUADRICULAS
    \*  ------------------------------------------------  */
        .cuadricula {
            display: grid;
            grid-gap: 20px;

            width: 100%;
            padding: 0px;
            margin: 0px;

            list-style: none;
        }

			/* 	elementos  */
				.cuadricula .cuadricula__item {

                }

			/* 	modificador --autoajustable */
				.cuadricula--autoajustable {
					display: grid;
					grid-template-columns: repeat( auto-fit, minmax(1px, 1fr) );
					grid-gap: 0px;
				}

            /*  modificador --proyectos */
                .cuadricula--proyectos {
                    /* grid-gap: 40px; */
                    grid-gap: 1em;
                }

                @media ( min-width: 982px ) {
                    .cuadricula--proyectos {
                        grid-template-columns: repeat( 3 , minmax(1px, 1fr) );
                    }
                }

                @media ( min-width: 768px ) and ( max-width: 981px ) {
                    .cuadricula--proyectos {
                        grid-template-columns: repeat( 2 , minmax(1px, 1fr) );
                    }
                }

                @media ( max-width: 767px ) {
                    .cuadricula--proyectos {
                        grid-template-columns: repeat( 1 , minmax(1px, 1fr) );
                        grid-gap: 20px;
                    }
                }

            /*  modificador --proyectos */
                .cuadricula--marcas {
                    /* grid-gap: 40px; */
                    grid-gap: 1%;
                }

                @media ( min-width: 982px ) {
                    .cuadricula--marcas {
                        grid-template-columns: repeat( 3 , minmax(1px, 1fr) );
                    }
                }

                @media ( min-width: 768px ) and ( max-width: 981px ) {
                    .cuadricula--marcas {
                        grid-template-columns: repeat( 2 , minmax(1px, 1fr) );
                    }
                }

                @media ( max-width: 767px ) {
                    .cuadricula--marcas {
                        grid-template-columns: repeat( 1 , minmax(1px, 1fr) );
                        grid-gap: 20px;
                    }
                }


    /*  ------------------------------------------------  *\
     *  $ PROYECTO
    \*  ------------------------------------------------  */
        .proyecto {

        }

        .proyectoResumen {
            position: relative;
            overflow: hidden;
            width: 100%;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
        }

            /*  elementos estructura  */

                .proyectoResumen .proyecto__info {
                    position: absolute;
                    z-index: 9;
                    left: 0; right: 0;
                    top: 0; bottom: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 15px;
                    flex-direction: column;
                }

                .proyectoResumen .proyecto__info p{
                    text-align: center;
                }

                @media ( min-width: 768px ) {
                    .proyectoResumen .proyecto__info {
                        opacity: 0;
                        background-color: white;

                        -webkit-transition: opacity .3s ease-in-out;
                           -moz-transition: opacity .3s ease-in-out;
                            -ms-transition: opacity .3s ease-in-out;
                             -o-transition: opacity .3s ease-in-out;
                    }

                    .proyectoResumen:hover .proyecto__info {
                        opacity: 1;
                    }
                }

                .proyectoResumen .proyecto__foto {
                    position: relative; z-index: 8;
                }

                .proyectoResumen .proyecto__vinculo {
                    position: absolute;
                    z-index: 10;
                    left: 0; right: 0;
                    top: 0; bottom: 0;
                }


            /*  elementos hijos  */

                .proyectoResumen .proyecto__nombre {
                    display: block;
                    /* font-size: 1.8em; */
                    font-size: var(--texto-tamanoBase);
                    line-height: 1.2em;
                }

                .proyectoResumen .proyecto__imagen {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                    .proyectoResumen .proyecto__imagen img {
                        display: block;
                        width: inherit;
                        height: inherit;
                        object-fit: cover;
                    }


                @media ( max-width: 767px ) {
                    .proyectoResumen .proyecto__info {
                        position: relative;
                        display: block;
                        /* background-color: whitesmoke; */
                        /* padding-bottom: 2em; */
                        padding-left:0px;
                    }

                    .proyectoResumen .proyecto__info p{
                        text-align: left;
                    }

                    .proyectoResumen .proyecto__nombre {
                        font-size: 1.4em;
                    }
                }

        .proyectoEntrada {
            position: relative;
            width: 100%;
        }

            /*  elementos  */

                .proyectoEntrada .proyecto__galeria {

                }

                    .proyectoEntrada .proyecto__foto {
                        position: relative;
                        display: block;
                    }

                    .proyectoEntrada .proyecto__img {
                        width: 100%;
                    }

                    @media (orientation: landscape) {
                        .proyectoEntrada .proyecto__img {
                            /* padding-right: var(--relleno-derecha); */
                            padding-right: 40px;
                            overflow: hidden;
                        }

                        .proyectoEntrada .proyecto__img img {
                            display: block;
                            width: auto;
                            max-width: 100%;
                            /* max-height: 100%; */
                            /* height: calc(100vh - var(--relleno-superior) * 2 ); */
                            height: 75vh;
                        }

                        #experience .proyectoEntrada .proyecto__img img {
                            height: 65vh;
                        }

                        #home .proyectoEntrada .proyecto__img img {
                            height: 93vh;
                        }
                    }

                    @media (orientation: portrait) {
                        .proyectoEntrada .proyecto__foto {
                            width: calc( 100vw - var(--relleno-izquierda)*2 );
                            margin-right: var(--relleno-derecha);
                        }

                        .proyectoEntrada .proyecto__img {

                        }

                        .proyectoEntrada .proyecto__img img {
                            display: block;
                            width: 100%; height: auto;
                            /* max-width: 100%; */
                            height: auto;
                        }
                    }


                .proyectoEntrada .proyecto__detalle {
                    display: grid;
                    /* grid-template-columns: 350px  minmax(1px, 700px); */
                    grid-gap: var(--relleno-izquierda);
                    margin-top: var(--relleno-izquierda);
                    width: 100%;
                }

                    .proyectoEntrada .proyecto__etiqueta {
                        position: relative;
                        grid-column: 1/5;
                    }

                    .proyectoEntrada .proyecto__plano {
                        position: relative;
                    }

                        .proyectoEntrada .proyecto__plano img {
                            display: block;
                            /* max-width: 45%; */
                            margin: 53px 0 43px;
                            height: 9.5em;
                        }

                    .proyectoEntrada .proyecto__dimensiones {
                        position: relative;
                    }

                        .proyectoEntrada .proyecto__dimensiones ul {
                            margin-bottom: 0;
                        }

                    .proyectoEntrada .proyecto__descripcion {
                        position: relative;
                        padding-right: 40px;
                    }

                        .proyectoEntrada .proyecto__descripcion p {
                            margin-top: 0;
                        }

                    @media ( min-width: 568px ) and ( max-width: 1023px ) {
                        .proyectoEntrada .proyecto__detalle {
                            grid-template-columns: 30% minmax(1px, 1fr);
                        }

                            .proyectoEntrada .proyecto__etiqueta {
                                grid-column: 1/3;
                            }

                            .proyectoEntrada .proyecto__descripcion {
                                grid-column: 1/3;
                                padding-right: 0px;
                            }

                    }

                    @media ( max-width: 567px ) {
                        .proyectoEntrada .proyecto__plano img{
                            /* max-width: 40%; */
                            margin: 0px;
                        }

                        .proyectoEntrada .proyecto__detalle {
                            grid-template-columns: 100%;
                            margin-top:8px;
                        }

                            .proyectoEntrada .proyecto__etiqueta {
                                grid-column: 1/2;
                            }

                            .proyectoEntrada .proyecto__descripcion {
                                grid-column: 1/2;
                                padding-right: 0;
                            }

                            .proyectoEntrada .texto-volada{
                                margin-top: 1em!important;
                                margin-bottom: 1em!important;
                            }

                    }

        #proyecto_detalle .titulo{
            font-size: 16px;
            margin: 0px 0px 10px;
        }

            #proyecto_detalle aside{
                width: 29%;
                float:left;
                padding-top: 52px;
                padding-right: 10px;
            }

            #proyecto_detalle .carousel{
                width:71%;
                float:right;
                position:relative;
            }

            #proyecto_detalle .text-volada{
                font-size: var(--texto-tamanoBase);
            }

            /* #proyecto_detalle .carousel .proyecto__foto{
                width: 60vw;
            } */

            @media ( max-width: 567px ) {
                #proyecto_detalle .titulo{
                    font-size: var(--texto-tamanoEscalable);
                }

                #proyecto_detalle .carousel,
                #proyecto_detalle aside{
                    width:100%;
                    padding-top:0px;
                }

                #proyecto_detalle .contenido{
                    display: flex;
                    flex-direction: column-reverse;
                }

                #proyecto_detalle .mt5{
                    margin-top:22px!important;
                }


            }






    /*  ------------------------------------------------  *\
     *  $ EXPERIENCE
    \*  ------------------------------------------------  */

    #experience .texto-colosal{
        /* margin: 30px 0px; */
    }

        #experience .mb5{
            margin-bottom: 100px;
        }

    /*  ------------------------------------------------  *\
     *  $ marca
    \*  ------------------------------------------------  */
        .marca {
            position: relative;
            /*overflow: hidden;*/
            width: 100%;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
        }

            /*  elementos estructura  */

                .marca .marca__info {
                    position: absolute;
                    z-index: 9;
                    left: 0; right: 0;
                    top: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    /* padding: 15px; */
                }

                @media ( min-width: 1025px ) {
                    .marca .marca__info {
                        opacity: 0;
                        background-color: white;

                        -webkit-transition: opacity .3s ease-in-out;
                           -moz-transition: opacity .3s ease-in-out;
                            -ms-transition: opacity .3s ease-in-out;
                             -o-transition: opacity .3s ease-in-out;
                    }

                    .marca:hover .marca__info {
                        opacity: 1;
                    }
                }

                .marca .marca__foto {
                    position: relative; z-index: 8;
                    padding-bottom: 80%;
                }

                .marca .marca__vinculo {
                    position: absolute;
                    z-index: 10;
                    left: 0; right: 0;
                    top: 0; bottom: 0;
                }


            /*  elementos hijos  */

                .marca .marca__titulo {
                    display: block;
                    /* font-size: 1em; */
                    font-size: .9em;
                    line-height: 1.2em;
                    padding: 15px 0;
                }

                .marca .marca__imagen {
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                    .marca .marca__imagen img {
                        display: block;
                        width: inherit;
                        height: inherit;
                        object-fit: cover;
                    }

                @media ( min-width: 1025px ) {
                    .marca .marca__info {
                        position: absolute; z-index: 10;
                        left: 0; top: 0;
                        width: 100%;
                        padding-bottom: 80%;
                    }

                    .marca .marca__descripcion {
                        position: absolute;
                        top: 0; left: 0;
                        width: 100%; height: 100%;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        padding: 30px;
                        background-color: white;
                        /* font-size: 1em; */
                        font-size: .9em;
                        line-height: 1.2em;
                    }
                }


                @media ( max-width: 1024px ) {
                    .marca .marca__info {
                        position: relative;
                        display: block;
                        padding-bottom: 2em;
                    }

                    .marca .marca__titulo {
                        font-size: 1.4em;
                    }
                }






    /*  ------------------------------------------------  *\
     *  $ GALERIA
    \*  ------------------------------------------------  */
        .galeria {

        }

        .galeriaResumen {
            position: relative;
            display: inline-block;
            width: auto;
        }

            .galeriaResumen .galeria__enlace {
                margin-left: -0.08em;
                letter-spacing: -.1rem;
                display: block;
                width: 100%;
            }

            .galeriaResumen .galeria__miniaturas {
                position: absolute;
                top: 50%;
                left: 0;
                display: flex;
                flex-wrap: nowrap;
                /*
                display: block;
                width: 100%;
                */
                margin-top: calc( var(--texto-tamanoEscalable) / -2.3) ;
                /* height: var(--texto-tamanoEscalable); */
                height: 7.5vw;
                overflow: hidden;
                pointer-events: none;
                opacity: 0;

                -webkit-transition: all .2s ease;
                     -o-transition: all .2s ease;
                        transition: all .2s ease;
            }


            .galeriaResumen .galeria__miniaturas img {
                /* width: auto; */
                width: 13.8vw;
                height: 100%;
                margin: 0 10px 0 0;
            }

            .galeriaResumen .galeria__miniaturas img + img {
                margin-left: .05em;
            }


                @media ( max-width: 991px ) {
                    .galeriaResumen .galeria__miniaturas{
                        /* display: block; */
                        opacity: 1;
                        position: relative;
                        margin-top: 5px;
                        overflow: visible;
                    }
                    .galeriaResumen .galeria__enlace {
                        /* margin-left: 0px; */
                    }

                    .galeriaResumen .galeria__miniaturas img {
                        margin: 0 3px 0 0;
                        width: 12vw;
                    }
                }

                @media ( min-width: 992px ) {
                    .galeriaResumen:hover .galeria__miniaturas {
                        opacity: 1;
                    }
                }




/*  ////////////////////////////////////////////////////  *\
 *  $ ESTRUCTURA
\*  ////////////////////////////////////////////////////  */


    /*  ------------------------------------------------  *\
    *  $ NAVEGACION
    \*  ------------------------------------------------  */
        .navegacion {

        }

        .navegacionPrincipal {
            display: block;
        }

            @media ( min-width: 992px ) {
                .navegacionPrincipal .navegacion__contenedor.fijado {
                    background-color: rgba(255,255,255,1);
                }

                .navegacionPrincipal .navegacion__contenedor.fijado--mostrar {
                    -webkit-transform: translateY(0%);
                        -ms-transform: translateY(0%);
                            transform: translateY(0%);

                    -webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                       -moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                         -o-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
                            transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
                }

                .navegacionPrincipal .navegacion__contenedor.fijado--ocultar {
                    -webkit-transform: translateY(-100%);
                        -ms-transform: translateY(-100%);
                            transform: translateY(-100%);

                    -webkit-transition: all 400ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
                       -moz-transition: all 400ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
                         -o-transition: all 400ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
                            transition: all 400ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
                }
            }

            /*  elementos  */
                .navegacionPrincipal .navegacion__contenedor {
                    position: fixed; z-index: 1000;
                    left: 0; right: 0; top: 0;
                    height: var(--relleno-superior);
                    padding-left: var(--relleno-izquierda);
                    padding-right: var(--relleno-derecha);
                    background-color: rgba(255,255,255,1);
                    /* transition: background .3s ease-in-out; */

                    -webkit-transition: all .3s ease-in-out;
                    -o-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;

                    display: flex;
                    flex-direction: row;
                    align-items: center;
                }

                .navegacionPrincipal .navegacion__palanca {
                    position: absolute;
                    z-index: 2;
                    top: 0;
                    right: var(--relleno-derecha);
                    height: var(--relleno-superior);
                    display: flex;
                    align-items: center;
                }

                .navegacionPrincipal .navegacion__desplegable {
                    position: relative; z-index: 1;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    width: 100%;
                }


                .navegacionPrincipal .navegacion__envoltura {
                    position: relative;
                    /* width: 100%; */
                    margin-left: auto;
                    margin-right: 0px;
                }

                .navegacionPrincipal .navegacion__marca {
                    z-index: 100;
                }

                @media ( min-width: 992px ) {
                    .navegacionPrincipal .navegacion__marca {
                        position: absolute;
                        /* right: 0; */
                        left: 4px;
                        width: 76px;
                    }

                    .navegacionPrincipal .navegacion__palanca {
                        display: none;
                    }
                }

                @media ( max-width: 991px ) {
                    .navegacionPrincipal {
                        height: auto;
                    }

                    .navegacionPrincipal .navegacion__contenedor {
                        height: 0;
                    }

                    .navegacionPrincipal .navegacion__desplegable {
                        position: fixed;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        /* color: white; */
                        color: black;
                        overflow-y: auto;
                        background-color: white;/*  rgba(var(--color-negro),1) */
                        display: flex;
                        flex-direction: column;
                        /* justify-content: space-evenly; */
                        height: 0vh;
                        /* background-color: rgba(var(--color-negro),1); */
                        transition: height .4s ease-out;
                        text-align: left;
                    }

                    .navegacionPrincipal .navegacion__palanca.activo ~ .navegacion__desplegable {
                        /* height: 100vh; */
                        height: 33vh;
                    }

                    .navegacionPrincipal .navegacion__marca {
                        position: absolute; z-index: 1;
                        top: 0;
                        left: 0; right: 0;
                        height: var(--relleno-superior);
                        padding-left: var(--relleno-izquierda);
                        padding-right: var(--relleno-derecha);
                        display: flex;
                        align-items: center;
                    }

                    .navegacionPrincipal .navegacion__envoltura {
                        padding: var(--relleno-superior) var(--relleno-izquierda) 0;
                        width: 100%;
                    }

                    .navegacionPrincipal .navegacion__contenedor .navegacion__marca {
                        /* background-color: rgba(var(--color-negro),1); */
                        background-color: transparent;
                    }
                }


            /*  otros elementos  */
                @media ( min-width: 992px ) {
                    .navegacionPrincipal .navegacion__marca .logoSONAR {
                        position: absolute;
                        top: 50%; /*right: 0;*/
                        margin-top: -.5em;
                        font-size: 15px;
                    }

                    .hiddenMenu{
                        top:-50px!important;
                    }

                    /*
                    .navegacionPrincipal .menuPrincipal {
                        width: 50%;
                    }

                    .navegacionPrincipal .marca,
                    .navegacionPrincipal ~ .marca {
                        position: absolute;
                        right: 0; top: 50%;
                    }

                    .navegacionPrincipal ~ .marca  {
                        display: none;
                    }

                    .navegacionPrincipal .marca .logoSONAR,
                    .navegacionPrincipal ~ .marca .logoSONAR {
                        position: absolute;
                        right: 0; top: 50%;
                        margin-top: -.5em;
                        font-size: 25px;
                    }
                    */


                }

                @media ( max-width: 991px ) {

                    .navegacionPrincipal .menuPrincipal,
                    .navegacionPrincipal .menuSocial {
                        /* color: white; */
                        color: black;
                    }

                    .navegacionPrincipal .navegacion__contenedor .navegacion__marca .logoSONAR {
                        background-image: url('../media/imagenes/logoSONAR.svg');
                    }
                }

    /*  ------------------------------------------------  *\
    *  $ CABECERA
    \*  ------------------------------------------------  */
        .seccion {
            position: relative;

            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            /* Nota: flex no permite que los margenes sean colapsables */
            /* display: block; */
            /* min-height: 100vh; */
            padding-top: var(--relleno-superior);
            padding-bottom: var(--relleno-superior);
            padding-left: var(--relleno-izquierda);
            padding-right: var(--relleno-derecha);
        }

            @media ( max-width: 991px ) {
                .seccion {
                    min-height: auto;
                    padding-bottom: var(--relleno-inferior);
                }


            }

            @media ( max-width: 567px ) {
                .seccion {
                    /* padding-bottom: calc( var(--relleno-superior) / 2 ); */
                    padding-bottom: 0px;
                }

                #bienvenida{
                    padding-top: 20vh;
                }

                #proyectos{
                    padding-top: 0;
                    /* padding-bottom: 10vh; */
                }

                #proyectos,
                #contacto{
                    padding-top: 25px;
                }
            }

        .encabezado {

        }

            @media ( min-width: 1025px ) {
                .encabezado {
                    /* margin-top: calc( var(--relleno-superior) / 4 ); */
                    margin-top: calc( var(--relleno-superior) );
                }
            }

        .contenido {

        }

        .pie {

        }


/*  ////////////////////////////////////////////////////  *\
 *  $ IDENTIFICADORES FIJOS
\*  ////////////////////////////////////////////////////  */

    /*  ------------------------------------------------  *\
    *  $ CABECERA
    \*  ------------------------------------------------  */

    /*  ------------------------------------------------  *\
    *  $ PRINCIPAL
    \*  ------------------------------------------------  */
        #PRINCIPAL {
            min-height: 100%;
        }

        #bienvenida{
            padding-top: 15vh;
        }

        #home{
            padding-bottom:1em;
        }

        @media ( max-width: 400px ) {
            #home {
                margin-top: 65px!important;
            }
        }

    /*  ------------------------------------------------  *\
    *  $ PIEPAGINA
    \*  ------------------------------------------------  */

        #contacto .listado--especial{
            margin-bottom: 0;
        }

        #contacto-index{
            padding-top: 0px;
        }

    /*  ------------------------------------------------  *\
    *  $ SCRIPTS
    \*  ------------------------------------------------  */
        .scripts {
            display: none;
        }