@import url('base.css');


/* - Overwrite Extend W3CSS --------------- */

/* Overwrite Utility Classes */
.w3-gradient-right:after { background: -webkit-linear-gradient(left, transparent 0%,#FF5A00 100%); background: linear-gradient(to right, transparent 0%,#FF5A00 100%); }
.w3-gradient-left:after { background: -webkit-linear-gradient(right, transparent 0%,#FF5A00 100%); background: linear-gradient(to left, transparent 0%,#FF5A00 100%); }
.no-cssgradients .w3-gradient-left:after,
.no-cssgradients .w3-gradient-right:after { background: rgba(255,0,0,0.6); }
.w3-close-box {
    background-color: #103359;
}
.bordes {
    background: #f2f2f6;
    margin: 25px auto;
    width: 400px;
    height: 200px;
    border: 2px solid #666;
    border-radius: 20px;
}
/* Overwrite Containers Classes */
.w3-legend span {
    background-color: #103359;
}
.w3-carousel-prev,
.w3-carousel-next {
    background-color: #103359;
}
.w3-carousel-dots li button {
    background-color: #103359;
}


/* Overwrite Lazy Image */
.w3-video-wrapper[data-lazy]:before,
.w3-video-wrapper[data-lazy]:before {
    border-top-color: #103359;
}

/* Certs Records */
.w3-cert-records .w3-record-item .w3-card img { height: 5rem; }

/* Overwrite Track 'n Records (Carouselable) */
/*** Gray Border Style */
.w3-trackn-records .w3-record-item.w3-gray-border .w3-record-inner:hover {
    border-color: #103359;
    color: #103359;
}
    .w3-trackn-records .w3-record-item.w3-gray-border.w3-static-arrow .w3-record-inner:hover:before,
    .w3-trackn-records .w3-record-item.w3-gray-border.w3-static-plus .w3-record-inner:hover:before,
    .w3-trackn-records .w3-record-item.w3-gray-border .w3-record-inner:hover *.w3-arrow-cipher:before,
    .w3-trackn-records .w3-record-item.w3-gray-border .w3-record-inner:hover *.w3-plus-cipher:before {
        color: #103359;
    }
/*** Reverse Border Style */
/*.w3-trackn-records .w3-record-item.w3-reverse-border .w3-record-inner { border: 0.3rem solid #FFF; color: #FFF; }*/
.w3-trackn-records .w3-record-item.w3-reverse-border.w3-static-arrow .w3-record-inner:before,
.w3-trackn-records .w3-record-item.w3-reverse-border.w3-static-plus .w3-record-inner:before,
.w3-trackn-records .w3-record-item.w3-reverse-border .w3-record-inner *.w3-arrow-cipher:before,
.w3-trackn-records .w3-record-item.w3-reverse-border .w3-record-inner *.w3-plus-cipher:before {
    color: #103359;
}
/*** Gray Background Style */
.w3-trackn-records .w3-record-item.w3-gray-bg .w3-record-inner:hover {
    background-color: #103359;
}
/*** Reverse Background Style */
.w3-trackn-records .w3-record-item.w3-reverse-bg .w3-record-inner {
    background-color: #103359;
}

/* Banner Legend  */

/* Overwrite Wall Shortcuts */
.w3-shortcut-content h5 span {
    background-color: #103359;
}


/* Overwrite Timeline */
.w3-timeline-prev,
.w3-timeline-next {
    border-color: #103359;
    background-color: #103359;
}
.w3-event-button[data-current="true"] > a:after,
.w3-event-button[data-before="true"] > a:after {
    background-color: #103359;
}
.w3-event-button[data-before="true"] > a:before,
.w3-event-button[data-current="true"] > a:before,
.w3-event-button > a:hover:before {
    border-color: #103359;
}
.w3-event-button[data-current="true"] > a:before,
.w3-event-button > a:hover:before {
    background-color: #103359;
}


/* Overwrite Lists */
.w3-list > li:before {
    background-color: #103359;
}
.w3-squares-list li,
.w3-squares-sum-list li {
    border-color: #103359;
    color: #103359;
}
.w3-check-list > li:before {
    background-color: #103359;
}


/* Overwrite Blocks */
.w3-info-blocks > .w3-block-item:hover .w3-block { background-color: rgba(255, 0, 0, 0.7); }
.w3-info-blocks > .w3-block-item:hover .w3-block:before { border-bottom-color: rgba(255, 0, 0, 0.7); }

.w3-testimonials-blocks > .w3-block-item .w3-block-inner {
    border-color: #103359;
}

.w3-awards-blocks > .w3-block-item .w3-block-inner {
    border-color: #103359;
}

.w3-policies-blocks .w3-legend span,
.w3-reports-blocks .w3-legend span {
    color: #103359;
}
.w3-policies-blocks .w3-block-inner:hover .w3-legend,
.w3-reports-blocks .w3-block-inner:hover .w3-legend { background-color: rgba(255,0,0,0.5); }

.w3-news-blocks .w3-block-inner { border-bottom: 0.2rem solid #FF5A00; }
.w3-news-blocks .w3-block h5 {
    color: #103359;
}

.w3-services-blocks .w3-block-inner {
    border-top: 0.2rem solid #103359;
}

.w3-projectshortcut-blocks .w3-legend span {
    font-size: 1rem;
    color: #103359;
}
.w3-projectshortcut-blocks .w3-block-inner:hover .w3-legend { background-color: rgba(255,0,0,0.5); }

.w3-related-blocks .w3-legend span {
    color: #103359;
}
.w3-related-blocks .w3-block-inner:hover .w3-legend { background-color: rgba(255,0,0,0.5); }

/* Overwrite Categories Blocks */
.w3-categories-blocks .w3-block-inner > .w3-block h4 { min-height: 3rem; }

/* Overwrite Details */
.w3-detail-content .w3-detail-image {
    border-color: #103359;
}


/* Overwrite Navigation Classes */
.w3-clean-navbar > li a:hover {
    color: #103359;
}


/* Overwrite Ribbon */
.w3-ribbon { background-color: #6D6E72 }
    .w3-ribbon .w3-navbar li > a {
        background-color: #103359;
    }
    .w3-ribbon .w3-navbar li > a:hover {
        background-color: #FFF;
        color: #103359
    }
    .w3-ribbon .w3-navbar li[data-selected="true"] > a {
        color: #103359;
    }
    .w3-ribbon .w3-ribbon-more {
        color: #103359;
    }


/* Overwrite w3 Form  + Inputs */
.w3-form select:focus,
.w3-form .cd-dropdown.cd-active > span,
.w3-form .cd-dropdown.cd-active > span:after,
.w3-form input[type="text"]:focus,
.w3-form input[type="mail"]:focus,
.w3-form textarea:focus {
    border-color: #103359;
}
    .w3-form .cd-dropdown.cd-active > span:after {
        color: #103359;
    }
.w3-form .cd-dropdown.cd-active ul li:hover span {
    background-color: #103359;
}
.no-mixblendmode .w3-form .cd-dropdown.cd-active ul li:hover em.bgimage + span { background-color: rgba(255, 0, 0, 0.6); }
.w3-buttonset button,
.w3-buttonset a,
.w3-buttonset input[type="submit"] {
    background-color: #103359;
}
    .w3-buttonset button:hover,
    .w3-buttonset a:hover,
    .w3-buttonset input[type="submit"]:hover {
        background-color: #00dce1;
    }


/* Overwrite Filter Form */
.filter-submit button { background-color: #78BE20; }


/* Overwrite Plugins */
.sweet-alert .sa-button-container button.confirm {
    color: #103359;
    border-color: #103359;
}

.fancybox-container .fancybox-thumbs > ul > li:before {
    border-color: #103359;
}


/* Overwrite Banner Info */

.w3-banner-link .w3-button {
    background-color: #FFF;
    border-color: #FFF;
    color: #103359;
}
.w3-banner-content .icon-media-play {
    background-color: #103359;
}
@media only screen and (min-width: 601px) {
    #section-banner .w3-banner-info { text-align: left; }
}

/* - Overwrite Main -------------------------- */

/* Overwrite Header */
#language-switcher .w3-switcher-options a:hover {
    background-color:#103359;
}

@media only screen and (max-width:992px) {
    #main-nav > .w3-clean-navbar > li:hover > a,
    #main-nav > .w3-clean-navbar > li.active > a,
    #main-nav > .w3-clean-navbar > li[data-selected="true"] > a {
        color: #103359;
    }
    #main-nav > .w3-clean-navbar > li > a:before {
        background-color: #103359;
    }
}

@media only screen and (min-width:993px) {
    #main-nav > .w3-clean-navbar > li > a:before {
        color: #103359;
        border-color: #103359;
    }
}

#main-nav > .w3-clean-navbar > li ul li:hover a:before {
    background-color: #103359;
    background-color: #103359;
}


/* Overwrite DropNav */
@media only screen and (min-width:993px) {
    #main-nav > .w3-clean-navbar > li[data-selected="true"] > a[data-argument="data-show-bigdropnav"]:after,
    #main-nav > .w3-clean-navbar > li:hover > a[data-argument="data-show-bigdropnav"]:after {
        color: #103359;
    }
}


/* Overwrite Main Slideshow */
@media only screen and (min-width: 993px) {
    #main-slideshow .w3-carousel-prev,
    #main-slideshow .w3-carousel-next { width: 3rem; height: 3rem; font-size: 1.3rem; line-height: 3rem; }
}


/* Overwrite Main */
.w3-section-label span { background-color: #FF5A00; }


/* Overwrite Section Video Home */
#section-video .w3-legend span { font-size: 1.6rem; line-height: 1.2rem; border-right: 0; }

@media only screen and (min-width:601px) {
    #section-video .w3-legend span { font-size: 2rem; line-height: 1.5rem; padding-right: 4rem; }
}

/* Section Banner */
@media only screen and (min-width: 993px) {
    #section-banner .w3-carousel .w3-video-wrapper {
        padding-bottom: 42%;
    }
}

/* Overwrite Section Categories */
#section-categories { background-color: #FFF; color: #6D6E72; padding: 3rem 0; }
#section-categories .w3-section-label span { background-color: #FFF; color: #FF5A00; }
#section-categories .w3-carousel .w3-carousel-prev,
#section-categories .w3-carousel .w3-carousel-next { background-color: #FFF; color: #FF5A00; }
#section-categories .w3-carousel .slick-list:before,
#section-categories .w3-carousel .slick-list:after { background-color: #FFF; }

@media only screen and (min-width: 601px) {
    #section-categories { padding: 5rem 0; }
}

@media only screen and (min-width: 993px) {
    #section-categories { padding: 9.8rem 0; }
}


/* Overwrite Section Shortcuts */
#section-shortcuts .w3-shortcut-content {  }


/* Overwrite Section Records */

/* Overwrite Footer */
#footer-nav {
    background-color: #103359;
}
#footer-info { background-color: #FF5A00; }

