/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
:root{
    --corporativo: #CCC4B5;
    --corporativo_8: #CCC4B588;
}
/* Usando la ruta especificada */

body {
    font-size: 16px;
    line-height: 1.4;
    background-color: #FFFFFF;
    color: #000000;
    text-rendering: optimizeLegibility;
    
}
button,
select,
input,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    box-shadow: unset;
}

input[type="submit"], button, select{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
}

ul, li{
    margin: 0px;
}
select{
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline:0px;
}
select::-ms-expand { /* for IE 11 */
    box-shadow: none;
    display: none;
    cursor: pointer;
    outline:0px;
}
:focus{
    outline:0px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #EEB21E inset;
    box-shadow: 0 0 0px 1000px #EEB21E inset;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: rgba(0, 0, 0, .5);
    color: #FFFFFF;
}

::selection {
    background: rgba(0, 0, 0, .5);
    color: #FFFFFF;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    /*vertical-align: middle;*/
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */


ul, li {
  list-style-type:none;
  list-style-position: outside;
  margin-left: 0px;
  padding: 0px;
}


strong{
    font-family: 'normal', Arial, Helvetica, Verdana, sans-serif;
    color:#000000 !important;
    font-weight: normal;
    font-size: 1em;
    font-weight: bold;
}

.seo-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    z-index: 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
 Notas:
  - Para el cálculo de las medidas en 'em' se ha utilizado la referencia de 16 px por 1 em.
 */

/* ==========================================================================
   FUENTES
   ========================================================================== */
  

@font-face {
    font-family: 'light';
    src: url('/fonts/FuturaStdLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'normal';
    src: url('/fonts/FuturaStdBook.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bold';
    src: url('/fonts/FuturaStdMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}
.lt-ie9{
  font-family: 'normal', 'Arial', 'Verdana', 'Geneva', 'sans-serif';
  font-size: 13px;
}
html{
    font-family: 'normal', arial, helvetica, verdana, sans-serif;
    overflow-y: scroll;
}


/* ==========================================================================
   LAYOUT GENERAL
   ========================================================================== */
  
.posFix{
    position: fixed;
}

.texto{
  color: #FFFFFF;
  font-size: 1em;
  cursor: default;
  font-weight: normal;
}

.espacioP{
  margin-top: 20px;
  margin-bottom: 20px;
}
.txtNegro{
    color: #000000 !important;
}
.txtGris{
    color: #666666 !important;
}
.txtGrisC{
    color: #999999 !important;
}
.txtRojo{
    color: #CC0000 !important;
}
.inputTextError{
    color: #CC0000 !important;
    background-color: rgba(204, 0, 0, 0.1) !important;
}
.errorBorder{
    outline: 1px solid #CC0000 !important;
}
.okBorder{
    outline: 1px solid #34A853 !important;
}
.checkAvisoError{
    border: 1px solid #CC0000 !important;
    background-color: #FFCCCC;
}
.txtCorporativo{
    color: var(--corporativo) !important; /* rgba(135, 226, 209, 1); */
}
.txtAuxiliar{
    color: #f4a800 !important; /* rgba(0, 201, 255); */
}
.txtAuxiliar:hover, .txtAuxiliar:focus{
    text-decoration: underline;
}
.txtBlanco{
    color: #FFFFFF !important;
}
.destacado{
    background-color: rgba(0, 204, 255, .5)!important;
    color: #000000 !important;
}
.txt_bloque{
    white-space: nowrap;"
}
/* ==========================================================================
   Copyright
   ========================================================================== */
#copyright{
  position: fixed;
  right: 15px;
  top: 100%;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  font-size: 0.75em;
  color: #444444;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
}
#copyright:hover, .copyright:focus{
  color: #FFFFFF;
  text-shadow: 1px 1px #000000;
}
/* ==========================================================================
   Cookies
   ========================================================================== */
#leyDeCookies {
    position: fixed;
    width: 95%;
    max-width: 780px;
    height: auto;
    bottom: 10px;
    left: 50%;
    text-align: center;
    line-height: 1em;
    font-size: 1.2em;
    transition: all 0.5s ease 0s;
    padding: 8px 20px;
    cursor: pointer;
    display: none;
    z-index: 100;
    border-radius: 30px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
#leyDeCookies:hover, #leyDeCookies:focus{
    background-color: var(--corporativo);
}
#leyDeCookies a{
    color: #FFFFFF;
    
    text-decoration: none;
}
#leyDeCookies p{
    margin: 0px;
    padding: 0px;
    display: block;
    animation: none;
}
#leyDeCookies button{
    border: none;
    color: #FFFFFF;
    margin: 10px 20px 0px 20px;
    transition: all .5s;
    padding: 5px 20px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 10px;
}
#leyDeCookies button:hover{
    background-color: rgba(0, 0, 0, .2);
}
#leyDeCookies strong{
    color: #FFFFFF !important;
    font-weight: normal !important;
}
/* ------------------------------------------------------------------------------
   ERRORES
   ------------------------------------------------------------------------------ */
.error{
    height: 100%;
    text-align: center;
    padding-top: 50px;
}
.imgCrash{
    background-image: url('/img/circuitos/notfound.jpg');
}
#logoError img{
    width: 140px;
}
#mainError{
    color: #FFFFFF;
    font-size: 2.5em;
    font-family: 'bold';
}
#mainError a{
    color: #FFFFFF;
}
#mainError a:hover{
    text-decoration: underline;
}


/* ==========================================================================
   Aviso
   ========================================================================== */
