@charset "utf-8";

:root{

    /* colores */
    --color-fff          : #fff;
    --color-eee          : #eee;
    --color-ddd          : #ddd;
    --color-ccc          : #ccc;
    --color-999          : #999;
    --color-666          : #666;
    --color-333          : #333;
    --color-000          : #000;
    --color-amar         : #FDCF00;
    --color-azul         : #1F8AAA;

    /* medidas */
    --w-colum-nombre-auto: 240px;
    --w-colum-fecha      : 128px;
    --w-colum-estrellas  : 170px;
    --w-colum-porcentajes: 258px;
    --calc-cont-colum    : var(--w-colum-nombre-auto) - var(--w-colum-fecha);
    --w-cont-colum       : calc(100% - var(--calc-cont-colum));

    /* font */
    --font               : 'Open Sans', sans-serif;
}


body,
p {
    font-weight: 400;
    font-family: var(--font);
}

h5,
h6 {
    margin-bottom: 10px
}

a,
p,
ul li {
    color: var(--color-666)
}

.p-left,
p,
ul {
    float: left
}

body,
p,
ul li {
    font-family: var(--font)
}

.col-50,
.col-65,
.col-75 {
    overflow: hidden
}

#logo,
.redes a {
    background-repeat: no-repeat
}

.center,
.item .cont-h4 h4,
.p-left,
.padding-right-10px,
.ref,
.tit-azul,
.tit-azul h3,
.tit-busc h5,
ul {
    box-sizing: border-box
}

.colum,
.tabs li a {
    align-items: center
}

body,
html {
    margin: 0;
    padding: 0;
    min-height: 100%
}

body {
    font-size: 1rem;
    color    : var(--color-000)
}

p {
    font-size  : .81rem !important;
    margin     : 0 0 12px !important;
    line-height: 1.5 !important;
    word-wrap  : break-word;
    width      : 100%
}

.semibold{
    font-weight: 600
}
.uppercase {
    text-transform: uppercase
}

a {
    text-decoration: none
}

.link:hover p,
a:hover {
    text-decoration: underline
}

h3 {
    color      : var(--color-azul);
    font-size  : 1rem;
    font-weight: 600
}

h5 {
    font-size: .85rem
}

h6 {
    font-size: .8rem
}

ul {
    padding-left: 20px
}

ul li {
    list-style   : circle;
    font-size    : .81rem!important;
    margin-bottom: 3px
}

.menu li,
.slider-r,
.tabs li,
.titulo {
    list-style: none
}

.p-left,
.p-right {
    width: auto;
    margin: 0
}

ul li span {
    color: var(--color-666) !important
}

.p-left {
    text-align   : left;
    padding-right: 20px
}

.p-right {
    float     : right;
    text-align: right
}

.center,
.col-100,
.contenido,
.footer,
.header,
.span-tit {
    width: 100%
}

.p-rojo {
    color: red!important
}

.p-verde {
    color: #42B64F !important
}

.p-celeste {
    color: var(--color-azul) !important
}

.bold,
.span-tit {
    font-weight: 700
}

.span-tit {
    float     : left;
    text-align: center;
    font-size : .9rem
}

::-webkit-input-placeholder {
    color      : var(--color-000);
    font-size  : .8rem;
    font-family: var(--font)
}

::-moz-placeholder {
    color: #000;
    font-size: .8rem;
    font-family: var(--font)
}

:-ms-input-placeholder {
    color: #000;
    font-size: .8rem;
    font-family: var(--font)
}

:-moz-placeholder {
    color: #000;
    font-size: .8rem;
    font-family: var(--font)
}

input {
    -webkit-appearance: none
}

.fancybox-title {
    font-size  : .8rem!important;
    font-weight: 400!important;
    font-family: var(--font) important
}

.center {
    max-width: 1335px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}

.header {
    float: left;
    height: auto;
    position: fixed;
    background-color: var(--color-fff);
    z-index: 998
}

.col-100,
.col-48,
.col-50,
.col-58,
.col-60,
.col-65,
.col-75,
.contenido,
.footer {
    position: relative
}


.ratio-100{
    position: relative;
    height: 0;
    margin: 0;
    padding: 0;
    padding-top: 100% !important;
}

.ratio-100 img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}


/* row fix */
.row-height{
    width: 100%;
    float: left;
    display: flex
}

    .row-height [class*=col]{
        display: -webkit-flex;
        display: flex;
    }




.header .center {
    display: table;
    z-index: 900
}

#logo,
.idioma-pc {
    display: block
}

.contenido {
    margin-top: 115px;
    float: left;
    padding-bottom: 60px;
    z-index: 99
}

#inicio.contenido{
    padding-bottom: 10px
}

.footer {
    float           : left;
    padding-top     : 30px;
    z-index         : 996;
    background-color: var(--color-fff)
}

.margin-top-15px {
    margin-top: 15px!important
}

.margin-top-30px {
    margin-top: 30px!important
}

.margin-top-185px {
    margin-top: 185px!important
}

.margin-bottom-0 {
    margin-bottom: 0!important
}

.margin-bottom-15px {
    margin-bottom: 15px!important
}

.margin-bottom-40px {
    margin-bottom: 40px!important
}

.padding-right-10px {
    padding-right: 10px
}

.padding-left-25px {
    padding-left: 25px;
    box-sizing: border-box
}

.padding-left-0 {
    padding-left: 0!important
}

.border-right-negro {
    border-right: 2px solid #000!important
}

.border-top-gris {
    border-top: 1px solid #ddd!important
}

.border-left-gris {
    border-left: 1px solid #ddd!important
}

.border-bottom-negro {
    border-bottom: 1px solid #000!important
}

.float-right {
    float: right!important
}

.float-left {
    float: left!important
}

.col-100,
.col-48,
.col-49,
.col-50,
.col-58,
.col-60,
.col-65,
.col-75 {
    float: left
}

.col-65 {
    width: 65%
}

.col-60 {
    width: 60%
}

#area-de-prensa-final .col-65 {
    padding-right: 20px;
    border-right: 1px solid var(--color-eee)
}

.col-50 {
    width: 50%
}

.col-58 {
    width: 58%
}

.col-75 {
    width: 76%
}

#inicio .col-75 {
    overflow: inherit
}

.caja-ensayos,
.col-25,
.col-30,
.col-35,
.dummy-left,
.dummy-right {
    overflow: hidden
}

.col-48 {
    width: 48%
}

.col-49 {
    width: 49%;
    position: relative
}

.col-30,
.col-32 {
    float: right;
    position: relative
}

.col-35 {
    position: relative
}

.col-30 {
    width: 30%
}

.col-32 {
    width: 32%
}

.col-25 {
    width: 25%;
    float: left;
    position: relative
}

.col-20 {
    width: 21%;
    float: right;
    position: relative
}

#logo,
.logo-pie,
.redes,
.redes a {
    float: left
}

#logo {
    width             : 235px;
    height            : 71px;
    position          : relative;
    top               : 4px;
    transition        : ease-in .2s;
    -webkit-transition: ease-in .2s;
    -moz-transition   : ease-in .2s;
    -o-transition     : ease-in .2s;
    -ms-transition    : ease-in .2s;
    will-change       : auto;
    background-size   : contain
}

.en,
.es {
    background-image: url(../img/logo.png)
}

.po {
    background-image: url(../img/logo_po.png)
}

.logo-pie {
    margin: 23px 0
}

.idioma {
    position: absolute;
    right   : 20px;
    top     : 0;
    width   : auto;
    z-index : 10;
    height  : 100%
}

    .idioma a {
        color          : var(--color-fff);
        text-transform : none;
        line-height    : 2.6;
        font-size      : .7rem;
        text-decoration: none;
        font-weight    : 400;
        margin-right   : 15px
    }

.barras,
.menu,
.menu li,
.redes {
    position: relative
}

#area-de-prensa .cont-h4 h4,
#frase1 p,
.btn-azul,
.btn-leer-mas,
.menu li a {
    text-transform: uppercase
}

.idioma a:hover {
    text-decoration: underline
}

.caja-ensayos:hover,
.menu li a {
    text-decoration: none
}

.idioma .lg-act {
    font-weight: 800
}

.idioma-movil {
    display: none
}

.redes {
    width: auto
}

.header .redes {
    margin-left: -10px
}

.redes a {
    width              : 30px;
    height             : 30px;
    background-position: top center
}

.redes a:hover {
    opacity: .8
}

.header .redes .fb {
    background-image: url(../img/ico-fb.jpg)
}

.header .redes .tw {
    background-image: url(../img/ico-tw.jpg)
}

.header .redes .yt {
    background-image: url(../img/ico-yt.jpg)
}

.header .redes .fl {
    background-image: url(../img/ico-fl.jpg)
}

.header .redes .ins {
    background-image: url(../img/ico-ins.jpg)
}


/* menú */
.menu {
    width             : auto;
    float             : right;
    padding           : 0;
    margin            : 0;
    transition        : ease-in .2s;
    -webkit-transition: ease-in .2s;
    -moz-transition   : ease-in .2s;
    -o-transition     : ease-in .2s;
    -ms-transition    : ease-in .2s;
    will-change       : auto;
}

    .menu li {
        float: left;
        margin-bottom: 0
    }

        .menu li a {
            display     : block;
            padding     : 34px 18px;
            float       : left;
            color       : var(--color-000);
            font-size   : .7rem;
            font-weight : 700;
            border-right: 1px solid var(--color-eee);
            transition  : all .3s;
            will-change : auto;
        }

        .menu li:last-child a {
            border       : none;
            padding-right: 0!important
        }

        .menu li a.activo,
        .menu li a:hover {
            color              : var(--color-amar);
            background-image   : url(../img/menu-act.jpg);
            background-repeat  : repeat-x;
            background-position: bottom
        }

#frase1,
#frase2 {
    background-position: right;
    z-index            : 990;
    background-repeat  : no-repeat
}

.barras {
    width : 100%;
    float : lefT;
    height: 54px;
    margin: 15px 0
}

#frase1 p,
#frase2 p {
    width: 80%;
    color: var(--color-fff)
}

#frase1,
#frase2,
.barras img {
    position: absolute
}

.barras img {
    right: 0
}

#frase1 {
    background-image: url(../img/barra-slider-ch.png);
    height          : 56px;
    width           : 40%;
    top             : 30%
}

#frase1 p {
    font-size: 1rem!important;
    position : relative;
    top      : 15px
}

#frase2 {
    background-image: url(../img/barra-slider-gr.png);
    height          : 99px;
    width           : 38%;
    top             : 52%
}

.caja-slider{
    z-index : 899;
    position: relative;
}

#inicio,
#frase2 p,
.caja-slider,
.slider {
    position: relative
}

.frase p {
    color: var(--color-fff)
}

#frase2 p {
    font-size: .9rem !important;
    top      : 20px
}

.caja-slider,
.img-cabezal,
.slider {
    width: 100%;
    float: left
}

.img-cabezal {
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center center;
    height             : 150px;
    margin-bottom      : 40px;
    box-shadow         : 0 4px 4px 0 #999
}

.img-cabezal:after{
    content         : '';
    position        : absolute;
    width           : 100%;
    height          : 150px;
    top             : 0;
    left            : 0;
    z-index         : 800;
    background-color: rgba(36,114,137,1);
    mix-blend-mode  : multiply;
}

.slider {
    height: auto
}

.left,
.right {
    display          : none;
    background-repeat: no-repeat;
    width            : 17px;
    height           : 30px;
    top              : 45%;
    z-index          : 100;
    cursor           : pointer;
    position         : absolute
}

.right {
    background-image: url(../img/flecha-right.png);
    right: 20px
}

.left {
    background-image: url(../img/flecha-left.png);
    left: 20px
}

.slider .owl-controls,
.slider .owl-dots {
    width: 100%;
    text-align: center
}

.caja-slider:hover .left,
.caja-slider:hover .right {
    display: block
}

.owl-carousel,
.owl-carousel .item,
.owl-carousel .owl-item,
.owl-carousel .owl-stage,
.owl-carousel .owl-stage-outer {
    height: 100%
}

.owl-nav {
    display: none
}

.slider .owl-controls {
    position      : absolute;
    bottom        : 0;
    padding-bottom: 10px
}
.inicio .galeria .owl-dots{
    display   : block !important;
    position  : absolute;
    width     : 100%;
    height    : 20px;
    text-align: center;
    bottom    : -25px;
} 

.inicio .galeria .owl-dots .owl-dot {
    width        : 12px;
    height       : 12px;
    border-radius: 50%;
    border       : 1px solid var(--color-azul);
    background   : var(--color-azul);
    display      : inline-block;
    margin       : 5px
}

.inicio .galeria .owl-dots .owl-dot.active,
.inicio .galeria .owl-dots .owl-dot:hover {
   opacity:  .5 !important;
}


.caja-galeria .item a,
.img-r {
    background-repeat: no-repeat;
    width: 100%
}

.caja-galeria {
    width: 100%;
    float: left
}

    .caja-galeria h3 {
        font-size    : .8rem;
        font-weight  : 700;
        margin-bottom: 8px
    }

    .caja-galeria .galeria {
        padding: 2px 0
    }

    .caja-galeria .item {
        border: 1px solid #efefef;
        height: 99%!important
    }

    .caja-galeria .item a {
        display            : block;
        height             : 100%;
        background-position: center center
    }


.galeria-2{
    position: relative;
}

    .galeria-2 .prev,
    .galeria-2 .next{
        display : block;
        position: absolute;
        height  : 100%;
        top     : 0;
        left    : 0;
        width   :40px;
        z-index : 900;
        cursor  : pointer
    }

    .galeria-2 .prev{
        right              : 0;
        background-position: center;
        background-image   : url(../img/flecha-left.png);
        background-repeat  : no-repeat;
    }
    .galeria-2 .next{
        right              : 0;
        left               : auto;
        background-position: center;
        background-image   : url(../img/flecha-right.png);
        background-repeat  : no-repeat;
    }





#slider-res {
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    position: relative
}

    .slider-r {
        padding-left : 0;
        margin-bottom: 0;
        height       : 100%!important
    }

    .slider-r li {
        display     : block;
        float       : left;
        margin-right: 6px;
        cursor      : pointer;
        list-style  : none !important
    }

    .slider-r img {
        display  : block;
        width    : 100%;
        height   : auto;
        max-width: 100%
    }

.img-r,
.li-r {
    height  : 100%;
    position: relative;
}

    /* btn descargar foto actual */
    .btn-foto-actual{
        color          : var(--color-fff);
        position       : absolute;
        padding        : 0;
        bottom         : 11px;
        right          : 10px;
        z-index        : 900;
        width          : auto;
        display        : inline-flex;
        align-items    : center;
        justify-content: center;
        text-decoration: none;
    }
    .btn-foto-actual:after{
        content            : '';
        background-image   : url(../img/ico-descargar-bl.png?3);
        background-repeat  : no-repeat;
        background-size    : auto;
        background-position: bottom;
        width              : 30px;
        height             : 30px;
        float              : left;
        margin-left        : 10px;
     }

     .btn-foto-actual span{
        opacity        : 0;
        color          : var(--color-fff) !important;
        text-decoration: none !important;
        transition     : all .2s ease;
        will-change    : auto;
     }
    
    .btn-foto-actual:hover{
        text-decoration: none !important
    }
     .btn-foto-actual:hover:after{
        background-position: top
     }
     .btn-foto-actual:hover span{
        opacity        : 1;
        text-decoration: none !important
     }


