﻿#estrategia-menu a:hover, #estrategia-menu a:focus, #sostenibilidad-menu a:hover, #sostenibilidad-menu a:focus {
    background-color: #808080;
    color: white;
    padding: 0.3rem;
    border-radius: 0.3rem;
}

#estrategia-menu a, .nav-item a {transition:0.3s;}

@media all and (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.3rem !important;
        padding-left: 0.3rem !important;
    }
}

/*sombra*/
.sombra {
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.2);
}

/*text*/
.container-page:not(.page-maps) p, ul li, .intro p, .h-noticias .max-h {text-align: justify;}

strong {font-family: 'Proxima nova Bold';}

/* container edit */

@media (min-width: 1200px) {
    .container {max-width: 980px;}
}

@media (min-width: 992px) {
    .container {max-width: 1080px !important;}
}

@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
    }
}

/*colors*/
.bg-corporative {background: #013893;}
body a:hover {text-decoration: none;}
.title-parrafo {color: #013893;}
li .blue-enlace {/*color:#007bff !important;*/ cursor: pointer;}
.blanco {color: white !important;}
.amarillo {color: #f9d616 !important;}
.azul {color: #013893 !important;}
.bold {font-weight: bold;}
li .blue-enlace:hover {color: #0056b3 !important;}

/* idiomas */
.lang-item { color:white; transition:0.2s;}
.lang-item:hover { color:#f9d616;}
.lang-item a { color:white; transition:0.2s;}
.lang-item a:hover { color:#f9d616;}

.footer-lang {}
.footer-lang .collapse {background-color:#003597; z-index:99;}
.footer-lang .lang-item {padding:0.15rem; padding-left:0.3rem;}

/*medidas*/
.w-100p {width: 100px !important;}

@media (max-width:576px) {
    .img-center-sm {text-align: center;}
}

/*CAROUSEL MULTI*/
.slider {
    width: 95%;
    margin: auto;
    overflow: hidden;
}

    .slider ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: cambio 20s infinite alternate linear;
    }

    .slider li {width: 100%; list-style: none;}

    .slider img {width: 100%;}

@keyframes cambio {
    0% {margin-left: 0;}
    20% {margin-left: 0;}
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}

.carousel-control-next, .carousel-control-prev {z-index:3;}

/*botstrap thumbnails*/
.container-carousel-thumb-ppal {
    background: #DADADA;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*height:105px;*/
}

.carousel-thumb--index #content-slider {text-align: center;}

    .carousel-thumb--index #content-slider img {
        max-width: 130px !important;
        height: auto !important;
    }

    .carousel-thumb--index #content-slider .circle-logo1 img {
        max-width: 62px !important;
        height: 62px !important;
    }

    .carousel-thumb--index #content-slider .circle-logo2 img {
        max-width: 70px !important;
        height: 79px !important;
    }

    .carousel-thumb--index #content-slider .logo-tipo2 img {
        max-width: 107px !important;
        height: auto !important;
    }

    .carousel-thumb--index #content-slider .logo-tipo3 img {
        max-width: 180px !important;
        height: auto !important;
    }

#content-slider img, #content-slider .carousel-text {
    /*width:175px !important;*/
    width: 100% !important;
    height: auto;
}

.proyectos-page .lSAction > .lSPrev {
    background-position: -32px 0;
    left: 0rem;
    width: 50px;
    height: 50px;
    background-size: 40px !important;
    background: #fff /*url('../assets/iconos/arrow-left.png') no-repeat*/;
}

.proyectos-page .lSAction > .lSNext {
    background-position: -32px 0;
    right: 0rem;
    width: 50px;
    height: 50px;
    background-size: 40px !important;
    background: #fff /*url('../assets/iconos/arrow-right.png') no-repeat*/;
}
/*index*/
.carousel-thumb--index .lSSlideOuter .lSAction > .lSPrev, .carousel-thumb--index .lSSlideOuter .lSAction > .lSNext {top: 35px;}

@media (max-width:540px) {
    .carousel-thumb--index .lSSlideOuter .lSAction > .lSPrev, .carousel-thumb--index .lSSlideOuter .lSAction > .lSNext {display: none;}
}

.lSSlideOuter .lSAction > .lSPrev, .lSSlideOuter .lSAction > .lSNext {top: 70px;}

.c-tunel img {border: 2px solid transparent;}
.c-tunel img:hover, .c-tunel img.active {border: 2px solid #ffd800;}
.c-tunel.lslide {text-align: center;}
.c-tunel .carousel-text {/*margin-left:0.5rem;*/ margin-left: 0rem; text-align: left;}

#content-slider .carousel-text h5 {font-size: 1rem; cursor: pointer;}
#content-slider .carousel-text span {font-size: 0.9rem; cursor: pointer;}
.table--proyectos.table td, .table--proyectos.table th {padding: .25rem; font-size: 0.8rem;}

@media(max-width:762px) {
    #content-slider img, #content-slider .carousel-text {width: 100% !important; height: auto !important;}
    #content-slider .carousel-text h5, #content-slider .carousel-text span {font-size: 0.8rem;}
}

@media(max-width:572px) {
    #content-slider img {width: 100% !important; padding-left: 0rem !important;}
    #content-slider .carousel-text {display: none;}
    .lSSlideOuter .lSAction > .lSPrev, .lSSlideOuter .lSAction > .lSNext {display: none;}
}

/*maps*/

.i4ewOd-haAclf .i4ewOd-pzNkMb-haAclf.QUIbkc {display: none !important;}
.map iframe {width: 100%; height: 530px;}
.page-maps h4 {color: #013893; font-size: 1rem; font-weight: bold;}
.page-maps h5 {font-size: 1rem; font-weight: bold;}
.page-maps section div {padding-bottom: 1rem;}

.dropbtn {color: white; padding: 16px; font-size: 16px; border: none;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: inline-block;}
.dropdown:hover .dropdown-content {display: block;}
.grafico-km tr td:nth-child(2) {font-weight: 700;}

#collapseBannerNav li a {color: #000;}


/*#carouselPremio .carousel-inner {height:100% !important;}
#carouselPremio .carousel-item {height:100% !important;}
#carouselPremio .carousel-item.active {display:flex !important; align-items:center !important;}*/

/*carousel proyectos*/
#carouselProyectos {
    width: 100%;
    position: relative;
    margin-bottom: 0.7rem;
}

    #carouselProyectos img {
        width: 100%;
    }

.carousel-control-prevb, .carousel-control-nextb {
    position: absolute;
    top: 0px;
    z-index: 999;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    transition: 0.4s;
}

    .carousel-control-prevb:focus, .carousel-control-nextb:focus, .carousel-control-prevb:hover, .carousel-control-nextb:hover {
        background-color: rgba(0,51,153,0.8);
    }

.carousel-control-prevb {
    left: 0px;
}

.carousel-control-nextb {
    right: 0px;
}

    .carousel-control-prevb i, .carousel-control-nextb i {
        color: #fff;
        font-size: 3rem;
        opacity: 0.7;
    }

    .carousel-control-prevb:hover i, .carousel-control-nextb:hover i {
        color: #fff;
        opacity: 1;
        cursor: pointer;
    }

.image--proyectos {max-width:100%;}

@media (max-width:720px) {
    .carousel-control-nextb {right: 0;}
}


@media (max-width:540px) {
    .carousel-control-prevb, .carousel-control-nextb {top: 0%;}
    .carousel-control-prevb i, .carousel-control-nextb i {font-size: 1.5rem;}
    .carousel-control-nextb {right: 0;}
}

#search {cursor: pointer;}

.NorthAmericaAffiliates {font-size:0.95rem;}

.container-page:not(.page-maps) p.destacado {color:rgba(1,57,147,1); padding:0.3rem 0.5rem; font-size:14px; text-align:center !important; display:inline-block; white-space:nowrap; width:auto; margin-bottom:0rem;}
.borde-destacado {border-bottom:1px solid rgba(1,57,147,1); height:100%; width:100%;}

.opportunity-link {
    padding:1rem; 
    height:200px; 
    display:flex; 
    flex-wrap:wrap; 
    justify-content:center; 
    align-items:start; 
    align-content:center; 
    transition:0.4s; 
    border:1px solid transparent;
    margin-bottom:1rem;
    box-shadow: 0px 6px 26px -14px rgba(0,0,0,0.59);
-webkit-box-shadow: 0px 6px 26px -14px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 6px 26px -14px rgba(0,0,0,0.59);
position:relative;
border-radius:1rem;
}
.opportunity-link:active, .opportunity-link:focus {background-color:white !important; padding:1rem !important; }
.opportunity-info {position:absolute; opacity:0; transition: 0.4s; transform:translateY(10px); bottom:1rem; left:0px; width:100%; text-align:center;}
.opportunity-link span { color:#474747; font-size:13px; width:100%;}

@keyframes text-spawn {
    0% {transform:translateY(10px); opacity:0;}
    100% {transform:translateY(0px); opacity:1;}
}
.opportunity-link:hover {border:1px solid #003399; transform:scale(1.05);}
.opportunity-link:hover .opportunity-info {animation:text-spawn 0.4s forwards;}

.opportunity-link img {max-width:100%; margin-bottom:0.25rem;}
.opportunities .col-12:first-child .opportunity-link img {width:200px; /* width:200px; */} /* Cambiar tamaño si ponemos logo dragados usa */
.opportunities .col-12:nth-child(2) .opportunity-link img {width:250px;}
.opportunities .col-12:nth-child(4) .opportunity-link img {width:100px;}

@media (max-width:1200px) {
    .opportunity-info {opacity:1; transform:translateY(0px); animation:none !important;}
}