#aviso{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    transition: all .8s;
    display:none;
    z-index: 200;
}
#aviso img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}
#cajAvi{
    position: absolute;
    left: 50%;
    top: 0px;
    width: 90%;
    max-width: 900px;
    min-height: 190px;
    font-size: .9em;
    background-color: transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display:none;
    z-index: 201;
}
#cajAvi a{
    display: block;
}
#cajAvi input{
    position: relative;
    width: calc(100% - 40px);
    top: 60px;
    height: 20px;
    margin: 20px 0px 20px 10px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    font-family: 'light';
    font-size: 1.6em;
    text-align: center;
    transition: all .5s;
}
#cajAvi #marca{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#cajAvi input:hover, #cajAvi input:focus{
    border-color: var(--corporativo) !important;
    color: #000000;
}
#cajAvi .bloq a{
    width: 100%;
    margin: 5px;
    padding: 5px;
    font-family: 'light';
    font-size: 2.3em;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #666666;
    transition: all .5s;
    text-transform: capitalize;
    display: block;
}
#cajAvi .bloq a:hover, #cajAvi .bloq a:focus{
    color: var(--corporativo);
}
.btnOkStandar{
    position: absolute;
    bottom: 20px;
    width: 150px;
    height: 35px;
    border: 1px solid var(--corporativo);
    background-color: var(--corporativo);
    color: #FFFFFF;
    transition: all .5s;
}
.btnOffStandar{
    position: absolute;
    bottom: 20px;
    width: 150px;
    height: 35px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    color: #666666;
    transition: all .5s;
}
.btnOkStandar:hover, .btnOkStandar:focus, .btnOffStandar:hover, .btnOffStandar:focus{
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}

/* ==========================================================================
   AVISO LEGAL
   ========================================================================== */
#txtInfo{
    position: absolute;
    top: 0px;
    padding-top: 0px;
    color: #000000;
    width: 100%;
    background-color: #FFFFFF;

}
#txtInfo canvas{
    width: 100%;
    margin: 0px;
    height: 15px;
    background-color: #000000;
}
#txtInfo img{
    width: auto;
    margin-top: 30px;
}
#txtInfo section{
    margin:  50px 0px 100px 3%;
    width: 50%;
}
#txtInfo section h1{
    font-family: 'bold';
    font-weight: normal;
    font-size: 1.4em;
}
#txtInfo section h2{
    font-family: 'bold';
    font-weight: normal;
    font-size: .95em;
    color: #000000;
    margin-top: 50px;
}
#txtInfo section p{
    font-family: 'light';
    font-weight: normal;
    font-size: .95em;
}
#txtInfo section ul{
    margin-left: 5%;
    font-size: .95em;
}
#txtInfo section ul li{
    font-family: 'light';
    list-style-type: initial;
}
#txtInfo section strong{
    color: #000000 !important;
    font-weight: normal;
    font-size: 1em;
    font-family: 'bold';
}
#txtInfo section a{
    color: #000000;
    text-decoration: underline;
}
@media only screen and (max-width: 960px){
    /* Aviso legal */
    #txtInfo{
        margin-top: 120px;
        width: 100%;
    }
    #txtInfo section{
        margin: 50px 3% 100px 3%;
        width: 90%;
    }
}

/* ==========================================================================
   MENÚ
   ========================================================================== */
#men_bl{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    background-color: #FFFFFF;
    z-index: 38;
    display: none;
}
nav {
    position: relative;
    top: 20px;
    left: 50%;
    padding: 10px 25px;
    border-radius: 80px;
    background-color: #FFFFFF;
    text-align: center;
    /* width: fit-content; */
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 39;
    -webkit-animation: subirFade 0.6s ease forwards;
    animation: subirFade 0.6s ease forwards;
    width: calc(94% - 30px);
    max-width: 620px;
}
/*nav {
    position: relative;
    top: 20px;
    padding: 10px 25px;
    border-radius: 40px;
    background-color: #FFFFFF;
    text-align: center;
    width: fit-content;
    z-index: 39;
    animation: movAlpha .5s normal;
    right: 20px;
    float: right;
}*/
@keyframes movAlpha {
    0% {
        opacity: 0;
    }100%{
        opacity: 1;
    }
}
nav .menu{
    
}
nav .menu li{
    margin: 0px 20px;
    padding: 0px 0px;
    display: inline-block;
    -webkit-animation: movMen .5s forwards .3s;
    animation: movMen .5s forwards .3s;
    opacity: 0; 
}
@-webkit-keyframes movMen {
    0% {
        margin-top: -80px;
        opacity: 0;
    }100%{
        margin-top: 0px;
        opacity: 1;
    }
}

@keyframes movMen {
    0% {
        margin-top: -80px;
        opacity: 0;
    }100%{
        margin-top: 0px;
        opacity: 1;
    }
}


@-webkit-keyframes subirFade {
  0% {
    opacity: 0;
    margin-top: 5%;
  }
  100% {
    opacity: 1;
    margin-top:0px;
  }
}

@keyframes subirFade {
  0% {
    opacity: 0;
    margin-top: 5%;
  }
  100% {
    opacity: 1;
    margin-top:0px;
  }
}

@-webkit-keyframes subirFade_80 {
  0% {
    opacity: 0;
    margin-top: 240px;
  }
  100% {
    opacity: 1;
    margin-top: 80px;
  }
}

@keyframes subirFade_80 {
  0% {
    opacity: 0;
    margin-top: 240px;
  }
  100% {
    opacity: 1;
    margin-top: 80px;
  }
}
nav .menu li a {
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 1em;
    text-decoration: none;
    transition: all .5s;
    display: inline-block;
    vertical-align: middle;
}
nav .menu li a:hover{
    opacity: .3;
}
.glow{
    margin: 0px 5px !important;
}
.glow a{
    padding: 10px 15px !important;
    background-color: var(--corporativo);
    border-radius: 40px;
    color: white !important;
    transition: all .5s;
}

.glow a:hover{
    background-color: black;
    opacity: 1 !important;
}
nav .menu .btnAct a{
    border-bottom: 2px solid var(--corporativo);
    pointer-events: none;
}
nav .subMenu{
    display: none;
}
.button{
    width: 100%;
    margin: 5px 0px;
    padding: 5px 0px;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    display: block;
    transition: all .5s;
}
.button:hover{
    color: #FFFFFF;
    background-color: #000000;
}

.btnFix {
    position: fixed;
    top: 16px;
    right: 21px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../img/spriteG_.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: -26px -24px;
    padding: 0px;
    border: none;
    z-index: 40;
    border-radius: 50%;
    background-color: transparent;
    /* padding: 9px; */
}
#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: black
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    transition: all .5s;
    opacity: .9;
    z-index: 999;
}
#scrollTopBtn::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(135deg);
    margin: 8px auto 0 auto;
}