.img-r {
    float              : left;
    background-size    : cover;
    background-position: top center
}
    .img-r:before{
        content   : '';
        width     : 100%;
        height    : 100px;
        background: rgba(0,0,0,0);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
        position  : absolute;
        bottom    : 0;
        left      : 0;
        z-index   : 10;
        opacity   : .5
    }

.lSSlideOuter {
    height  : 100%;
    position: relative
}

.lSSlideWrapper {
    height: 85% !important
}

.lSPager.lSGallery {
    height: 15%!important
}

.lSSlideOuter .lSPager.lSGallery img {
    width: 100%
}

.lSSlideOuter .lSPager.lSGallery {
    margin-top: 0!important
}

.lSSlideOuter .lSPager.lSGallery li {
    list-style   : none !important;
    border-radius: none !important
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: .6
}

.lSAction>.lSNext {
    background         : url(../img/flecha-right.png) no-repeat;
    width              : 17px;
    height             : 30px;
    background-position: inherit!important
}

.lSAction>.lSPrev {
    background         : url(../img/flecha-left.png) no-repeat;
    width              : 17px;
    height             : 30px;
    background-position: inherit!important
}

.galeria {
    width        : 100%;
    float        : left;
    height       : 230px;
    margin-bottom: 30px
}

.galeria-2 {
    height: 170px
}

.item .caja-ensayos {
    width : 100%;
    height: 100%!important;
    border: 1px solid var(--color-ccc);
}

.item .fondo-caja {
    z-index: 30
}

.item .cont-h4 {
    transition : all .5s;
    will-change: auto;
}

    .item .cont-h4 h4 {
        font-size    : .9rem;
        margin-bottom: 0;
        line-height  : 1.3;
        padding-top  : 3px
    }

    .item .cont-h4 span {
        font-size  : .7rem;
        font-weight: 600
    }

    body.nuestros-ensayos h4,
    body.nuestros-ensayos span{
        display: none
    }
    body.nuestros-ensayos .fondo,
    body.nuestros-ensayos .fondo-caja{
        display: none
    }
    body.nuestros-ensayos .caja-ensayos .cont-h4{
        background-image: none !important;
        display         : none
    }
    
    body.nuestros-ensayos .caja-ensayos{
        height: auto !important
    }
    body.nuestros-ensayos .caja-ensayos img{
        width      : 100% !important;
        transition : all .3s ease;
        will-change: auto;
        position   : absolute;
        top        : 0;
        left       : 0;
    }
    body.nuestros-ensayos .caja-ensayos .foto{
        padding-top: 41.80% !important;
        height     : 0 !important;
        position   : relative !important;
        float      : left;
        position   : relative;

    }

    body.nuestros-ensayos .caja-ensayos:hover img{
        transform: scale(1);
        } 

        .justificado p{
            text-align: justify !important
        }



    .vin{
        width    : auto;
        float    : right;
        font-size: .7rem !important;
        color    : var(--color-666);
        margin   : 0 !important
    }
    

.item .caja-estrellas {
    padding      : 4px 0;
    width        : 100%;
    background   : var(--color-fff);
    position     : relative;
    bottom       : -190px;
    z-index      : 90;
    transition   : all .4s;
    will-change  : auto;
    border-bottom: 1px solid var(--color-eee)
}

.fondo-foto,
.ref {
    background-repeat: no-repeat
}

.item:hover .caja-estrellas {
    bottom: 0
}

.item:hover .cont-h4 {
    bottom: 60px
}

.item .caja-ensayos:hover .fondo-caja {
    right: -550px
}

.div50 {
    width: 50%;
    float: left
}

.fondo-foto {
    width              : 100%;
    height             : 100%;
    position           : absolute;
    top                : 0;
    left               : 0;
    background-position: center center;
    background-size    : cover
}

.caja-img-dummy,
.dummy-left {
    position: relative;
    display : inline-block
}

.global {
    width: 100%;
    float: left;
    margin: 25px 0
}

    .global h3 {
        width        : 100%;
        margin-bottom: 15px
    }

    .global a{
        float: left;
        width: 100%
     }
    .global a:hover {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: gray;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
    }

    .global img {
        width: auto;
        max-width: 100%;
        margin: auto
    }

    /* pesri */
    .global .pesri{
        width     : 100%;
        float     : left;
        text-align: center;
        border    : 1px solid var(--color-ddd);
        padding   : 10px;
        box-sizing: border-box;
        margin-top: 20px
    }

    .global .pesri img{
        max-height: 67px !important
    }

.caja-protocolos{
    margin-bottom: 30px
}

    .caja-protocolos ul{
        margin-bottom: 20px
    }
    
    .caja-protocolos a {
        color: var(--color-azul)
    }

.caja-dummy-50 {
    width     : 50%;
    float     : left;
    text-align: center
}

.caja-dummy-50 img {
    width    : auto;
    max-width: 100%;
    margin   : auto
}

.caja-dummy-25 p,
.caja-dummy-50 p {
    font-size: .7rem!important
}

.caja-img-dummy {
    width        : 280px;
    margin-bottom: 20px
}

.dummy-left {
    width : 94px;
    height: 185px;
    float : left
}

    .dummy-left .dummy {
        position : absolute;
        width    : 189px;
        height   : 145px;
        max-width: none!important;
        left     : 5px
    }

.dummy-right {
    width   : 94px;
    height  : 185px;
    display : inline-block;
    position: relative;
    float   : right
}

    .dummy-right .dummy {
        position : absolute;
        width    : 189px;
        height   : 145px;
        max-width: none!important;
        right    : 5px
    }

    .dummy-left p,
    .dummy-right p {
        position : absolute;
        top      : 150px;
        font-size: .65rem!important
    }

.caja-dummy-25 {
    width      : 24.5%;
    float      : left;
    text-align : center;
    border-left: 2px solid var(--color-eee)
}

.caja-dummy-25 img {
    width    : auto;
    max-width: 100%;
    margin   : auto
}

.caja-ref {
    width        : 100%;
    float        : left;
    margin-top   : 30px;
    margin-bottom: 30px
}

.caja-ref p,
.ref {
    width      : auto;
    font-weight: 600
}

.caja-ref p {
    color        : var(--color-000);
    float        : left;
    padding-right: 20px
}

.ref {
    float              : left;
    padding-left       : 75px;
    background-position: left;
    margin-right       : 40px;
    color              : var(--color-666);
    font-size          : .8rem;
    margin-bottom      : 10px
}

.caja-comentario,
.caja-menu,
.caja-redes,
.caja-aclaracion,
.caja-aclaracion-resultados{
    width: 100%;
    float: left
}

.ref-bueno {
    background-image: url(../img/ref-bueno.png)
}

.ref-adecuado {
    background-image: url(../img/ref-adecuado.png)
}

.ref-marginal {
    background-image: url(../img/ref-marginal.png)
}

.ref-debil {
    background-image: url(../img/ref-debil.png)
}

.ref-pobre {
    background-image: url(../img/ref-pobre.png)
}

.caja-redes {
    height    : 30px;
    background: var(--color-000)
}

.caja-ensayos,
.caja-ensayos .foto {
    background-size    : cover;
    background-position: center center;
    background-repeat  : no-repeat
}

.caja-menu {
    height: auto
}

.caja-comentario {
    position      : relative;
    margin-bottom : 0;
    padding-bottom: 30px;
    border-bottom : 1px solid var(--color-000)
}

    .caja-comentario p {
        position : relative;
        z-index  : 40;
        max-width: 95%
    }


.caja-aclaracion {
    position      : relative;
    margin-bottom : 0px;
    padding-bottom: 0px;
}

    .caja-aclaracion i{
        float       : left;
        margin-right: 10px;
    }
    .caja-aclaracion i:hover{
        opacity: 1 !important;
    }

    .caja-aclaracion p {
        position : relative;
        z-index  : 40;
        max-width: 95%;
        font-size: .8rem;
    }

    .caja-aclaracion-resultados .vin{
        float: left !important
    }


.caja-aclaracion-resultados {
    position      : static;
    float         :left;
    margin-bottom : 0px;
    padding-bottom: 0px;
}

    .caja-aclaracion-resultados p {
        position : relative;
        z-index  : 40;
        max-width: 95%;
        font-size: .8rem;
    }



.lineas-com {
    position        : absolute;
    background-image: url(../img/lineas-com.png);
    width           : 242px;
    height          : 288px;
    bottom          : -145px;
    z-index         : 10;
    right           : 0
}

.caja-ensayos {
    display      : block;
    width        : 48%;
    float        : left;
    margin-right : 4%;
    position     : relative;
    margin-bottom: 25px
}

.caja-ensayos:nth-child(2n+2),
.caja-fotos {
    margin-right: 0
}

.caja-fotos {
    width : 100%;
    height: 170px !important
}

.col-65.cont-foto-video {
    width        : 65%;
    margin-bottom: 20px
}

.video-ini,
.videoWrapper {
    position     : relative;
    margin-bottom: 15px
}

.video-ini {
    width: 100%;
    float: left
}

.video-ini img {
    width    : auto;
    max-width: 100%;
    height   : auto
}

.videoWrapper {
    padding-bottom: 56.25%;
    margin-top    : 60px;
    height        : 0;
    clear         : both;
    max-width     : 638px
}

#tab3 .videoWrapper,
#tab5 .videoWrapper {
    max-width : inherit;
    margin-top: 8px;
}

.videoWrapper iframe {
    position: absolute;
    top     : 0;
    left    : -.08em;
    width   : 100%!important;
    height  : 100%!important
}

.video-ini .videoWrapper {
    margin-top: 0;
    max-width : inherit
}

.caja-ensayos:hover .fondo-caja {
    opacity: 0
}

.caja-ensayos:hover .foto {
    transform        : scale(1.2);
    -moz-transform   : scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform     : scale(1.2)
}

.caja-ensayos .foto {
    width           : 100%;
    height          : 100%;
    position        : absolute;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    margin          : auto;
    transition      : ease-out .3s;
    will-change     : auto;
    background-color: var(--color-ddd)
}

.fondo-caja {
    background     : url(../img/fondo-caja.png) no-repeat;
    background-size: cover;
    position       : absolute;
    right          : -550px;
    width          : 800px;
    height         : 100%;
    transition     : all .2s;
    will-change    : auto;
    opacity        : 1;
    z-index        : 3
}

.caja-ensayos .cont-h4 {
    position           : absolute;
    bottom             : 0;
    right              : 0;
    height             : 55px;
    color              : var(--color-fff);
    padding            : 0 0 0 80px;
    background-image   : url(../img/borde-h4.png);
    background-repeat  : no-repeat;
    background-position: left;
    z-index            : 40
}

.cont,
.cont-foto-video {
    width   : 100%;
    position: relative
}

.cont-h4 h4 {
    height          : 61px;
    font-weight     : 600;
    font-size       : 1rem;
    color           : var(--color-fff);
    background-color: var(--color-000);
    line-height     : 2;
    padding-right   : 10px
}

.caja-fotos .cont-h4 h4 {
    font-size  : 1rem;
    line-height: 2.5
}

.cont {
    height       : 100%;
    float        : left;
    margin-bottom: 30px
}

.cont-foto-video {
    height  : 100%;
    float   : left;
    overflow: hidden
}

.caja-foto,
.caja-video {
    height     : 100%;
    position   : absolute;
    transition : all .4s;
    will-change: auto;
    width      : 100%;
    float      : left;
    overflow   : hidden
}

.caja-foto {
    left      : 0;
    background: var(--color-eee)
}

.caja-video {
    left      : 100%;
    background: var(--color-000)
}

.caja-info {
    width        : 100%;
    float        : left;
    text-align   : right;
    margin-bottom: 40px
}

.caja-info p {
    margin-bottom: 0;
    color        : var(--color-000)
}

.tit,
.tit-azul,
.tit-busc {
    margin-bottom: 15px
}

.caja-estrellas {
    float     : right;
    width     : 215px;
    margin-top: 20px
}

.tit,
.tit-azul,
.tit-blanco,
.tit-busc {
    width: 100%;
    float: left
}

.tit-azul sup{
    font-size: 60%
}

.tit-busc h5 {
    padding-left: 30px
}


.tit {
    padding-bottom: 4px;
    border-bottom : 1px solid var(--color-ddd)
}

.tit h3 {
    padding-left: 38px
}

#nuestros-ensayos .tit h3 {
    padding-left: 0
}

.tit-negro h3 {
    color: #000
}

.tit-azul {
    background: url(../img/lineas-titulo.png) right no-repeat #1F8AAA;
    padding   : 5px;
    height    : 38px
}

.tit-azul h3 {
    font-size   : .9rem;
    color       : var(--color-fff);
    font-weight : 600;
    padding-left: 35px;
    line-height : 2
}

.tit-blanco {
    position      : relative;
    margin-bottom : 30px;
    border-bottom : 1px solid var(--color-000);
    padding-bottom: 4px
}

.tit-blanco h3 {
    color    : var(--color-000);
    font-size: .9rem
}

.tit-auto{
    padding   : 0 15px 30px 15px;
    text-align: center;
}
.tit-auto h2{
    font-size: 21px;
}

.ico-auto {
    background: url(../img/ico-auto-blanco.png) left center no-repeat;
    height    : 25px
}

.ico-lupa {
    background: url(../img/ico-lupa.png) left center no-repeat;
    height: 20px
}

.ico-comparacion {
    background: url(../img/ico-comparar.png) left center no-repeat;
    height: 20px;
    font-weight: 700!important
}

.ico-equipo-seguridad {
    background: url(../img/ico-equipo-seguridad-blanco.png) no-repeat;
    height: 25px;
    padding-left:  35px;
}

.ico-estrella {
    background: url(../img/ico-estrella.png) left center no-repeat
}

.ico-ensayo {
    background: url(../img/ico-ensayo.png) left center no-repeat
}

.ico-vehiculo {
    background: url(../img/ico-vehiculo.png) left center no-repeat
} 

.ico-sri {
    background: url(../img/ico-sri.png) left center no-repeat
} 
.ico-sri-azul{
    background: url(../img/ico-sri-azul.png) left center no-repeat
}

.ico-pregunta {
    background: url(../img/ico-pregunta.png) left center no-repeat
}

.ico-noticia-2 {
    background: url(../img/ico-noticias-2.png) no-repeat;
    height: 30px
}

.ico-medios {
    background: url(../img/ico-medios.png) no-repeat;
    height: 30px
}

.ico-fotos {
    background: url(../img/ico-foto-.png) no-repeat;
    height: 30px
}

.ico-publicaciones {
    background: url(../img/ico-publicaciones.png) no-repeat;
    height: 30px
}

.ico-boletin {
    background: url(../img/ico-boletin.png) no-repeat;
    height: 30px
}

.ico-contactenos {
    background: url(../img/ico-contactenos.png) no-repeat;
    height: 30px
}

.ico-noticia {
    background: url(../img/ico-noticias.png) no-repeat;
    height: 23px
}

.ico-resultados {
    background: url(../img/ico-resultados.png) no-repeat;
    height: 26px
}