#section-records .w3-section-label {
    text-align: center;
}

#section-records .w3-records-carousel .w3-record-item .w3-card {
    color: #FFF; 
}

@media only screen and (min-width: 601px) {
    .w3-table#awards-table td img { width: auto; height: auto; margin: auto; max-width: 100%; }
}

.w3-image-wrapper > img { display: block; position: absolute; width: 100%; /*height: auto;*/ top: 0; left: 0; object-fit: cover; border: 0; }
#section-gallery .w3-photo-galleries .w3-photo-inner .w3-image-wrapper { padding-bottom: 50%; }
.w3-photo-inner .w3-image-wrapper { padding-bottom: 100%; }

.w3-initiatives-blocks .w3-image-wrapper {
    padding-bottom: 100%;
}

@media only screen and (min-width: 461px) {
    #section-gallery .w3-photo-group[data-compact="true"], .w3-photo-item { width: 33%; display: inline-block; vertical-align: middle; }
    #section-gallery .w3-photo-group[data-compact="true"]:nth-of-type(odd), .w3-photo-item:nth-of-type(odd) { }
    #section-gallery .w3-photo-group[data-compact="true"]:nth-of-type(even), .w3-photo-item:nth-of-type(even) { }
    #section-gallery .w3-photo-group[data-compact="true"] { padding: 1rem; }
}