#btnMovil {
    right: 21px;
    background-position: -26px -24px;
    display: none;
}
#btnSearch{
    right: 81px;
    background-position: -267px -52px;
    z-index: 39;
}
#marca{
    position: fixed;
    width: 215px;
    height: auto;
    top: 20px;
    left: 20px;
    display: block;
    z-index: 40;
}
#marca img{
    width: 180px;
    height: auto;
}
#marca_menu {
    width: 90px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 8px;
}
/* Redes */
#redesMenu{
    position: absolute;
    top: 2px;
    right: 5px;
    transition: all 1s;
}
.btnInfTxt{
    position: relative;
    font-family: 'bold';
    font-size: .85em;
    text-transform: uppercase;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid transparent;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 12px;
    transition: all .5s;
    opacity: .3;
}
.btnInfo {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/spriteG_.png);
    background-repeat: no-repeat;
    background-size: 300px;
    border: 1px solid transparent;
    /* border-radius: 50%; */
    margin-left: 2px;
    /* margin-right: 0px; */
    transition: all .5s;
    opacity: 1;
    margin-top: 5px;
}
.btnInfo:hover, .btnInfo:focus, .btnInfTxt:hover, .btnInfTxt:focus{
    /*border-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.3);*/
    opacity: .3 !important;
}
#btnMap{
    background-position: -240px 0px;
}
#btnTel{
    background-position: -210px 0px;
}
#btnWhat{
    background-position: -150px 0px;
}
#btnMai{
    background-position: -180px 0px;
}
#btnFbk{
    background-position: -60px 0px;
}
#btnIns{
    background-position: -90px -30px;
}

#btnSna{
    background-position: -120px -0px;
}
#btnBoo{
    background-position: -122px -60px;
}
#btnPol{
    background-position: -94px -60px;
}
#btnVid{
    background-position: -150px -60px;
}
#btnSho{
    background-position: -210px -60px;
}
#btnTwi{
    background-position: -120px -30px;
}
#btnYou{
    background-position: -150px -30px;
}
#btnHou{
    background-position: -180px -30px;
}
#btnPDF{
    background-position: -240px -60px;
}
#btnMut{
    background-position: -240px -30px;
}
#btnMod{
    background-position: -270px -30px;
}
#redesCentrado{
    position: relative;
    left: 50%;
    display:inline-flex !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 50px;
}
#cursor{
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: transparent;
    background-image: url(../img/spriteG_.png);
    background-repeat: no-repeat;
    display: none;
    z-index: 200000;
    pointer-events: none;
}
.btn_izq{
    background-position: -0px -180px;
}
.btn_der{
    background-position: -60px -180px;
}
/* ==========================================================================
   BLOQUE SUBMENÚ
   ========================================================================== */
#bloqSubMen{
    position: fixed;
    top: 40px;
    width: 100%;
    padding: 10px 0px;
    color: #FFFFFF;
    text-align: left;
    background-color: rgba(255, 255, 255, .9);
    display: block;
    z-index: 38;
    opacity: 0;
    -webkit-animation: movSubMen .5s forwards .3s;
    animation: movSubMen .5s forwards .3s; /* mantener el estado final */
}
@-webkit-keyframes movSubMen {
    0% {
        top: 40px;
        opacity: 0;
    }100%{
        top: 70px;
        opacity: 1;
    }
}
@keyframes movSubMen {
    0% {
        top: 40px;
        opacity: 0;
    }100%{
        top: 70px;
        opacity: 1;
    }
}
#bloqSubMen li{
    margin: 0px 25px;
    display: inline-block;
}
@-webkit-keyframes movSubMen {
    0% {
        top: 40px;
        opacity: 0;
    }100%{
        top: 70px;
        opacity: 1;
    }
}
@keyframes movSubMen {
    0% {
        top: 40px;
        opacity: 0;
    }100%{
        top: 70px;
        opacity: 1;
    }
}
#bloqSubMen li a{
    font-size: 2.3em;
    text-decoration: none;
    color: #000000;
    opacity: 1;
    transition: all .5s;
}
#bloqSubMen li a:hover, #bloqSubMen li a:focus{
    opacity: .5;
}
 #bloqSubMen .btnAct{
    color: var(--corporativo);
    text-decoration: line-through;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
footer{
    width: 100%;
    min-height: 120px;
    text-align: center;
    padding: 80px 0px;
    color: white;
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5);
}
footer a, footer span{   
    display: inline-block;
    vertical-align: middle;
}
footer span{
    opacity: 0;
}
footer a img{
    width: 20px;
    height: auto;
    margin: 20px;
    display: block;
}
footer .datos{
    margin-top: 40px;
    display: block;
}
footer .datos h2{
    font-family: 'bold';
    font-weight: normal;
    font-size: 1.3em;
}
footer .datos a{
    color: white;
    text-decoration: none;
}
/* ==========================================================================
   FONDOS
   ========================================================================== */
#fondoWeb{
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 110px;
    width: 100%;
    height: auto;
    background-color: transparent;
    pointer-events: none;
    display: block;
    z-index: 0;
}
#fondoWeb div picture{
    position: absolute;
    top: 0px;
    width: 100%;
    min-height: 345px;
    text-align: center;
    transition: all 1s;
    overflow: hidden;
    display: block;
}
#fondoWeb div .first{
    position: relative;
}
#fondoWeb .horizontal picture img{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;  
    transition: all .5s;
}
#fondoWeb .vertical picture img{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%; 
    transition: all .5s;
}
.videoHome {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
}
.horizontal { display:none; }
.vertical { display:none; }

@media (orientation: landscape) {
  .horizontal { display:block; }
}
@media (orientation: portrait) {
  .vertical { display:block; }
}

.center-svg {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    /* height: 100vh; */
    max-width: 520px;
    opacity: 0;
    -webkit-animation: subirFade 1.6s ease .3s forwards;
    animation: subirFade 1.6s ease .3s forwards;
}
.center-svg a{
    text-align: center;
    text-decoration: none;
    display: block;
    transition: all .5s;
}
.center-svg a:nth-child(2){
    margin: 10% auto 0px auto;
    color: white;
    width: fit-content;
    border-radius: 40px;
    padding: 10px 25px;
    font-size: 2em;
    background-color: var(--corporativo_8);
}
.center-svg a:nth-child(2):hover, .center-svg a:nth-child(2):focus{
    opacity: 1;
    background-color: black;
}
.center-svg a img{
    width: 100%;
    height: auto;
    max-width: 190px;
}
/* ==========================================================================
   HOME
   ========================================================================== */