.ico-ordenar {
    background: url(../img/ico-ordenar.png) no-repeat;
    height: 26px
}

.ico-foto,
.ico-video {
    width       : 29px;
    height      : 29px;
    color       : var(--color-fff);
    position    : absolute;
    top         : 10px;
    left        : 10px;
    z-index     : 800;
    font-size   : .7rem;
    padding-left: 35px;
    line-height : 2.5;
    font-weight : 600
}

.ico-foto {
    background: url(../img/ico-foto.png) no-repeat
}

.ico-video {
    background: url(../img/ico-video.png) no-repeat
}

.ico-1,
.ico-2,
.ico-3,
.ico-4,
.ico-5,
.ico-6,
.ico-a20 {
    width: 55px;
    height: 51px
}

.fila,
.noticia-ch,
.noticia-ch .foto {
    position: relative
}

#tabla-celeste .fila-tit p,
.caja-tabla p, .caja-tabla-r p {
    font-size: .7rem!important
}

.ico-1 {
    background: url(../img/ico-1.png) no-repeat;
    float: left
}

.ico-2 {
    background: url(../img/ico-2.png) no-repeat;
    float: left
}

.ico-a20 {
    background: url(../img/ico-a20.png) no-repeat;
    float: left
}

.div50 .ico-1,
.div50 .ico-2 {
    background-size: contain
}

.ico-4 {
    background: url(../img/ico-4.png?22) no-repeat;
    float: left
}

.ico-5 {
    background: url(../img/ico-5.png?22) no-repeat;
    float: left
}

.ico-6 {
    background: url(../img/ico-6.png) no-repeat;
    float: left
}


.ico-7 {
    background: url(../img/award_tab.png) no-repeat;
    float: left;
    height:51px;    
}

.ico-check-star{
    width  : 25px;
    height : 25px;
    display: inline-block;
}
.ico-check-star::before {
    content          : '';
    background       : url(../img/ico-uncheck-star.svg) no-repeat;
    float            : left;
    background-size  : 25px;
    background-repeat: no-repeat;
    padding          : 12px;
}
.cont-chk-estrella input[type=checkbox]:checked+label .ico-check-star::before {
    background       : url(../img/ico-check-star.svg) no-repeat;
    background-size  : 25px;
    background-repeat: no-repeat;
}

.cont-chk-estrella .ico-1 {
    background: url(../img/ico-1-off.png) no-repeat
}

.cont-chk-estrella .ico-2 {
    background: url(../img/ico-2-off.png) no-repeat
}

.cont-chk-estrella .ico-a20 {
    background: url(../img/ico-a20-off.png) no-repeat
}

.cont-chk-estrella input[type=checkbox]:checked+label .ico-1 {
    background: url(../img/ico-1.png) no-repeat
}

.cont-chk-estrella input[type=checkbox]:checked+label .ico-2 {
    background: url(../img/ico-2.png) no-repeat
}

.cont-chk-estrella input[type=checkbox]:checked+label .ico-a20 {
    background: url(../img/ico-a20.png) no-repeat
}

.ico-3 {
    background: url(../img/ico-3.png) no-repeat;
    float: left
}

.estrella,
.estrella-act {
    width       : 30px;
    height      : 30px;
    float       : left;
    margin-right: 2px;
}

.estrella {
    background: url(../img/estrella.png) no-repeat;
    margin-right: 2px
}

.adulto .estrella-act.old {
    background: url(../img/old_adulto.png) no-repeat
}

.nino .estrella-act.old {
    background: url(../img/old_nino.png) no-repeat
}

.adulto .ico-1.old {
    background-image: url(../img/ico-1-adulto.png)
}

.nino .ico-2.old {
    background-image: url(../img/ico-2-nino.png)
}

.estrella-act {
    background: url(../img/estrella-activa.png) no-repeat
}

.estrella-ch,
.estrella-ch-act {
    width       : 21px;
    height      : 20px;
    margin-right: 2px;
    margin-top  : 14px
}

.estrella-ch {
    background: url(../img/estrella-ch.png) no-repeat;
    float: left
}

.estrella-ch-act {
    background: url(../img/estrella-ch-activa.png) no-repeat;
    float: left
}

.caja-tabla,
.caja-tabla-r
.fila,
.fila-tit {
    width: 100%;
    float: left
}








.caja-tabla, .caja-tabla-r {
    margin-bottom: 40px
}

.fila {
    height       : auto;
    border-bottom: 1px solid var(--color-ddd);
    padding      : 4px 0;
    background   : var(--color-fff)
}

#r-2019 .fila{
    width: 100%;
    float: left
}

.fila-tit {
    height        : 30px;
    padding-bottom: 4px;
    border-bottom : 1px solid var(--color-000);
    background    : var(--color-fff) !important
}

.fila:nth-child(even) {
    background: #FAFAFA
}

.fila p {
    color        : var(--color-000);
    margin-bottom: 0!important
}

#tabla-autos .fila {
    height: 60px
}


#tabla-autos .fila-tit {
    height     : auto;
    margin-top : 35px;
    padding-top: 5px
}

#tabla-resultado-final .fila {
    height : auto;
    padding: 0
}

#tabla-evaluacion .fila-tit {
    border-bottom: none;
    padding-top  : 0
}

#tabla-celeste .fila-tit {
    height       : auto;
    padding      : 0;
    border-bottom: 1px solid #1F8AAA !important
}

#tabla-celeste .fila {
    height       : auto;
    padding      : 0;
    border-bottom: none;
    background   : var(--color-fff) !important
}

#tabla-celeste .fila-tit p {
    color        : #1F8AAA;
    margin-bottom: 0;
    font-weight  : 600
}

/*
.colum {
    width          : auto;
    min-width      : 128px;
    height         : 100%;
    padding        : 5px 20px 5px 5px;
    box-sizing     : border-box;
    float          : left;
    -ms-display    : flex;
    display        : flex;
    justify-content: left;
    margin-right   : 1.8%;
    font-size      : .8rem;

}
*/
.colum {
    width          : auto;
    min-width      : 128px;
    height         : 100%;
    padding        : 5px 8px;
    box-sizing     : border-box;
    float          : left;
    -ms-display    : flex;
    display        : flex;
    justify-content: left;
    margin-right   : 0;
    font-size      : .8rem;

}


.colum-nombre-auto,
.colum-200{
    width: var(--w-colum-nombre-auto) !important;
    /*background: #ccc;*/
}
.colum-fecha{
    width: var(--w-colum-fecha) !important;
    /*background: green;*/
    
}
.colum-estrellas,
.fix-colum-estrellas{
    width: var(--w-colum-estrellas) !important;
   /*background: red;*/
}
.colum-porcentajes,
.fix-colum-porcentajes{
    width: var(--w-colum-porcentajes) !important;
    /*background: blue;*/
}

.colum-estrellas,
.fix-colum-estrellas{
    position : relative;
    min-width: 200px !important;
    max-width: 200px !important;
}
    .colum-estrellas .ico-alerta{
        width   : 24px;
        height  : 29px;
        position: absolute;
        top     : -2px;
        right   : 6px;
    }

.colum-10,
.colum-100,
.colum-11,
.colum-12,
.colum-13,
.colum-14,
.colum-33,
.colum-36,
.colum-38,
.colum-49,
.colum-64,
.colum-9 {
    padding   : 8px 10px;
    float     : left;
    box-sizing: border-box
}
.colum-240 {
    width  : 240px;
    display: block
}

.colum-9 {
    width: 9%
}

.colum-10 {
    width: 10%
}

.colum-11 {
    width: 11%
}

.colum-12 {
    width    : 12%;
    min-width: 66px
}

.colum-13 {
    width: 13%
}

.colum-14 {
    width: 14%
}

.colum-28 {
    width     : 28%;
    float     : left;
    padding   : 8px 10px;
    box-sizing: border-box
}

.colum-33 {
    width: 33%
}

.colum-38 {
    width: 38%
}

.colum-36 {
    width: 36%
}

.colum-49 {
    width: 49%
}

.colum-64 {
    width: 64%
}

.colum-100 {
    width: 100%
}

.colum-100 p {
    color: #000 !important
}


/* mas de 6 columnas por fila -------------------- */
.colum-12.mas-6{
    padding   : 8px 0px;
    width     : 68px;
    text-align: center
}
.colum-38.mas-6{
    width: 35%;
}
.colum-64.mas-6{
    padding   : 8px 0px;
    width     : 55%;
    text-align: center
}
.colum-36.mas-6{
    width       : 22.3%;
    border-right: 1px solid var(--color-fff);
}
/* ---------------------------------------------- */



.colum-tit {
    margin-right : 2%;
    width        : 100% !important;
    float        : left;
    border-bottom: 1px solid #1F8AAA !important
}

.colum-tit:last-child {
    margin-right: 0!important
}

.colum-33:nth-child(even) {
    background: var(--color-eee)
}

#tabla-celeste .fila-tit .colum-33 {
    width: 33.2%
}

#tabla-celeste .colum-33:nth-child(even) {
    background: var(--color-fff) !important
}

#tabla-evaluacion .colum-36 {
    background : var(--color-eee);
    text-align : center;
    border-left: 2px solid var(--color-eee)
}

.border-right-gris {
    border-right: 2px solid var(--color-eee)
}



.colum h3 {
    font-size: .8rem!important
}

.img-marca {
    float: left
}
#tabla-autos .img-marca{
    width: 65px
}

span.tit-marca {
    font-weight: 600;
    float      : left;
    font-size  : .85rem;
    margin     : 14px 0 0 6px
}

span.detalle-ch {
    display   : block;
    font-size : .7rem;
    float     : left;
    margin-top: 3px
}


/* cont colum ( estrellas + porcentajes) */
.cont-colum{
    width       : var(--w-cont-colum);
    float       : left;
    padding     : 0;
    margin-right: 0;

    /*background: yellow;*/
}
    .cont-colum section{
        width      : 100%;
        float      : left;

        display    : flex;
        align-items: center;

        /*background: red;*/
    }


    .colum-nombre-auto{
        /*background: green;*/
    }
    .colum-fecha{
        /*background: blue;*/
    }


/* fix dos datos */
#tabla-autos .fila.juntos {
    height: auto; 
}
    
    /* cont colum */
    .fila.juntos .cont-colum section{
        display: block;

    }

    .fila.juntos .colum-nombre-auto,
    .fila.juntos .colum-fecha{
        transform: translateY(7px);
    }


    .fila.juntos .cont-colum section .cont-fix{
        width        : 100%;
        float        : left;
        margin-bottom: 0;
        padding      : 10px 0;
        position     : relative;
    }

        .fila.juntos .cont-colum section .cont-fix:after{
            content   : '';
            width     : calc(100% - 10px);
            height    : 1px;
            background: var(--color-ddd);
            position  : absolute;
            left      : 0;
            bottom    : 0;
            /*transform : translateY(-10px);*/
        }

        .fila.juntos .cont-colum section .cont-fix:nth-of-type(2){
            padding-bottom: 0;
            margin-bottom : 0;
        }
        .fila.juntos .cont-colum section .cont-fix:nth-of-type(2):after{
            display: none;
        }

        /* tit */
        .fila.juntos .cont-colum section h6{
            width        : 100%;
            float        : left;
            margin-bottom: 0;
            font-size    : .82rem !important;
            font-weight  : 600;
            padding-left : 10px;
        }

        /* colum */
        .fila.juntos .cont-colum  .fix-colum-estrellas{
          transform: translateY(10px);
        }


        /* btn mas */
        .fila.juntos .cont-colum .btn-mas{
            top      : 0;
            bottom   : 0;
            margin   : auto;
            height   : 42px;
            transform: translateY(12px);
        }




/* noticia ch */
.noticia-ch {
    width: 32%;
    float: left;
    margin-bottom: 30px;
    margin-right: 2%
}

#area-de-prensa-final .noticia-ch,
.copete,
.div-foto,
.notcia-gr,
span.fecha {
    width: 100%
}

.noticia-ch:nth-child(3n+1) {
    margin-right: 0
}

.noticia-ch:hover .foto {
    opacity: .4
}

#premios .noticia-ch:hover .foto {
    opacity: 1
}

.noticia-ch:hover .btn-mas {
    padding-left       : 15px;
    padding-right      : 40px;
    background-position: 95%;
    background-color   : var(--color-eee);
    background-image   : url(../img/flecha-leer.png)
}

.noticia-ch .foto {
    width              : 100%;
    height             : 200px;
    margin-bottom      : 10px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
    transition         : all .3s;
    will-change        : auto;
}

.noticia-ch .foto span {
    position   : absolute;
    bottom     : -7px;
    left       : 0;
    color      : var(--color-fff);
    font-size  : 1.5rem;
    font-weight: 700;
    z-index    : 10
}

.seleccionada {
    opacity: .4
}

span.fecha {
    float        : left;
    margin-bottom: 5px;
    text-align   : left;
    font-weight  : 700;
    font-size    : .7rem;
    color        : var(--color-666)
}

.tabs li,
.tabs li a {
    color     : var(--color-666);
    text-align: center
}

#preguntas .titulo,
.copete p,
.frase-form,
.noticia-gr h6,
.tabs li a,
.titulo span {
    font-weight: 600
}

.copete {
    float: left
}

.copete p {
    font-size: .7rem;
    color    : var(--color-666)
}

.noticia-ch .btn-mas {
    position: relative;
    float   : left;
    right   : inherit;
    top     : inherit
}

.notcia-gr {
    float: left;
    margin-bottom: 20px
}

.noticia-gr a {
    text-decoration: underline;
    font-style: italic
}

.boton:hover,
.btn-compartir:hover,
.btn-descarga:hover,
.btn-descargar:hover,
.btn-leer-mas:hover,
.btn-mas:hover,
.btn-protocolo:hover,
.btn-suscribir:hover,
.marca:hover,
.ruta a.act:hover,
.tabs li a {
    text-decoration: none
}

.div-foto {
    float : left;
    margin: 15px 0 20px
}

.div-foto img {
    width    : auto;
    max-width: 100%;
    height   : auto;
    margin   : auto
}

.caja-tabs,
.cont_tabs,
.tabs {
    width: 100%;
    float: left
}

.acordion,
.caja-tab {
    margin-top: 20px
}

.noticia-gr p {
    color: var(--color-666)
}

.caja-tabs {
    position: relative
}

.tabs {
    padding-left: 0
}

.tabs li {
    float        : left;
    width        : 30%;
    margin-right : .5%;
    background   : var(--color-fff);
    border-bottom: 2px solid var(--color-eee)
}

.acordion,
.caja-tab,
.contacto,
.info,
.info span,
.line-negra,
.tabs li a,
.titulo {
    width: 100%;
    float: left
}

.tabs li:hover {
    border-bottom: 2px solid #1F8AAA
}

.tabs li a {
    padding    : 7px;
    box-sizing : border-box;
    font-size  : .875rem;
    line-height: 1.3;
    display    : flex
}

.tabs li a:hover {
    color: #1F8AAA
}

#tabs-resultados-final li a {
    padding-left: 55px;
    text-align  : left
}

#tabs-resultados-final li {
    padding   : 4px;
    box-sizing: border-box;
    opacity   : .6
}