#section-categories article > .w3-section-label + p { margin-top: 1rem; }
#section-categories .w3-carousel { padding: 1rem; }
.w3-record-item .w3-block > * + * { margin-top: 0.8rem; }

@media only screen and (min-width: 601px) {
    .w3-table td img { width: 50%; }
}

/* 
----------------------------------------------------------
---- Custom for GMI ----------------------------------
----------------------------------------------------------
*/


#section-records .w3-section-label span { color: #FF5A00; background-color: #FFF }

#section-presence .w3-video-wrapper { padding-bottom: 76%; }
.w3-shiny:after { background-color: rgba(255,90,0,0.5) }

@media only screen and (max-width:600px) {
    #section-presence .w3-display-topleft.w3-full-size { position: static; height: auto; }
}

#section-sustainability { }

@media only screen and (max-width:600px) {
    #section-sustainability .w3-video-wrapper { padding-bottom: 40%; }
    #section-sustainability .w3-display-topleft.w3-full-size { position: static; height: auto; }
    #section-sustainability article { text-align: center; }
    #section-sustainability article h2,
    #section-sustainability article .w3-button { color: #FF5A00; }
}

@media only screen and (min-width:601px) {
    #section-sustainability .w3-video-wrapper { padding-bottom: 50%; }
    #section-sustainability article { color: #FFF; text-align: left; padding-left: 1rem; }
}