#info{
    position: relative;
    width: 40%;
    left: 30%;
    display: block;
}
#info h2{
    font-family: 'bold';
    font-size: 1em;
    font-weight: normal;
}
#info p{
    text-align: justify;
}
#listado{
    position: relative;
    width: 98%;
    left: 1%;
    margin-top: 0px;
    margin-bottom: 120px;
    text-align: center;
}
#listado h1{
    margin: 0% 0px 0px 0px;
    text-align: left;
    font-size: 2em;
    /*font-family: 'light';*/
    font-weight: normal;
    color: #000000; 
}
#listado h1 a{
    text-decoration: none;
    color: #000000;
    transition: all .5s;
}
#listado h1 a:hover{
    color: var(--corporativo);
}
#listado a{
    text-decoration: none;
    color: #000000;
    transition: all .5s;
}
#listado a:hover, #listado a:focus{
    color: var(--corporativo);
}
#listado article{
    position: relative;
    width: 333px;
    margin: 1%;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
    transition: all .5s;
    
}

#listado article .bloq{
    width: 333px;
    height: 512.65px;
    display: block;
}


#listado article p{
    color: #999999;
    font-family: 'light';
    font-size: 1em;
    margin: 8px 0px 0px 0px;
}
#listado article p strong{
    font-size: 1.4em;
    display: block;
}
#listado article .descripcion{
    font-size: 2em;
    font-family: 'normal';
}
/*#listado article:hover, #listado article:focus{
    background-color: #000000;
    border: 1px solid #FFFFFF;
}*/
#listado article .foto{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
#listado article .foto:hover {
    filter: blur(5px);
    opacity: .4;
}
.pola:hover .foto{
    filter: blur(5px);
    opacity: .4;
}
.pola{
    border-radius: 12px;
    /*box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);*/
    vertical-align: middle;
}

/*#listado article:hover .foto, #listado article:focus .foto{
    opacity: .8;
    filter: grayscale(100%);
}*/
#listado article .like{
    position: absolute;
    left: 50%;
    top: 75%;
    width: 110px;
    height: 110px;
    background-image: url(../img/corazon.png);
    background-repeat: no-repeat;
    background-size: 110px; /*255px*/
    font-family: 'light';
    font-size: 2.2em;
    color: #FFFFFF;
    text-align: center;
    padding: 35px 0px 0px 0px;
    margin: 0px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    transition: all .5s;
    z-index: 1;
}

#listado article:hover .like, #listado article:focus .like{
    top: 55%;
    opacity: 1;
}
/*#listado article .video{
    position: relative;
    height: 412.65px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}*/

/* INSTAGRAM */
.instagram article .bloq{
    height: 333px !important;
    /*border-radius: 16px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    overflow: hidden;*/
}
.instagram article .bloq img{
    border-radius: 16px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.instagram article p {
    position: absolute;
    top: 120px;
    left: 50%;
    color: #000000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    pointer-events: none;
    -webkit-animation: movTop .3s normal linear;
    animation: movTop .3s normal linear;
    font-size: 2em !important;
    font-family: 'normal' !important;
    color: #000000 !important;
    /* Abreviar texto */
    -webkit-line-clamp: 3; /* Número de líneas antes de cortar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.instagram article:hover p{
    display: -webkit-box;
}
/* ==========================================================================
   NEWS
   ========================================================================== */
h1 {
    margin: 0px;
    font-family: normal;
    font-size: 3.2em;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px;
    color: white;
}
/* Masonry fluid */
.grid {
  width: 98%;
  left: 1%;
  display: block;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}


.info_section {
    margin: 80px auto 20px auto;
    background-repeat: repeat;
    width: 96%;
    max-width: 720px;
    padding: 2% 4%;
    color: white;
    font-size: 1em;
    opacity: 0;
    -webkit-animation: subirFade_80 1.6s ease .3s forwards;
    animation: subirFade_80 1.6s ease .3s forwards;
}
.info_section a {
    background-color: white;
    padding: 2px 12px;
    border-radius: 4px;
    text-decoration: none;
}
/* With U */
.withu{
    background-color: #F6B595;
    max-width: unset;
    padding: 2% 30%;
    width: 40%;
    margin-top: 0px !important;
}
.withu h1{
    text-align: left;
}
.img_wu {
    width: 23%;
    margin: 1%;
    position: relative;
    display: inline-block;
    float: unset;
}

.img_wu img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .5s;
}
.img_wu:hover img{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.btn_comprar {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    border: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 40px;
    pointer-events: none; /* opcional si no quieres que se haga clic ahí */
}
/* //////  */

.textura{
    background-color: var(--corporativo);
    background-image: url('../img/textura.png');
}

.video_mask {
    height: auto;
    width: 94%;
    position: relative;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    pointer-events: none;
    /*-webkit-mask-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='31.499 20 137.001 160.001' viewBox='31.499 20 137.001 160.001' height='300' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M166.344 54.704c-1.805-4.794-4.774-9.353-9.025-13.403-11.189-10.658-30.812-17.352-48.765-20.236-47.41-7.615-75.151 27.098-76.986 56.126-.874 13.824 6.889 27.31 7.497 41.175.652 14.878-5.574 29.557-2.586 44.536 1.666 8.348 8.576 13.214 20.06 15.16 34.353 5.821 80.34-1.147 97.585-25.256 4.83-6.752 6.951-14.461 7.698-21.959.881-8.85-1.181-17.654-1.463-26.49-.268-8.412 2.606-16.449 5.664-24.509 3.091-8.151 3.392-16.986.321-25.144z'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='31.499 20 137.001 160.001' viewBox='31.499 20 137.001 160.001' height='300' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M166.344 54.704c-1.805-4.794-4.774-9.353-9.025-13.403-11.189-10.658-30.812-17.352-48.765-20.236-47.41-7.615-75.151 27.098-76.986 56.126-.874 13.824 6.889 27.31 7.497 41.175.652 14.878-5.574 29.557-2.586 44.536 1.666 8.348 8.576 13.214 20.06 15.16 34.353 5.821 80.34-1.147 97.585-25.256 4.83-6.752 6.951-14.461 7.698-21.959.881-8.85-1.181-17.654-1.463-26.49-.268-8.412 2.606-16.449 5.664-24.509 3.091-8.151 3.392-16.986.321-25.144z'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-mask-size: 100%;*/
    mask-image: url("/img/marca_withu.svg");
    -webkit-mask-image: url("/img/marca_withu.svg");
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
    max-width: 520px;
    margin: 0px auto;

}


#news_listado {
    padding-bottom: 120px;
    /*column-count: 4;
    column-gap: 2%; 
    padding: 20px 2% 80px 2%;
    margin: 0px;*/
    opacity: 0;
    -webkit-animation: subirFade 2s ease .9s forwards;
    animation: subirFade 2s ease .9s forwards;
}

#news_listado .news_bloq {
    /*break-inside: avoid;
    margin-bottom: 15px; 
    padding: 0;*/
}
#news_listado .bloq{
    padding: 2%;
}
#news_listado .foto{
    width: 100% !important;
    height: auto !important;
    object-fit: unset !important;
    pointer-events: none;
}
/*
#news_listado .news_bloq .foto{
    width: 100% !important;
    height: auto !important;
    object-fit: unset !important;
}
#news_listado .news_bloq .bloq {
    width: auto !important;
    height: auto !important;
    padding: 0;
    margin: 0;
}*/
#news_listado h2 {
    font-family: normal;
    font-size: 2.3em;
    font-weight: normal;
    color: #000000;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    line-height: 1.1em;
}
#news_listado span {
    margin-top: -10px;
    color: var(--corporativo);
    display: block;
}
#news_listado a{
    text-decoration: none;
    color: #000000;
}
#news_listado p {
    color: #333333;
    font-family: 'light';
    font-size: 1em;
    margin: 8px 0px 0px 0px;
    padding-right: 40px;
    padding-bottom: 40px;
}