.tabs li.select {
    background   : var(--color-fff);
    border-bottom: 2px solid var(--color-000);
    opacity      : 1!important
}

#preguntas .titulo,
#preguntas .titulo.activo {
    background-repeat: no-repeat;
    background-position: right
}

.acordion {
    padding-left: 0
}

.titulo {
    cursor       : pointer;
    padding      : 4px 0;
    border-top   : 1px solid var(--color-eee);
    border-bottom: 1px solid var(--color-fff);
    transition   : all .3s;
    will-change  : auto;
}

#preguntas .titulo {
    padding         : 18px 40px 18px 0;
    color           : var(--color-000);
    background-image: url(../img/ico-mas.png);
    box-sizing      : border-box;
    transition      : all .1s;
    will-change     : auto;
}

#preguntas .titulo:hover {
    color           : #1F8AAA;
    background-image: url(../img/ico-mas-gr.png)
}

#preguntas .titulo.activo {
    background-image: url(../img/ico-menos.png);
    color           : #3d9ebf
}

.titulo span {
    color       : #1F8AAA !important;
    font-size   : .8rem;
    padding-left: 40px;
    box-sizing  : border-box;
    display     : block;
    line-height : 2.5;
    transition  : ease .2s;
    will-change : auto;
}

.boton,
.boton span,
.btn-descarga,
.btn-suscribir,
.caja-boton {
    transition : all .3s;
    will-change: auto;
}

.titulo:hover span {
    margin-left: 8px
}

.acordion .activo {
    color: #1F8AAA
}

.info {
    padding: 5px 0;
    display: none
}

.info span {
    color    : var(--color-999) !important;
    display  : block;
    font-size: .7rem
}

.info p {
    font-size: .8rem;
    color    : var(--color-000)
}

.line-negra {
    margin    : 10px 0;
    height    : 1px;
    background: var(--color-000)
}

.contacto {
    padding-bottom: 60px
}

.contacto input,
.contacto select,
.contacto textarea {
    font-family  : var(--font);
    color        : #999;
    width        : 100%;
    float        : left;
    border-radius: 4px;
    border       : 1px solid #ccc;
    padding      : 8px;
    box-sizing   : border-box;
    margin-bottom: 15px
}

.contacto textarea {
    height: 150px
}

.contacto select{
    font-weight        : 400;
    background-repeat  : no-repeat;
    background-image   : url(../img/flecha-select.png);
    background-position: right 10px center
}

.contacto input.btn-submit {
    width      : auto!important;
    border     : 1px solid #3D9EBF;
    text-align : center;
    cursor     : pointer;
    background : #3D9EBF;
    color      : var(--color-fff);
    font-size  : 1rem;
    font-weight: 600;
    padding    : 12px 50px
}

/* placeholder */
    input::-webkit-input-placeholder {color: #999;font-weight:400}
    input::-moz-placeholder {color: #999;font-weight:400}
    input:-ms-input-placeholder {color:#999;font-weight:400}
    input:-moz-placeholder {color: #999;font-weight:400}

    textarea::-webkit-input-placeholder {color: #999;font-weight:400}
    textarea::-moz-placeholder {color: #999;font-weight:400}
    textarea:-ms-input-placeholder {color:#999;font-weight:400}

.buscador,
.caja-form {
    width  : 100%;
    float  : left;
    z-index: 900
}
.caja-form{
    position: relative;
}

.contacto input.btn-submit:hover {
    background: var(--color-fff);
    color     : #3D9EBF
}


/* msj form */
.msj {
    float      : left;
    margin-left: 40px;
    margin-top : 15px;
    font-size  : .8rem
}

.buscador {
    background: var(--color-eee);
    padding   : 20px;
    box-sizing: border-box
}

.caja-form {
    box-shadow   : 0 3px 3px 0 var(--color-666);
    padding      : 20px 0;
    margin-bottom: 40px
}

#buscador .select,
.buscador-avanzado .ui.selection.dropdown {
    margin-bottom: 10px;
    width        : 100%
}

.frase-form {
    float       : left;
    color       : #1F8AAA;
    font-size   : 1.3rem!important;
    margin-right: 25px!important;
    width       : auto
}

#buscador {
    width     : 100%;
    margin-top: 20px
}

#bq-inicio .select {
    min-width    : 50px;
    max-width    : 100px;
    float        : left;
    margin-right : 20px;
    overflow     : hidden;
    background   : url(../img/flecha-select.png) 92% no-repeat var(--color-eee);
    padding      : 9px 50px 9px 9px;
    font-weight  : 700;
    cursor       : pointer;
    border-radius: 3px
}

.ui.selection.dropdown .menu {
    min-width: 100%!important;
    max-width: 100%!important
}

#bq-inicio .ui.selection.dropdown,
#buscador .ui.selection.dropdown,
.buscador-avanzado .ui.selection.dropdown {
    float           : left;
    min-height      : 0!important;
    box-sizing      : border-box;
    padding         : 8px;
    min-width       : 111px;
    margin-right    : 15px;
    background-color: var(--color-eee)
}

#buscador .ui.selection.dropdown {
    width           : 100%;
    margin-bottom   : 10px;
    background-color: var(--color-fff)
}

,
#bq-inicio .ui.selection.dropdown,
#bq-inicio .ui.selection.dropdown .item,
#buscador .ui.selection.dropdown,
#buscador .ui.selection.dropdown .item,
.buscador-avanzado .ui.selection.dropdown,
.buscador-avanzado .ui.selection.dropdown .item {
    background: var(--color-eee);
    max-width : 100%
}

#bq-inicio .ui.selection.dropdown .item,
#buscador .ui.selection.dropdown .item,
.buscador-avanzado .ui.selection.dropdown .item {
    border-top: none;
    font-size : .8em
}

#bq-inicio .ui.selection.dropdown>.dropdown.icon,
.buscador-avanzado .ui.selection.dropdown>.dropdown.icon {
    color: #439DB7
}

#bq-inicio .ui.dropdown>.text,
#buscador .ui.dropdown>.text,
.buscador-avanzado .ui.dropdown>.text {
    color      : var(--color-000);
    font-size  : .8rem;
    font-weight: 600
}

#buscador .select,
select {
    font-weight: 700;
    cursor     : pointer
}

#buscador .select {
    float        : left;
    margin-right : 20px;
    overflow     : hidden;
    background   : url(../img/flecha-negra.png) 92% no-repeat var(--color-fff);
    padding      : 9px 50px 9px 9px;
    border-radius: 4px;
    border       : 2px solid var(--color-000);
    box-sizing   : border-box
}

#bq-inicio input,
.caja-ano,
.buscador-avanzado input {
    float       : left;
    margin-right: 15px
}

select {
    width             : 180%;
    background-color  : transparent;
    background-image  : none;
    appearance        : none;
    -webkit-appearance: none;
    border            : none
}

#bq-inicio input,
#buscador input,
.buscador-avanzado input {
    color      : var(--color-000);
    font-size  : .8rem;
    font-weight: 600!important
}

.caja-ano {
    max-width: 70px
}

.caja-ano .ui.selection.dropdown {
    min-width: 70px!important
}

#modelo {
    min-width: 180px!important
}

#bq-inicio input, .buscador-avanzado input {
    padding         : 8px;
    background-color: var(--color-eee);
    border          : none;
    border          : 1px solid rgba(34, 36, 38, .15);
    border-radius   : .28571429rem
}

.in-es {
    width: 230px
}

.in-po {
    width: 275px
}

.in-en {
    width: 350px
}

#buscador input,
.buscador-avanzado,
.buscador-avanzado h5,
.buscador-avanzado input {
    width     : 100%;
    float     : left;
    box-sizing: border-box;
}

#buscador input {
    background-color: var(--color-fff);
    box-sizing      : border-box;
    padding         : 8px 16px;
    border          : none;
    margin-right    : 20px;
    border          : 1px solid rgba(34, 36, 38, .15);
    border-radius   : .28571429rem;
    box-sizing      : border-box;
}

#bq-inicio input:hover,
#buscador input:hover {
    border-color: rgba(34, 36, 38, .35)
}

.buscador-avanzado h5 {
    padding-bottom: 4px;
    border-bottom : 1px solid var(--color-eee);
    font-weight   : 600
}

.buscador-avanzado .select {
    width        : 100%;
    float        : left;
    margin-right : 20px;
    overflow     : hidden;
    background   : url(../img/flecha-select.png) 92% no-repeat var(--color-eee);
    padding      : 6px 50px 6px 6px;
    font-weight  : 700;
    cursor       : pointer;
    border-radius: 4px;
    margin-bottom: 10px;
    box-sizing   : border-box
}

.buscador-avanzado input[type=radio],
.buscador-avanzado input[type=checkbox] {
    display: none
}

.buscador-avanzado input[type=checkbox]+label .chk {
    background-image   : url(../img/chk.png);
    background-position: center center;
    background-repeat  : no-repeat;
    width              : 22px;
    height             : 20px;
    display            : inline-block;
    padding-left       : 25px;
    box-sizing         : border-box;
    color              : #545454;
    font-size          : .7rem;
    font-weight        : 600;
    line-height        : 2;
    margin-right       : 18px;
    cursor             : pointer
}

.buscador-avanzado input[type=checkbox].check+label .chk,
.buscador-avanzado input[type=checkbox]:checked+label .chk {
    background-image: url(../img/chk-act.png)
}

.cont-chk {
    width        : 100%;
    float        : left;
    margin-bottom: 15px
}

.cont-chk label {
    float        : left;
    width        : 60px;
    margin-right : 20px;
    margin-bottom: 10px
}

.cont-chk-estrella {
    width         : 100%;
    float         : left;
    display       : flex;
    flex-direction: row;
    padding       : 10px 0;
}
.cont-chk-estrella label{
    margin: auto 5px;
}

.buscador-avanzado .ui.rating .icon::before,
.buscador-avanzado input[type=checkbox]+label .chk-estrella {
    background-image   : url(../img/estrella.png);
    background-position: center center;
    background-repeat  : no-repeat;
    width              : 30px;
    height             : 30px;
    display            : inline-block;
    padding-left       : 25px;
    box-sizing         : border-box;
    color              : #545454;
    font-size          : .7rem;
    font-weight        : 600;
    line-height        : 2;
    /*margin-top       : 10px;*/
    cursor             : pointer;
    content            : ''
}

.buscador-avanzado .ui.rating .icon.active::before,
.buscador-avanzado input[type=checkbox].check+label .chk-estrella,
.buscador-avanzado input[type=checkbox]:checked+label .chk-estrella {
    background-image: url(../img/estrella-activa.png);
    content: ''!important
}

.buscador-avanzado input.btn-comparar {
    width        : 100%;
    padding      : 8px;
    box-sizing   : border-box;
    color        : var(--color-fff);
    font-weight  : 600;
    background   : #1F8AAA;
    margin-right : 20px;
    cursor       : pointer;
    border       : 1px solid var(--color-fff);
    border-radius: 3px
}

.buscador-avanzado input.btn-comparar:hover {
    color     : #1F8AAA;
    background: var(--color-fff);
    border    : 1px solid #1F8AAA
}

.caja-boton {
    position: absolute;
    bottom  : 0;
    height  : 80px;
    right   : 10px
}

.boton,
.btn-orden {
    position: relative
}

.btn-compartir,
.btn-descargar {
    font-size  : .8rem;
    line-height: 3;
    height     : 40px
}

.cont-btn {
    width: 100%;
    float: left
}

.compartir {
    display    : none;
    width      : 100%;
    float      : left;
    padding-top: 5px
}

.boton span,
.btn-compartir,
.btn-descargar {
    font-weight: 600;
    display    : block
}

.compartir a {
    float: right!important
}

.btn-descarga {
    background-image   : url(../img/ico-descarga-celeste.png);
    background-position: 95%;
    background-repeat  : no-repeat;
    color              : #46A6C8;
    padding            : 11px 48px 11px 12px;
    border             : 2px solid #46A6C8;
    float              : left;
    margin-right       : 9px;
    font-size          : .8rem;
    font-weight        : 600;
    border-radius      : 5px;
    margin-bottom      : 10px
}


.btn-descarga:nth-child(3){
    margin-right: 0
}

.btn-descarga:hover {
    background-color: #46A6C8;
    color           : var(--color-fff)
}

.btn-descargar {
    background   : url(../img/ico-descargar.png) right no-repeat;
    padding-right: 45px;
    float        : right;
    color        : #FECF00
}

.btn-descargar.btn-left {
    background   : url(../img/ico-descargar.png) left no-repeat;
    padding-right: 0;
    padding-left : 45px;
    float        : left
}

.btn-descargar:hover {
    color: var(--color-000)
}

.btn-compartir {
    background   : url(../img/ico-compartir.png) right no-repeat;
    padding-right: 45px;
    float        : right;
    color        : #FECF00;
    cursor       : pointer
}

.btn-compartir:hover {
    color: #000
}

.boton {
    width     : 100%;
    float     : left;
    background: 76% no-repeat var(--color-eee);
    border    : 2px solid var(--color-fff);
    box-sizing: border-box;
    margin-top: 8px;
    height    : auto;
    cursor    : pointer;
    padding   : 6px 5px
}

.boton span {
    margin    : auto;
    color     : var(--color-000);
    font-size : .7rem;
    box-sizing: border-box;
    padding   : 8px 20px 8px 35px
}

.btn-gris,
.btn-orden {
    margin-top: 8px;
    float     : left
}

.boton:hover {
    background-image   : url(../img/flecha-leer.png);
    background-position: 98%;
    border             : 2px solid var(--color-eee);
    background-color   : var(--color-fff)
}

#bq-inicio input.btn-azul,
#buscador input.btn-azul,
.btn-azul {
    color: var(--color-fff);
    background: #1F8AAA;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 600
}

.boton:hover span {
    left: 6px;
    padding-right: 16px;
    padding-left: 38px
}

.btn-azul {
    padding: 8px;
    border: 1px solid var(--color-fff)
}

#bq-inicio input.btn-azul,
#buscador input.btn-azul {
    padding: 8px 16px;
    border: 1px solid #1F8AAA!important
}

.btn-azul:hover {
    border: 1px solid #1F8AAA!important;
    color: #1F8AAA!important;
    background: var(--color-fff)!important
}

.btn-gris {
    padding: 5px 8px;
    color: #000;
    font-weight: 600;
    background: var(--color-eee);
    margin-right: 20px;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: .8rem;
    border-radius: 4px
}

.btn-gris.activo,
.btn-gris:hover {
    background: #1F8AAA;
    text-decoration: none;
    color: var(--color-fff)
}

.btn-leer-mas,
.btn-protocolo,
.btn-suscribir,
.ico-suscribir {
    background-repeat: no-repeat
}

.btn-orden {
    width: 30px;
    height: 30px
}

.mas,
.menos {
    width: 22px;
    height: 13px;
    margin-top: 0;
    position: absolute
}

.mas {
    background-image: url(../img/btn-asc.png?2);
    background-position: top;
    bottom: 0;
    right: 0
}

.mas.activo,
.mas:hover,
.menos {
    background-position: bottom
}

.menos {
    background-image: url(../img/btn-desc.png?2);
    top: 0;
    left: 0
}

.menos.activo,
.menos:hover {
    background-position: top
}