@media only screen and (min-width:993px) {
    #section-sustainability .w3-video-wrapper { padding-bottom: 45%; }
    #section-sustainability article { padding-left: 1rem; padding-right: 0; }
}


#section-experience { }
#section-experience .w3-video-wrapper img { object-position: right center; object-position: right 1.5rem center; }
.no-objectfit #section-experience .w3-video-wrapper img { background-size: contain; background-position: right center; background-position: right 1.5rem center; }

@media only screen and (max-width:600px) {
    #section-experience .w3-video-wrapper { padding-bottom: 60%; }
    #section-experience .w3-video-wrapper img { object-position: center center; }
    .no-objectfit #section-experience .w3-video-wrapper img { background-position: center center; }
    #section-experience .w3-display-topleft.w3-full-size { position: static; height: auto; }
    #section-experience article { text-align: center; }
}

@media only screen and (min-width:601px) {
    #section-experience .w3-video-wrapper { padding-bottom: 98%; }
}

@media only screen and (min-width:993px) {
    #section-experience .w3-video-wrapper { padding-bottom: 72%; }
    #section-experience article { padding-left: 5rem; }
}

.w3-shortcut-content p img {width:auto; height: 5rem }

@media only screen and (max-width:600px) {
    .w3-shortcut-content p img { height: 3rem }
}

#section-gallery .w3-photo-galleries { text-align: center; }
#section-gallery .w3-photo-group .w3-photo-inner .w3-photo-title { font-size: 1.1rem; font-weight: 500; position: static !important; background-color: transparent !important; padding-bottom: 0.25rem; }
#section-gallery .w3-photo-group .w3-photo-inner > p { padding-bottom: 1rem; margin-top: 0; line-height: 1.2rem; text-align: center !important; }
#section-gallery .w3-photo-group .w3-photo-inner .w3-photo-description { display: block; line-height: 1.2; min-height: 3.6rem;  }
#section-gallery .w3-photo-group .w3-photo-inner  .w3-photo-description + .w3-button { margin-top: 0.75rem; }
#section-gallery .w3-photo-inner .w3-video-wrapper { padding-bottom: 55% }

.w3-testimonials-blocks > .w3-block-item .w3-video-wrapper { padding-bottom: 45%; }
.w3-testimonials-blocks > .w3-block-item .w3-video-wrapper img { object-position: center 25%; }

@media only screen and (min-width:601px) {
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper { display: inline-block; vertical-align: middle; }
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper { width: 32%; padding-bottom: 34%; }
}

@media only screen and (min-width:768px) {
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper { padding-bottom: 26%; }
}

@media only screen and (min-width:993px) {
    .w3-testimonials-blocks > .w3-block-item .w3-video-wrapper { padding-bottom: 24%; }
}

.w3-initiatives-blocks .w3-block-inner .w3-block h5 { line-height: 1.2; min-height: 4.1rem }

@media only screen and (max-width:600px) {
    .w3-initiatives-blocks .w3-block-inner .w3-block h5 { line-height: 1.2; min-height: 0; }
}

#section-sustainability .w3-image-wrapper { padding-bottom: 45% }
#section-presence .w3-image-wrapper { padding-bottom: 75% }


.pdf-link {
    position: relative;
    display: inline-block;
    height: 150px;
    width: 200px;
    border: 0.3em solid #ccc;
    border-radius: 10px;
    text-align: center;
    vertical-align: top;
}

    .pdf-link:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .pdf-link:hover:before {
        opacity: 85%;
    }

    .pdf-link:hover .pdf-tooltip {
        display: block;
        opacity: 1;
    }

.pdf-icon {
    width: 75px;
    height: 50px;
    position: relative;
    z-index: 2;
    margin: auto;
    top: 50%;
    transform: translateY(20%);
}

.pdf-tooltip {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    background-color: #FFFFFF;
    color: #030405;
    font-size: 16px;
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 3;
}

@media (max-width: 767px) { /* Agregar esta media query */
    .pdf-icon {
        transform: translateY(50%);
        width: 60px;
        height: 50px;
        top: 6px;
    }
}