@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body *{font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif !important;}

.color-primary{color: #c00 !important;}
.color-secondary{color: #222220 !important;}
.color-light{color: #f9f7f4 !important;}
.color-text{color: #444 !important;}
.color-grey{color: #555 !important;}

.background-primary-transparent{background-color: rgba(204, 0, 0, 0.7) !important;}
.background-secondary-transparent{background-color: rgba(34, 34, 32, 0.7) !important;}
.background-secondary-transparent > *, .background-secondary-transparent > * > *{background-color: rgba(34, 34, 32, 0.7) !important;}
.background-primary-light-transparent{background-color: rgba(204, 0, 0, 0.1) !important;}
.background-light{background-color: #f0f0f0 !important;}
.background-grey{background-color: #1e1e1e !important;}

.background-primary > *, .background-primary > * > *{background-color: #c00 !important;}
.background-secondary, .background-secondary > *, .background-secondary > * > *{background-color: #222220 !important;}
.background-grey, .background-grey > *, .background-grey > * > *{background-color: #1e1e1e !important;}
.background-grey-light > *, .background-grey-light > * > *{background-color: #eaeaea !important;}

.heading-block h1 { font-weight: 600 !important;}

/*************************************************************************************
    BUTTONS
**************************************************************************************/
.btn-inacap{border: 3px solid #222220; border-radius: 30px; color: #1d1b3f; padding: 10px !important;}
.btn-inacap:hover{border: 3px solid #222220 !important; border-radius: 30px !important; color: #1d1b3f !important; padding: 10px !important; background-color: #fff !important; font-weight: 500; text-decoration: underline;}
.btn-inacap-secondary{border: 3px solid #c00; border-radius: 30px; color: #1d1b3f !important; padding: 10px !important; background-color: #fff !important;}
.btn-inacap-secondary:hover{border: 3px solid #c00 !important; border-radius: 30px !important; color: #1d1b3f !important; padding: 10px !important; background-color: #fff !important; font-weight: 500; text-decoration: underline;}

.btn{border-radius: 30px !important; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-outline-primary, .btn-outline-primary:focus{background-color: #fff; color: #000; border-color: #c00; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-outline-primary:hover {background-color: #fff; color: #000; border-color: #c00; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500; text-decoration: underline;}
.btn-outline-primary:disabled {color: #888 !important; background-color: #ccc; border-color: #ccc;}

.btn-primary, .btn-primary:focus{color: #fff; background-color: #c00; border-color: #c00; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .show>.dropdown-toggle.btn-primary {color: #fff !important; background-color: #222220; border-color: #222220; }

.btn-secondary{background-color: #fff; border-color: #222220; color: #222220; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.btn-secondary:hover{filter: none; background-color: #222220; border-color: #222220; color: #fff; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active{filter: brightness(120%);}

.btn-transparent, .btn-transparent:focus{color: #fff; background-color: #0000004d; border-color: #fff; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent.focus, .btn-transparent:active, .btn-transparent.active, .show>.dropdown-toggle.btn-transparent {color: #444 !important; background-color: #ffffffab; border-color: #ffffffab; }

.btn-alumni{color: #fff; background-color: #c00; border-color: #c00; border-width: 2px; padding: 5px 12px; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-alumni:hover, .btn-alumni:active{color: #fff !important; background-color: #222220; border-color: #222220; border-width: 2px;}
.btn-alumni:disabled{color: #888; background-color: #ccc; border-color: #ccc;}

.btn-alumni-secondary{color: #fff; background-color: #000; border-color: #000; border-width: 2px; padding: 5px 12px; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-alumni-secondary:hover, .btn-alumni-secondary:active{filter: brightness(120%); transition: border 0.3s ease, background 0.3s ease; color: #fff;}

.btn-success, .btn-success:focus{border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
#filters .btn-success:hover,
#filters .btn-success:active{color: #fff !important; background-color: #000; border-color: #000; border-width: 2px; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}

.btn-default{color: #222220 !important; background-color: #fff !important; border-color: #222220 !important;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active{color: #222220; background-color: #fff; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{color: #888 !important; background-color: #ccc; border-color: #ccc; font-weight: 500;}

#job_offer .btn-success{background-color: #c00; color: #000; border-color: #c00; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
#job_offer .btn-success:hover, #job_offer .btn-success:active{background-color: #222220; color: #000 !important; border-color: #222220;}

.btn-info{color: #fff; background-color: #c00; border-color: #c00; border-radius: 30px; box-shadow:0 4px 8px rgba(0,0,0,0.1); font-weight: 500;}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .show>.dropdown-toggle.btn-info{background-color: #222220; border-color: #222220; color: #fff !important;}
.btn-info:disabled{color: #888; background-color: #ccc; border-color: #ccc;}

.btn-primary-especial{background-color: #222220; background-image: linear-gradient(to right, #222220 0%, #222220 36%, #c00 66%, #c00 100%); padding: 15px 15px!important; border-radius: 60px !important; color: #fff; min-width: 220px; transition: border 0.3s ease, background 0.3s ease;}
.btn-primary-especial:hover{background-color: #222220; background-image: linear-gradient(to right, #c00 0%, #c00 36%, #222220 66%, #222220 100%); color: #fff; text-decoration: none;}

.btn-secondary-especial{background-color: #222220; background-image: linear-gradient(to right, #222220 0%, #222220 36%, #c00 66%, #c00 100%); padding: 15px 15px!important; border-radius: 60px !important; color: #fff; min-width: 220px; transition: border 0.3s ease, background 0.3s ease;}
.btn-secondary-especial:hover{background-color: #222220; background-image: linear-gradient(to right, #c00 0%, #c00 36%, #222220 66%, #222220 100%); color: #fff; text-decoration: none;}

.job_offer_list .info .apply:hover, .job_offer_list .info .apply:active{color: #fff !important;}

/*************************************************************************************
    HEADER
**************************************************************************************/
.dropdown-toggle::after {content: ""; display: inline-block; margin-left: 6px; vertical-align: middle; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #222220;}
.dropdown-toggle.show::after {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #222220; border-bottom: 0; }
.dropdown-toggle:hover::after{transform: translateX(2px);}

#header{text-transform: none;}
#header{background-color: #fff; text-transform: none;}

#header .lower-logo{display: none!important;}
@media (min-width: 1200px) {
    #header .navbar-container {width: 70% !important;}
}
#header .navbar-top{padding-bottom: 7px; border-bottom: 1px solid #222220;}
#header .navbar-bottom{padding-top: 7px;}

.nav > li.simple > a{padding: 10px 0;}

.navbar-default .navbar-nav>li>a.login, a.login{border: none !important; border-radius: 30px; color: #222220 !important; padding: 5px 20px !important; background-color: #ffe6e0;}
.navbar-default .navbar-nav>li>a.login:hover, .navbar-default .navbar-nav>li>a.login:active, .navbar-default .navbar-nav>li>a.login:focus, a.login:hover{border: none !important; border-radius: 30px !important; color: #222220 !important; padding: 5px 20px !important;  background-color: #ffe6e0 !important; font-weight: 500; text-decoration: underline;}
.navbar-default .navbar-nav>li>a.loginExternal, a.loginExternal{border: none !important; border-radius: 30px; color: #222220 !important; padding: 5px 20px !important; background-color: #cff2fa; margin: 5px 5px;}
.navbar-default .navbar-nav>li>a.loginExternal:hover, .navbar-default .navbar-nav>li>a.loginExternal:active, .navbar-default .navbar-nav>li>a.loginExternal:focus, a.loginExternal:hover{border: none !important; border-radius: 30px !important; color: #222220 !important; padding: 5px 20px !important;  background-color: #cff2fa !important; font-weight: 500; text-decoration: underline;}
.navbar-default .navbar-nav>li>a.portalCompany, a.portalCompany{border: none !important; border-radius: 30px; color: #222220 !important; padding: 5px 20px !important; background-color: #e0f4df;}
.navbar-default .navbar-nav>li>a.portalCompany:hover, .navbar-default .navbar-nav>li>a.portalCompany:active, .navbar-default .navbar-nav>li>a.portalCompany:focus, a.portalCompany:hover{border: none !important; border-radius: 30px !important; color: #222220 !important; padding: 5px 20px !important;  background-color: #e0f4df !important; font-weight: 500; text-decoration: underline;}
.navbar-default .navbar-nav>li>a.btnArrowRight, a.btnArrowRight{ display: inline-flex; align-items: center; gap: 6px;}
.navbar-default .navbar-nav>li>a.btnArrowRight::after, a.btnArrowRight::after{content: ""; display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid currentColor;}
.navbar-default .navbar-nav>li>a.btnArrowRight:hover::after, a.btnArrowRight:hover::after{transform: translateX(2px);}

/* Large versions of the buttons for Homepage */
a.login.btnArrowRight-lg{border: none !important; border-radius: 30px; color: #222220 !important; padding: 12px 30px !important; background-color: #ffe6e0; font-size: 18px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px;}
a.login.btnArrowRight-lg:hover, a.login.btnArrowRight-lg:active, a.login.btnArrowRight-lg:focus{border: none !important; border-radius: 30px !important; color: #222220 !important; padding: 12px 30px !important; background-color: #ffe6e0 !important; font-weight: 600; text-decoration: underline;}
a.login.btnArrowRight-lg::after{content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid currentColor;}
a.login.btnArrowRight-lg:hover::after{transform: translateX(3px);}

a.loginExternal.btnArrowRight-lg{border: none !important; border-radius: 30px; color: #222220 !important; padding: 12px 30px !important; background-color: #cff2fa; font-size: 18px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px;}
a.loginExternal.btnArrowRight-lg:hover, a.loginExternal.btnArrowRight-lg:active, a.loginExternal.btnArrowRight-lg:focus{border: none !important; border-radius: 30px !important; color: #222220 !important; padding: 12px 30px !important; background-color: #cff2fa !important; font-weight: 600; text-decoration: underline;}
a.loginExternal.btnArrowRight-lg::after{content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid currentColor;}
a.loginExternal.btnArrowRight-lg:hover::after{transform: translateX(3px);}

a.portalCompany.btnArrowRight-lg{border: none !important; border-radius: 30px; color: #222220 !important; padding: 12px 30px !important; background-color: #e0f4df; font-size: 18px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px;}
a.portalCompany.btnArrowRight-lg:hover, a.portalCompany.btnArrowRight-lg:active, a.portalCompany.btnArrowRight-lg:focus{border: none !important; border-radius: 30px !important; color: #222220 !important; padding: 12px 30px !important; background-color: #e0f4df !important; font-weight: 600; text-decoration: underline;}
a.portalCompany.btnArrowRight-lg::after{content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid currentColor;}
a.portalCompany.btnArrowRight-lg:hover::after{transform: translateX(3px);}

/* Responsive styles for large homepage buttons */
@media (max-width: 575px) {
    a.login.btnArrowRight-lg,
    a.loginExternal.btnArrowRight-lg,
    a.portalCompany.btnArrowRight-lg {
        padding: 8px 16px !important;
        font-size: 13px;
        white-space: nowrap;
        gap: 6px;
    }
    a.login.btnArrowRight-lg::after,
    a.loginExternal.btnArrowRight-lg::after,
    a.portalCompany.btnArrowRight-lg::after {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid currentColor;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    a.login.btnArrowRight-lg,
    a.loginExternal.btnArrowRight-lg,
    a.portalCompany.btnArrowRight-lg {
        padding: 10px 20px !important;
        font-size: 15px;
        white-space: nowrap;
    }
}

#header .dropdown-toggle .caret{color: #222220;}
.navbar-default .navbar-nav>li>a{color: #222220; font-size: 16px; font-weight: 400;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #222220; font-weight: 500; background-color: transparent; }

.navbar-default .navbar-nav .show, .navbar-default .navbar-nav .show:hover, .navbar-default .navbar-nav .show:focus{background-color: transparent !important; color: #222220 !important;}
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover, .navbar-default .navbar-nav>.show>a:focus{color: #222220; font-weight: 500; background-color: #fff; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #222220; font-weight: 500;}
#header.navbar-default .navbar-nav .show.dropdown-menu > li > a{color: #222220; background-color: #fff; font-size: 16px; font-weight: 300;}
#header.navbar-default .navbar-nav .show.dropdown-menu > li > a:hover{ background-color: transparent; color: #222220; font-weight: 400; }
#header.navbar-default .navbar-nav .show.dropdown-menu{background-color: #fff !important; -webkit-animation: fadeIn 0.7s ease-in-out both; animation: fadeIn 0.7s ease-in-out both; border-color: transparent;}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:active{background-color: transparent !important;}
#header .logo-inacap{max-width: 300px; margin: 10px 20px;}

@media (min-width: 768px){
    .navbar-nav.header-centered{float: inherit; text-align: center;}
    .navbar-nav.header-centered>li{float: inherit; display: inline-block;}
    #header .header-top .right{padding-right: 0;}
    #header{padding: 0;}
}
@media (max-width: 767px){
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{padding: 0;}
    #header{padding: 0;}
}

/* Mobile header styles */
@media (max-width: 1199px) {
    #header .container-fluid{
        position: relative;
        flex-wrap: wrap;
    }
    #header .navbar-toggler{
        position: absolute;
        top: 18px;
        right: 15px;
        z-index: 1000;
    }
    /* Toggler icon - hamburger to X animation using aria-expanded */
    #header .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon,
    #header .navbar-toggler:not([aria-expanded]) .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    #header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M7 7l16 16M7 23l16-16'/%3e%3c/svg%3e");
    }
    #header .navbar-container{
        flex: 0 0 100%;
        width: 100%;
    }
    #header .navbar-top{
        border-bottom: none;
    }
    #header .logo-inacap{
        max-width: 200px;
        margin: 10px 0;
    }
}
@media (max-width: 575px) {
    #header .logo-inacap{
        max-width: 160px;
    }
}

#header li.icon-menu a .fas, #header li.icon-menu a:visited .fas{color: #222220; font-size: 24px;}
.navbar-default .navbar-nav>li.icon-menu>a:hover, .navbar-default .navbar-nav>li.icon-menu>a:focus{color: #222220; border: none !important;}

/*************************************************************************************
    CAROUSEL
**************************************************************************************/
.hero { position: relative; width: 100%; margin-bottom: 50px;}

.hero__media {width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; /*z-index: -2;*/}
.hero__media-image, .hero__media-image--mobile {position: absolute; display: block; min-width: 100%; height: auto; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -2;}
.hero__media-image--mobile {position: absolute; display: block; min-width: 100%; height: auto; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.hero__media--align-bottom .hero__media-image, .hero__media--align-bottom .hero__media-image--mobile {top: auto; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.hero__media--align-top .hero__media-image, .hero__media--align-top .hero__media-image--mobile {top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
@media (max-width:767px) {
    /*video.hero__media-image {display: none}*/
}
@media (min-width:768px) {
    .hero__media-image--mobile {display: none}
}
.hero__content {position: absolute; bottom: 0; left: 25px; right: 25px; padding-bottom: 1rem; color: #fff; /*z-index: 10;*/}

@media (min-width:992px) {
    .hero__content {padding-bottom: 2rem;}
}

.hero--fullwidth .hero__content {padding-bottom: 2.5rem;}

@media (min-width:992px) {
    .hero--fullwidth .hero__content {padding-bottom: 3.5rem;}
}

#featuredNewsCarousel .carousel-inner{}
@media (max-width:767px) {
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 20px; margin-top: 100px;}
    #featuredNewsCarousel .carousel-inner .cuadrotrans h1{font-size: 20px;}
    #featuredNewsCarousel .carousel-inner .cuadrotrans h2{color: #222220; font-size: 14px;}
    #featuredNewsCarousel .carousel-container{height: 400px;}
}
@media (min-width:768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 200px;}
    #featuredNewsCarousel .carousel-container{height: 600px;}
}
@media (min-width: 992px){
    #featuredNewsCarousel .carousel-inner .cuadrotrans{padding: 40px; margin-top: 200px;}
    #featuredNewsCarousel .carousel-container{height: 700px;}
}
#featuredNewsCarousel .carousel-inner .cuadrotrans{width: 100%;}
#featuredNewsCarousel .carousel-inner .carousel-item .item-image h1{margin-top:0;}
#featuredNewsCarousel .carousel-inner .cuadrotrans h1{margin-top: 0; color: #fff; text-transform: uppercase; margin-bottom: 10px; font-size: 22px;}
#featuredNewsCarousel .carousel-inner .cuadrotrans h2{color: #222220; font-size: 16px;}

@media (min-width: 992px){
    #featuredNewsCarousel .carousel-caption{bottom: 0; width: 100%; left: 0; height: 150px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px){
    #featuredNewsCarousel .carousel-caption{bottom: 0; width: 100%; left: 0; height: 150px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); font-size: 14px;}
}

@media (max-width: 767px) {
    #featuredNewsCarousel .carousel-item{
        display: flex;
        flex-direction: column-reverse;
    }
    #featuredNewsCarousel .carousel-item.active{
        display: flex;
    }
    #featuredNewsCarousel .carousel-caption{
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        background-color: #1e1e1e;
        padding: 15px 20px;
        text-align: left;
    }
    #featuredNewsCarousel .carousel-caption h3{
        font-size: 16px;
        margin: 0;
    }
    #featuredNewsCarousel .carousel-caption h3 a{
        color: #fff !important;
    }
    #featuredNewsCarousel .carousel-caption p{
        display: none;
    }
}

#featuredNewsCarousel .carousel-control-next-icon,
#featuredNewsCarousel .carousel-control-prev-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #000;               /* círculo negro */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% 50%;             /* flecha más chica con espacio */
}

/* Triángulo completo apuntando a la derecha */
#featuredNewsCarousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpolygon points='5,3 13,8 5,13'/%3e%3c/svg%3e");
}

/* Triángulo completo apuntando a la izquierda */
#featuredNewsCarousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpolygon points='11,3 3,8 11,13'/%3e%3c/svg%3e");
}

/*************************************************************************************
    FOOTER
**************************************************************************************/
#footer {
    color: #fff;
    background: #1e1e1e;
    position: relative;
    border-top: none;
    padding: 60px 0 40px;
}

.copyright {
    background: #1e1e1e;
    filter: brightness(85%);
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Footer Top Section - Logo and Social Media */
.footer-top {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-logo {
    height: 55px;
    max-width: 100%;
    object-fit: contain;
}

.footer-social-media {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .footer-social-media {
        justify-content: center;
    }
}

.footer-social-media .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-social-media .social-icon:hover {
    background-color: #c00;
    color: #fff;
    transform: translateY(-3px);
}

/* Footer Columns */
.footer-columns {
    padding-top: 40px;
    padding-bottom: 20px;
}

.footer-column {
    color: #fff;
}

.footer-column-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    text-transform: none;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.6;
}

.footer-links li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
}

.footer-links li a:hover {
    color: #ff5900;
    text-decoration: underline;
}

.footer-links li a i {
    font-size: 14px;
    margin-top: 2px;
    flex-shrink: 0;
}

.footer-links-subtitle {
    font-weight: 600;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}

.footer-address {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.footer-address i {
    font-size: 14px;
    margin-top: 2px;
    flex-shrink: 0;
}

.footer-address span {
    flex: 1;
}

/* Footer Bottom - Accreditation */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-accreditation-logos {
    max-width: 600px;
    width: 100%;
    height: auto;
}

/* Legacy footer link styles (kept for compatibility) */
#footer h2 {
    font-size: 20px;
}

#footer p {
    font-size: 14px;
}

a.footer_link {
    color: #fff;
}

a.footer_link:hover {
    color: #ff5900;
}

a.footer_link_2 {
    color: #fff;
    text-decoration: underline !important;
}

a.footer_link_2:hover {
    color: #ff5900;
}

.footer_line_left {
    border-left: solid 1px #fff;
}

.footer_column a .fas,
.footer_column a .fab,
.footer_column a .far {
    font-size: inherit;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .footer-columns {
        padding-top: 30px;
    }

    .footer-column {
        margin-bottom: 30px;
    }

    /* On tablet/mobile, show title for second "Accesos Directos" column */
    .footer-column .footer-column-title.d-none.d-lg-block {
        display: block !important;
    }

    .footer-column .footer-column-title.d-none.d-lg-block::after {
        content: "Accesos Directos";
    }
}

@media (max-width: 767px) {
    #footer {
        padding: 40px 0 30px;
    }

    .footer-column-title {
        font-size: 16px;
    }

    .footer-links li {
        font-size: 13px;
    }
}

/* Ensure 5-column layout on large screens */
@media (min-width: 992px) {
    .footer-columns .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .footer-columns .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

/*************************************************************************************
    HERO
**************************************************************************************/
.hero{min-height: 350px;}
.box-container-split .box-split .box{padding: 20px;}
@media(max-width: 991px){
    .box-container-split .box-split h3{font-size: 30px;}
    .box-container-split{display: block;}
}
@media(min-width: 992px){
    .hero h2{font-size: 44px;}
    .box-container-split .box-split h3{font-size: 44px;}
}

/*************************************************************************************
    SLIDE COMPANIES
**************************************************************************************/
.slide-companies .slide img{filter:none;}
.slick-prev, .slick-next {top: 70%;}
.slick-track{display: flex !important; align-items: center !important; justify-content: center !important;}
.slide .slide-container{display: flex; flex-wrap: wrap; justify-content: center;}
.slide .slide-container .slide-content{display: flex; align-items: center; justify-content: center;}
@media (min-width: 1100px) {
    .slide img{margin-left: auto; margin-right: auto; max-width: 160px; max-height: 160px;}
}
@media (min-width: 601px) and (max-width: 1099px) {
    .slide img {margin-left: auto; margin-right: auto; max-width: 90px; max-height: 90px;}
}
@media (max-width: 600px) {
    .slide img {margin-left: auto; margin-right: auto; max-width: 70px; max-height: 70px; padding: 5px !important;}
    .slide-companies {padding: 0 10px;}
}
.slick-slider{margin-bottom: 0;}

/*************************************************************************************
    OTHER
**************************************************************************************/
.icon-block .item .title{font-size: 16px;}
.icon-block .item .title{text-transform: none;}
.icon-block .item .icon{font-size: 20px;}

/* Stats section - Mobile first approach */
.stats {
    padding: 20px !important;
    margin: 20px 0 !important;
}

.stats .icon-block {
    margin-bottom: 20px;
}

.stats .icon-block .item {
    padding: 20px 10px !important;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.stats .icon-block .item .title {
    width: 100%;
    text-align: center;
}

.stats .icon-block .item .title .counter {
    font-size: 32px !important;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    display: block;
}

.stats .icon-block .item .text {
    font-size: 12px !important;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    margin-top: 8px;
    padding: 0 5px;
    word-wrap: break-word;
    hyphens: auto;
}

/* Small mobile devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .stats {
        border-radius: 15px !important;
    }

    .stats .row {
        margin: 0 !important;
    }

    .stats .icon-block {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .stats .icon-block:last-child {
        border-bottom: none;
    }

    .stats .icon-block .item {
        padding: 25px 15px !important;
        min-height: auto;
    }

    .stats .icon-block .item .title .counter {
        font-size: 36px !important;
    }

    .stats .icon-block .item .text {
        font-size: 13px !important;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Tablets (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .stats .icon-block .item .title .counter {
        font-size: 40px !important;
    }

    .stats .icon-block .item .text {
        font-size: 13px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .stats .icon-block .item {
        padding: 30px 15px !important;
    }

    .stats .icon-block .item .title .counter {
        font-size: 50px !important;
    }

    .stats .icon-block .item .text {
        font-size: 15px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .stats .icon-block .item {
        padding: 50px 20px !important;
    }

    .stats .icon-block .item .title .counter {
        font-size: 60px !important;
    }

    .stats .icon-block .item .text {
        font-size: 18px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .stats {
        padding: 40px !important;
    }

    .stats .icon-block .item {
        padding: 80px 30px !important;
    }

    .stats .icon-block .item .title .counter {
        font-size: 80px !important;
    }

    .stats .icon-block .item .text {
        font-size: 22px !important;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

.home-block{padding: 40px;}
.home-block .home-block-title{font-weight: 600; font-size: 32px; margin-bottom: 40px;}
.home-block .block p{font-size: 16px; margin-bottom: 20px;}
.home-block .block p.home-block-link{border-bottom: 1px solid #222220; padding-top: 20px; padding-bottom: 20px;}
.home-block .block p.home-block-link a{color: #222220; font-size: 18px;}

.nice-list .nice-card, .nice-list .nice-card.background-alt, .nice-list .nice-box.background-alt{background-color: #fff !important; border-radius: 20px;}
.nice-list .nice-card.background-transparent{background-color: transparent !important;}
.background-alt .feature-grab h1 a,
.background-alt .feature-grab h2 a,
.background-alt .feature-grab h3 a,
.background-alt .feature-grab h4 a,
.background-alt .feature-grab h5 a,
.background-alt .feature-grab h6 a,
.background-alt .feature-grab h1 a.title-news,
.background-alt .feature-grab h2 a.title-news,
.background-alt .feature-grab h3 a.title-news,
.background-alt .feature-grab h4 a.title-news,
.background-alt .feature-grab h5 a.title-news,
.background-alt .feature-grab h6 a.title-news{color: #222220 !important; font-size: 18px !important;}
.feature-grab .date{color: #fff !important; font-size: 13px !important;}
.background-alt .feature-grab .highlight{font-size: 14px;}
.background-alt .feature-grab .highlight.color-black .fas, .background-alt .feature-grab .highlight.color-black .far, .background-alt .feature-grab .highlight.color-black .fab{color: #c00 !important;}
.background-alt .feature-grab .thumbnail{background-color: #222220 !important;}

.nice-list .nice-card.background-alt-white, .nice-list .nice-card.background-alt.background-alt-white, .nice-list .nice-box.background-alt.background-alt-white{background-color: #fff !important;}
.background-alt.background-alt-white .feature-grab h1 a,
.background-alt.background-alt-white .feature-grab h2 a,
.background-alt.background-alt-white .feature-grab h3 a,
.background-alt.background-alt-white .feature-grab h4 a,
.background-alt.background-alt-white .feature-grab h5 a,
.background-alt.background-alt-white .feature-grab h6 a,
.background-alt.background-alt-white .feature-grab h1 a.title-news,
.background-alt.background-alt-white .feature-grab h2 a.title-news,
.background-alt.background-alt-white .feature-grab h3 a.title-news,
.background-alt.background-alt-white .feature-grab h4 a.title-news,
.background-alt.background-alt-white .feature-grab h5 a.title-news,
.background-alt.background-alt-white .feature-grab h6 a.title-news{color: #222220 !important;}
.background-alt-white .feature-grab  .date{color: #222220 !important;}
.background-alt.background-alt-white .feature-grab .highlight.color-black{color: #222220 !important;}
.background-alt.background-alt-white .feature-grab .thumbnail{background-color: #fff !important;}


.lead{color:#222220;}

.icon-block.background-grey a:hover * {color: #c00 !important;}

#sub_menu .link{ color: #222220; }

/*************************************************************************************
    CARD
**************************************************************************************/
.card.card-alt{position: relative; overflow: hidden; padding-top: 20px; background-color: #fff !important; border-radius: 20px; --bs-card-border-color: none; border: 1px solid #222220;}
.card.card-alt .card-img-top{height: 180px !important; max-width: 300px !important;}
.card.card-alt .card-img-container{background-color: #fff; text-align: center; border-top-right-radius: 20px; border-top-left-radius: 20px;}
.card.card-alt .card-footer.bg-white:last-child{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fff !important;}

.card.card-alt h5.card-title{font-size: 18px; color: #222220;}
.card.card-alt .subtitle{font-size: 14px; color: #222220;}
.card.card-alt .card-title a, .card.card-alt .subtitle a{color: #222220 !important;}
.card.card-alt .card-body{padding: 20px;}

.card.card-alt .card-title a:hover, .card.card-alt .subtitle a:hover{color: #c00 !important;}
.card.card-alt .btn-transparent, .card.card-alt .btn-transparent:focus{color: #222220 !important; background-color: transparent !important; border-color: #222220 !important;}
.nice-list .nice-card.btn-border-bottom-second{background-color: #f4f3f3 !important;}

.card.card-alt::before{content: ""; position: absolute; inset: 0 auto auto 0; height: 30px; width: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; background: #d9d9ff; z-index: 0;}
.card.card-alt .card-body, .card.card-alt .card-footer{ position: relative; z-index: 1;}

.gradient1{background: linear-gradient(20deg, #95da1c, #0441db);}
.gradient2{background: linear-gradient(20deg, #fa7204, #153ccd);}

.card.card-button{border-radius: 20px; border: none;}
.card.card-button .card-title{color: #fff;}
.card.card-button a .icon{color: #fff;}
.card.card-button a .card-title{color: #fff; font-size: 18px !important;}
.card.card-button .card-body{padding: 30px;}