.btn-leer-mas {
    width: 100%;
    float: left;
    background-color: var(--color-eee);
    background-image: url(../img/flecha-leer.png);
    background-position: 95%;
    padding: 7px 30px 7px 7px;
    text-align: left;
    margin-top: 20px;
    color: #1F8AAA;
    font-size: .9rem;
    font-weight: 600;
    box-sizing: border-box
}

.btn-mas,
.marca,
.pie-logos {
    text-align: center
}

.btn-leer-mas:hover {
    background-color: #1F8AAA;
    background-image: url(../img/btn-leer-mas-hover.jpg);
    background-position: right;
    color: var(--color-eee)
}

.btn-buscar,
.btn-suscribir {
    width: 100%;
    background-color: var(--color-fff)
}

.btn-suscribir {
    color: #000;
    padding: 13px 10px;
    float: left;
    box-sizing: border-box;
    font-size: .8rem;
    font-weight: 600;
    background-position: 56%;
    cursor: pointer;
    border: 2px solid var(--color-fff)
}

.btn-buscar,
.btn-protocolo {
    color: #1F8AAA;
    cursor: pointer;
    float: left
}

.btn-suscribir:hover {
    padding-left: 14px;
    background-position: 96%;
    background-image: url(../img/flecha-leer.png)
}

.ico-suscribir {
    background-image: url(../img/ico-suscribir.png);
    background-position: left;
    padding: 6px 0 6px 40px;
    box-sizing: border-box
}

.btn-buscar {
    border: 2px solid #1F8AAA!important
}

.btn-mas,
.btn-protocolo {
    width      : auto;
    font-size  : .8rem;
    font-weight: 600;
    transition : all .3s;
    will-change: auto;
}

.btn-protocolo {
    padding-right: 30px;
    background-position: 56%
}

.btn-protocolo:hover {
    background-image: url(../img/flecha-leer.png);
    background-position: 96%;
    padding-left: 5px
}

.btn-mas {
    padding: 10px 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: 50% no-repeat var(--color-fff);
    border: 2px solid var(--color-eee);
    color: #000
}
.fila .btn-mas{
    padding: 0 15px !important;
    height : 42px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-mas:hover {
    padding-left: 10px !important;
    padding-right: 30px !important;
    background-image: url(../img/flecha-leer.png);
    background-position: 95%;
    background-color: var(--color-eee)
}

.botonera {
    width: 100%;
    height: 60px;
    float: left;
    position: relative;
    background-image: url(../img/barras-chicas.png);
    background-repeat: no-repeat;
    background-position: right top
}

.btn-foto,
.btn-video {
    left: 65%
}

#btn-foto-video {
    left: 100%;
    height: 450px
}

.btn-foto,
.btn-video {
    width: 50px;
    background-color: var(--color-eee);
    position: absolute;
    right: 0;
    z-index: 900;
    height: 494px;
    cursor: pointer
}

.img-btn {
    width: 11px;
    height: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto
}

.btn-foto .ico,
.btn-video .ico {
    width: 29px;
    height: 29px;
    top: 10px;
    z-index: 800;
    font-weight: 600;
    font-size: .7rem;
    line-height: 2.5;
    left: 0;
    margin: auto;
    color: var(--color-fff);
    position: absolute;
    right: 0
}

.btn-foto:hover,
.btn-video:hover {
    background-color: var(--color-fff)
}

.btn-video .ico {
    background: url(../img/ico-video-a.png) no-repeat
}

.btn-foto .ico {
    background: url(../img/ico-foto-a.png) no-repeat
}

.caja-celeste {
    width: 32%;
    height: auto;
    min-height: 118px;
    margin-right: 2%;
    background: #1F8AAA;
    padding: 12px 15px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    -ms-display: flex;
    display: flex;
    align-items: center;
    justify-content: left
}

.caja-celeste p {
    color: var(--color-fff);
    margin-bottom: 0!important
}

span.correo,
span.dir,
span.tel {
    font-size: .8rem;
    padding-left: 30px;
    background-position: left;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #000;
    width: 100%;
    background-repeat: no-repeat;
    font-weight: 600;
    float: left;
    box-sizing: border-box
}

.caja-celeste:nth-child(3n+1) {
    margin-right: 0
}

span.dir {
    background-image: url(../img/ico-dir.png)
}

span.tel {
    background-image: url(../img/ico-tel.png)
}

span.correo {
    background-image: url(../img/ico-mail.png)
}

span.correo a {
    color: #000
}

.inc_contacto {
    width: 100%;
    float: left;
    border-bottom: 3px solid #1F8AAA;
    margin-bottom: 20px
}

.marca img,
.ruta {
    border-bottom: 1px solid var(--color-eee)
}

.inc_contacto .correo,
.inc_contacto .dir,
.inc_contacto .tel {
    padding-left: 50px
}

.seguir {
    width: 100%;
    float: left
}

.seguir span {
    float: left;
    font-size: 1rem;
    font-weight: 600;
    color: #1F8AAA;
    margin-right: 5px
}

.seguir a {
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 20px;
    padding: 0 5px;
    float: left
}

.seguir a:hover {
    opacity: .7
}

.ico-fb-2 {
    background-image: url(../img/ico-fb-2.png)
}

.ico-tw-2 {
    background-image: url(../img/ico-tw-2.png)
}

.ico-yt-2 {
    background-image: url(../img/ico-yt-2.png)
}

.ico-fl-2 {
    background-image: url(../img/ico-fl-2.png)
}

.ico-ins-2 {
    background-image: url(../img/ico-ins-2.png);
    padding-right: 0
}

.pie-logos {
    width: 100%;
    padding: 20px 0;
    float: left;
    margin-top: 50px;
    background: #D8D8D8;
    box-sizing: border-box
}

.pie-logos a:hover {
    opacity: .6
}

.pie-logos img {
    display: inline-block;
    margin: auto
}

.caja-plugin {
    width: 36%;
    float: left;
    height: 246px;
    overflow: hidden;
    margin-right: 4%
}

.caja-plugin:nth-child(2) {
    margin-right: 0
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100%!important
}

.dropdown.icon::before {
    content: ''!important;
    background: url(../img/flecha-select.png) center center no-repeat;
    width: 15px;
    height: 9px;
    display: block;
    margin-top: 4px;
    margin-right: -7px
}

.ruta a,
.ruta a.act {
    background-repeat: no-repeat;
    font-size: .8rem
}
.ruta .act{
    text-transform: uppercase;
}
.ruta .act.amarillo{
    color: #FDCD00
}
.ruta .act.azul{
    color: #2D829F
}
.ruta .act.verde{
    color: #2C9355
}
.ruta .act.violeta{
    color: #9A81B2
}

.ui[class*="very wide"].popup {
    width: 90px;
    height: 70px;
    font-size: .8rem!important
}

.popup {
    font-size: .8rem!important
}

.btn-marca {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.caja-marcas {
    display: none;
    width: 100%;
    float: left;
    margin-top: 15px
}

.marca {
    padding: 10px 15px;
    float: left;
    width: auto;
    height: 90px;
    border: 1px solid var(--color-eee);
    margin-bottom: 12px;
    margin-right: 12px
}

.marca:hover {
    opacity: .7;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
}

.marca img {
    width: auto;
    max-width: 100%;
    height: 68px;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 3px;
    box-sizing: border-box
}

.caja-marcas-sponsors .marca img {
    height: 50px
}

.marca span {
    display: block;
    width: 100%;
    color: var(--color-666);
    font-weight: 600;
    font-size: .8rem
}

.ruta {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.ruta a {
    font-weight: 600;
    color: #1F8AAA;
    margin-right: 15px;
    background-image: url(../img/flecha-ruta.jpg);
    background-position: right;
    padding-right: 28px;
    font-size: .85rem
}

.links a,
.links span {
    padding: 0 3px
}

.ruta a.act {
    color: var(--color-666);
    background-image: url(../img/flecha-ruta-act.jpg)
}

.ruta a:hover {
    text-decoration: underline
}

.paginacion {
    float: left;
    width: 100%
}

.total {
    float: left
}

.links {
    float: right;
    font-size: .9rem;
    color: #999
}

.caja-logo-pie,
.pie {
    width: 100%;
    float: left
}

.links span {
    font-weight: 700
}

.a-error,
.p-error {
    font-weight: 600!important
}

.pie {
    background: var(--color-eee);
    padding-top: 40px
}

.caja-logo-pie {
    padding: 20px 0
}

.caja-logo-pie img {
    float: right;
    margin-left: 20px
}

.img-1 {
    margin-right: 200px
}

.lineas-footer {
    position: absolute;
    right: 0;
    top: -64px;
    background-image: url(../img/lineas-footer.png);
    width: 258px;
    height: 288px;
    background-repeat: no-repeat
}

img.foto-interna {
    width: auto;
    max-width: 100%;
    margin: 20px 0
}

.ico-protocolo {
    background-image: url(../img/ico_protocolo.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 25px
}

.caja-error {
    width: 650px;
    display: inline-block;
    margin: auto;
    padding: 200px 0
}

.img-error {
    width: auto;
    max-width: 100%;
    float: left
}

.caja-tx-error {
    float: left;
    width: 350px;
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box
}

.h3-error,
.p-error {
    color: var(--color-666);
    width: 100%;
    float: left
}

.h3-error {
    font-size: 2.2rem;
    margin-bottom: 10px;
    margin-top: 65px
}

.p-error,
.tabla-nino p {
    margin-bottom: 0!important
}

.p-error {
    font-size: 1rem!important
}

.a-error {
    color: #4A98B8;
    font-size: 1rem;
    text-align: none;
    float: left
}

.col-10,
.col-35 {
    text-align: left
}

.premio {
    width: 140px;
    height: 56px;
    display: block;
    float: right;
    /*margin-top:30px;*/
    background: url(../img/award.png) center center no-repeat;
    background-size: contain;
    /*margin-right:74px;*/
}

.premio:hover {
    opacity: .7;
}

.tabla-nino {
    width: 100%;
    float: left;
    position: relative
}

.col-35 {
    width: 30%;
    float: left
}

.col-10 {
    width: 13.3%;
    float: left
}

.tabla-nino h5,
.tabla-nino h6 {
    width: 100%;
    float: left;
    color: #1F8AAA;
    font-size: .7rem!important
}

.tabla-nino h6 {
    padding-bottom: 5px;
    border-bottom: 1px solid #1F8AAA!important
}

.tabla-nino h5 {
    font-weight: 400;
    margin-top: 10px
}

.tabla-nino p {
    color: #000
}

.caja-tabla.pc, .caja-tabla-r.pc {
    diaplay: block
}

.tabla-nino.movil {
    display: none
}

.score_fro_lat p {
    text-align: right;
    margin-top: 20px !important;
}

p.p-error.small {
    font-size:.8rem!important
}




/* V2018 */
.row{
    width: 100%;
    float: left;
    position: relative;
}




/* =========================
// OWL CAROUSEL HOME
========================= */

.slider.inicio .owl-carousel, 
.slider.inicio .owl-carousel .owl-stage-outer, 
.slider.inicio .owl-carousel .owl-stage, 
.slider.inicio .owl-carousel .owl-item,
.slider.inicio .owl-carousel .item,
.slider.inicio .owl-carousel .item-video{
    height:100%;
}
.slider.inicio .owl-carousel .owl-video{
    position:absolute;
    left:0;
    top:0;
    height: 100%
}
.slider.inicio .owl-carousel .owl-video-wrapper{
    position:absolute;
    width:100%;
    top:0
}
.owl-carousel{
    width:100%;
    float:left;
}


#inicio .caja-slider .left,
#inicio .caja-slider .right{
    display: none !important
}
.slider .item-home{
    display: flex;
    align-items: center;
}


    /* ratio */
    .slider .ratio{
        width: 100%;
        height: 0;
        padding-top: 25.25%;
        text-align: center;
        position: relative;
    }
    .slider .ratio:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 90;
        background-color: rgba(36,114,137,1);
        mix-blend-mode: multiply;
        top: 0;
        left: 0;
        z-index: 102
    }

    .slider .ratio img{
        width: 100%;
        height: 100%;
        position: absolute;;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        object-fit: cover;
        z-index: 99
    }

    /* textos */
    .slider .tx {
        width          : 100%;
        height         : 100%;
        max-width      : 1335px;
        text-align     : center;
        position       : absolute;
        left           : 0;
        right          : 0;
        top            : 0;
        bottom         : 0;
        display        : flex;
        align-items    : center;
        justify-content: center;;
        margin         : auto;
        z-index        : 90;
        padding        :0 60px;
        box-sizing     : border-box;
        z-index        : 104
    }

        .slider .tx h2{
            color         : var(--color-amar);
            font-size     : 2.2rem;
            text-transform: uppercase;
        }
        .slider .tx h5{
            color      : var(--color-fff);
            font-size  : 1.6rem;
            font-style : italic;
            font-weight: 300;
            margin-top : 30px
        }

        
        /* dots */
        .slider.inicio .owl-dots{
            position  : absolute;
            width     : 8px;
            height    : 100px;
            top       : 0;
            bottom    : 0;
            right     : 20px;
            margin    : auto !important;
            padding   : 0 !important;
            text-align: center;
            box-sizing: border-box;
            z-index   : 990;
        }

            .slider.inicio .owl-dot{
                width           : 8px;
                height          : 8px;
                border-width    : 2px;
                padding         : 0;
                background-color: var(--color-fff);
                background-image: none;
                border-radius   : 50%;
                margin          : 8px 0;
                position        : relative;
            }

            .slider.inicio .owl-dot:after{
                content         : '';
                width           : 10px;
                height          : 10px;
                position        : absolute;
                top             : -3px;
                left            : -3.5px;
                border-radius   : 50%;
                background-color: transparent;
                opacity         : 0;
                border          : 2px solid var(--color-fff);
            }
            
            .slider .owl-dot.active{
                background-color: transparent;
            }
            .slider .owl-dot.active:after{
                opacity:1;
            }





/* popup app */

.fancybox-overlay{
    background: transparent !important
}
    .fancybox-overlay:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #091E24;
        opacity: .85
    }


.fancybox-opened .fancybox-skin{
    padding: 0 !important
}


#popup-app{
    max-width: 620px;
    display: none
}

    #popup-app img{
        max-width: 100%
    }

    #popup-app .botones{
        position: absolute;
        right: 15px;
        bottom: 10px;
        text-align: right;
    }

    #popup-app .botones a:hover img{
        opacity: .7
    }




/* fix slide galeria home */

body.inicio .caja-ensayos{
    display    : flex;
    align-items: flex-end;
}
    body.inicio .box-info{
        width      : 100%;
        float      : left;
        z-index    : 900;
        transition : all .4s ease;
        will-change: auto;
        bottom     : -61px;
        position   : relative;
    }

    body.inicio .caja-ensayos:hover .box-info{
        bottom: 0
    }
    body.inicio .item:hover .cont-h4{
        bottom: auto
    }
    body.inicio .item:hover .caja-aclaracion{
        display: block;
        padding: 4px
    }
        
        body.inicio .item .cont-h4{
            width   : 100%;
            float   : left;
            bottom  : auto;
            position: relative;
            right   : -30px
        }

         body.inicio .item .cont-h4 h4{
            font-size: .88rem;
            height: 55px
         }

        body.inicio .item .caja-estrellas{
            width     : 100%;
            float     : left;
            bottom    : auto;
            top       : auto;
            margin-top: 0;
            display   : block !important;
        }

        body.inicio .item .caja-aclaracion{
            background-color: var(--color-fff);
            display         : none
        }






 /* fix aclaracion (comentarios) */
 .fila.aclaracion{ 
    height: auto !important
 }

     .fix-aclaracion{
        width  : 100%;
        float  : left;
        display: flex;
        height : 60px
     }