/* Obsoleto lo de abajo */
#news{
    position: relative;
    width: calc(100% - 40px);
    padding: 0px 20px;
    margin: 140px 0px;
    text-align: center;
}
#news h1{
    margin: 0px 0px 40px 0px;
    font-size: 2.4em;
    font-weight: bold;
    text-align: center;
    color: #000000;
}
#news p{
    margin: 0px 0px 40px 0px;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    font-family: 'light';
    color: #000000;
}

#news img, #news video, #news iframe{
    width: 100%;
    margin: 20px 0px;
    display: inline-block;
}

#news video, #news iframe{
    max-width: 820px;
}
#news .galeria {
    text-align: center;
}
#news .galeria li{
    width: 48%;
    margin: 1%;
    vertical-align: top;
    display: inline-block;
}
#news .galeria li.fotHor{
    width: 100%;
    display: block;
}
#news a{
    color: #000000;
    text-decoration: none;
    transition: all .5s;
}
#news a:hover, #news a:focus{
    color: var(--corporativo);
}
#news .btn{
    font-family: 'light';
    padding: 5px 40px;
    color: #000000;
    border: 1px solid var(--corporativo);
    background-color: #FFFFFF;
    text-transform: uppercase;
    transition: all .5s;
}
#news .btn:hover, #news .btn:focus{
    color: #FFFFFF;
    background-color: var(--corporativo);
}
/* ==========================================================================
   GALERÍA
   ========================================================================== */
.fonGal{
    background-image: url(../img/marcaBack.png);
    background-repeat: repeat;
    background-size: 30px; /*255px*/
}
#galeria{
    position: relative;
    left: 50%;
    top: 10px;
    width: 100%;
    max-width: 640px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #FFFFFF;
    text-align: center;
}
#galeria .imgDet{
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
#galeria .marca{
    display: block;
}

#galeria h1{
    font-family: 'light';
    font-size: 1.2em;
    font-weight: normal;
    padding: 5%;
    margin: 0px 0px 0px 0px; /* -80px */
}
#galeria .like{
    position: relative;
    top: -60px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-image: url(../img/corazon.png);
    background-repeat: no-repeat;
    background-size: 60px; /*255px*/
    font-family: 'light';
    font-size: 1.2em;
    color: #FFFFFF;
    padding: 20px 0px 0px 0px;
    margin: 0px;
    text-align: center;
}
/* ==========================================================================
   GALERÍA
   ========================================================================== */
#indPro{
    position: relative;
    top: 140px;
    text-align: center;
}
#indPro article{
    position: relative;
    width: calc(16.66666666666667% - 20px);
    margin: 10px;
    vertical-align: top;
    transition: all .5s;
    display: inline-block;
}
#indPro article a{
    text-decoration: none;
}
#indPro article .picture{
    /*position: absolute;*/
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
    transition: all .5s;
}
#indPro article .picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    

}
#indPro article:hover .pic0{
    filter: blur(5px);
    opacity: .3;
}

#indPro article .pic1{
    opacity: 0;
    transition: all .5s;
}
#indPro article:hover .pic1, #indPro article:focus .pic1{
    opacity: 1;
}


