@charset "UTF-8";

/*dependencias*/
@import 'bootstrap-grid.min.css';
@import 'bootstrap-flexbox.min.css';
@import 'plantilla-css.css';

@import 'plantilla-margin.css';
@import 'plantilla-padding.css';
@import 'plantilla-general.css';
@import 'plantilla-componentes.css';
/*@import 'plantilla-font.css';
@import 'fuente-rubik.css';
@import 'fuente-montserrat.css';
@import 'fuente-bebasneue.css';*/

/*color*/
/*color bg*/
.co-bg-ambar,.co-bb-ambar:before,.co-ba-ambar:after{background-color:#FFCA02}
.co-bg-azul,.co-bb-azul:before,.co-ba-azul:after{background-color:#2A6DB1}
.co-bg-gris49,.co-bb-gris49:before,.co-ba-gris49:after{background-color:#4a4949}
.co-bg-gris5b,.co-bb-gris5b:before,.co-ba-gris5b:after{background-color:#5b5b5e}
.co-bg-naranja,.co-bb-naranja:before,.co-ba-naranja:after{background-color:#ee7524}
@media(min-width:992px){
    .co-bg-lg-ambar,.co-bb-lg-ambar:before,.co-ba-lg-ambar:after{background-color:#FFCA02}
    .co-bg-lg-azul,.co-bb-lg-azul:before,.co-ba-lg-azul:after{background-color:#2A6DB1}
    .co-bg-lg-gris49,.co-bb-lg-gris49:before,.co-ba-lg-gris49:after{background-color:#4a4949}
    .co-bg-lg-gris5b,.co-bb-lg-gris5b:before,.co-ba-lg-gris5b:after{background-color:#5b5b5e}
    .co-bg-lg-naranja,.co-bb-lg-naranja:before,.co-ba-lg-naranja:after{background-color:#ee7524}
}
/*color texto*/
.co-tx-ambar{color:#FFCA02}
.co-tx-azul{color:#2A6DB1}
.co-tx-gris49{color:#4a4949}
.co-tx-gris5b{color:#5b5b5e}
.co-tx-naranja{color:#ee7524}
@media(min-width:992px){.co-tx-lg-ambar{color:#FFCA02}.co-tx-lg-azul{color:#2A6DB1}.co-tx-lg-gris49{color:#4a4949}.co-tx-lg-gris5b{color:#5b5b5e}.co-tx-lg-naranja{color:#ee7524}}


@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?e6lhhg');
    src:  url('fonts/icomoon.eot?e6lhhg#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?e6lhhg') format('truetype'),
      url('fonts/icomoon.woff?e6lhhg') format('woff'),
      url('fonts/icomoon.svg?e6lhhg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }



/*fuente*/
html{font-weight:400}
/*fuente icomoon*/

.icon-carrito:before{content:'\e900'}
    .icon-contacto.correo:before{content:'\e904'}
    .icon-contacto.direccion:before{content:'\e903'}
    .icon-contacto.telefono:before{content:'\e905'}
.icon-flecha0.abajo:before{content:'\e904'}
.icon-flecha0.arriba:before{content:'\e905'}
.icon-flecha0.derecha:before{content:'\e906'}
.icon-flecha0.izquierda:before{content:'\e907'}
.icon-flecha1.abajo:before{content:'\e908'}
.icon-flecha1.arriba:before{content:'\e909'}
.icon-flecha1.derecha:before{content:'\e90a'}
.icon-flecha1.izquierda:before{content:'\e90b'}
.icon-flecha2.abajo:before{content:'\e90c'}
.icon-flecha2.arriba:before{content:'\e90d'}
.icon-flecha2.derecha:before{content:'\e90e'}
.icon-flecha2.izquierda:before{content:'\e90f'}
.icon-red.facebook:before{ content:'\e901'; }
.icon-red.instagram:before{content:'\e900'}
.icon-red.linkedin:before{content:'\e912'}
.icon-telefono:before{content:'\e906'}

@media(min-width:992px){
    .icon-flecha0.abajo:after{content:'\e904'}
    .icon-flecha0.arriba:after{content:'\e905'}
    .icon-flecha0.derecha:after{content:'\e906'}
    .icon-flecha0.izquierda:after{content:'\e907'}
    .icon-flecha1.abajo:after{content:'\e908'}
    .icon-flecha1.arriba:after{content:'\e909'}
    .icon-flecha1.derecha:after{content:'\e90a'}
    .icon-flecha1.izquierda:after{content:'\e90b'}
    .icon-flecha2.abajo:after{content:'\e90c'}
    .icon-flecha2.arriba:after{content:'\e90d'}
    .icon-flecha2.derecha:after{content:'\e90e'}
    .icon-flecha2.izquierda:after{content:'\e90f'}
    .icon-red.facebook:after{content:'\e901'}
    .icon-red.instagram:after{content:'\e900'}
    .icon-red.linkedin:after{content:'\e912'}

}
/*.texto.enriquecido ul:not([style*='list'])>li::marker{content:'';font-family:'icomoon'}
/*fuente rubik*/.rubik,html{font-family:'Rubik',sans-serif}
/*fuente monserrat*/.montserrat{font-family:'Montserrat',sans-serif}
/*fuente bebasneue*/.bebasneue,#historia-empresa .texto.titulo{font-family:'Bebas Neue',cursive}
/*fuente wensleydemo*/
@font-face{font-family:'wensleydemo';src:url('../fonts/wensleydemo-webfont.woff2') format('woff2'),url('../fonts/wensleydemo-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
.wensleydemo,.anos b{font-family:'wensleydemo'}




@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.eot');
    src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
        url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'),
        url('../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
    font-family: Titillium Web;
    color: #000;
}


/*boton*/
.boton{background:#FFCA02;border-radius:100px;color:#000;font-size:calc(10px + 1vmin);font-weight:500;height:calc(30px + 2.5vmin);width:calc(100px + 16vmin);max-width:100%;overflow:hidden;text-transform:uppercase}
.boton:before{content:'';background:#FFCA02;border-top-left-radius:50%;display:block;height:200%;width:100%;position:absolute;left:0;top:0}
.boton-efecto{z-index:1}
.boton-efecto u{border-color:#000}
@media(min-width:992px){
    .boton{border:0 solid #2A6DB1;transition:border-width 0.0s}
    .boton:before{transition:0.4s;transition-property:background-color,transform}
    .boton:after{content:'';background:#000; color: #fff;border-top-left-radius:50%;display:block;height:200%;width:100%;visibility:hidden;position:absolute;left:0;top:100%;transition:0.4s;transition-property:visibility,transform}
    .boton:hover{border-width:0px; color: #fff;}
    .boton:hover:before{background-color:#000;transform:translateY(-50%)}
    .boton:hover:after{visibility:visible;transform:translateY(-50%);transition-delay:0.2s}
    .boton-efecto ins{background-color:#fff}
}
/*boton contacto*/#formulario-contacto .boton{margin:0 auto}@media(min-width:576px){#formulario-contacto .boton{margin-right:0}}
/*boton seccionado*/
.contenedor-seccionado-item .boton{margin:0 auto}
@media(min-width:768px){.contenedor-seccionado-item:nth-child(odd) .boton{margin-left:0}.contenedor-seccionado-item:nth-child(even) .boton{margin-right:0}}
/*boton inicio*/.tarjeta-producto .boton{margin:0 auto}
/*boton productos*/
#formulario-cotizacion .boton{margin:0 auto}
@media(min-width:576px){#formulario-cotizacion .boton{margin-right:0}}
@media(min-width:992px){#formulario-cotizacion .boton:hover{border-color:#fff}}

/*carrusel*/.carrusel-flecha{display:flex;align-items:center;justify-content:center}

/*flecha*/
.flecha-boton{border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 1em;height:1em;width:1em;max-width:1em}
.flecha-efecto{flex:0 0 1em;width:1em;max-width:100%}
@media(min-width:992px){
    .flecha-boton{transition:color 0.4s}
    .flecha-boton:before{content:'';border:2px solid;border-radius:50%;display:block;height:100%;width:100%;visibility:hidden;position:absolute;left:0;top:0;transform:matrix(0.01,0,0,0.01,0,0);transition:0.4s;transition-property:visibility,transform}
    .flecha:hover .flecha-boton:before{visibility:visible;transform:matrix(1,0,0,1,0,0)}
}
/*flecha carrusel*/
.carrusel-flecha .flecha-boton{background:#fff;color:#2A6DB1;font-size:calc(20px + 4vmin)}
.carrusel-flecha .flecha-efecto{font-size:calc(20px + 0.2vmin)}
@media(min-width:992px){.carrusel-flecha .flecha-boton:before{background:#2A6DB1;border-color:#fff}.carrusel-flecha:hover .flecha-boton{color:#fff}}
/*flecha selector*/
.selector .flecha-boton{background:#FFCA02;color:#fff;font-size:calc(20px + 1.6vmin)}
.selector .flecha-efecto{font-size:calc(10px + 0.8vmin)}
@media(min-width:992px){.selector .flecha-boton:before{background:#fff;border-color:#FFCA02}.selector:hover .flecha-boton{color:#FFCA02}}

/*floja*/.floja:empty:before{border-color:#2A6DB1 #2A6DB1 transparent transparent}

/*fondo*/.fondo.claro{background:rgba(0,0,0,0.03)}.fondo.paralaje .fondo-paralaje{height:150%}.fondo.paralaje .fondo-img[style*='.svg']{background-position:50% -15vh;background-size:auto 70vh;opacity:0.1}
/*fondo socios*/
.contenedor-socios .fondo.paralaje:before{content:'';background:linear-gradient(to bottom,rgba(1,60,117,0.8),rgba(12,40,88,0.8));display:block;height:100%;width:100%;position:absolute;left:0;top:0;z-index:1}
/*fondo inicio*/#inicio-certificaciones .fondo.paralaje .fondo-img{background-position:50% 7.5vh;background-size:auto 80vh;opacity:0.15}
/*fondo historia*/#historia-empresa .fondo.paralaje .fondo-img{background-position:50% 57.5vh;background-size:auto 75vh}
/*fondo confirmacion*/#confirmacion-contenedor .fondo.paralaje .fondo-img{background-position:50% 10vh}

/*formulario*/
.formulario-campo:before{right:0}
.formulario-campo.has-feedback.has-success:before{border-color:#2A6DB1}
.formulario-campo.escrito{color:#4a4949;font-size:calc(10px + 1vmin)}
.formulario-campo.escrito:before{top:calc(5px + 0.5vmin)}
.formulario-campo.escrito .formulario-control,
.formulario-campo.escrito .formulario-control~.formulario-marcador{padding-left:0.5vw;padding-right:0.5vw}
.formulario-campo.escrito .formulario-control~.formulario-marcador{border-bottom:1px solid rgba(6,45,102,0.2);transition-property:border-bottom-color,padding-right}
.formulario-campo.escrito .formulario-control:not(textarea),
.formulario-campo.escrito .formulario-control:not(textarea)~.formulario-marcador{height:calc(30px + 1vmin)}
.formulario-campo.escrito textarea.formulario-control,
.formulario-campo.escrito textarea.formulario-control~.formulario-marcador{height:calc(60px + 2vmin);padding-top:calc(5px + 0.5vmin)}
.formulario-campo.escrito .formulario-control:-webkit-autofill~.formulario-marcador>span{color:#FFCA02;flex-basis:140%;width:140%;max-width:140%;transform:matrix(0.6,0,0,0.6,0,-14)}
.formulario-campo.escrito .formulario-control:focus~.formulario-marcador>span,
.formulario-campo.escrito .formulario-control:active~.formulario-marcador>span,
.formulario-campo.escrito.activo .formulario-control~.formulario-marcador>span{color:#FFCA02;flex-basis:140%;width:140%;max-width:140%;transform:matrix(0.6,0,0,0.6,0,-14)}
.formulario-campo.escrito.has-feedback .formulario-control{border-right-width:25px !important}
.formulario-campo.escrito.has-feedback .formulario-control~.formulario-marcador{padding-right:25px !important}
.formulario-campo.caja{padding-right:25px !important}
.formulario-campo.caja:before{margin-top:-10px;top:50%}
.formulario-campo.caja .control~.formulario-marcador{align-items:flex-start}
.formulario-campo.caja .control~.formulario-marcador>mark{font-size:calc(20px + 0.5vmin);margin-right:calc(5px + 0.5vmin)}
.formulario-campo.caja .control~.formulario-marcador>mark:before{border:1px solid rgba(12,43,102,0.5)}
.formulario-campo.caja .control~.formulario-marcador>mark:after{border:solid #FFCA02;border-width:0 2px 2px 0}
.formulario-campo.caja .control~.formulario-marcador>span{color:#4a4949;font-size:calc(10px + 0.6vmin);font-weight:300;line-height:1.1em}
.formulario-campo.caja .control~.formulario-marcador>span a{color:#FFCA02;font-weight:500}
@media(min-width:992px){.formulario-campo.caja .control~.formulario-marcador>span a{transition:color 0.4s}.formulario-campo.caja .control~.formulario-marcador>span a:hover{color:#ee7524}}
/*formulario contacto*/
#contacto-contenedor #formulario-contacto .formulario-campo.caja .formulario-marcador{align-items:center}
@media(min-width:576px){#formulario-contacto footer{align-items:center}}
@media(min-width:992px){#formulario-contacto footer{justify-content:space-between}}
/*formulario cotizacion*/
#formulario-cotizacion .formulario-campo.escrito,
#formulario-cotizacion .formulario-campo.caja .formulario-marcador span{color:#fff;font-weight:300}
#formulario-cotizacion .formulario-campo.escrito .formulario-marcador{border-color:rgba(255,255,255,0.5)}
#formulario-cotizacion .formulario-campo.caja .formulario-marcador{align-items:center}
#formulario-cotizacion .formulario-campo.caja .formulario-marcador mark:before{border-color:#fff}
/*
.formulario-campo.escrito .formulario-control~.formulario-icono{border-radius:0 100px 100px 0;color:#338fca;font-size:calc(10px + 1.5vmin);height:100%;width:calc(30px + 2vmin);right:0}
.formulario-campo.escrito .formulario-control.panel:not(.activo){display:none}
.formulario-campo.escrito .formulario-control.panel:not(.activo)~.formulario-marcador{background:#f0f0f0}
.formulario-campo.adjunto{margin-bottom:calc(10px + 0.5vmin)}
.formulario-campo.adjunto:before{top:calc(5px + 0.5vmin)}
.formulario-campo.adjunto .control~.formulario-marcador{border-bottom:1px solid rgba(0,0,0,0.3);display:flex;align-items:center;height:calc(30px + 1vmin);overflow:hidden;transition-property:border-color,padding-right}
.formulario-campo.adjunto .control~.formulario-marcador mark{background:#6a1f75;display:flex;align-items:center;justify-content:center;font-size:calc(30px + 1vmin);flex:0 0 1em;height:1em;width:1em;max-width:1em;margin-right:1vw}
.formulario-campo.adjunto .control~.formulario-marcador mark .icon-adjuntar{color:#fff;font-size:calc(20px + 0.4vmin)}
.formulario-campo.adjunto .control~.formulario-marcador>span{flex:1 1 0;width:auto;max-width:100%;line-height:1.1em}
.formulario-campo.adjunto .control~.formulario-marcador>span.marcador-inicial{font-size:calc(10px + 0.6vmin)}
.formulario-campo.adjunto .control~.formulario-marcador>span.marcador-nombre{font-size:calc(10px + 0.2vmin)}
.formulario-campo.adjunto.has-feedback .control~.formulario-marcador{padding-right:30px !important}
.formulario-campo.radio:before{margin-top:-10px;top:50%}
.formulario-campo.radio .control~.formulario-marcador{align-items:center;min-height:calc(30px + 1.5vmin)}
.formulario-campo.radio .control~.formulario-marcador>mark{border:2px solid #393939;flex:0 0 22px;height:22px;width:22px;max-width:22px;margin-right:10px;transition:0.4s;transition-property:border-color,border-width}
.formulario-campo.radio .control~.formulario-marcador>span{color:#393939;font-size:calc(10px + 0.5vmin)}
.formulario-campo.radio .control:checked~.formulario-marcador>mark{border-color:#faa831;border-width:6px}
.formulario-campo.suiche .control~.formulario-marcador{height:calc(40px + 1vmin);padding:5px 3vmin}
.formulario-campo.suiche .control~.formulario-marcador:before{content:'';background:#393939;border-radius:5px;display:block;height:100%;width:100%;opacity:0.1;position:absolute;left:0;top:0;transform:skewX(-15deg)}
.formulario-campo.suiche .control~.formulario-marcador>span{color:#393939;font-size:calc(10px + 0.5vmin);margin-right:calc(10px + 0.5vmin);text-transform:uppercase}
.formulario-campo.suiche .control~.formulario-marcador>mark{background:#bbb;border:3px solid transparent;border-radius:15px;justify-content:flex-end;height:30px;width:56px}
.formulario-campo.suiche .control~.formulario-marcador>mark:before{background:#fff;height:24px;width:24px}
.formulario-campo.suiche .control:checked~.formulario-marcador>mark{background-color:#faa831}
.formulario-campo.suiche .control:checked~.formulario-marcador>mark:before{transform:matrix(1,0,0,1,-26,0)}
.formulario .order-last .formulario-campo.radio{width:25px}
.formulario footer.row{align-items:center}
@media(min-width:992px){
.formulario-campo.escrito .formulario-control~.formulario-icono{transition:0.4s;transition-property:background-color,color}
.formulario-campo.escrito .formulario-control~.formulario-icono:hover{background-color:#338fca;color:#fff}
}

/*panel*/
/*panel acordeon*/
.paneles.acordeon{text-align:left}
.paneles.acordeon .panel{width:100%}
.paneles.acordeon .panel.click{display:flex;align-items:center}
.paneles.acordeon .panel.click:before{content:'';background:#FFCA02;border-radius:50%;font-size:calc(5px + 0.5vmin);height:1em;width:1em;max-width:1em}
.paneles.acordeon .panel.click strong{font-size:calc(10px + 0.9vmin);flex:1 1 0;width:auto;max-width:100%;line-height:1.1em;padding:0 calc(5px + 0.5vw)}
.paneles.acordeon .panel.click strong b{color:#2A6DB1;font-weight:500}
.paneles.acordeon .panel.click strong span{color:#FFCA02}
.paneles.acordeon .panel.click .icon.icon-flecha0{color:rgba(74,73,73,0.8);font-size:calc(10px + 1.5vmin);flex:0 0 1em;width:1em;max-width:1em}
.paneles.acordeon .plegable .plegable-contenido{width:100%}
.paneles.acordeon li.panel{border-bottom:1px solid rgba(74,73,73,0.2)}
.paneles.acordeon li.panel .panel.click,
.paneles.acordeon li.panel .panel.click:before{transition:background-color 0.4s}
.paneles.acordeon li.panel .panel.click strong>*{transition:color 0.4s}
.paneles.acordeon li.panel .panel.click .icon.icon-flecha0{transition:0.4s;transition-property:color,transform}
.paneles.acordeon li.panel .plegable{transition-duration:0.4s;transition-timing-function:cubic-bezier(0,1,0,1)}
.paneles.acordeon li.panel:first-child{border-top:1px solid rgba(74,73,73,0.2)}
.paneles.acordeon li.panel.activo .panel.click{background-color:#2A6DB1}
.paneles.acordeon li.panel.activo .panel.click:before{background-color:#fff}
.paneles.acordeon li.panel.activo .panel.click strong>*{color:#fff}
.paneles.acordeon li.panel.activo .panel.click .icon.icon-flecha0{color:#fff}
.paneles.acordeon li.panel.activo .panel.click .icon.icon-flecha0.abajo{transform:rotateX(180deg)}
.paneles.acordeon li.panel.activo .plegable{max-height:100vh;visibility:visible;transition-timing-function:cubic-bezier(1,0,1,0)}
#novedades-detalle .paneles.acordeon .panel.click{min-height:calc(30px + 3vmin);padding:5px 2vw}
#novedades-detalle .paneles.acordeon .plegable .plegable-contenido{padding:2vmin 7vmin 2vmin 3.5vmin}
#contacto-sedes .paneles.acordeon .panel.click{min-height:calc(30px + 4vmin);padding:5px 2vmin}
@media(max-width:767.98px){
    #contacto-sedes .paneles.acordeon .plegable .plegable-contenido{border:10px solid transparent;height:50vh}
    #contacto-sedes .paneles.acordeon .plegable .plegable-contenido .fondo{border-radius:10px}
}
@media(min-width:992px){
    .paneles.acordeon li.panel .panel.click:hover{background-color:#2A6DB1}
    .paneles.acordeon li.panel .panel.click:hover:before{background-color:#fff}
    .paneles.acordeon li.panel .panel.click:hover strong>*,
    .paneles.acordeon li.panel .panel.click:hover .icon.icon-flecha0{color:#fff}
    #novedades-detalle .paneles.acordeon li.panel.activo .plegable{max-height:50vh}
}

/*selector*/
.selector{width:calc(200px + 30vmin);margin:0 auto}
.selector div{background:rgba(0,102,172,0.95);border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.25);max-height:0;width:100%;margin-top:calc(-15px - 1vmin);overflow:hidden;left:0;top:100%;transition:0.4s ease-out;transition-property:max-height,visibility}
.selector div ul{border-top:calc(15px + 1vmin) solid transparent;color:#fff;font-size:calc(10px + 0.3vmin);padding:5px 1vmin 1vw}
.selector div ul li{border-bottom:1px solid rgba(255,255,255,0.2)}
.selector-boton{background:#2A6DB1;border-radius:100px;justify-content:flex-end;height:calc(30px + 2vmin);padding:calc(5px + 0.5vmin);transition:background-color 0.4s}
.selector-boton strong{color:#fff;font-size:calc(10px + 1vmin);flex:1 1 0;width:auto;max-width:100%;line-height:1.1em;padding-left:calc(20px + 1.6vmin);text-align:center;transition:color 0.4s}
.selector-opcion{min-height:calc(30px + 0.5vmin);overflow:hidden;padding:5px 0.5vw}
.selector-opcion:before{content:'';background:#FFCA02;border-radius:50%;font-size:5px;display:block;flex:0 0 1em;height:1em;width:1em;max-width:1em;margin-right:0.5vw}
.selector-opcion strong{flex:1 1 0;width:auto;max-width:100%;line-height:1.1em}
.selector-opcion strong b{font-weight:600}
.control:checked~.selector div{max-height:100vh;transition-timing-function:ease-in}
@media(min-width:992px){
    .selector-boton{border:2px solid #2A6DB1}
    .selector-opcion{transition:color 0.4s}
    .selector-opcion:after{content:'';background:#fff;border-radius:5px;display:block;height:100%;width:100%;visibility:hidden;position:absolute;left:0;top:0;z-index:-1;transform:matrix(0.01,0,0,1,0,0);transform-origin:left center;transition:0.4s;transition-property:visibility,transform}
    .selector-opcion:hover{color:#2A6DB1}
    .selector-opcion:hover:after{visibility:visible;transform:matrix(1,0,0,1,0,0)}
    .selector:hover .selector-boton{background-color:#fff}
    .selector:hover .selector-boton strong{color:#2A6DB1}
    .selector:hover div{max-height:100vh;transition-timing-function:ease-in}
}
/*selector inicio*/#inicio-contacto .selector{margin-top:2.5vmin}

/*texto*/
/*texto titulo*/
.texto.titulo.tit1{color:#fff;font-size:calc(10px + 6vmin);font-weight:300;text-align:center;text-transform:uppercase}
.texto.titulo.tit2{

    color:#000;font-size:calc(10px + 3.5vmin);text-transform:uppercase;

    transition-delay: 0.333914s;color: #2A6DB1; font-weight: 900;



}
/*texto enriquecido*/
.texto.enriquecido{color:#4a4949;font-size:calc(10px + 1vmin)}
.texto.enriquecido *{line-height:1.5em}
.texto.enriquecido *:not(:last-child):not(li){margin-bottom:calc(10px + 2vmin)}
.texto.enriquecido a{color:#2A6DB1;text-decoration:underline}
.texto.enriquecido a img{border:1px solid #000;width:calc(100px + 40vmin)}
.texto.enriquecido b,
.texto.enriquecido strong{font-weight:700}
.texto.enriquecido h1,
.texto.enriquecido h2,
.texto.enriquecido h3,
.texto.enriquecido h4,
.texto.enriquecido h5,
.texto.enriquecido h6{color:#2A6DB1 }
.texto.enriquecido li{margin-bottom:10px;text-align:left}
.texto.enriquecido li::marker{color:#FFCA02}
.texto.enriquecido li *{margin-bottom:10px}
.texto.enriquecido li *:first-child{margin-top:10px}
.texto.enriquecido ol,
.texto.enriquecido ul{padding-left:calc(20px + 2vmin)}
.texto.enriquecido ol>li::marker{font-weight:600}
.texto.enriquecido ul>li::marker{font-size:1.5em}
@media(min-width:992px){
    .texto.enriquecido a{transition:color 0.4s}
    .texto.enriquecido a:hover{color:#FFCA02}
    .texto.enriquecido a img{transition:border-color 0.4s}
    .texto.enriquecido a:hover img{border-color:#FFCA02}
}

/*
/*
.texto.enriquecido ul[style*='list']{padding-left:10px}
.texto.enriquecido ul[style*='list']>li{padding-left:10px}

/*anos*/
.anos p{display:flex;align-items:center}
.anos p>*{flex:0 0 auto;width:auto;max-width:100%}
.anos p span{font-size:12px}
.anos p b{font-size:calc(30px + 0.8vw);font-weight:400;letter-spacing:-0.05em;left:-0.1em}
.anos p small{font-size:10px;font-weight:500;text-transform:uppercase}
/*anos cabecera*/@media(min-width:992px){#cabecera-contenido .anos p span{color:#5b5b5e}#cabecera-contenido .anos p b{color:#2A6DB1}#cabecera-contenido .anos p small{color:#5b5b5e}}
/*anos desplegable*/@media(max-width:991.98px){#desplegable .anos p span,#desplegable .anos p small{color:#fff}#desplegable .anos p b{color:#FFCA02}}

/*bola*/
.bola{max-width:100%;margin-left:auto;margin-right:auto; }
.bola>div{height:0;width:100%;padding:0 0 100%}
.bola>div:before{content:'';display:block;height:100%;width:100%;position:absolute;left:0;top:0}
.bola-contenido{margin:auto;position:absolute;bottom:0;left:0;right:0;top:0;border: 1px solid #d8d8d8;}
/* .bola-contenido .fondo{border-radius:50%; border: 10px solid #FFCA02;} */
 /*bola menu*/#cabecera-menu-productos .bola{width:100%}#cabecera-menu-productos .bola-contenido{height:85%;width:85%}
/*bola socios*/
.contenedor-socios .bola-contenido{height:87.5%;width:87.5%}
.contenedor-socios#inicio-socios .bola{width:calc(200px + 31vmin)}
.contenedor-socios#socios-contenedor .bola{width:calc(100px + 55vmin)}
@media(min-width:768px){.contenedor-socios .bola{margin-left:0}}
@media(min-width:992px){.contenedor-socios#inicio-socios .bola{width:calc(100px + 41vmin)}}
/*bola contacto*/
.contenedor-contacto .bola{width:calc(100px + 61vmin)}
.contenedor-contacto .bola-contenido{height:92.5%;width:92.5%}
@media(min-width:992px){.contenedor-contacto .bola{margin-left:0}}
/*bola seccionado*/
#politica-contenedor .contenedor-seccionado-item .bola{width:calc(200px + 22vmin)}
#politica-contenedor .contenedor-seccionado-item .bola-contenido{height:85%;width:85%}
#productos-contenedor .contenedor-seccionado-item .bola{width:calc(100px + 19vmin)}
#productos-contenedor .contenedor-seccionado-item .bola-contenido{height:85%;width:85%}
@media(min-width:992px){
    .contenedor-seccionado-item .bola{margin-bottom:-4vh;margin-top:-4vh}
    /*.contenedor-seccionado-item:nth-child(odd) .bola{margin-left:0}*/

    .contenedor-seccionado-item:nth-child(even) .bola{margin-right:0}
}
/*bola inicio*/.tarjeta-producto .bola{width:26vmin}.tarjeta-producto .bola-contenido{height:85%;width:85%}@media(min-width:992px){.tarjeta-producto .bola{margin-bottom:calc(10px + 2vmin)}}
/*bola historia*/
#historia-empresa .bola{width:calc(200px + 48vmin)}
#historia-empresa .bola-contenido{height:87.5%;width:87.5%}
#historia-valores .bola{width:calc(200px + 6vmin);margin-bottom:calc(10px + 3vmin)}
#historia-valores .bola-contenido{height:87.5%;width:87.5%}
@media(min-width:992px){#historia-empresa .bola{margin-left:0}}

/*fecha*/.fecha{color:#FFCA02;display:block;font-size:calc(10px + 0.3vmin);width:100%;text-align:center;text-transform:uppercase}

/*lenguas*/
.lenguas .row{color:#5b5b5e}
.lenguas .row a{border-radius:100px;display:flex;align-items:center;padding:5px 0}
.lenguas .row a i{background:no-repeat center center;background-size:cover;border:1px solid #fff;border-radius:50%;display:block;font-size:22px;flex:0 0 1em;height:1em;width:1em;max-width:1em;margin-right:5px}
.lenguas .row a span{font-size:calc(10px + 0.4vw);flex:0 0 auto;width:auto;max-width:100%;text-transform:uppercase}
@media(min-width:992px){.lenguas a{transition:0.4s;transition-property:background-color,color}.lenguas a:hover{background-color:#2A6DB1;color:#fff}}

/*ondas*/
.ondas{display:flex;align-items:center}
.ondas-efecto{display:none}
@keyframes _ondas{from{opacity:1;transform:matrix(0.01,0,0,0.01,0,0)}to{opacity:0;transform:matrix(2,0,0,2,0,0)}}
@media(min-width:992px){
    .ondas-efecto{display:block;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:matrix(0.01,0,0,0.01,0,0);transition:0.6s;transition-property:opacity,visibility,transform}
    .ondas-efecto:before,
    .ondas-efecto:after{content:'';border-radius:50%;display:block;height:100%;width:100%;position:absolute;left:0;top:0;animation:_ondas 0.8s ease-out infinite}
    .ondas-efecto:after{animation-delay:0.4s}
    .ondas:hover .ondas-efecto{opacity:1;visibility:visible}
}
/*ondas socios*/
@media(min-width:992px){
    .contenedor-socios-pines .ondas .ondas-efecto{position:absolute;bottom:0;left:0}
    .contenedor-socios-pines .ondas .ondas-efecto:before,
    .contenedor-socios-pines .ondas .ondas-efecto:after{background:#fff}
    .contenedor-socios-pines .ondas:hover .ondas-efecto{transform:matrix(1,0,0,1,0,0)}
}
/*ondas banner*/
@media(min-width:992px){
    .contenedor-banner .ondas .ondas-efecto:before,
    .contenedor-banner .ondas .ondas-efecto:after{background:#FFCA02}
    .contenedor-banner .ondas:hover .ondas-efecto{transform:matrix(3,0,0,3,0,0)}
}

/*redes*/
.redes .row{font-size:calc(24px + 0.3vw)}
.redes .row a{display:block}
.redes .row a .icon.icon-red{height:1em;width:1em}
/*redes cabecera*/
@media(min-width:992px){
    /* #cabecera-contenido .redes .row a .icon.icon-red:before,
    #cabecera-contenido .redes .row a .icon.icon-red:after{transition:0.4s;transition-property:clip-path,visibility}
    #cabecera-contenido .redes .row a .icon.icon-red:before{clip-path:polygon(-50% 50%,50% -50%,150% 50%,50% 150%);color:#2A6DB1}
    #cabecera-contenido .redes .row a .icon.icon-red:after{clip-path:polygon(50% 150%,150% 50%,150% 50%,50% 150%);color:#FFCA02;visibility:hidden}
    #cabecera-contenido .redes .row a:hover .icon.icon-red:before{clip-path:polygon(-50% 50%,50% -50%,50% -50%,-50% 50%)}
    #cabecera-contenido .redes .row a:hover .icon.icon-red:after{clip-path:polygon(-50% 50%,50% -50%,150% 50%,50% 150%);visibility:visible;transition-delay:0.1s} */





    #cabecera-contenido .redes .row a .icon.icon-red:before,
    #cabecera-contenido .redes .row a .icon.icon-red:after{transition:0.4s;transition-property:clip-path,visibility}
    #cabecera-contenido .redes .row a .icon.icon-red:before{clip-path:polygon(-50% 50%,50% -50%,150% 50%,50% 150%);color:#2A6DB1;}
    #cabecera-contenido .redes .row a .icon.icon-red:after{clip-path:polygon(50% 150%,150% 50%,150% 50%,50% 150%);color:#FFCA02;visibility:hidden}
    #cabecera-contenido .redes .row a:hover .icon.icon-red:before{clip-path:polygon(-50% 50%,50% -50%,50% -50%,-50% 50%)}
    #cabecera-contenido .redes .row a:hover .icon.icon-red:after{clip-path:polygon(-50% 50%,50% -50%,150% 50%,50% 150%);visibility:visible;transition-delay:0.1s}






}
/*redes desplegable*/@media(max-width:991.98px){#desplegable .redes .row{color:#fff}}

/*tarjeta*/
/*tarjeta productos*/
.tarjeta-producto{width:100%;padding:15px}
.tarjeta-producto-contenedor,
.tarjeta-producto-cabecera{width:100%}
.tarjeta-producto-cabecera .texto.titulo{color:#fff;font-size:calc(15px + 1.5vmin);font-weight:300;text-transform:uppercase}
.tarjeta-producto-cabecera .texto.titulo span{font-weight:500}
.tarjeta-producto-contenido{width:100%;margin-bottom:calc(10px + 0.5vmin)}
.tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo span{transition:color 0.4s}
.tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .plegable{transition-duration:0.4s}
.tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo{color:#FFCA02}
.tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo span{color:#2A6DB1}
.tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .plegable{visibility:visible}
@media(max-width:991.98px){
    .tarjeta-producto div.fondo:before,
    .tarjeta-producto div.fondo:after{content:'';display:block;height:100%;width:100%;position:absolute;left:0;top:0;z-index:1}
    .tarjeta-producto div.fondo:before{background:linear-gradient(to bottom,rgba(30,63,124,0.8),rgba(8,33,71,0.8))}
    .tarjeta-producto div.fondo:after{background:#fff}
    .tarjeta-producto-cabecera{display:flex;align-items:center}
    .tarjeta-producto-cabecera .bola{flex:0 0 26vmin;max-width:26vmin}
    .tarjeta-producto-cabecera .texto.titulo{flex:1 1 0;width:auto;max-width:100%;line-height:1.1em;padding:0 15px}
    .tarjeta-producto-cabecera .icon.icon-flecha1.abajo{color:#fff;font-size:calc(10px + 2vmin);flex:0 0 1em;width:1em;max-width:1em}
    .tarjeta-producto-contenido{margin-top:calc(10px + 0.5vmin)}
    .tarjeta-producto.panel.cursor div.fondo:after{visibility:hidden;transform:matrix(1,0,0,0.01,0,0);transform-origin:center top;transition:0.4s;transition-property:visibility,transform}
    .tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo{transition:color 0.4s}
    .tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .tarjeta-producto-cabecera .icon.icon-flecha1.abajo{transition:0.4s;transition-property:color,transform}
    .tarjeta-producto.panel.cursor.activo div.fondo:after{visibility:visible;transform:matrix(1,0,0,1,0,0)}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .icon.icon-flecha1.abajo{color:#2A6DB1;transform:rotateX(180deg)}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .plegable{max-height:50vh}
}
@media(min-width:992px){
    .tarjeta-producto{display:flex;align-items:center;height:100%;padding:5px calc(10px + 1.75vw)}
    .tarjeta-producto:before{content:'';background:#fff;border-radius:1vw 1vw 0 0;display:block;height:100%;width:100%;position:absolute;left:0;top:0}
    .tarjeta-producto div.fondo{display:none}
    .tarjeta-producto-contenedor{flex:0 0 100%;max-width:100%}
    .tarjeta-producto-cabecera{margin-bottom:10px}
    .tarjeta-producto-cabecera .icon.icon-flecha1.abajo{display:none}
    .tarjeta-producto-contenido{display:flex;align-items:center;min-height:6em}
    .tarjeta-producto-contenido .texto.simple{color:#4a4949;font-size:calc(10px + 0.6vmin)}
    .tarjeta-producto.panel.cursor:before{opacity:0.1;visibility:hidden;transform:matrix(1,0,0,0.01,0,0);transform-origin:center bottom;transition:0.4s;transition-property:opacity,visibility,transform}
    .tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .tarjeta-producto-cabecera .bola{transition:0.4s;transition-property:width,margin-bottom,visibility}
    .tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .tarjeta-producto-cabecera .bola .bola-contenido{transition:transform 0.4s}
    .tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo{transition:0.4s;transition-property:color,font-size}
    .tarjeta-producto.panel.cursor .tarjeta-producto-contenedor .plegable{transition-timing-function:linear}
    .tarjeta-producto.panel.cursor.activo:before{opacity:0.9;visibility:visible;transform:matrix(1,0,0,1,0,0);transition-duration:0.8s}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .bola{width:0;margin-bottom:0;visibility:hidden;transition-delay:0.2s}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .bola .bola-contenido{transform:matrix(0.01,0,0,0.01,0,0)}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo{font-size:calc(10px + 2.5vmin);transition-duration:0.8s}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .tarjeta-producto-cabecera .texto.titulo span{transition-duration:0.8s}
    .tarjeta-producto.panel.cursor.activo .tarjeta-producto-contenedor .plegable{max-height:calc(100px + 29vh);transition-delay:0.4s}
}
/*tarjeta novedades*/
.tarjeta-novedad{height:100%;width:100%}
.tarjeta-novedad a{display:flex;flex-direction:column;height:100%;width:100%}
.tarjeta-novedad a>div{max-height:100%;width:100%; }
.tarjeta-novedad-img{flex:0 0 auto;height:0;padding:0 0 86%}
.tarjeta-novedad-img .fondo{border-radius:calc(5px + 0.5vmin);display:flex;align-items:center;justify-content:center}
.tarjeta-novedad-img .fondo i{display:none}
.tarjeta-novedad-txt{flex:1 1 0;height:auto;margin-top:-7vmin;padding:calc(10px + 2.5vmin) calc(10px + 3vw);text-align:center; }
.tarjeta-novedad-txt:before{content:'';background:#fff;display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:matrix(0.9,0,0,1,0,0)}
.tarjeta-novedad-txt .fecha{margin-bottom:10px}
.tarjeta-novedad-txt .texto.titulo{color:#2A6DB1;font-size:calc(10px + 1.2vmin);font-weight:bold;min-height:1.5em;margin-bottom:calc(10px + 0.5vmin)}
.tarjeta-novedad-txt .texto.simple{color:#4a4949;font-size:calc(10px + 0.5vmin)}
@media(min-width:992px){
/*    .tarjeta-novedad-img .fondo{background:#FFCA02}*/
    a .tarjeta-novedad-img .fondo{padding-bottom:7vmin}
    a .tarjeta-novedad-img .fondo .fondo-img{transition:0.4s;transition-property:opacity,transform}
    a .tarjeta-novedad-img .fondo i{display:block;height:12vmin;width:12vmin}
    a .tarjeta-novedad-img .fondo i:before,
    a .tarjeta-novedad-img .fondo i:after{content:'';background:#fff;display:block;visibility:hidden;position:absolute;transition:0.4s;transition-property:visibility,transform}
    a .tarjeta-novedad-img .fondo i:before{height:2px;width:100%;margin-top:-1px;left:0;top:50%;transform:matrix(0.01,0,0,1,0,0)}
    a .tarjeta-novedad-img .fondo i:after{height:100%;width:2px;margin-left:-1px;left:50%;top:0;transform:matrix(1,0,0,0.01,0,0)}
    a .tarjeta-novedad-txt:before{z-index:-1;transition:transform 0.4s}
    a .tarjeta-novedad-txt:after{content:'';background:#2A6DB1;display:block;height:100%;width:100%;visibility:hidden;position:absolute;left:0;top:0;z-index:-1;transform:matrix(0.01,0,0,1,0,0);transition:0.4s;transition-property:visibility,transform}
    a .tarjeta-novedad-txt .texto{transition:color 0.4s}
    a:hover .tarjeta-novedad-img .fondo i:before,
    a:hover .tarjeta-novedad-img .fondo i:after{visibility:visible;transform:matrix(1,0,0,1,0,0);transition-delay:0.2s}
    a:hover .tarjeta-novedad-img .fondo .fondo-img{opacity:0.2;transform:matrix(1.05,0,0,1.05,0,0);transition-duration:0.8s;transition-timing-function:ease-out}
    a:hover .tarjeta-novedad-txt:before{transform:matrix(1,0,0,1,0,0)}
    a:hover .tarjeta-novedad-txt:after{visibility:visible;transform:matrix(1,0,0,1,0,0);transition-delay:0.2s}
    a:hover .tarjeta-novedad-txt .texto.titulo{color:#FFCA02;transition-delay:0.2s}
    a:hover .tarjeta-novedad-txt .texto.simple{color:#fff;transition-delay:0.2s}
}

/*telefonos*/
.telefonos a{display:flex;align-items:center;padding:5px 0}
.telefonos a .icon.icon-telefono{color:#FFCA02;font-size:calc(20px + 0.5vw);flex:0 0 1em;height:1em;width:1em;max-width:1em;margin-right:10px}
.telefonos a span{font-size:18px;flex:0 0 auto;width:auto;max-width:100%}
/*telefonos cabecera*/@media(min-width:992px){#cabecera-contenido .telefonos span{color:#5b5b5e}}
/*telefonos desplegable*/@media(max-width:991.98px){#desplegable .telefonos span{color:#fff}}

/*volver*/
.volver{display:flex;width:100%}
.volver-boton{color:#4a4949;display:flex;align-items:center;flex:0 0 auto;min-height:calc(20px + 1vmin);width:auto;max-width:100%}
.volver-boton .icon.icon-flecha0{font-size:calc(20px + 0.5vmin);flex:0 0 1em;width:1em;max-width:1em;margin-right:5px}
.volver-boton span{font-size:calc(10px + 0.4vmin);flex:0 0 auto;width:auto;max-width:100%}
@media(min-width:992px){.volver-boton{transition:color 0.4s}.volver-boton:hover{color:#FFCA02}}

/*cabecera*/#cabecera{box-shadow:0 8px 38px 0 rgba(0,0,0,0.05);height:70px}@media(min-width:992px){#cabecera{height:13vh}}
/*cabecera logo*/#cabecera-logo a{width:300px}@media(min-width:992px){#cabecera-logo a{width:calc(100px + 15vw)}}
/*cabecera contenido*/
@media(min-width:992px){
    #cabecera-contenido .col.anos:before,
    #cabecera-contenido .col.telefonos:before,
    /*#cabecera-contenido .col.redes:before{content:'';background:#FFCA02;display:block;height:calc(20px + 0.5vmin);width:1px;margin-top:calc(-10px - 0.25vmin);position:absolute;right:0;top:50% } */
}
/*cabecera menu*/
.cabecera-menu-item{color:#000;display:flex;align-items:center;flex:0 0 auto;height:100%;width:auto;max-width:100%}
.cabecera-menu-item .icon{flex:0 0 1em;width:1em;max-width:1em}
@media(min-width:992px){
    .cabecera-menu-item{padding:5px 5px 1.5vh}
    .cabecera-menu-item>*:not(.icon-flecha1){transition:color 0.4s}
    .cabecera-menu-item span{font-size:calc(10px + 0.4vw);flex:0 0 auto;width:auto;max-width:100%;text-transform:uppercase;}
    .cabecera-menu-item .icon.icon-flecha1{font-size:calc(10px + 0.1vw);margin-left:5px}
    .cabecera-menu-item:hover>*:not(.icon-flecha1){color:#FFCA02}
    .cabecera-menu-contenedor{background:rgba(0,102,172,0.95);max-height:0;visibility:hidden;overflow:hidden;transition:0.4s ease-out;transition-property:max-height,visibility}
    .cabecera-menu-contenedor a{transition:color 0.4s}
    .cabecera-menu-contenedor a:after{content:'';background:#fff;border-radius:5px;display:block;height:100%;width:100%;visibility:hidden;position:absolute;left:0;top:0;z-index:-1;transform:matrix(0.01,0,0,1,0,0);transform-origin:left center;transition:0.4s;transition-property:visibility,transform}
    .cabecera-menu-contenedor a:hover{color:#2A6DB1}
    .cabecera-menu-contenedor a:hover:after{visibility:visible;transform:matrix(1,0,0,1,0,0)}
    .cabecera-menu-submenu{border-radius:0 0 5px 5px;width:150%;left:-25%}
    .cabecera-menu-submenu ul{padding:5px 1vw 1vw}
    .cabecera-menu-submenu ul li{border-bottom:1px solid rgba(255,255,255,0.2)}
    .cabecera-menu-submenu ul li a{min-height:calc(20px + 2vmin);padding-left:0.5vw}
    .cabecera-menu-submenu ul li a:before{content:'';background:#FFCA02;border-radius:50%;display:block;font-size:5px;flex:0 0 1em;height:1em;width:1em;max-width:1em;margin-right:0.5vw}
    #cabecera-menu-productos{top:13vh}
    #cabecera-menu-productos .panel.desvanece{transition-duration:0.4s}
    #cabecera-menu-productos .panel.desvanece.activo{opacity:1}
    #cabecera-menu-productos .fondo-img.panel.desvanece{transform:matrix(0.01,0,0,0.01,0,0)}
    #cabecera-menu-productos .fondo-img.panel.desvanece.activo{transform:matrix(1,0,0,1,0,0)}
    .cabecera-menu-lista ul{width:100%;list-style:none}
    .cabecera-menu-lista ul li{width:100%}
    .cabecera-menu-lista ul li a{display:flex;min-height:30px;width:100%;padding:5px 5px 5px 1vw}
    .cabecera-menu-lista ul li a:before{content:'';display:block;height:1em;width:1em;max-width:1em}
    .cabecera-menu-lista ul li a span{flex:1 1 0;width:auto;max-width:100%;line-height:1.1em}
    .cabecera-menu-lista ul li.panel.cursor a{height:calc(20px + 3.5vmin);padding:5px 1.5vw}
    .cabecera-menu-lista ul li.panel.cursor a:before{background:url(../svg/isotipo-color.svg) no-repeat center center;background-size:contain;font-size:20px;margin-right:calc(10px + 0.5vmin)}
    .cabecera-menu-lista ul li.panel.cursor.activo a{color:#2A6DB1}
    .cabecera-menu-lista ul li.panel.cursor.activo a:after{visibility:visible;transform:matrix(1,0,0,1,0,0)}
    .cabecera-menu-lista ul li:not(.panel) a:before{background:#FFCA02;border-radius:50%;font-size:5px;margin:6px 5px 0 0}
    #cabecera-menu li.col.activo .cabecera-menu-item span{color:#FFCA02}
    #cabecera-menu li.col:hover .cabecera-menu-contenedor{max-height:75vh;visibility:visible;transition-timing-function:ease-in}
}
/*cabecera sanguche*/
@media(max-width:991.98px){
    #cabecera-sanguche label{display:block;font-size:30px;height:1em;width:1em}
    #cabecera-sanguche label>*{border-radius:50%;display:flex;align-items:center;justify-content:center;height:100%;width:100%}
    #cabecera-sanguche label i{flex-direction:column;overflow:hidden}
    #cabecera-sanguche label i u{background:#ee7524;display:block;height:33.33%;width:100%;transform:matrix(0.7,0,0,0.2,0,0)}
    #cabecera-sanguche label i u:first-child{transform-origin:center bottom}
    #cabecera-sanguche label i u:last-child{transform-origin:center top}
    #cabecera-sanguche label b{font-size:20px;height:100%;width:100%;position:absolute;left:0;top:0}
    #cabecera-sanguche label b span{color:#fff;font-weight:100;flex:0 0 auto;width:auto;max-width:100%}
    #control-desplegable~#cabecera #cabecera-sanguche label i u{transition:0.4s;transition-property:background-color,transform}
    #control-desplegable~#cabecera #cabecera-sanguche label b{visibility:hidden;transform:matrix(0.01,0,0,0.01,0,0);transition:0.4s;transition-property:visibility,transform}
    #control-desplegable:checked~#cabecera #cabecera-sanguche label i u{background-color:#FFCA02;transform:matrix(1,0,0,1,0,0)}
    #control-desplegable:checked~#cabecera #cabecera-sanguche label b{visibility:visible;transform:matrix(1,0,0,1,0,0)}
}
/*cabecera barra*/@media(min-width:992px){#cabecera-barra{height:0.4vh;transition-duration:0.4s}}

/*desplegable*/
@media(max-width:991.98px){
    #desplegable:before{content:'';background:rgba(0,102,172,0.95);display:block;height:100%;width:100%;position:absolute;left:0;top:0}
    #desplegable .contenido{overflow:auto}
    #desplegable .contenido div.row{align-items:center;justify-content:center}
    #desplegable-menu ul{width:100%;list-style:none}
    #desplegable-menu ul.desplegable-menu-nivel1{color:#fff}
    #desplegable-menu ul.desplegable-menu-nivel1>li{border-bottom-color:rgba(255,255,255,0.6)}
    #desplegable-menu ul.desplegable-menu-nivel2{padding-left:calc(30px + 2vmin)}
    #desplegable-menu ul.desplegable-menu-nivel2>li{border-bottom-color:rgba(255,255,255,0.4)}
    #desplegable-menu ul.desplegable-menu-nivel3{padding-left:calc(30px + 0.5vmin)}
    #desplegable-menu ul.desplegable-menu-nivel3>li{border-bottom-color:rgba(255,255,255,0.2)}
    #desplegable-menu ul li{border-bottom:1px solid;width:100%}
    #desplegable-menu ul li .desplegable-menu-item{display:flex;align-items:center;min-height:calc(30px + 1vmin);width:100%;padding:5px 10px}
    #desplegable-menu ul li .desplegable-menu-item:before,
    #desplegable-menu ul li .desplegable-menu-item .icon.icon-flecha1.abajo{flex:0 0 1em;width:1em;max-width:1em}
    #desplegable-menu ul li .desplegable-menu-item:before{content:'';display:block;height:1em}
    #desplegable-menu ul li .desplegable-menu-item span{flex:1 1 0;width:auto;max-width:100%;line-height:1.1em}
    #desplegable-menu ul li .desplegable-menu-item:not(.nivel3):before{background:url(../svg/isotipo-gris.svg) no-repeat center center;background-size:contain}
    #desplegable-menu ul li .desplegable-menu-item:not(.nivel3) span{padding-left:10px;text-transform:uppercase}
    #desplegable-menu ul li .desplegable-menu-item.nivel1{font-size:calc(10px + 1vmin)}
    #desplegable-menu ul li .desplegable-menu-item.nivel1:before{font-size:calc(10px + 2vmin)}
    #desplegable-menu ul li .desplegable-menu-item.nivel2{font-size:calc(10px + 0.8vmin)}
    #desplegable-menu ul li .desplegable-menu-item.nivel2:before{font-size:calc(10px + 0.5vmin)}
    #desplegable-menu ul li .desplegable-menu-item.nivel3{font-size:calc(10px + 0.6vmin)}
    #desplegable-menu ul li .desplegable-menu-item.nivel3:before{background:#FFCA02;border-radius:50%;font-size:5px}
    #desplegable-menu ul li .desplegable-menu-item.nivel3 span{padding-left:5px}
    #desplegable-menu ul li div{width:100%;overflow:auto}
    #desplegable-menu ul li div ul{padding-bottom:10px;padding-top:5px}
    #desplegable-menu ul li .control~.desplegable-menu-item{transition:0.4s;transition-property:background-color,color}
    #desplegable-menu ul li .control~.desplegable-menu-item:before{transition:background-image 0.4s}
    #desplegable-menu ul li .control~.desplegable-menu-item .icon.icon-flecha1.abajo{transition:transform 0.4s}
    #desplegable-menu ul li .control~div{max-height:0;visibility:hidden;transition:0.4s cubic-bezier(0,1,0,1);transition-property:max-height,visibility}
    #control-desplegable~#desplegable:before{visibility:hidden;transform:matrix(1,0,0,0.01,0,0);transform-origin:center top;transition:0.4s;transition-property:visibility,transform}
    #control-desplegable:checked~#desplegable:before{visibility:visible;transform:matrix(1,0,0,1,0,0)}
    #control-desplegable:checked~#desplegable #desplegable-menu ul li .control:checked~.desplegable-menu-item{background-color:#fff;color:#2A6DB1}
    #control-desplegable:checked~#desplegable #desplegable-menu ul li .control:checked~.desplegable-menu-item:before{background-image:url(../svg/isotipo-color.svg)}
    #control-desplegable:checked~#desplegable #desplegable-menu ul li .control:checked~.desplegable-menu-item .icon.icon-flecha1.abajo{transform:rotateX(180deg)}
    #control-desplegable:checked~#desplegable #desplegable-menu ul li .control:checked~div{max-height:200vh;visibility:visible;transition-timing-function:cubic-bezier(1,0,1,0)}
}

/*navegador*//*
@media(min-width:992px){
    #navegador ul{flex:0 0 2.5vw;width:2.5vw;max-width:2.5vw}
    #navegador ul li:not(:last-child){margin-bottom:2vmin}
    #navegador ul li button{display:block;padding:5px}
    #navegador ul li button span{display:block;transition:0.4s;transition-property:color,transform}
    #navegador ul li button:hover span,
    #navegador ul li.activo button span{color:#e2001a;transform:matrix(1.5,0,0,1.5,0,0)}
}

/*aviso*//*
#aviso{position:absolute}
#aviso-cerrar{background:#338fca;display:flex;align-items:center;justify-content:center;font-size:calc(20px + 1.5vmin);height:1em;width:1em;right:0;top:0}
#aviso-cerrar:before,
#aviso-cerrar:after{content:'';background:#fff;display:block;height:50%;width:1px}
#aviso-cerrar:before{margin-right:-1px;transform:rotate(-45deg)}
#aviso-cerrar:after{transform:rotate(45deg)}
@media(min-width:992px){
    #aviso-cerrar{border:1px solid transparent;transition:0.4s;transition-property:background-color,border-color}
    #aviso-cerrar:hover{background-color:#04417d;border-color:#fff}
}

/*pie*/
/*pie credito*/.pie-credito{color:rgba(0,0,0,0.4)}@media(min-width:992px){.pie-credito a:hover{color:#FFCA02}}
/*pie productos*/#mayor.pie-azul~#pie .pie-credito{color:rgba(255,255,255,0.4)}


/*calltoaction*/
#whatsapp-calltoaction{width:calc(50px + 3vmin);bottom:2vh;right:2vw}
@keyframes _ring{0%{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}
@media(min-width:992px){
    #whatsapp-calltoaction{transition:transform 0.4s}
    #whatsapp-calltoaction:hover{transform:matrix(1.1,0,0,1.1,0,0)}
    #whatsapp-calltoaction:hover img{animation:_ring 0.2s linear infinite alternate}
}

/*popup*/
#popup{background:rgba(255,255,255,0.9);padding:calc(50px + 1vmin) 15px 15px}
#popup .popup-capa.popup-cerrar{display:flex;align-items:flex-start;justify-content:flex-end;padding:15px}
#popup .popup-capa.popup-cerrar button.popup-boton{background:#2A6DB1;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(10px + 1vmin);height:calc(20px + 1vmin);width:calc(20px + 1vmin);transition:background-color 0.4s}
#popup.img #popup-contenedor{max-width:100%}
#popup.img #popup-contenedor img{border:1px solid #000;max-height:calc(100vh - 65px - 1vmin);max-width:calc(100vw - 30px)}
#popup.img #popup-contenedor img.panel.activo{max-height:100%;max-width:100%}
@media(min-width:992px){
    #popup .popup-capa.popup-cerrar button.popup-boton{transition:background-color 0.4s}
    #popup .popup-capa.popup-cerrar button.popup-boton:hover{background-color:#FFCA02}
    #popup.img #popup-contenedor img{cursor:zoom-in}
    #popup.img #popup-contenedor img.panel.activo{cursor:zoom-out}
}
/*
#popup.ajax #popup-contenedor{max-width:1000px}
#popup.ajax #popup-contenedor{width:100%}
#popup.ajax #popup-contenedor #popup-contenido{width:100%}
#popup.ajax #popup-contenedor #popup-contenido .texto.titulo{color:#273087;font-size:calc(10px + 2vmin);margin-bottom:calc(10px + 2vmin);text-align:center}
#popup.ajax #popup-contenedor #popup-contenido .texto.enriquecido{color:#4a4a49;font-size:calc(10px + 0.5vmin)}
#popup.ajax #popup-contenedor #popup-contenido #popup-politica,#popup.ajax #popup-contenedor #popup-contenido #popup-terminos{background:#fff;border-radius:10px;max-width:1000px;margin:0 auto;padding:calc(10px + 2vmin)}

/*precarga*/
@keyframes _brillo-precarga{0%{background-position:0% 50%;clip-path:polygon(-33% 0,0 0,-33% 100%,-66% 100%)}100%{background-position:100% 50%;clip-path:polygon(133% 0,166% 0,133% 100%,100% 100%)}}
#precarga div{font-size:calc(100px + 20vw)}
#precarga div.capa-debajo:before,
#precarga div.capa-encima:after{background:url(../img/logo.png) no-repeat right center;opacity:0.5;z-index:1;animation:_brillo-precarga 2s ease-in-out infinite}
#precarga div.capa-debajo:before{background-size:100% auto;filter:grayscale(0.5) invert(0.5) brightness(500%)}
#precarga div.capa-encima:after{background-size:92% 95%;filter:grayscale(1) invert(1) brightness(1000%)}

/*contenedor*/
/*contenedor *socios*/
@keyframes _brillo-socio{0%{clip-path:polygon(100% 0,125% 0,125% 100%,100% 100%)}100%{clip-path:polygon(-25% 0,0 0,0 100%,-25% 100%)}}
.contenedor-socios .texto{color:#fff}
.contenedor-socios .texto.titulo{font-size:calc(10px + 4vmin);margin-bottom:10px}
.contenedor-socios .texto.titulo span{color:#FFCA02}
.contenedor-socios .texto.titulo b{font-weight:500}
.contenedor-socios .texto.enriquecido{margin-bottom:calc(10px + 1vmin)}
.contenedor-socios .carrusel{display:flex;align-items:center;height:100%}
.contenedor-socios .carrusel .carrusel-flecha{flex:0 0 0;height:0;width:0;max-width:0;z-index:1}
.contenedor-socios .carrusel .carrusel-contenedor{background:#fff;border-radius:50%;display:flex;justify-content:center;flex:0 0 100%;height:100%;width:100%;max-width:100%;overflow:hidden}
.contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido{height:100%;width:70%;overflow:hidden}
.contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido .carrusel-lista{height:100%}
.contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido .carrusel-lista .carrusel-item{display:flex;align-items:center}
.contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido .carrusel-lista .carrusel-item ul{flex:0 0 100%;width:100%;max-width:100%;list-style:none}
.contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido .carrusel-lista .carrusel-item ul li{height:0;width:100%;margin:10px 0;padding:0 0 40%}
.contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido .carrusel-lista .carrusel-item ul li.panel.activo{z-index:1}
.contenedor-socios-logo{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;left:0;top:0}
.contenedor-socios-logo img{display:block;flex:0 0 auto;height:auto;max-height:100%;width:auto;max-width:100%;opacity:0.5}
.contenedor-socios-logo span{background:no-repeat center center;background-size:contain;display:block;height:100%;width:100%;opacity:0;position:absolute;left:0;top:0}
.contenedor-socios-logo.panel.click img,
.contenedor-socios-logo.panel.click span{transition:0.4s;transition-property:filter,opacity,transform}
.contenedor-socios-logo.panel.click.activo img{filter:saturate(110%);opacity:1;transform:matrix(1.2,0,0,1.2,0,0)}
.contenedor-socios-logo.panel.click.activo span{clip-path:polygon(100% 0,125% 0,125% 100%,100% 100%);filter:brightness(1.5) saturate(500%);opacity:0.5;transform:matrix(1.2,0,0,1.2,0,0);animation:_brillo-socio 1s ease-in-out infinite}
.contenedor-socios-mapa,
.contenedor-socios-pines{width:100%}
.contenedor-socios-pines ul{width:100%;list-style:none}
.contenedor-socios-pines ul li .ondas b{background:#fff;border:0.3vmin solid #2A6DB1;border-radius:50%;display:block;flex:0 0 1em;height:1em;max-height:1em;width:1em;padding:0.5vmin}
.contenedor-socios-pines ul li .ondas b i{background:url(../svg/isotipo-color.svg) no-repeat center center;background-size:contain;display:block;height:100%;width:100%}
.contenedor-socios-pines ul li .ondas mark{background:#fff;border-radius:5px;color:#2A6DB1;display:flex;align-items:center;font-weight:700;height:calc(20px + 1.5vmin);text-transform:uppercase}
.contenedor-socios-pines.panel.desvanece{position:absolute;left:0;top:0;transition-duration:0.4s}
.contenedor-socios-pines.panel.desvanece.activo{opacity:1}
@media(max-width:991.98px){
    .contenedor-socios-mapa .fondo{display:none}
    .contenedor-socios-pines ul{display:flex;align-items:center;flex-wrap:wrap}
    .contenedor-socios-pines ul li{flex:0 0 50%;width:50%;max-width:50%;margin:5px 0;left:0 !important;top:0 !important}
    .contenedor-socios-pines ul li .ondas{width:100%}
    .contenedor-socios-pines ul li .ondas b{font-size:calc(30px + 0.5vmin)}
    .contenedor-socios-pines ul li .ondas mark{flex:1 1 0;width:auto;max-width:100%;margin:0 10px;padding:5px 10px}
    .contenedor-socios-pines.panel.desvanece.activo{position:relative}
}
@media(max-width:767.98px){.contenedor-socios-pines ul li{flex:0 0 33.33%;width:33.33%;max-width:33.33%}}
@media(max-width:575.98px){.contenedor-socios-pines ul li{flex:0 0 50%;width:50%;max-width:50%}}
@media(min-width:992px){
    .contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido{width:90%}
    .contenedor-socios .carrusel .carrusel-contenedor .carrusel-contenido .carrusel-lista .carrusel-item ul li:hover{z-index:1}
    .contenedor-socios-logo:hover img{filter:saturate(110%);opacity:1;transform:matrix(1.2,0,0,1.2,0,0)}
    .contenedor-socios-logo:hover span{clip-path:polygon(100% 0,125% 0,125% 100%,100% 100%);filter:brightness(1.5) saturate(500%);opacity:0.5;transform:matrix(1.2,0,0,1.2,0,0);animation:_franja-brillo 1s ease-in-out infinite}
    .contenedor-socios-mapa .fondo{background-size:contain}
    .contenedor-socios-mapa .paneles{height:0;padding:0 0 64.29%}
    .contenedor-socios-pines ul{height:100%}
    .contenedor-socios-pines ul li{display:flex;align-items:center;justify-content:center;height:0;width:0;position:absolute}
    .contenedor-socios-pines ul li .ondas{flex-direction:column-reverse;font-size:calc(20px + 1.5vmin);height:1em;width:1em}
    .contenedor-socios-pines ul li .ondas mark{justify-content:center;font-size:calc(10px + 0.2vmin);flex:0 0 calc(20px + 1.5vmin);max-height:calc(20px + 1.5vmin);width:calc(40px + 6vmin);margin-bottom:calc(10px + 0.5vmin);opacity:0;visibility:hidden;text-align:center;transform:matrix(0.01,0,0,0.01,0,0);transform-origin:50% 150%;transition:0.6s;transition-property:opacity,visibility,transform}
    .contenedor-socios-pines ul li .ondas mark:before{content:'';border:solid;border-color:#fff transparent;border-width:10px 5px 0;display:block;height:0;width:0;margin-left:-5px;position:absolute;left:50%;top:100%}
    .contenedor-socios-pines ul li .ondas mark strong{flex:0 0 auto;width:auto;max-width:100%}
    .contenedor-socios-pines ul li:hover{z-index:1}
    .contenedor-socios-pines ul li:hover .ondas mark{opacity:1;visibility:visible;transform:matrix(1,0,0,1,0,0);transition-timing-function:cubic-bezier(0,1,0.5,1.5)}
    .contenedor-socios-pines.panel.desvanece{height:100%}
    .contenedor-socios-pines.panel.desvanece ul li{transform:matrix(0.01,0,0,0.01,0,0);transition:transform 0.4s}
    .contenedor-socios-pines.panel.desvanece.activo ul li{transform:matrix(1,0,0,1,0,0)}
}
/*contenedor contacto*/
.contenedor-contacto .mapas{background:#fff;border-radius:50%}
.contenedor-contacto .mapas .mapa iframe{border-radius:50%}
.contenedor-contacto .mapas .mapa.panel.desvanece.activo{opacity:1}
.contenedor-contacto-datos .col .icon{color:#FFCA02;font-size:calc(20px + 1vmin)}
.contenedor-contacto-datos .col .texto.simple{color:#000;font-size:calc(10px + 1vmin);font-weight:500}
.contenedor-contacto-datos .col .texto.simple a{padding:5px 0}
@media(max-width:1599.98px){
    .contenedor-contacto-datos .col{display:flex;align-items:center}
    .contenedor-contacto-datos .col .icon{flex:0 0 1em;width:1em;max-width:1em;margin-right:15px}
    .contenedor-contacto-datos .col .texto.simple{flex:1 1 0;width:auto;max-width:100%}
}
@media(min-width:1600px){
    .contenedor-contacto-datos{text-align:center;text-align:center}
    .contenedor-contacto-datos .col .icon{width:1em;margin:0 auto 10px}
    .contenedor-contacto-datos .col .texto.simple a{transition:color 0.4s}
    .contenedor-contacto-datos .col .texto.simple a:not([href*='tel:']):hover{color:#FFCA02}
}
/*contenedor *banner*/
.contenedor-banner{height:calc(200px + 10vw);z-index:1}
.contenedor-banner .fondo:after{content:'';background:linear-gradient(to bottom,rgba(0,172,172,0.1),rgba(7,27,58,0.8));display:block;height:100%;width:100%;position:absolute;left:0;top:0}
.contenedor-banner .contenido{display:flex}
.contenedor-banner .contenido .row{align-items:flex-end}
.contenedor-banner .contenido .row .texto.simple{color:#fff;font-size:calc(10px + 0.2vmin);margin-top:calc(10px + 1.5vmin);text-align:center;text-transform:uppercase}
.contenedor-banner .contenido .row .texto.simple *{margin:0 5px}
.contenedor-banner .contenido .row .texto.simple strong{color:#FFCA02}
.contenedor-banner .contenido .row .texto.simple a{color:#FFCA02;padding:5px 0}
.contenedor-banner .ancla.ondas{flex-direction:column;height:10vh;width:calc(20px + 1vmin);margin:0 auto;position:absolute;bottom:-6vh;left:0;right:0;z-index:-1;transition:transform 0.4s}
.contenedor-banner .ancla.ondas:before{content:'';background:#FFCA02;display:block;flex:1 1 auto;height:auto;max-height:100%;width:1px;transition:background-color 0.4s}
.contenedor-banner .ancla.ondas i{background:#FFCA02;border-radius:50%;display:block;font-size:10px;flex:0 0 1em;height:1em;max-height:1em;width:1em;transition:background-color 0.4s}
.contenedor-banner+.contenedor .contenido{padding-bottom:calc(15px + 8.5vmin);padding-top:calc(15px + 8.5vmin)}
@media(min-width:992px){
    .contenedor-banner{height:28.65vw}
    .contenedor-banner .contenido .row .texto.simple a{transition:color 0.4s}
    .contenedor-banner .contenido .row .texto.simple a:hover{color:#fff}
    .contenedor-banner .ancla.ondas:hover{transform:translateY(2vh)}
    .contenedor-banner .ancla.ondas:hover:before,
    .contenedor-banner .ancla.ondas:hover i{background-color:#ee7524}
}
/*contenedor *seccionado*/
.contenedor-seccionado-item .row .col.contenedor-seccionado-txt .texto{ text-align: left; margin-bottom: 1em;}
.contenedor-seccionado-item .row .col.contenedor-seccionado-txt .texto.titulo{color:#2A6DB1;font-weight:500;line-height:1.1em}
.contenedor-seccionado-item .row .col.contenedor-seccionado-txt .plegable .texto.enriquecido *{line-height:1.1em;margin-bottom:5px;margin-top:5px}
.contenedor-seccionado-item.panel.click .row .col.contenedor-seccionado-txt .plegable{transition-duration:0.4s;transition-timing-function:ease-out}
.contenedor-seccionado-item.panel.click.activo .row .col.contenedor-seccionado-txt .plegable{max-height:200vh;visibility:visible;transition-timing-function:ease-in}
.contenedor-seccionado#politica-contenedor .contenedor-seccionado-item:nth-child(even):before,
.contenedor-seccionado#productos-contenedor .contenedor-seccionado-item:nth-child(odd):before{content:'';background:rgba(0,0,0,0.03);display:block;height:100%;width:100%;position:absolute;left:0;top:0}
@media(max-width:767.98px){
    .contenedor-seccionado-item.panel.click .row .col.contenedor-seccionado-txt .icon.icon-flecha1.abajo{color:#2A6DB1;font-size:calc(20px + 1vmin);width:1em;margin:10px auto 0;transition:0.4s;transition-property:color,transform}
    .contenedor-seccionado-item.panel.click.activo .row .col.contenedor-seccionado-txt .icon.icon-flecha1.abajo{color:#FFCA02;transform:rotateX(180deg)}
}
@media(min-width:576px){
    .contenedor-seccionado-item .row .col.contenedor-seccionado-txt .plegable .texto.enriquecido ol,
    .contenedor-seccionado-item .row .col.contenedor-seccionado-txt .plegable .texto.enriquecido ul{column-count:2;column-gap:calc(50px + 1vmin)}
}
@media(min-width:768px){
    .contenedor-seccionado-item .row{}
    /* .contenedor-seccionado-item .row{align-items:center} */
    .contenedor-seccionado-item:nth-child(even) .row{flex-direction:row-reverse}
    .contenedor-seccionado-item.panel.click .row:before{content:'';background:url(../svg/isotipo-color.svg) no-repeat center top;background-size:cover;display:block;height:100%;width:60vw;opacity:0;position:absolute;top:0;transform:matrix(0.01,0,0,0.01,0,0);transform-origin:center bottom;transition:0.6s;transition-property:opacity,transform}
    .contenedor-seccionado-item.panel.click .row .col.contenedor-seccionado-img .bola{transition:width 0.4s}
    .contenedor-seccionado-item.panel.click:nth-child(odd) .row:before{margin-left:10vw;left:50%}
    .contenedor-seccionado-item.panel.click:nth-child(even) .row:before{margin-right:10vw;right:50%}
    .contenedor-seccionado-item.panel.click.activo .row:before{opacity:0.1;transform:matrix(1,0,0,1,0,0)}
    .contenedor-seccionado-item.panel.click.activo .row .col.contenedor-seccionado-img .bola{width:calc(200px + 22vmin) !important}
    .contenedor-seccionado#politica-contenedor .contenedor-seccionado-item:nth-child(odd) .row .col.contenedor-seccionado-txt .texto{text-align:left}
    .contenedor-seccionado#politica-contenedor .contenedor-seccionado-item:nth-child(even) .row .col.contenedor-seccionado-txt .texto{text-align:right}
}
@media(min-width:992px){
    .contenedor-seccionado-item{padding-bottom:0 !important;padding-top:0 !important}
    .contenedor-seccionado-item .row{margin-bottom:0 !important;margin-top:0 !important}
    .contenedor-seccionado-item .row .col{z-index:1}
    .contenedor-seccionado-item .row .col.contenedor-seccionado-img{padding-bottom:0;padding-top:0;}
    /* .contenedor-seccionado-item .row .col.contenedor-seccionado-img{padding-bottom:0;padding-top:0;margin: 0 auto;} */
    .contenedor-seccionado-item .row .col.contenedor-seccionado-txt{padding-bottom:4vh;padding-top:4vh}
    .contenedor-seccionado-item .row .col.contenedor-seccionado-txt .plegable{width:140%}
    .contenedor-seccionado-item:nth-child(even) .row .col.contenedor-seccionado-txt .plegable{margin-left:-40%}
    .contenedor-seccionado-item.panel.click .row:before{width:40vw}
    .contenedor-seccionado-item.panel.click:hover .row:before{opacity:0.1;transform:matrix(1,0,0,1,0,0)}
    .contenedor-seccionado-item.panel.click.activo .row .col.contenedor-seccionado-txt .plegable{max-height:100vh}
    .contenedor-seccionado#politica-contenedor .contenedor-seccionado-item:nth-child(even):before,
    .contenedor-seccionado#productos-contenedor .contenedor-seccionado-item:nth-child(odd):before{width:100vw;margin-left:-50vw;left:50%}
    .contenedor-seccionado#politica-contenedor .contenedor-seccionado-lista{padding-bottom:7.5vh;padding-top:7.5vh}
    .contenedor-seccionado#productos-contenedor .contenido{padding-bottom:0 !important}
    .contenedor-seccionado#productos-contenedor .contenedor-seccionado-lista{margin-bottom:0;padding-top:5vh}
}

/*inicio*/
/*inicio banner*/
@keyframes _franja-color{0%{clip-path:polygon(150% 50%,200% 100%,50% 150%,0 100%)}50%{clip-path:polygon(50% -50%,100% 0,-50% 50%,-100% 0)}}
#inicio-banner .fondo-video.capa-encima:after{background:linear-gradient(to bottom,rgba(7,27,58,0.3),rgba(7,27,58,0.5))}
#inicio-banner .fondo.capa-debajo:before,
#inicio-banner .fondo.capa-encima:after{background:no-repeat 50% 50vh;background-size:auto 70vh;opacity:0.25}
#inicio-banner .fondo.capa-debajo:before{background-image:url(../svg/isotipo-gris.svg)}
#inicio-banner .fondo.capa-encima:after{background-image:url(../svg/isotipo-color.svg);clip-path:polygon(50% -50%,100% 0,-50% 50%,-100% 0);animation:_franja-color 2s linear infinite}
#inicio-banner .row .texto.titulo{text-shadow:3px 3px 5px rgba(20,100,172,0.8)}
#inicio-banner .row .texto.titulo span{color:#FFCA02}
#inicio-banner .row .texto.simple{text-shadow:2px 2px 2px rgba(20,100,172,0.8)}
#inicio-banner .row .icon-flecha0.pos-absolute{transform:matrix(0.6,0,0,0.6,0,0);transform-origin:center top}
@media(max-width:991.98px){#inicio-banner .row{align-content:flex-end}}
@media(min-width:992px){
    #inicio-banner .fondo-video.capa-encima:after{background:linear-gradient(to bottom,rgba(7,27,58,0),rgba(7,27,58,0.2))}
    #inicio-banner .fondo.capa-debajo:before,#inicio-banner .fondo.capa-encima:after{background-position:105% 70%}
    #inicio-banner .fondo.capa-debajo:before{background-image:url(../svg/isotipo-gris.svg);opacity:0.5}
    #inicio-banner .row .texto.titulo{text-shadow:3px 3px 5px rgba(20,100,172,0.5)}
    #inicio-banner .row .texto.simple{text-shadow:2px 2px 2px rgba(20,100,172,0.5)}
}
/*inicio productos*/
@media(max-width:991.98px){
    #inicio-productos .carrusel-contenedor .carrusel-lista{display:block;transform:none !important}
    #inicio-productos .carrusel-contenedor .carrusel-lista .carrusel-item{width:100% !important;max-width:100% !important}
    #inicio-productos .carrusel-contenedor .carrusel-lista .carrusel-item:not(:last-child){border-bottom:1px solid #fff}
}
@media(min-width:992px){
    #inicio-productos .fondo .fondo-carga.panel.desvanece{transition-duration:0.6s}
    #inicio-productos .fondo .fondo-carga.panel.desvanece.activo{opacity:1}
    #inicio-productos .fondo.capa-lg-encima:after{background:linear-gradient(to bottom,rgba(30,63,124,0.3) 55%,rgba(8,33,71,0.8) 100%);z-index:2}
    #inicio-productos .carrusel-flechas{height:10vh}
    #inicio-productos .carrusel-flechas .carrusel-flecha{height:100%;width:10%}
    #inicio-productos .carrusel-contenedor{height:calc(200px + 29vh)}
}
/*inicio certificaciones*/
#inicio-certificaciones #carrusel-certificaciones .carrusel-flecha{flex:0 0 auto;width:auto;max-width:100%}
#inicio-certificaciones #carrusel-certificaciones .carrusel-contenido a{height:calc(20px + 14vmin)}
#inicio-certificaciones #carrusel-certificaciones .carrusel-contenido a img{width:calc(20px + 28vmin)}
#inicio-certificaciones #carrusel-certificaciones.capa-debajo:before{width:100vw;margin-left:-50vw;left:50%}

/*historia*/

/*historia empresa*/
#historia-empresa .texto.titulo{color:#fff;font-size:calc(10px + 7vmin);margin-bottom:calc(10px + 1.5vmin)}
#historia-empresa .texto.enriquecido{text-align:justify;margin-bottom:calc(10px + 1.5vmin)}
#historia-empresa .row.capa-debajo{border:solid transparent;border-width:11.5vh 0 17.5vh}
#historia-empresa .row.capa-debajo:before{background:#FFCA02 url(../img/fondo-mision-vision.png) repeat center center;width:100vw;margin-left:-50vw;left:50%}
#historia-empresa-img{margin-bottom:-17.5vh}
@media(min-width:992px){#historia-empresa-img{margin-top:-11.5vh;transform-origin:center bottom}}
/*historia valores*/#historia-valores img{width:calc(50px + 7vmin)}

/*productos*//*productos contenedor*/#productos-contenedor header .texto.titulo{text-align:center}

/*novedades*//*novedades detalle*/#novedades-detalle header{height:0;width:100%;margin-bottom:calc(10px + 3vmin);padding:0 0 50%}
#novedades-detalle header .fondo iframe, #novedades-detalle header .fondo video{width: 80%;height: 70vh}
@media(max-width:991.98px){
    #novedades-detalle header .fondo iframe, #novedades-detalle header .fondo video{width: 100%;height: 100%}
}
/*
menu 2
#cabecera-menu>ul>li:nth-child(3),#desplegable-menu ul.desplegable-menu-nivel1>li:nth-child(3){display:none!important}
*/
#inicio-socios{display:none}

/*attach*/
.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid rgba(6,45,102,0.2);
}
.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 15px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 40px;
  line-height: 40px;
  color: #4a4949;
  font-weight: 400;
  text-align: right;
}
.file-upload-wrapper:before {
  content: "Seleccionar archivo";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 60px;
  background: #2A6DB1;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  line-height: 60px;
  padding: 0 15px;
  pointer-events: none;

}
.file-upload-wrapper-en:before{
  content: "Select File"!important;
}
.file-upload-wrapper:hover:before {
  background: #FFCA02;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.sprucecss {
  align-items: flex-start;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  color: #444;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  inset: auto auto 1rem 1rem;
  line-height: 1.5;
  max-width: 11rem;
  padding: 1.5rem;
  position: fixed;
  text-decoration: none;
}
.sprucecss img {
  height: 1.5rem;
  width: auto;
}


#mayor{background: #ebebeb;}