.caja-aclaracion-resultados{
    width         : 100%;
    float         : left;
    padding-bottom: 10px;
    line-height   : 1;
}


/* en pg resultados final - area de prensa  */
.caja-aclaracion p,
.caja-tabla .caja-aclaracion-resultados p,
.caja-tabla-r .caja-aclaracion-resultados p,
#area-de-prensa-fotos .caja-aclaracion-resultados p{
    font-size: .7rem !important;
    font-weight: 600
}
.caja-tabla .caja-aclaracion-resultados p,
.caja-tabla-r .caja-aclaracion-resultados p{
    padding-left: 5px
}

/* slide inicio */
.item .caja-aclaracion p{
    font-size: .65rem !important;
    padding-left: 4px
}




.noticia-gr img{
    max-width: 100%
}




.f-right{
    float: right !important
}
.caja-ensayos.f-right{
    margin-right: 0 !important
}

#proteccion-ocupante-adulto .caja-ensayos h4{
    font-size: 1rem !important;
    line-height: 3.1
}
.caja-ensayos small{
    font-size: .8rem !important
}

.pr-30{
    padding-right: 30px;
    box-sizing: border-box;
}
.col-6{
    width: 49.9998%;
    float: left
}

.col-6 img{
    max-width: 100%
}

.col-8{
    width: 65%;
    float: left;
    padding-right: 15px;
    border-right: 1px solid var(--color-eee)
}
.col-4{
    width: 33%;
    float: right;
    padding-left: 15px;
    box-sizing: border-box;
}


.col-4 .caja-ensayos{
    width: 100% !important
} 
.col-4 .caja-ensayos.activo{
    opacity: .6
}

.col-4 .caja-ensayos h4{
    font-size: .85rem !important;
    line-height: 3.5
}
.col-4 .caja-ensayos small{
    font-size: .7rem !important
}

h5.gris{
    color: #878787
}

.col-8 img{
    max-width: 100%;
    margin-bottom: 15px
}

 
.col-4 .fix-tx-h4{
    padding-top: 12px;
    line-height: 1 !important
}
.fix-tx-h4.movil{
    padding-top: 12px;
    line-height: 1 !important
}

.covid{
    display         : inline-flex;
    align-items     : center;
    margin          : 12px 0 5px 0;
    padding         : 10px 15px;
    background-color: var(--color-eee);
    font-weight     : 400
}
.covid:before{
    content            : '';
    width              : 35px;
    height             : 35px;
    float              : left;
    margin-right       : 12px;
    background-position: center;
    background-repeat  : no-repeat;
    background-image   : url(../img/ico-descargar.png); 
    background-size    : contain;
}



/* -------------- actualizacion octubre 2020 ----------------- */

/* modificacion: caja-ensayos en todas las paginas */

/* ------------------------------------------------------------*/


/* col */
.col-1{width :8.333333%;}
.col-2{width :16.666667%;}
.col-3{width :24.9998%;}
.col-4{width :33.3332%;}
.col-5{width :41.666667%;}
.col-6{width :49.9998%;}
.col-7{width :58.333333%;}
.col-8{width :65%;}
.col-9{width :74.9998%;}
.col-10{width:83.333333%;}
.col-11{width:91.666667%;}
.col-12{width:100%;}

[class*=col-]{
    box-sizing: border-box;
}

/* margin - padding */
.mb-0{
    margin-bottom: 0 !important
}
.mt-15{
    margin-top: 15px !important;
    box-sizing: border-box;
}
.mb-15{
    margin-bottom: 15px !important;
    box-sizing   : border-box;
}
.pr-15{
    padding-right: 15px !important;
    box-sizing   : border-box;
}
.pr-10{
    padding-right: 10px !important;
    box-sizing   : border-box;
}
.pl-15{
    padding-left: 15px !important;
    box-sizing  : border-box;
}
.pl-10{
    padding-left: 10px !important;
    box-sizing  : border-box;
}
.b-right{
    border-right: 1px solid #ccc !important;
}
.b-left{
    border-left: 1px solid #ccc !important;
}
.b-top{
    border-top: 1px solid #ccc !important;
}
.b-bottom{
    border-bottom: 1px solid #ccc !important;
}


section{
    width   : 100%;
    float   : left;
    position: relative;
} 



/* iconos */
.ico-especificacion-2020{
    background-image: url(../img/ico-especificacion-2020.png);
}
.ico-safety-2020{
    background-image: url(../img/ico-safety-2020.png);
}
.ico-alerta{
    background-image   : url(../img/ico-alerta.png);
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    width              : 32px;
    height             : 38px;
}
.ico-alerta:hover{
    opacity: .5;
}


/* galeria inicio */
.inicio .galeria{
    height: auto
}
    .inicio .galeria .item{
        display: block !important;
        float  : left;
        width  : 100% !important;
        height : auto !important;
    }


/* ensayos caja */
.caja-ensayos{
    width   : 100%;
    height  : auto !important;
    float   : left;
    display : block !important; 
    margin  : 0;
    position: relative;

}
.caja-ensayos *{
    box-sizing: border-box;
}

    .caja-ensayos .fondo-caja,
    .caja-ensayos .box-info{
        display: none
    }


/* aside */
aside .caja-ensayos{
    width        : 100%;
    margin-bottom: 15px
} 
aside .col-6 .caja-ensayos{
    margin-bottom: 0 !important 
}

aside .col-6{
    width  : 100% !important;
    padding: 0 !important
}

    .caja-ensayos .cont-fecha{
        width          : 100%;
        float          : left;
        position       : relative;
        top            : 0;
        left           : 0;
        background     : var(--color-fff);
        padding        : 5px 15px;
        z-index        : 462;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        box-sizing     : border-box;  
    }

        .caja-ensayos .cont-fecha span{
            color      : #000;
            font-size  : .78rem;
            float      : left;
            font-weight: 600
        }

        .caja-ensayos .cont-fecha:after{
            content   : '';
            width     : calc(100% - 30px);
            height    : 1px;
            background: #ccc;
            bottom    : 0;
            left      : 0;
            right     : 0;
            margin    : auto;
            position  : absolute;
        }

        .caja-ensayos .cont-fecha .cont-estrellas{
            float: right;
        }
        .cont-estrellas.fix-alerta .ico-alerta{
            float      : right;
            width      : 40px;
            margin-left: 3px;
            transform  : translateY(-8px);
        }


    /* img */
    .caja-ensayos figure{
        position   : relative;
        width      : 100%;
        height     : 0;
        padding    : 41% 0 0 0 !important;
        margin     : 0;
        z-index    : 450;
        transition : all .3s ease;
        will-change: auto;
    }
    .inicio .caja-ensayos figure{
        padding : 52% 0 0 0 !important;
        position: relative;
        float   : left
    }

        .caja-ensayos figure img{
            position  : absolute;
            top       : 0;
            right     : 0;
            bottom    : 0;
            left      : 0;
            margin    : auto;
            object-fit: cover;
            width     : 100%; 
            height    : 100%
        }

    /* estrellas */
    .inicio .caja-ensayos .cont-estrellas{
        position  : absolute;
        bottom    : 0;
        right     : 0;
        padding   : 15px 15px 0 15px;
        width     : 100%;
        float     : right;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 34%, rgba(37,68,131,0) 97%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 34%, rgba(37,68,131,0) 97%);
        background: linear-gradient(0deg, rgba(0,0,0,1) 34%, rgba(37,68,131,0) 97%);
        filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#254483",GradientType=1);
        z-index   : 500;
    }

        .inicio .caja-ensayos .cont-estrellas .contenedor{
            width: auto;
            float: right
        }

        .inicio .estrella, 
        .inicio .estrella-act{
            width          : 35px;
            height         : 35px;
            margin-left    : 5px;
            margin-right   : auto;
            background-size: contain;
        }

    /* tx */
    .caja-ensayos .txt{
        position   : relative;
        left       : 0;
        bottom     : 0;
        width      : 100%;
        padding    : 0 15px;
        background : #000;
        z-index    : 500;    
        height     : 40px;
        display    : flex;
        float      : left;
        align-items: center;  
    }
    .inicio .caja-ensayos .txt br{
        display: none;
    } 

    aside .caja-ensayos .txt{
        height: 40px
    }

        .caja-ensayos .txt h3{
            font-size: .85rem;
            color    : var(--color-fff)
        }
        aside .caja-ensayos .txt h3{
            font-size: .7rem;
        }


    /* cont datos */
    .caja-ensayos .cont-datos{
       position   : absolute;
       top        : 0;
       left       : 0;
       width      : 100%;
       height     : 100%; 
       z-index    : 461;
       padding    : 27px 0 75px 0;
       padding-bottom: 40px;
       display    : flex;
       align-items: center;
       opacity    : 0;
       transition : all .4s ease;
       will-change: auto;
    }

    /* fix inicio */
    .inicio .caja-ensayos .cont-datos{
        background : rgba(255,255,255,.92);
    }
    /* fix nuestros-ensayos - área de prensa*/
    .nuestros-ensayos .caja-ensayos:hover figure,
    .area-de-prensa .caja-ensayos:hover figure,
    .area-de-prensa-fotos .caja-ensayos:hover figure{
        opacity: .6;
    }

        /* datos */
        .datos{
           width  : 100%;
           float  : left;
           padding: 0;
           
        }
        .caja-ensayos .datos{
            transform: scale(1) translateY(-15px);
        }

        .datos *{
            box-sizing    : border-box;
            text-transform: uppercase;
        }

            /* row */
            .datos .row{
                width     : 100%;
                float     : left;
                text-align: center;
            }
            .datos .row.mb{
                margin-bottom: 10px
            }

                /* col */
                .datos .row .col{
                    width  : 100px;
                    margin : auto;
                    display: inline-block;
                    padding: 0 15px 
                }
                .item .datos .row .col{
                    width: 130px
                }

                /* iconos */
                .icono{
                    width          : 48px;
                    height         : 48px;
                    background     : red;
                    float          : left;
                    margin-right   : 0;
                    background-size: contain;
                }
                .icono.adulto{
                    background-color: #EFCD00;
                    background-image: url(../img/ico-adulto.svg);
                }
                .icono.nino{
                    background-color: #6695B5;
                    background-image: url(../img/ico-nino.svg);
                }
                .icono.usuarios{
                    background-color: #6FA96C;
                    background-image: url(../img/ico-usuarios.svg);
                }
                .icono.asistentes{
                    background-color: #9A81B2;
                    background-image: url(../img/ico-asistentes.svg);
                }
 
                aside .icono{
                    width          : 54px;
                    height         : 54px;
                    background-size: contain;
                }
 
                /* porcentaje */
                .porcentaje{
                    width          : 48px; 
                    height         : 48px; 
                    border-width   : 2px; 
                    border-style   : solid; 
                    background     : var(--color-fff);
                    display        : flex;
                    align-items    : center;
                    justify-content: center;
                    font-weight    : 600;
                }

                    .fila-2020 .porcentaje{
                        margin-right: 10px
                    }

                    aside .porcentaje{
                        width : 54px;
                        height: 54px;
                    }

                    .adulto.porcentaje{
                        border-color: #EFCD00;
                        color       : #EFCD00
                    }
                        .adulto p {
                            color:#EFCD00
                        }
                    .nino.porcentaje{
                        border-color: #6695B5;
                        color       : #6695B5
                    }
                        .nino p {
                            color:#6695B5
                        }
                    .usuarios.porcentaje{
                        border-color: #6FA96C;
                        color       : #6FA96C
                    }
                        .usuarios p {
                            color:#6FA96C
                        }
                    .asistentes.porcentaje{
                        border-color: #9A81B2;
                        color       : #9A81B2
                    }
                    .asistentes p {
                        color:#9A81B2
                    }

                    .cont-porcentaje .row{
                        margin-bottom: 5px
                    }
                    .cont-porcentaje .row .col{
                        display: inline-block;
                    }

                /* tx */
                .datos p{
                    width      : 100%;
                    float      : left;
                    text-align : left;
                    font-size  : .8rem;
                    margin     : 5px 0 0 0 !important;
                    line-height: 1 !important;
                    font-weight: bold
                }


    /* en resultados final */
    #resultados-final .datos{
        padding: 10px 0
    } 

    #resultados-final .datos .row{
        text-align: right;
    }
        #resultados-final .datos .row .col{
            padding: 0;
            width  : 124px;
            float  : left;
        }
        #resultados-final .col.adulto,
        #resultados-final .col.usuarios{
            margin-right: 5px
        }


    /* con datos (dos datos) */
    .caja-ensayos .cont-datos.juntos{
        display        : flex;
        align-items    : center;
        justify-content: center;
    } 

        /* datos */
            .cont-datos.juntos .datos{
            width  : 50% !important;
            padding: 0;
            margin : 0;
        }
       
            /* row */
            .cont-datos.juntos .datos .row{
                display        : flex;
                align-items    : center;
                justify-content: center;
            }

                /* col */
                .cont-datos.juntos .datos .row .col{
                    padding: 0 5px;
                    width  : 100px !important;
                }

                /* tx */
                 .cont-datos.juntos .datos h6{
                    width         : 100%;
                    float         : left;
                    text-align    : left;
                    padding       : 0 5px 0 15px;
                    font-size     : .8rem;
                    text-transform: inherit;
                    color         : var(--color-333);
                 }
                .cont-datos.juntos .datos p{
                    font-size: .7rem !important;
                }

                /* iconos */
                .cont-datos.juntos .icono,
                .cont-datos.juntos .porcentaje{
                    width    : 40px;
                    height   : 40px;
                    font-size: .9rem;
                }

 
    /* hover */ 
    .inicio .item:hover .cont-datos,
    .caja-ensayos:hover .cont-datos,
    .seleccionada .cont-datos{
        opacity: 1 !important;
    }
    .caja-ensayos:hover .cont-datos.ensayo{
        background-color: rgba(255, 255, 255, .6);
    }


    /* vin */
    .caja-ensayos .txt-2{
        position  : relative;
        background: #000;
        padding   : 0 15px 10px 15px;
        width     : 100%;
        height    : auto;
        min-height: 37px;
        float     : left;
        z-index   : 463;
    }
    .caja-ensayos .txt-2 p{
        font-size    : .6rem !important;
        line-height  : 1.35 !important;
        color        : var(--color-fff) !important;
        margin-bottom: 0 !important;
    }
 