#indPro article h1{
    margin: 0% 0px 0px 0px;
    padding: 0px;
    text-align: left;
    font-size: 2em;
    /*font-family: 'light';*/
    font-weight: normal;
    color: #000000;   
}
#indPro article:hover h1, #indPro article:focus h1{
    color: var(--corporativo);  
}
#indPro article canvas {
    /* position: relative; */
    /* top: -30px; */
    width: 25px;
    height: 25px;
    margin: 0px 0px 0px calc(100% - 38px);
    opacity: .3;
    /* float: right; */
    position: absolute;
    right: 8px;
    top: 8px;
}
#indPro article .viaOn{
    background-image: url(../img/spriteG_.png);
    background-repeat: no-repeat;
    background-size: 210px;
    background-position: -42px -40px;
    opacity: 0;
    transition: all .5s;
}
#indPro article:hover .viaOn, #indPro article:focus .viaOn{
    opacity: .3;
}
#indPro article .descripcion, #listado article .descripcion{
    position: absolute;
    top: 120px;
    left: 50%;
    color: #000000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    pointer-events: none;
    -webkit-animation: movTop .3s normal linear;
    animation: movTop .3s normal linear;
}
@-webkit-keyframes movTop {
    0% {
        opacity: 0;
        margin-top: 20px;
    }100%{
        opacity: 1;
        margin-top: 0px;
    }
}
@keyframes movTop {
    0% {
        opacity: 0;
        margin-top: 20px;
    }100%{
        opacity: 1;
        margin-top: 0px;
    }
}
.descripcion_pack{
    position: relative;
    top: 0px;
    left: 0%;
    color: #000000;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    font-size: 1.2em;
    display: block;
}
.descripcion_pack td{
    width: 80px;
}
.descripcion_pack .campo{
    color: var(--corporativo);
}
#indPro article .descripcion td, #indPro article .descripcion .campo{
    color: #000000;
}

#indPro article:hover .descripcion, #indPro article:focus .descripcion, #listado article:hover .descripcion, #listado article:focus .descripcion{
    display: block;
}
/* ==========================================================================
   FICHA
   ========================================================================== */

#fra video, #fra img {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
#fra img {
    object-position: top;
    -webkit-animation: movFonFic 3s normal ease-in-out;
    animation: movFonFic 3s normal ease-in-out;
}
@-webkit-keyframes movFonFic {
    0% {
        width: 130%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }100%{
        width: 100%;
        top: 0px;
        left: 0px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
}
@keyframes movFonFic {
    0% {
        width: 130%;
        
    }100%{
        width: 100%;
        
    }
}
#ficha {
    position: absolute;
    /* bottom: -300px; */
    width: 100%;
    height: 300px;
    background-color: #FFFFFF;
    transition: all 1s;
    top: 110%; /* mantener el estado inicial */
    -webkit-animation: movFic 1s forwards;
    animation: movFic 1s forwards; /* mantener el estado final */
}
@-webkit-keyframes movFic {
    0% {
        top: 110%;
    }100%{
        top: calc(100% - 60px);
    }
}
@keyframes movFic {
    0% {
        top: 110%;
    }100%{
        top: calc(100% - 60px);
    }
}
/*#ficha article canvas{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    background-color: rgba(135, 226, 209, 1);
    mix-blend-mode: multiply;
    margin: 0px;
    padding: 0px;
    display: block;
}*/
#ficha article .tit {
    position: relative;
    margin: 0px;
    padding: 0px;
    font-family: 'light';
    font-weight: normal;
    font-size: 5em;
    text-align: center;
    color: white;
    text-transform: capitalize;
    font-family: 'normal';
    margin-top: -100px;
    text-shadow: 5px 5px 10px rgba(0,0,0,.5);
}
/* DESCRIPCIÓN */
#ficha article .bloqBtn{
    position: relative;
    top: 20px;
    left: 0px;
    text-align: center;
    background-color: #FFFFFF;
}
/* tabla */
/**/
.descripcion{
    position: relative;
    /*float: left;*/
    width: auto;
    padding: 0px;
    font-size: 1.1em;
    display: inline-block;
}
.descripcion tr{
    height: 1.9em;
}
.descripcion .campo{
    text-align: left;
    padding-left: 1.2em;
    color: #999999;
}
.descripcion td{
    text-align: right;
}
.descripcion a{
    text-decoration: none;
    color: #000000;
    transition: all .5s;
}
.descripcion a:hover{
    color: rgba(135, 226, 209, 1) !important;
}

.descripcion_linea{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 1.4em;
    vertical-align: middle;
}

.descripcion_linea .campo{
    color: var(--corporativo);
}
.descripcion_linea .campo:not(:last-child) {
    margin-right: 15px;
}
.descripcion_linea .campo a{
    color: #000000;
    transition: all .5s;
}
.descripcion_linea .campo a:hover{
    color: var(--corporativo);
    text-decoration: underline;
}
/* botones */
.btn {
    width: 100%;
    display: block;
    position: relative;
    padding: 60px 0px;
}
.btn div {
    margin: 0px 2%;
    display: inline-block;
    vertical-align: top;
    max-width: 280px;
    width: 30%;
    cursor: pointer;
}
.btn div{
    text-decoration: none;
}
.btn div picture{
    width: 100%;
    height: auto;
    display: block;
}
.btn div picture img{
    width: 100%;
    height: auto;
}
.btn div h2{
    color: var(--corporativo);
    font-size: 1.6em;
    font-weight: normal;
    text-transform: lowercase;
    text-align: center;
    text-decoration: line-through;
    margin: 0px;
    transition: all .5s;
}
.btn div:hover h2{
    color: var(--corporativo);
}
.btn div.btnOff h2{
    color: #000000;
    text-decoration: none;
    transition: all .5s;
}
.btn div.btnOff picture{
    opacity: .3;
    transition: all .5s;
}
.btn div.btnOff:hover picture{
    opacity: 1;
}
.btn div.btnOff:hover h2{
    color: var(--corporativo);
}
/* ==========================================================================
   GALERÍA MODELO
   ========================================================================== */

#galMod, #galMod article{
    text-align: left;
    width: 100%;
    padding-bottom: 80px;
}
#galMod article h1{
    position: fixed;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-family: 'light';
    font-weight: normal;
    text-transform: uppercase;
    color: var(--corporativo);
    background-color: #FFFFFF;
    z-index: 10;
}
#galMod article .bloq{
    position: fixed;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}
#galMod .bloqIco{
    text-align: center;
}
/* Botonera */
#galMod article .bloq canvas{
    max-width: 50%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    display: inline-block;
}


/* Fotos */
#galMod article .bloq .picture{
    max-width: 46%;
    height: calc(100% - 84px);
    margin: 40px 2%;
    display: inline-block;
}

#galMod article .bloq .picture img {
    width: auto;
    height: 100%;
    display: block;
    max-width: 100%;
    object-fit: cover;
}
#galMod article .bloq video{
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/* Imágenes iconos */