/* pestañas */
#pestanas{
    width: 100%;
    float: left;
}
    
     .cont-pestanas{
        width      :100%;
        float      : left;
        display    : flex;
        align-items: center;
        column-gap : 5px;
     }

        /* pestana */
        .cont-pestanas a{
            width        : 24.9%;
            float        : left;
            padding      : 0;
            box-sizing   : border-box;
            position     : relative;
            cursor       : pointer;
        }
        
        /*.cont-pestanas a:nth-of-type(1),
        .cont-pestanas a:nth-of-type(2),
        .cont-pestanas a:nth-of-type(3),
        .cont-pestanas a:nth-of-type(4){
            padding-right: 5px;
            padding-left : 0
        }*/

        .cont-pestanas a:hover{
            opacity: .8;
        }
       
            /* ico */
            .cont-pestanas a i{
                width              : 15px;
                height             : 15px;
                background-repeat  : no-repeat;
                background-position: center;
                background-size    : contain;
                background-image   : url(../img/flecha-de-angulo-hacia-abajo.svg);
                position           : absolute;
                bottom             : 5px;
                right              : 15px;
                z-index            : 10;
            }
            .cont-pestanas a.activo i{
               transform: rotate(-180deg);
            }

            /* img */
            .cont-pestanas a img{
                width      : 100%;
                max-width  : 100%;
                transition : all .3s ease-in;
                will-change: auto;
            }

        
        /* pestana item */
        .pestana-link,
        .pestana-link-fix-juntos,
        .pestana-link-fix-juntos-1,
        .pestana-link-fix-juntos-2{
            transition : all .2s ease-in;
            will-change: auto;
            overflow   : hidden;
            filter     : grayscale(100%);
        }
        .pestana-link.activo,
        .pestana-link-fix-juntos.activo,
        .pestana-link-fix-juntos-1.activo,
        .pestana-link-fix-juntos-2.activo,
        .pestana-link:hover,
        .pestana-link-fix-juntos-1:hover,
        .pestana-link-fix-juntos-2:hover{
             filter: grayscale(0);
        }


        /* pestana content */
        .pestana-content,
        .pestana-content-fix-juntos,
        .pestana-content-fix-juntos-1,
        .pestana-content-fix-juntos-2{
            width     : 100%;
            float     : left;
            padding   : 5px 0;
            display   : none;
            box-sizing: border-box;
        } 
        /*
        .pestana-content *,
        .pestana-content-fix-juntos *,
        .pestana-content-fix-juntos-1 *,
        .pestana-content-fix-juntos-2 *{
            opacity: 0;
        } 
        .pestana-content.activo *,
        .pestana-content-fix-juntos.activo *,
        .pestana-content-fix-juntos-1.activo *,
        .pestana-content-fix-juntos-2.activo *{
            opacity: 1;
        } 
        */
        .pestana-content.activo,
        .pestana-content-fix-juntos.activo,
        .pestana-content-fix-juntos-1.activo,
        .pestana-content-fix-juntos-2.activo{
            display: block
        }


    /* pestana juntos */
    #pestana-juntos{
        margin-bottom: 15px;
    }

        /* pestana */
        .pestana-link-juntos{
            position        : relative;
            width           : calc(50% - 4px);
            float           : left;
            background-color: var(--color-eee);
            height          : 60px;
            display         : flex;
            align-items     : center;
            border-top      : 2px solid var(--color-eee);
            /*border-right    : 2px solid var(--color-eee);*/
            border-bottom   : 2px solid var(--color-azul);
            border-left     : 2px solid var(--color-eee);
            text-decoration : none !important;
            cursor          : pointer;
        }
        .pestana-link-juntos:after{
            content            : '';
            width              : 14px;
            height             : 14px;
            float              : right;
            margin-left        : 40px;
            background-position: center;
            background-repeat  : no-repeat;
            background-size    : contain;
            background-image   : url(../img/ico-pestana-fix.svg);
        }

        /* forma */
        #pestana-juntos .forma{
            content            : '';
            width              : 40px;
            height             : 100%;
            position           : absolute;
            top                : 0;
            right              : 0;
            left               : 0;
            margin             : auto;
            background-position: center;
            background-repeat  : no-repeat;
            z-index            : 900;
        }
        #pestana-juntos .forma.activo-pes-1{
            background-image: url(../img/forma-pes-1.svg?1);
        }
        #pestana-juntos .forma.activo-pes-2{
            background-image: url(../img/forma-pes-2.svg?1);
        }

        .pestana-link-juntos.activo{
            background-color: var(--color-fff);
            border-top      : 2px solid var(--color-azul);
            border-right    : 2px solid var(--color-azul);
            border-bottom   : 2px solid var(--color-fff);
            border-left     : 2px solid var(--color-azul);
        }

            .pestana-link-juntos span{
                color       : var(--color-333);
                padding-left: 60px;
                font-weight : 600;
            }
            .pestana-link-juntos.activo span{
                color: var(--color-azul);
            }

            .pestana-link-juntos.activo:after{
                background-image: url(../img/ico-pestana-fix-activo.svg);
            }


        /* content */
        .pestana-content-juntos{
            width     : 100%;
            float     : left;
            padding   : 0;
            display   : block;
            visibility: hidden;
            height    : 0;
            box-sizing: border-box;
        } 
        .pestana-content-juntos.activo{
            visibility: visible;
            height    : auto;
            padding   : 5px 0 15px 0;
        }




        /* tit puntaje */
        .puntaje-tit{
           padding        : 0;
           display        : flex;
           align-items    : center;
           justify-content: space-between;
           margin-bottom  : 15px;
           position       : relative;
           width          : 100%;
           overflow       : hidden;
        }
        .puntaje-tit:before{
             content          : '';
             width            : 75%;
             position         : absolute;
             top              : 0;
             right            : 0;
             height           : 100%;
             background-color : rgba(0,0,0,.1);
             z-index          : 10;
             -webkit-transform: skew(20deg);
             -moz-transform   : skew(-38deg);
             -ms-transform    : skew(-38deg);
             -o-transform     : skew(-38deg);
             transform        : skew(-38deg);
             right            : -40px
        }

        footer.puntaje-tit{
            display: flex;
            margin : 0 0 35px 0;
            width  : 100%;
            float  : left;
            height : 10px
        }

            footer.puntaje-tit:after{
                display: none
            }

             footer.puntaje-tit span{
                opacity: 0
             }


        .puntaje-tit.adulto{
          background-color: #EFCD00
        }
        .puntaje-tit.nino{
          background-color: #6695B5
        }
        .puntaje-tit.usuarios{
          background-color: #6FA96C
        }
        .puntaje-tit.asistentes{
          background-color: #9A81B2
        }

            /* h4 */
            .puntaje-tit h4{
                color       : var(--color-fff);
                float       : left;
                font-size   : 1rem;
                padding-left: 60px;
                opacity     : 0
            }
            .puntaje-tit h4:before{
                content            : '';
                width              : 50px;
                height             : 100%;
                float              : left;
                position           : absolute;
                left               : 0;
                top                : 0;
                background-repeat  : no-repeat;
                background-position: left center;
                background-size    : contain;
            }
            .puntaje-tit.adulto h4:before{
                background-image: url(../img/ico-adulto.svg)
            }
            .puntaje-tit.nino h4:before{
                background-image: url(../img/ico-nino.svg)
            }
            .puntaje-tit.usuarios h4:before{
                background-image: url(../img/ico-usuarios.svg)
            }
            .puntaje-tit.asistentes h4:before{
                background-image: url(../img/ico-asistentes.svg)
            }
            
            /* span */
            .puntaje-tit span{
                color      : var(--color-fff);
                float      : right;
                font-weight: bold;
                position   : relative;
                font-size  : 1rem;
                padding    : 15px;
                z-index    : 15;
            }
          


        #pestanas .lineas-com{
            display: none;
        }



/* nuevos tit */
.nuevo-tit{
    width           : 100%;
    float           : left;
    display         : flex;
    align-items     : center; 
    padding         : 8px 15px; 
    box-sizing      : border-box;  
    margin-bottom   : 15px
}
.nuevo-tit.between{
    justify-content: space-between;
}
.nuevo-tit.gris{
    background-color: var(--color-eee);
}

    .nuevo-tit *{
        font-weight: 600
    }
    .nuevo-tit small{
        font-size: .6rem !important
    }
    
    /* ico */
    .nuevo-tit i{
        width              : 20px;
        height             : 20px;
        float              : left; 
        margin-right       : 8px;
        background-repeat  : no-repeat;
        background-position: center;
        background-size    : contain;
    }

         /* */ 



    /* tx */
    .nuevo-tit h6{
        color         : var(--color-000);
        margin-bottom : 0;
        font-size     : .9rem;
        text-transform: uppercase;
        height        : auto !important
    }




/* tabla */    
.new-tabla{
    width     : 100%;
    float     : left;
    box-sizing: border-box;
}

    .new-tabla *{
        box-sizing: border-box;
    }

    /* paddings */
    .new-tabla.pr{
        padding-right: 30px
    }
    .new-tabla.pl{
        padding-left: 30px
    }

    .new-tabla .col-4{
        padding: 0;
        float  : left;
    }

 
    /* fila (tr) */ 
    .new-fila{
        width        : 100%;
        float        : left;
        border-bottom: 1px solid var(--color-ddd);
        padding      : 8px 10px
    }
        
        .new-fila *{
            color    : var(--color-000);
            font-size: .7rem !important
        }

        .pestana-content .col-4,
        .pestana-content-fix-juntos .col-4{
            float  : left;
            padding: 0
        }


        .new-fila span{
            width : 40%;
            float : left;
            margin: 0 
        }
        .new-fila p{
            width      : 59.9998%;
            color      : var(--color-000);
            margin     : 0 !important;
            font-weight: bold
        }

        .new-tabla.fix span,
        .mew-tabla.fix p{
            width: 100%
        }




/* resultados */
.tit.flex{
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
}

.tit.flex.fix-reverse{
    flex-flow: row-reverse;
}


/* ordenar */
.cont-ordenar{
    background-color   : var(--color-eee);
    background-position: top right;
    background-repeat  : no-repeat;
    background-image   : url(../img/barras-chicas.png);
    padding            : 10px 15px; 
    box-sizing         : border-box;
    display            : flex;
    flex-direction     : row;
    flex-wrap          : wrap;
}

    .ul-filtro{
        padding         : 0;
        position        : relative;
        z-index         : 900;
        margin-right    : 15px;
        background-color: var(--color-fff);
        height          : 45px;
        display         : flex;
        align-items     : center;
        border-bottom   : 2px solid var(--color-000);
    }
    .caja-info + .ul-filtro,
    .cont-ordenar .ul-filtro{
        border-bottom: none !important
    }

    .ul-filtro div{
        padding: 0 15px
    }

    .ul-filtro.activo{
        border-bottom  : 2px solid var(--color-azul);
        text-decoration: none;
        color          : var(--color-fff);
    }

    .ul-filtro.fix{
        position: relative;
        width   : 75px
    }

        .ul-filtro span{
            color              : var(--color-000);
            font-weight        : 600;
            padding            : 12px 60px 12px 12px;
            background-color   : var(--color-fff);
            list-style         : none;
            cursor             : pointer;
            display            : block !important;
            visibility         : visible !important;
            position           : relative;
            box-sizing         : border-box;
            font-size          : .8rem;
            -webkit-user-select: none;
            -moz-user-select   : none;
            -ms-user-select    : none;
            user-select        : none;
        }

            .ul-filtro .orden{
                width              : 30px;
                height             : 100%;
                float              : right;
                background-size    : 32%;
                background-position: center;
                background-repeat  : no-repeat;
                position           : absolute;
                right              : 0;
                top                : 0;
                bottom             : 0;
                margin             : auto;
                z-index            : 10;
                cursor             : pointer;
            }
            .ul-filtro .orden.asc{
                background-image: url(../img/ico-flecha-orden.svg)
            }
            .ul-filtro .orden.desc{
                background-image: url(../img/ico-flecha-orden.svg);
                transform       : rotate(-180deg);
            }

            .ul-filtro .icono{
                width              : 45px;
                height             : 45px;
                background-size    : contain;
                background-repeat  : no-repeat;
                background-position: center;
                cursor             : pointer;
            }
            .ul-filtro .icono{
                width:  calc(100% - 30px);
            }

        .ul-filtro ul{
            display         : none;
            width           : 100%;
            background-color: var(--color-fff);
            position        : absolute;
            top             : 100%;
            left            : 0;
            border          : 1px solid var(--color-ddd);
            border-top      : 1px solid var(--color-fff);
            padding         : 0;
            transform       : translateY(-1px);
        }

            .ul-filtro ul a{
                color     : var(--color-000);
                width     : 100%;
                float     : left;
                padding   : 10px;
                box-sizing: border-box;
            }

            .ul-filtro ul a:hover{
                color           : var(--color-000);
                background-color: var(--color-eee);
                text-decoration : none
            }




/* acordeon */
.acordeon{
    width     : 100%;
    float     : left;
    margin-top: 15px
}

    .item-acordeon{
        width           : 100%;
        float           : left;
        position        : relative;
        padding         : 10px 15px;
        box-sizing      : border-box;
        background-color: var(--color-azul);
        color           : var(--color-fff);
        cursor          : pointer;
    }

    .item-acordeon:after{
        content            : '';
        width              : 18px;
        height             : 18px;
        background-repeat  : no-repeat;
        background-position: center;
        background-size    : contain;
        background-image   : url(../img/tecla-de-flecha-hacia-abajo.svg);
        position           : absolute;
        right              : 15px;
        top                : 0;
        bottom             : 0;
        margin             : auto;
        transform          : rotate(-90deg);
        transition         : all .3s ease;
        will-change        : auto;
    }

        .item-acordeon.activo{
            background-color: var(--color-000);
            color           : var(--color-fff)
        }
        .item-acordeon.activo:after{
            background-image: url(../img/tecla-de-flecha-hacia-abajo.svg);
            transform       : rotate(0);
        }

    .acordeon .content{ 
        visibility: hidden;
        opacity   : 0;
        height    : 0; 
        width     : 100%;
        float     : left;
        box-sizing: border-box;
    }
    .acordeon .content{
        height: 0
    }

        .acordeon .content.activo{
            visibility: visible;
            opacity   : 1;
            height    : auto;
            padding   : 15px;
        }

.item-acordeon-r{
    width           : 100%;
    float           : left;
    position        : relative;
    padding         : 10px 15px;
    box-sizing      : border-box;
    background-color: var(--color-azul);
    color           : var(--color-fff);
    cursor          : pointer;
}

.item-acordeon-r:after{
    content            : '';
    width              : 18px;
    height             : 18px;
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : contain;
    background-image   : url(../img/tecla-de-flecha-hacia-abajo.svg);
    position           : absolute;
    right              : 15px;
    top                : 0;
    bottom             : 0;
    margin             : auto;
    transform          : rotate(-90deg);
    transition         : all .3s ease;
    will-change        : auto;
}

    .item-acordeon-r.activo{
        background-color: var(--color-000);
        color           : var(--color-fff)
    }
    .item-acordeon-r.activo:after{
        background-image: url(../img/tecla-de-flecha-hacia-abajo.svg);
        transform       : rotate(0);
    }

    
.acordeon .content-r{ 
        visibility: hidden;
        opacity   : 0;
        height    : 0; 
        width     : 100%;
        float     : left;
        box-sizing: border-box;
    }
    .acordeon .content-r{
        height: 0
    }

        .acordeon .content-r.activo{
            visibility: visible;
            opacity   : 1;
            height    : auto;
            padding   : 15px 0;
        }