#galMod .bloqIco .picture{
    height: auto;
    width: 23%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}


#galMod .bloqIco .picture img{
    width: 100%;
    height: auto;
    pointer-events: none;
    transition: all .5s;
    /*display: block;*/
}
#galMod .bloqIco .picture:hover img{
    opacity: .7;
}
#galMod .bloqIco .fotHor{
    width: 46%;
}
#galMod .bloqIco video{
    width: 46%;
    margin: 2%;
}
/* Columna derecha */
#galMod article .colDer button, #btnCer{
    position: fixed;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url(../img/spriteG_.png);
    background-repeat: no-repeat;
    background-size: 300px;
    padding: 0px;
    border: none;
    transition: all .5s;
    z-index: 240;
}
#galMod article .colDer .camGal{
    opacity: .3;
    border: 1px solid transparent;
}
#galMod article .colDer .camGal:hover{
    opacity: .8;
    border-color: var(--corporativo);
}
#galMod article .colDer .act{
    opacity: 1;
    pointer-events: none;
}
#galMod article #pasFot{
    display: none;
}
#btnCer{
    top: 5px;
    right: 5px;
    background-position: -181px -58px;
}
#btnImg{
    bottom: 5px;
    right: 50px;
    background-position: -3px -59px;
}
#btnIco{
    bottom: 5px;
    right: 10px;
    background-position: -33px -59px;
}
/* ==========================================================================
   CONTACTAR
   ========================================================================== */
#bloCon{
    position: absolute;
    width: calc(96% - 40px);
    max-width: 420px;
    top: 50%;
    left: 50%;
    text-align: center;
    background-color: #FFFFFF;
    padding: 20px 20px 80px 20px;
    margin-bottom: 150px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 16px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    -webkit-animation: movCon 1.5s normal;
    animation: movCon 1.5s normal; 
}

@-webkit-keyframes movCon {
    0% {
        top: 60%;
        opacity: 0;
    }100%{
        top: 50%;
        opacity: 1;
    }
}
@keyframes movCon {
    0% {
        top: 60%;
        opacity: 0;
    }100%{
        top: 50%;
        opacity: 1;
    }
}
#bloCon .marca{
    width: 220px;
    height: auto;
}
#bloCon article h2{
    margin: 40px 0px 10px 0px;
    padding: 0px;
    font-size: 1.4em;
    font-family: 'bold';
    font-weight: normal;
    text-transform: uppercase;
}
@-webkit-keyframes movConH2 {
    0% {
        margin-bottom: 45px;
    }100%{
        margin-bottom: 10px;
    }
}
@keyframes movConH2 {
    0% {
        margin-bottom: 45px;
    }100%{
        margin-bottom: 10px;
    }
}
#bloCon article p{
    margin: 5px 0px;
    padding: 0px;
}
@-webkit-keyframes movConP {
    0% {
        margin-bottom: 45px;
    }100%{
        margin-bottom: 5px;
    }
}
@keyframes movConP {
    0% {
        margin-bottom: 45px;
    }100%{
        margin-bottom: 5px;
    }
}
#bloCon article p, #bloCon article p a{
    font-family: 'light';
    font-weight: normal;
    font-size: 1.1em;
    text-decoration: none;
    color: #000000;
    transition: all .5s;
}
#bloCon article p a:hover, #bloCon article p a:focus{
    color: var(--corporativo);
}

/* ==========================================================================
   GET SCOUTED -- BOOKER
   ========================================================================== */
#bloqBoo{
    position: relative;
    top: 60px;
    left: 50%;
    text-align: left;
    padding-bottom: 80px;
    width: 90%;
    max-width: 720px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#bloqBoo article h5{
    font-family: 'light';
    font-size: 2.3em;
    font-weight: normal;
    -webkit-animation: movLin 1.5s normal;
    animation: movLin 1.5s normal;
    line-height: 1.4em;
}
@-webkit-keyframes movLin {
    0% {
        line-height: 1.2em;
        opacity: 0;
    }100%{
        line-height: 1.4em;
        opacity: 1;
    }
}
@keyframes movLin {
    0% {
        line-height: 1.2em;
        opacity: 0;
    }100%{
        line-height: 1.4em;
        opacity: 1;
    }
}
#bloqBoo article h4{
    width: 88%;
    padding: 5%;
    border: 1px solid #CCCCCC;
    background-color: #E5E5E5;
    font-family: 'light';
    font-size: 1em;
    font-weight: normal;
}
#bloqBoo article input{
    width: calc(100% - 14px);
    padding: 5px;
    font-family: 'light';
    font-size: 1em;
    border: 1px solid #999999;
    background-color: #E5E5E5;
    border-radius: 8px;
}
#bloqBoo article select{
    width: calc(100% - 2px);
    padding: 5px;
    font-family: 'light';
    font-size: 1em;
    border: 1px solid #999999;
    background-color: transparent;
    background-color: #E5E5E5;
    border-radius: 8px;
}
#bloqBoo article h2{
    margin: 60px 0px 10px 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 1.6em;
    font-family: 'normal';
    color: var(--corporativo);
    border-bottom: 1px solid var(--corporativo);
    -webkit-animation: movPadding 1.5s normal;
    animation: movPadding 1.5s normal;
}
#bloqBoo article h3{
    margin: 15px 0px 0px 0px;
    padding: 0px;
    font-weight: normal;
    font-size: .85em;
    font-family: 'light';
    text-transform: uppercase;
    color: #999999;
    -webkit-animation: movPadding 1.5s normal;
    animation: movPadding 1.5s normal;
}
@-webkit-keyframes movPadding {
    0% {
        padding-bottom: 45px;
    }100%{
        padding-bottom: 0px;
    }
}
@keyframes movPadding {
    0% {
        padding-bottom: 45px;
    }100%{
        padding-bottom: 0px;
    }
}
#bloqBoo article .col2{
    width: 46%;
    margin-right: 3%;
    display: inline-block;
}
#bloqBoo article .col3{
    width: calc(30% - 2px);
    margin-right: 3%;
    display: inline-block;
}
#bloqBoo article textarea{
    border: 1px solid #999999;
    width: calc(100% - 6px);
    height: 150px;
    font-family: 'light';
    overflow-y: scroll;
    resize: vertical;
    background-color: #E5E5E5;
    border-radius: 8px;
}
#bloqBoo .requisitos{
    font-size: 1.2em;
    margin-bottom: 20px;
}
#bloqBoo .requisitos li{
    margin-left: 20px;
    list-style-type: circle;
}
#bloqBoo article .bloqBtn{
    width: 98%;
    margin-top: 0px;
    font-size: 1em;
    font-family: 'light';
}
#bloqBoo article .bloqBtn input[type="checkbox"]{
    width: auto;
    margin: 20px 5px 2px 0px;
    display: inline-flex;
}
#bloqBoo article .bloqBtn a{
    text-decoration: underline;
    color: var(--corporativo);
}
#bloqBoo article .bloqBtn button{
    width: 100%;
    padding: 10px 0px;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 20px;
    background-color: var(--corporativo);
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
}
#conFot{
    text-align: center;
}
#conFot .info{
    padding: 8px 4px;
    text-align: center;
    background-color: red;
    color: #FFFFFF;
    font-family: 'light';
    visibility: hidden;
}
#conFot .img {
    width: 136px;
    height: 185px;
    /* border: 1px solid #CCCCCC; */
    margin: 2%;
    display: inline-block;
    padding: 0%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    border-radius: 8px;
}
#conFot .img:hover, #conFot .img:focus{
    border-color: transparent;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
}
#conFot .img form{
    width: 100%;
    height: 100%;
    display: block;
}
#conFot .img form img{
    max-height: 100%;
    max-width: 100%;
    padding: 0%;
    margin: 0%;
    pointer-events: none;
}
#conFot .img form input{
    position: relative;
    top: -190px;
    width: 100%;
    height: 190px;
    margin: 0px;
    padding: 0px;
    opacity: 0;
}
/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media all and (orientation:landscape){
    
    #fra img {
        top: -80px;
    }
    
}
@media all and (orientation:portrait){
    
    #fra img {
        top: 80px;
    }
    #galMod article .bloq .picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    #galMod article .bloq .picture {
        width: auto;
        max-width: 100%;
        height: calc(100% - 84px);
        margin: 40px 2%;
        display: block;
    }
    #galMod article .bloq .picture[pos="horizontal"] img {
        position: relative;
        top: calc(50% - 20px);
        transform: translateY(-50%);
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 1650px){
    /* Listados modelos */
    #indPro article {
        position: relative;
        width: calc(20% - 20px);
        margin: 10px;
        vertical-align: top;
        transition: all .5s;
        display: inline-block;
    }
    /* News */
    .grid-sizer,
    .grid-item {
      width: 33.3333336%;
    }
}
@media only screen and (max-width: 1350px){
    /* Listados modelos */
    #indPro article {
        position: relative;
        width: calc(25% - 20px);
        margin: 10px;
        vertical-align: top;
        transition: all .5s;
        display: inline-block;
    }
}
@media only screen and (max-width: 1100px){
    .img_wu {
        width: 48%;
    }
}
@media only screen and (max-width: 1000px){
    /* Listados modelos */
    #indPro article {
        position: relative;
        width: calc(33.333333333334% - 20px);
        margin: 10px;
        vertical-align: top;
        transition: all .5s;
        display: inline-block;
    }
    /* News */
    .grid-sizer,
    .grid-item {
      width: 50%;
    }
}
@media only screen and (max-width: 810px){
    .info_section {
        padding: 6%;
        width: 84%;
    }
    .withu{
        padding: 2% 14%;
        width: 72%;
    }
}
@media only screen and (max-width: 780px){
    /* Submenú */
    #bloqSubMen li a{
        font-size: 1.7em;
    }
    #bloqSubMen li {
        margin: 0px 15px;
    }
    /* Listados modelos */
    #indPro article {
        position: relative;
        width: calc(50% - 20px);
        margin: 10px;
        vertical-align: top;
        transition: all .5s;
        display: inline-block;
    }
    /* Fichas */
    .descripcion_linea .separador{
        display: block;
    }
    @-webkit-keyframes movFic {
        0% {
            top: 110%;
        }100%{
            top: calc(100% - 90px);
        }
    }
    @keyframes movFic {
        0% {
            top: 110%;
        }100%{
            top: calc(100% - 90px);
        }
    }
    /* News */
    #news_listado {
        column-count: 1;
    }
}
@media only screen and (max-width: 708px){
    /* Instagram */
    .instagram article{
        width: 98% !important;
        height: auto !important;
        padding-top: 100%; /* Mantiene la proporción de 1:1 para hacer el cuadrado */
    }
    .instagram article .bloq{
        width: 100% !important;
        height: auto !important;
    }
    .instagram article .foto{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media only screen and (max-width: 600px){
    nav {
        width: 330px;
    }
    nav .menu .btnMenu a{
        margin-top: 10px;
    }
    .img_wu {
        width: 96%;
        margin: 2%;
    }

}
@media only screen and (max-width: 540px){
    /* Ficha */
    .btn div{
        width: 46%;
    }
    #galMod .bloqIco .picture {
        width: 31.333333%;
    }
    #galMod .bloqIco .fotHor{
        width: 98%;
    }
    #galMod .bloqIco video.fotHor {
        width: 96%;
    }
    #indPro article h1{
        font-size: 1.7em;
    }
    /* News */
    #news .galeria li{
        width: 100%;
        display: block;
    }
    /* Get Scouted */
    #bloqBoo article h5{
        font-size: 1.7em;
    }

}
@media only screen and (max-width: 440px){
    #marca{
        width: 180px;
        top: 27px;
    }
    /* Listados modelos */
    #indPro article table.descripcion{
        top: 51px;
        width: 150px;
        font-size: 1.1em;
        line-height: 1em;
    }
    .descripcion tr {
        height: 1.6em;
    }

}
@media only screen and (max-width: 370px){
    #marca {
        width: 158px;
        top: 28px;
    }
    #bloqSubMen li a {
        font-size: 1.5em;
    }
    #bloqSubMen li {
        margin: 0px 12px;
    }
    #btnSearch{
        right: 68px
    }
}