.col-30 aside{
    padding-left: 30px;
    height      : 100%
}

    aside .caja-info{
        text-align   : left;
        border-bottom: 1px solid var(--color-ddd);
        margin-bottom: 10px
    }

        aside .caja-info h4{
            font-size: .95rem
        }
        aside .caja-info small{
            font-size: .85rem;
            color    : var(--color-999);
        }

        aside .caja-info p{
            font-weight: 600
        }

        aside .ul-filtro{
            box-shadow: none;
            width     : 100%;
            margin    : 0;
            height    : 30px;
            margin    : 1px 0 5px 0
        }

            aside .ul-filtro div{
                padding: 0
            }

            aside .ul-filtro div .ico-alerta{
                float: left;
                width: 30px;
                height: 30px;
                transform: translateY(-5px);
            }


        aside .score_fro_lat{
            width     : 100%;
            float     : left;
            margin-top: 10px
        }

            aside .score_fro_lat p{
                margin    : 0 !important;
                text-align: left;
                float     : left;
                font-size : .7rem !important
            }

 


/* tabla */
.tabla-2020{
  
}

    .tabla-2020 *{
        box-sizing: border-box;
    }

    .tr{
        width: 100%;
        float: left;
    }

        .tr header{
            width       : 100%;
            float       : left;
            background  : var(--color-eee);
            color       : vaR(--color-000);
            display     : flex;
            align-items : center;
            padding     : 0 15px;
            height      : 40px;
            font-size   : .8rem;
            font-weight : 600;
            border-left : 1px solid var(--color-ccc);
            border-right: 1px solid var(--color-ccc) 
        }

        .td{
            border-right : 1px solid var(--color-ccc);
            border-bottom: 1px solid var(--color-ccc);
            height       : 40px;
            display      : flex; 
            align-items  : center;
            float        : left;
            padding      : 0 10px;
        }
        .tabla-2020.cuatro .tr .td:nth-of-type(1){
            border-left: 1px solid var(--color-ccc)
        }

            .td span,
            .td b,
            .td strong{
                font-size: .7rem;
                color    : var(--color-000);
            }
            .tabla-2020 .tr div span{
                width: 100%;
                float: left
            }

    .thead,
    .tbody{
        width: 100%;
        float: left;
    }
        .thead .td{
            background     : var(--color-000);
            padding        : 0 15px;
            text-align     : center;
            justify-content: center;
            font-weight    : 600
        }

            .thead span{
                color         : var(--color-fff);
                text-align    : center;
                font-size     : .7rem !important;
                text-transform: uppercase !important
            }

    /* cols */
    .tabla-2020 .col-6{
        width: 49.9998%
    }
    .tabla-2020 .col-2{
        width: 16.65%
    }

        /* center */
        .td.text-center{
            justify-content: center;
        }
            .td.text-center *{
                text-align: center;
                float     : none
            }

        /* left */
        .td.text-left{
            justify-content: inherit;
        }
            .td.text-left *{
                text-align: left;
                float     : left
            }

        /* right */
        .td.text-right{
            justify-content: flex-end;
        }
            .td.text-right *{
                text-align: right;
                float     : right
            }


        .tr h6{
            display      : none;
            width        : 100%;
            padding      : 4px 15px;
            color        : var(--color-000);
            font-weight  : 600;
            margin-bottom: 0;
            border-bottom: 1px solid var(--color-ccc);
            border-left  : 1px solid var(--color-ccc);
            border-right : 1px solid var(--color-ccc); 

        }
 
        .tabla-2020 img{
            mix-blend-mode: multiply;
        }




    /* fix tabla evalucaion (pestana simple y juntos) */
    .pestana-content #tabla-evaluacion .fila-tit.negro,
    .pestana-content-fix-juntos #tabla-evaluacion .fila-tit.negro{
        background-color: var(--color-000) !important;
        height          : 40px !important;
        padding-bottom  : 0 !important
    }

        .pestana-content #tabla-evaluacion .fila-tit.negro [class*=colum-],
        .pestana-content-fix-juntos #tabla-evaluacion .fila-tit.negro [class*=colum-]{
            height      : 100%;
            border-right: 1px solid var(--color-ccc)
        }

        .pestana-content #tabla-evaluacion .fila,
        .pestana-content-fix-juntos #tabla-evaluacion .fila{
            padding: 0
        }
            .pestana-content #tabla-evaluacion .fila [class*=colum-],
            .pestana-content-fix-juntos #tabla-evaluacion .fila [class*=colum-]{
                border-right: 1px solid var(--color-ccc)
            }
            .pestana-content #tabla-evaluacion .fila [class*=colum-] *,
            .pestana-content-fix-juntos #tabla-evaluacion .fila [class*=colum-] *{
                text-transform: uppercase;
                font-size     : .7rem !important;
                text-align    : center;
            }


        .pestana-content #tabla-evaluacion .fila-tit.negro *,
        .pestana-content-fix-juntos #tabla-evaluacion .fila-tit.negro *{
            color          : var(--color-fff) !important;
            margin-bottom  : 0 !important;
            font-weight    : 600;
            text-align     : center;
            display        : flex;
            align-items    : center;
            justify-content: center;
            font-size      : .7rem !important;
            text-transform : uppercase;
            font-weight    : 600
        }
        

        .pestana-content #tabla-evaluacion .p-rojo,
        .pestana-content #tabla-evaluacion .p-verde,
        .pestana-content-fix-juntos #tabla-evaluacion .p-rojo,
        .pestana-content-fix-juntos #tabla-evaluacion .p-verde{
            font-weight: 600
        }

        .pestana-content .p-celeste,
        .pestana-content-fix-juntos .p-celeste{
            color: #000 !important
        }


    /* referencia */
    .referencias{
        width          : 100%;
        float          : left;
        margin         : 15px 0;
        display        : flex;
        align-items    : center;
        justify-content: center;
        border         : 1px solid var(--color-000);
        background     : #f5f5f5 
    }

        .referencias span{
            display    : inline-flex;
            margin     : auto;
            align-items: center;
            margin     : 5px 25px;
            padding    : 5px 10px;
            box-sizing : border-box;
        }

        .referencias img{
            margin-right: 10px
        }



/* tabla 1 */
.tabla-custom,
.thead,
.tbody{
    width     : 100%;
    float     : left;
    position  : relative;
    box-sizing: border-box;
}

.tabla-custom{
    margin-bottom: 100px
}
 
    .tabla-custom *{
        position  : relative;
        box-sizing: border-box;
    }

    /* estrcutura */
    .tabla-custom header{
        width: 100%; 
        float: left;
    }

    .tabla-custom .tr{
        width: 100%;
        float: left;
    }

        .tabla-custom .td{
            padding    : 8px 10px;
            display    : flex;
            align-items: center;
        }

            .tabla-custom .td div{
                width: auto
            }

            .tabla-custom .thead .td{
                color: var(--color-fff)
            }

            .tabla-custom .tbody .col{
                border-left: 1px solid var(--color-ccc)
            }


        /* movil */
        .tabla-custom .thead header [data-pc]{
            padding         : 8px 10px;
        }
        .tabla-custom .tbody header{
            color           : var(--color-000);
            background-color: var(--color-eee);
            padding         : 8px 10px;
            width           : 100%;
            border-right    : 1px solid var(--color-ccc);
            border-left     : 1px solid var(--color-ccc)
        }

        .tabla-custom [data-movil]{
            display: none;
        }
        .tabla-custom [data-pc]{
            display: block;
        }

        .tabla-custom header.header-fix{
            display        : flex;
            align-items    : center;
            justify-content: flex-end;
        }

            .tabla-custom header.header-fix .col-6{
                display        : flex;
                align-items    : center;
                justify-content: center;
                background     : var(--color-eee);
                padding        : 15px
            }


    /* tx */
    .tabla-custom *{
        font-size: .8rem;
        color    : var(--color-000);
    }


/* tabla 2 */
.tabla-custom-2{
    width        : 100%;
    float        : left;
    position     : relative;
    box-sizing   : border-box;
    border-bottom: 1px solid var(--color-ddd)
}

/* fix */
.cont-tabla-custom-2 .col-4{
    padding-left: 0;
    float       : left;
}
    


    /* paddings */
    .tabla-custom-2.pl-15{
        padding-left: 15px
    }
    .tabla-custom-2.pr-15{
        padding-right: 15px
    }

    /* estrcutura */
    .tabla-custom-2 .tr{
        width        : 100%;
        float        : left;
    }

        .tabla-custom-2 .td{
            float    : left;
            padding  : 8px 10px;
            border   : none;
            font-size: .7rem
        }
        .tabla-custom-2 .td:nth-of-type(2){
           font-weight    : 600;
           text-align     : right;
           justify-content: flex-end;
        }

     
        /* colores tablas texto */
        .tx-rojo,
        .txt-c11,
		.txt-c12,
		.txt-c22{
            color      : red !important;
            font-weight: 600;
            font-size  : .7rem !important
        }




        .tx-verde,
        .txt-c16,
		.txt-c21,
        .txt-c10,
		.txt-c24,	
        .txt-c26{
            color      : #42B64F !important;
            font-weight: 600;
            font-size  : .7rem !important
        }
		.txt-c27{
            color      : red !important;
            font-weight: 600;
            font-size  : .7rem !important
        }

        .txt-c12,
        .txt-c15,
        .txt-c1{
            font-weight: 600;
            font-size  : .7rem !important 
        }



        /* tabla tit */
        .tabla-tit{
            width   : 100%;
            float   : left;
            position: relative;

        }

            .tabla-tit header{
                margin-bottom: 0 !important;

            }

        .tabla-tit *{
            box-sizing: border-box;
            position  : relative;
        }

        .tabla-tit .tr{
            width: 100%;
            float: left; 
        }

            .tabla-tit .td{
                padding    : 10px;
                border-left: 1px solid var(--color-ccc);
            }

            .tabla-tit span{
                font-size: .7rem;
                font-weight: 600
            }


    /* titulos en movil de tabla en pestaña 2 */
    .tit-fix-movil{
        display: none
    }



.filtro-estrellas{
    /*display: none;*/
}



/* dummys */
.cont-dummys [class*=col-]{
    text-align   : center;
    margin-bottom: 20px;
    float        : left
}

    .cont-dummys [class*=col-]:nth-of-type(3){
        border-right: 0
    }
    .cont-dummys [class*=col-]:nth-of-type(6){
        border-right: 0
    }

    .cont-dummys [class*=col-] div{
        background-color: #f5f5f5;
        width           : 100%;
        float           : left;
        padding         : 0;
        box-sizing      : border-box;
        position        : relative;
        border          : 1px solid var(--color-fff);
    }
    .cont-dummys [class*=col-] div figure{
        width: 100%;
        float:left
    }
    .cont-dummys [class*=col-] div img{
        display       : inline-block;
        margin        : auto;
        mix-blend-mode: multiply;
    }

    .cont-dummys [class*=col-] div p{
        font-weight  : 600;
        margin-bottom: 0 !important;
        padding      : 10px 5px;
        box-sizing   : border-box;
    }

     .cont-dummys [class*=col-] div header{
        width           : 100%;
        height          : 40px;
        float           : left;
        background-color: var(--color-000);
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        padding         : 2px 15px;
        box-sizing      : border-box;
     }

        .cont-dummys [class*=col-] div header h6{
            text-align: left;
            width     : calc(100% - 70px)
        }
         .cont-dummys [class*=col-] div header span{
            text-align: right;
            width     : 70px;
        }

        .cont-dummys [class*=col-] div header *{
            color        : var(--color-fff);
            font-size    : .65rem !important;
            margin-bottom: 0;
            font-weight  : 600
         }

         .no-realizado{
            position        : absolute;
            top             : 0;
            bottom          : 0;
            left            : 0;
            right           : 0;
            text-align      : center;
            width           : 75%;
            height          : 35px;
            margin          : auto;
            text-transform  : uppercase;
            background-color: #f5f5f5;
            font-weight     : bold;
            color           : red;
            display         : flex;
            align-items     : center;
            justify-content : center;
            z-index         : 400
         }



.col-6 figure{
    margin: 0;
    padding: 0
}




/* fix buscador */
.col-buscador.fixed{
    position    : fixed;
    top         : 100px;
    max-width   : 271px;
    margin-right: 4px;
    z-index     : 800
}




.row-table-movil,
.fila-fix-movil{
    width   : 100%;
    float   : left;
    position: relative;
}

.row-table-movil{
    border       : 1px solid var(--color-ccc);
    border-bottom: none !important
}
.row-table-movil:nth-child(odd){
    background-color: var(--color-eee)
}

    .row-table-movil h5{
        padding: 5px 10px
    }

    .fila-fix-movil{
        display      : flex;
        align-items  : center;
        border-bottom: 1px solid var(--color-ccc);
    }

        .fila-fix-movil p,
        .fila-fix-movil span{
            font-size: .7rem;
            padding  : 5px 10px
        }
        .fila-fix-movil p{
            width: 100px;
            float: left;
        }

        .fila-fix-movil span{
            float: left;
        }








/* mod resultado */
.mod-resultado{
    width: 100%;
    float: left;
}
.mod-resultado,
.mod-resultado *{
    position  : relative;
    box-sizing: border-box;
}

    /* header */
    .mod-resultado header{
        background     : var(--color-000);
        padding        : 20px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
    }

        .mod-resultado header *{
            color: var(--color-fff);
            font-weight: 600;
            font-size: 1.1rem;
        }

    /* img */
    .mod-resultado figure{
        width      : 100%;
        height     : 0;
        float      : left;
        margin     : 0;
        padding-top: 53%;
        position   : relative;
    }

        .mod-resultado figure img,
        .mod-resultado figure a{
            position  : absolute;
            top       : 0;
            left      : 0;
            width     : 100%;
            height    : 100%;
            object-fit: cover;
        }

        .mod-resultado a:after{
            content         : '';
            width           : 100%;
            height          : 100%;
            position        : absolute;
            top             : 0;
            left            : 0;
            background-color: rgba(255, 255, 255, .20);
			
            opacity         : 0;
            transition      : all .3s ease;
        }

        .mod-resultado figure a:hover:after{
            opacity: 1;
        }

    /* footer */
    .mod-resultado footer{
        background: var(--color-fff);
    }

        /* section (nombre - estrellas) */
        .mod-resultado footer section{
            padding        : 20px;
            display        : flex;
            align-items    : center;
            justify-content: space-between;
        }

            .mod-resultado footer section *{
                font-size: 1.1rem;
                color: var(--color-000);
            }

            /* estrellas */
            .mod-estrellas{
                transform    : scale(1.3) translateX(-20px);
                padding-right: 35px;
            }

            /* alert */
            .mod-resultado .ico-alerta{
                float   : right;
                position: absolute;
                right   : 0;
                top     : -10px;
                opacity : 1 !important;
            }

        .mod-resultado footer article{
            padding   : 20px;
            background: var(--color-eee);
            width     : 100%;
            float     : left;
            border-top: 1px solid var(--color-000);
        }

            .mod-resultado footer article p{
                font-size    : .95rem !important;
                font-weight  : 600;
                margin-bottom: 0;
            }

            .mod-resultado footer article p{
                color: var(--color-000);
            }