/*----------- CSS by BMestudio 2016 -----------*/
/*-----------start KEYFRAMES-----------*/
/*start RESET*/
@-webkit-keyframes reset {
    0% {opacity: 0;}javascript:;
    100% {opacity: 0;}
}
@-moz-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
@-o-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
/*end RESET*/

/*start STICK*/
@-webkit-keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
@-moz-keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
@-o-keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
@keyframes stick {
    0% {top: -100%;}
    100% {top: 0;}
}
/*end STICK*/

/*start FADE IN*/
@-webkit-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
/*end FADE IN*/

/*start SPIN*/
@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }welc
}
/*end SPIN*/
/*-----------end KEYFRAMES-----------*/

/*-----------start GLOBALS-----------*/
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    font-smooth: antialiased !important;
    -webkit-text-size-adjust: none;
    font-smooth: always !important;
    -webkit-font-smooth: always !important;
    -moz-font-smooth: always !important;
    text-rendering: optimizeLegibility !important;
    -moz-osx-font-smoothing: grayscale;
}

body{
    font-size: 13px;
    line-height: 18px;
    -webkit-animation: reset, fade-in 2s 1 ease;
    -moz-animation: reset, fade-in 2s 1 ease;
    background: #fff;
    color:#89878c;
    outline: none;
    -webkit-animation: reset, fade-in 2s 1 ease;
    -moz-animation: reset, fade-in 2s 1 ease;
    animation: reset, fade-in 2s 1 ease;
    -o-animation: reset, fade-in 2s 1 ease;
    font-weight: normal!important;
    font-style: normal!important;
    font-family: 'Montserrat', sans-serif;

}
body.padding{
    padding-top: 164px;
}

*{
    outline: 0!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
}

a{
    color:#727277;
    text-decoration: none;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}

a:hover{
    color: #727277;
    text-decoration: none;
}

strong{
    font-weight: 600    
}

ul{
    padding: 0;
    list-style: none;
    margin: 0
}

/*start BXSLIDER*/
.bx-wrapper{
    margin-bottom: 0
}

.bx-wrapper .bx-viewport{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: transparent;
    border: none;
    left: 0;
}
.bx-wrapper .bx-pager{
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 0;
    margin: 0
}
    .bx-wrapper .bx-pager.bx-default-pager a{
        background: rgba(256,256,256,0.5);
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        margin: 0 3px;
        background: #4a5c63;
        opacity: 0.8;
        width: 15px;
        height: 15px;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover{
        opacity: 1;
        background: #4a5c63;
    } 
    .bx-wrapper .bx-pager.bx-default-pager a.active{
        background: #fff;
    }

.bx-wrapper .bx-controls-direction a{
    background: url(../images/slide-arrows-vertical.png) no-repeat 0 0 transparent;
    height: 33px;
    width: 40px;
    top: -85px;
    margin-top: 0
}
.bx-wrapper .bx-controls-direction a.bx-next{
    background-position: right top;
    right: 0;
    left: auto
}
.bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: right bottom;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
    left: auto;
    right: 45px;
    background-position: left top;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: left bottom;
}
/*end BXSLIDER*/

/*start BTN*/
.btn.btn-custom{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-decoration: none;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    border: none;
    background: #39aadf;
    padding: 21px 35px;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em;
}
.btn.btn-custom.blue{
    background: #00a1c7
}
.btn.btn-custom:hover{
    opacity: 0.7;
}

.link.link-custom{
    color: #fff
}
.link.link-custom:hover{
    opacity: 0.7
}
/*end BTN*/

/*start TITLES*/
.title{
    text-align: center;
}
.inner .title{
    text-align: left;
    margin-bottom: 20px;
}
    .title:after{
        width: 30px;
        height: 5px;
        background: #39aadf;
        content: "";
        display: none;
        margin: 30px auto 0
    }
    .inner .title:after{
        margin: 25px 0 0
    }
    .inner .title:before{
        display: none;
    }
    .title.green:after{
        background: #96bc3f;
    }
    .title.blue:after{
        background: #00a1c7;
    }    
    .title.white:after{
        background: #39aadf;
    }

    .title:before{
        width: 1px;
        height: 0px;
        background: #7d7d7d;
        content: "";
        display: block;
        margin: 0 auto 40px;
    } 
    .title.white:before{
        display: none;
    }   
        .title h1{
            color: #39aadf;
            font-size: 2.4em;
            font-weight: 700;
            margin: 10 0 22px 0;
            margin-top: 10px !important;
        }
        .title.white h1{
            color: #fff
        }
        .title p{
            margin: 0;
            padding: 0 10px;
        }
        .title h1.os{
            font-size: 1.8em;
        }
        
/*end TITLES*/

/*start PARRALLAX*/
.parallax-window {
  /*min-height: 875px;*/
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10 !important; 
}
/*end PARRALLAX*/

/*start TXT*/
.txt ul{
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 10px;
}
/*end TXT*/

/*start THUMBNAIL*/
.thumbnail{
    padding: 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
/*end THUMBNAIL*/
/*-----------end GLOBALS-----------*/


/*-----------start LAYOUT-----------*/
/*start HEADER*/
header{
    background: transparent;
    padding: 17px 0 12px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    position: relative;
    z-index: 99;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}
    header #wrap-menu{
        margin-top:40px;
        transition: top 1.3s ease-in-out; 
    }
    header#stick.stickEmUp {
    transition: transform 0.3s ease, background 0.5s ease;
    transform: translateY(0);
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    background: rgba(256,256,256,0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: stick 1s 1 ease;
    -moz-animation: stick 1s 1 ease;
    animation: stick 2s 1 ease-in-out;
    -o-animation: stick 1s 1 ease-in-out;
    z-index: 999
}
    header#stick.stickEmUp #wrap-menu{
        margin-top:15px;
        transition: top 1.5s ease;
    }
    header nav ul{
        padding: 0;
        list-style: none;
        margin: 0;
        text-align: center;
        width: 100%
    }
    header nav ul.flex{
        align-items: flex-end;
        -moz-align-items: flex-end;
        -webkit-align-items: flex-end;
        transition:All 0.5s ease;
        -webkit-transition:All 0.5s ease;
        -moz-transition:All 0.5s ease;
        -o-transition:All 0.5s ease;
    }
        header.white nav ul#menu a{
            color:#fff;
        }
        header nav ul a{
            font-weight: 700;
            position: relative;
            display: block;
        }
            header nav ul#menu a:hover{
                color:#39aadf;
                opacity:1;
            }
        header#stick.stickEmUp nav ul a{
            color:#727277;
        }
        header#stick.stickEmUp nav ul a:hover{
            color:#39aadf;
            opacity:1;
        }
        header nav ul a.active:after{
            display: block;
            width: 100%;
            height: 6px;
            background: #39aadf;
            content: "";
            position: absolute;
            left: 0;
            bottom:-15px;
        }
        header#stick.stickEmUp nav ul a.active:after{
            background:#39aadf;
        }
        header #logo a{
            display: block;
            width: 120px;
            transition:All 0.5s ease;
            -webkit-transition:All 0.5s ease;
            -moz-transition:All 0.5s ease;
            -o-transition:All 0.5s ease;
        }
            header #logo img{
                width:300px;
            }
                 header#stick.stickEmUp #logo img{
                     width:150px;
                 }
        header #wrap-logo.flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            margin-bottom: 20px
        }

.navbar-toggle{
    font-size: 2em;
    margin-top: 35px;
}


.navbar-toggle.collapsed.pull-left {
    margin-right: 0px; /* Mueve el botón hacia la derecha */
    margin-top: 30px; /* Mueve el botón hacia abajo */
    float: right !important; /* Cambia la alineación a la derecha */
}

.navbar-toggle.pull-left {
    margin-right: 0px; /* Mueve el botón hacia la derecha */
    margin-top: 30px; /* Mueve el botón hacia abajo */
    float: right !important; /* Cambia la alineación a la derecha */
}

/* Sobrescribe las barras del ícono */
.navbar-toggle.collapsed.pull-left .icon-bar {
    margin-bottom: 5px; /* Aumenta el espacio entre las barras */
    background-color: red; /* Cambia el color de las barras */
}

#header-inner{
    position: relative;
    color: #fff;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 60px 0;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#contact #header-inner{
    background-image: url(../images/upload/contacto/header.jpg)
}
#events #header-inner{
    background-image: url(../images/upload/eventos/header.jpg)
}
#about #header-inner{
    background-image: url(../images/upload/nosotros/header.jpg)
}
#sworks #header-inner{
    background-image: url(../images/upload/obras-sociales/header.jpg)
}
#services #header-inner{
    background-image: url(../images/upload/servicios/header.jpg)
}
#header-inner.flex{
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}
    #header-inner h2{
        font-size: 3em;
        margin: 0;
        font-weight: 600
    }
    #header-inner .parallax-window{
        /*min-height: 230px;*/
        min-height: 100%;
    }
/*end HEADER*/

/*start FOOTER*/

footer{
    padding: 60px 0;
    background-color:#f2f2f2;
    position: relative;
    margin-top: 50px;
}
footer.internal-footer{
    padding:30px 0;
}
    footer #logo-partner{
        margin-top:40px;
    }
    footer #logo-partner .flex{
        align-items: flex-end;
        -moz-align-items: flex-end;
        -webkit-align-items: flex-end;
    }
    footer #logo-partner a{
        display: inline-block;
        width: 100px;
    }
    footer #logo-partner li:first-child a{
        width: 70px;
    }
    footer img{
        width: 100%;
    }
    footer #foot-logo span{
        display: block;
        font-size: 0.8em;
        color: rgba(51,70,89,0.35);
        margin-top: 15px;
        width: 100%;
        line-height: 1.2em
    }
    footer #menu-foot li{
        margin-bottom: 8px;
    }
        footer #menu-foot li a:hover{
            opacity: 0.7;
            text-decoration: none;
        }
    footer #newsletter h4{
        margin: 0;
        font-weight: 700;
        font-size: 1.1em;
        color: #39aadf
    }
    footer #newsletter form{
        margin: 15px 0 30px;
        border: 2px solid #c9cacb;
        padding: 5px;
        background-color: #dcdcdd;
    }
        footer #newsletter form input{
            border: none;
            background: transparent;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-right: 1px solid #737378;
            font-weight: 400
        }
        footer #newsletter form .btn{
            background: transparent;
            border: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            color: #737378;
            font-weight:700;
            font-size:0.8em;
        }
        footer #newsletter form .btn:hover{
            color: #39aadf
        }
    footer #social-network{
        width: 100%;
        text-align: center;
    }
        footer #social-network.flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content:center;
        }
        footer #social-network li{
            display: inline-block;
            margin-left:40px;
        }
            footer #social-network li:first-child{
                margin:0;
            }
            footer #social-network li a{
                display: block;
                width: 28px;
                height: 28px;
                border: 1px solid #a5a5a8;
                color: #a5a5a8;
                line-height: 28px;
                border-radius: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
            }
            footer #social-network li a:hover{
                border-color: #39aadf;
                color:#39aadf;
            }
            
    #social-net h5{
        margin: 0;
        font-weight: 700
    }
    #social-net #redes{
        overflow: hidden;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        margin-bottom: 15px;
    }
        #social-net #redes li{
            float: left;
            font-size: 1.8em;
            margin-left: 10px;
        }
            #social-net #redes li a{
                color:#00aeef
            }
            #social-net #redes li:first-child a{
                color:#3c5b9a
            }
    #social-net #logo-partner li:nth-child(2){
        margin:0 45px;
    }
/*end FOOTER*/

/*start CONTAINERS*/
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
}
/*end CONTAINERS*/
/*-----------end LAYOUT-----------*/

/*-----------start INCLUDES-----------*/
#events .central-shift{
    margin-top:60px;
}
.central-shift{
    background: #39aadf;
    padding: 35px 0;
    background-image: url(../images/upload/novedades/bg-celeste.jpg);
    background-size: cover;
}
    .central-shift h4{
        margin: 0;
        font-size: 2.8em;
        font-weight: 700;
        color: #fff;
    }
    .central-shift span{
        font-size: 1.5em;
        color: #fff;
    }
    .central-shift ul{
        overflow: hidden;
    }
        .central-shift ul li{
            display: inline-block;
            height: 80px;
            width: 80px;
            border:1px solid #fff;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            align-items: center;
            -moz-align-items: center;
            -webkit-align-items: center;
            margin: 0 0 0 10px;
            color: #fff;
            font-size: 2em;
            font-weight: 600
        }
        .central-shift ul li:first-child{
            margin-left: 0
        }
            .central-shift ul li img{
                width: 32px;
            }
/* Contenedor principal de novedades */
#central-shift-novedades {
    background-image: url('../images/upload/novedades/bg-celeste.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 50px;
    padding: 40px 0;
    width: 100%;
    text-align: center;
}

#central-shift-novedades .container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Contenedor principal de novedades */
#central-shift-formacion {
    background-image: url('../images/upload/home/servicios-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0;
    width: 100%;
    text-align: center;
    margin: 20px 0 20px 0 !important;
    height: auto;
}

#central-shift-formacion .container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    margin: 20px 0 20px 0;
    margin-left: auto;
    margin-right: auto;
}

/* Título de novedades */
.novedades-title {
    position: absolute;
    top: -40px;
    left: -10px;
    background-color: #0976bc;
    color: white;
    padding: 5px 10px;
    font-size: clamp(14px, 2vw, 18px);
    border-radius: 3px;
    z-index: 10;
}

.novedades-post-image {
    display: none; /* Ocultar por defecto */
}

/* Estilo para el autor del post */
.post-author-byline {
    font-size: 14px;           
    color: white;               
    text-align: center;        
    margin-top: 10px;          
    font-style: italic;       
}

@media screen and (min-width: 768px) { /* Mostrar en pantallas grandes */
    .custom-carousel-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px; /* Espacio entre título e imagen */
    }

    .novedades-last-post {
        flex: 1; /* El título ocupa el espacio disponible */
        font-size: 18px;
    }

    .novedades-post-image {
        display: block;
        max-width: 200px; /* Tamaño reducido */
        height: auto;
    }

    .novedades-post-image img {
        width: 100%;
        height: auto;
        border-radius: 8px; /* Bordes redondeados */
    }
}


/* Estilos del carousel */
.custom-carousel {
    position: relative;
    width: 100%;
    max-width: 90%;
    margin: 20px auto 0;
    overflow: hidden;
}

.custom-carousel-inner {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
}

.custom-carousel-item {
    flex: 0 0 100%;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-carousel-item.busquedas {
        flex-direction: column; /* Cambia la dirección a columna */
        justify-content: flex-start; /* Alinea al inicio */
        align-items: center; /* Centra horizontalmente */
        text-align: center;
    
}

.custom-carousel-item.formacion {
    margin-top: -25px;
    display: flex;
    flex-direction: column;
}

.custom-carousel-item.coordinadora {
    flex: 0 0 100%;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    padding: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Para adaptarse en pantallas pequeñas */
    gap: 20px;
}

.custom-carousel-item h3 {
    margin: 0;
    width: 100%;
    text-align: center;
}


/* Enlace de novedades */
.novedades-last-post {
    display: inline-block;
    font-size: clamp(16px, 4vw, 22px);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-decoration: none;
    max-width: 100%;
    opacity: 1 !important; /* Forzar visibilidad */
    visibility: visible !important;/* Fondo semi-transparente */
}

.formacion-last-post h3 {
    text-align: left;
}

.formacion-post-content {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    gap: 20px; 
    text-align: left;
    font-size: 1.7rem;
}

.formacion-post-image img {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
     border-radius: 8px;
}

.formacion-post-text {
  flex: 1;
  text-align: left;
  color: white;
}

.formacion-last-post {
    flex: 1;
    font-size: clamp(16px, 4vw, 22px);
    text-align: left;
    color: white;
    font-weight: bold;
}

.formacion-post-body {
  white-space: pre-line;
  margin-bottom: -30px;
  font-size: 1.7rem;
  line-height: 1;
  color: white;
}

.formacion-info-byline {
    font-size: 18px;           
    color: white;               
    text-align: center;        
    margin-top: 6px;                 
}

.formacion-info-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.formacion-info-byline {
    display: flex;
    align-items: center;
    font-size: 1.7rem;
    color: white;
}

.formacion-info-byline.left {
    justify-content: flex-start;
}

.formacion-info-byline.right {
    justify-content: flex-end;
    margin-right: -7px;
    margin-left: 45px;
}

.formacion-info-byline .icon {
    width: 60px;
    height: 50px;
    margin-right: 8px;
    vertical-align: middle;
}

.busquedas-post-content {
    text-align: center; 
    margin-top: 15px;
    color: white;
}

.busquedas-post-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px; /* altura fija o mínima */
    overflow: hidden; /* para evitar desbordes si es necesario */
}

.busquedas-post-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}


/* Controles del carousel */
.custom-carousel-control {
    position: absolute;
    bottom: 115px; /* Coloca los botones en la parte inferior */
    left: 50%; /* Centra horizontalmente */
    transform: translateX(-50%); /* Ajusta el centrado */
    background-color: transparent;
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
}

/* Ajustar el espaciado entre botones */
.custom-carousel-control.prev {
    left: calc(9% - 50px); /* Mueve el botón de "prev" un poco a la izquierda */
}

.custom-carousel-control.next {
    left: calc(100% + 10px); /* Mueve el botón de "next" un poco a la derecha */
}

.custom-carousel-control:hover {
    background-color: rgba(1, 95, 139, 0.9);
}

/* Controles específicos para el carrusel de formación */
.custom-carousel-control-formacion {
    bottom: -40px; /* Ejemplo: más abajo que el genérico */
    color: #015f8b; /* Puedes cambiar también el color si quieres */
}

/* Puedes ajustar solo uno de los botones si es necesario */
.custom-carousel-control-formacion.prev {
    left: calc(50% - 60px); /* más desplazado a la izquierda */
}

.custom-carousel-control-formacion.next {
    left: calc(50% + 20px); /* más desplazado a la derecha */
}


/* Media queries */
@media screen and (max-width: 768px) {
    #central-shift-novedades {
        padding: 30px 0;
    }
    
    .novedades-title {
        font-size: 13px;
        padding: 4px 8px;
        position: absolute;
        top: -30px;
        left: 15px;
    }
    
    .custom-carousel {
        max-width: 95%;
    }
    
    .novedades-last-post {
        font-size: 18px;
        padding: 8px 15px;
    }
    
    .custom-carousel-control {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    #central-shift-novedades {
        padding: 25px 0;
    }
    
    .novedades-title {
        font-size: 12px;
        padding: 3px 6px;
    }
    
    .custom-carousel {
        max-width: 100%;
    }
    
    .novedades-last-post {
        font-size: 16px;
        padding: 6px 10px;
    }
    
    .custom-carousel-control {
        display: none;
    }
}

#counter{
    position: relative;
    color: #fff;
    min-height: 230px;
}
#counter .parallax-window{
    /*min-height: 230px;*/
    min-height: 100%;
}
    #counter > .container{
        position: relative;
        z-index: 99;
    }
    #counter ul{
        overflow: hidden;
        text-align: center;
    }
        #counter ul li{
            display: inline-block;
            padding: 20px 0 35px;
            min-width: 100px;
        }
        #counter ul li:nth-child(even){
            display: inline-block;
            width: 1px;
            min-width: 0;
            height: 90px;
            background: #fff;
            content:"";
        }
            #counter ul li h5{
                font-size: 4em;
                font-weight: 700;
                margin: 0
            }
            #counter ul li span{
                font-size: 1em;
                font-weight: 700;
            }

#include-contact{
    position: relative;
    padding: 90px 0
}
    #include-contact .title{
        text-align: center!important;
    }
    #include-contact .title:after{
        margin: 25px auto 0!important
    }
    #include-contact > div.container{
        position: relative;
        z-index: 99;
    }
#include-contact .parallax-window{
    /*min-height: 1016px*/;
    min-height: 100%;
}
    #gmap{
        width: 100%;
        height: 400px;
        margin: 75px 0;
        border:1px solid #b4b2b4;
    }
    #include-contact .img{
        position:relative;
        text-align:center;
    }
    #include-contact .img img{
        width: 260px;
    }
    #include-contact ul{
        margin-bottom: 65px;
        text-align: center;
    }
    #include-contact ul li img{
        width:26px;
    }
        #include-contact ul li:nth-child(even){
            display: inline-block;
            width: 1px;
            min-width: 0;
            height: 90px;
            background: #727277;
            content:"";
        }
            #include-contact ul li span{
                display: block;
                margin: 0 auto 30px;
            }
/*-----------end INCLUDES-----------*/


/*-----------start HOME-----------*/
#principal-slider{
    margin-top:-45px;
}
#principal-slider .bxslider li{
    position: relative;
}
    #principal-slider .bxslider li .img{
        position: relative;
    }
    #principal-slider .bxslider li .txt{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 99;
    }
        #principal-slider .bxslider li .txt.flex{
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            flex-direction:column;
            -webkit-flex-direction:column;
            -moz-flex-direction:column;
        }
            #principal-slider .bxslider li .txt h2{
                font-size: 6em;
                color: #fff;
                margin: 0;
                font-weight: 600
            }
            #principal-slider .bxslider li .txt h3{
                font-size: 1.5em;
                color: #fff;
                margin: 0;
                line-height: 0;
                margin-top: 25px;
                font-weight: 700;
            }
.grey{
    padding: 50px 0;
    background-color: #f2f2f2;
}
    .grey ul{
        margin-top:60px;
    }
        .grey ul li{
            margin-bottom:20px;
        }
.grey ul li img{
    width:26px;
}

#home #welcome{
    padding: 0 0 30px;
}        
    #welcome .img{
        position: relative;
        display: flex;
        align-items: center; 
        justify-content: center;
        height: 20vh;
    }
        #welcome .img img{
            position: relative;
            max-width: 100%
        }
        #welcome .img .wrap-btn{
            position: absolute;
            bottom: 55px;
            left: 0;
            width: 100%;
            text-align: center;
        }

#home-services{
    padding: 88px 0 35px;
    position: relative;
    color: #fff
}
#home-services .parallax-window{
    /*min-height: 875px;*/
    min-height: 100%;
}
    #home-services > .container,
    #home-events > .container{
        position: relative;
        z-index: 99;
    }
    #home-services .title:before{
        display: none;
    }
    #home-services .title h1{
        color: #fff;
    }
    
    #home-services #list-services{
        margin: 50px 0 40px;
        overflow: hidden;
    }
        #home-services .title p{
            padding: 0 30%                
        }
        #home-services #list-services img{
            width: 100%
        }
        

#home-sworks{
    padding: 45px 0 195px;
}
    #list-sworks{
        margin-top: 55px; 
    }
        #home-sworks ul{
            width: 100%;
            text-align: center;
        }
            #home-sworks ul li{
                overflow: hidden;
                display: inline-block;
            }
                #home-sworks ul li a{
                    display: block;
                }
                #home-sworks ul li a:hover{
                    opacity: 0.7;
                }
                    #home-sworks ul li img{
                        border: 1px solid #e5e5e5;
                    }

#home-events{
    position: relative;
    padding: 95px 0
}
#home-events .parallax-window{
    /*min-height: 1120px;*/
    min-height: 100%;
}
    .list-events{
        margin: 50px 0 130px;
        overflow: hidden;
    }        
        .list-events .img img{
            width: 100%;
        }
        .list-events .txt{
            margin-top: 30px;
            color: #fff;
        }
        .date{
            background: #39aadf;
            padding: 6px 20px 5px;
            color: #fff;
            display: inline-block;
        }
        .list-events .txt h3{
            margin: 30px 0 0;
            font-size: 2em;
            font-weight: 700;
            padding: 0 30px;
        }
            .list-events .txt h3:after{
                display: block;
                content: "";
                width: 30px;
                height: 3px;
                margin: 25px auto;
                background: #fff
            }
/*-----------end HOME-----------*/

/*-----------start ABOUT-----------*/
#about .title{
    text-align: left;
}
#about .title:after{
    margin: 30px 0 0;
}
#welcome{
    background: #fff;
    padding-bottom: 0px;
}
    #welcome .txt#one{
        margin-top: 30px;
        line-height: 1.8em;
        text-transform: uppercase;
        padding-right: 20px;
    }
    #welcome .txt#two{
        padding-right: 0px;
    }
        #welcome .txt#two p{
            margin-bottom: 25px;
        }

    #about .bxslider img{
        width: 100%
    }

    #about #staff{
        padding: 80px 0;
    }
        #about #list-staff ul{
            column-count: 4;
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-gap: 95px;
            -webkit-column-gap: 95px;
            -moz-column-gap: 95px;
            margin-top: 40px;
        }
            #about #list-staff li{
                margin-bottom:25px; 
            }
                #about #list-staff h6{
                    margin: 0;
                    font-weight: 700;
                    font-size: 1em;
                }
    #about #services .parallax-window{
        /*min-height: 230px;*/
        min-height: 100%;
    }

#about .bx-wrapper .bx-controls-direction a{
    background: url(../images/slider-arrows.png) no-repeat 0 0 transparent;
    width: 32px;
    height: 40px;
    top: 50%
}
#about .bx-wrapper .bx-controls-direction a.bx-next{
    background-position: right 0;
    right: 0;
}
#about .bx-wrapper .bx-controls-direction a.bx-prev{
    left: 0
}
#about .bx-wrapper .bx-controls-direction a.bx-next:hover{
    transform: translate(10px,0);
    -webkit-transform: translate(10px,0);
    -moz-transform: translate(10px 0);
}
#about .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    transform: translate(-10px,0);
    -webkit-transform: translate(-10px,0);
    -moz-transform: translate(-10px 0);
}

/* Oculta las flechas de navegación del bxslider */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    display: none !important;
}

/*-----------end ABOUT-----------*/

/*-----------start SERVICES-----------*/
#home-services .title{
    text-align: center!important
}
#home-services .title:after{
    margin: 30px auto 0!important
}
#services .content{
    margin-bottom: 130px;
}
    #services .content .img img{
       
        border-radius: 5px;
        max-width: 100%
    }
    #services .nav-tabs.custom-tabs{
        border: none;
        padding: 0;
        border-bottom: none
    }
        .nav-tabs.custom-tabs > li{
            margin: 0 0 1px 0;
            float: none;
            display: block;
        }
            .nav-tabs.custom-tabs > li a{
                padding: 5px 20px;
                color: white;
                background: #39aadf;
                margin: 0;
                border-radius: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                display: block;
                border: none;
            }
                .nav-tabs.custom-tabs > li a span{
                    display: none;
                    color: #fff;
                    float: right;
                }
            .nav-tabs.custom-tabs > li.active a,
            .nav-tabs.custom-tabs > li > a:hover,
            .nav-tabs.custom-tabs > li.active > a:hover, 
            .nav-tabs.custom-tabs > li.active > a:focus{
                background: white;
                color: #39aadf;
                border: none;
                text-decoration: none;
            }
                .nav-tabs.custom-tabs > li.active a span{
                    display: inline-block;
                }
/*-----------end SERVICES-----------*/

/*-----------start SWORKS-----------*/
#sworks .thumbnail{
    position: relative;
    margin-bottom: 15px;
}
    #sworks .thumbnail a{
        display: block;
        position: relative;
        overflow: hidden;
        border: 1px solid #e5e5e5;
    }
        #sworks .thumbnail img {
            width: 100%
        }
        #sworks .thumbnail .mask{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #a9a7ab;
            color: #fff;
            text-align: center;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            transform: translate(0,110%);
            -webkit-transform: translate(0,110%);
            -moz-transform: translate(0,110%);
            transition:All 0.5s ease;
            -webkit-transition:All 0.5s ease;
            -moz-transition:All 0.5s ease;
            -o-transition:All 0.5s ease;
        }
        #sworks .thumbnail a:hover .mask{
            transform: translate(0,0);
            -webkit-transform: translate(0,0);
            -moz-transform: translate(0,0);
        }
            #sworks .thumbnail .mask h6{
                margin: 0 0 10px 0;
                font-weight: 700;
                font-size: 1em;
            }
            #sworks .thumbnail .mask span{
                display: block;
                padding: 0 20px;
                line-height: 1em;
            }
/*-----------end SWORKS-----------*/

/*-----------start CONTACT-----------*/

#info-contact{
    margin-top: 50px;
}
    #info-contact li{
        margin-bottom: 15px;
    }
    #info-contact img{
        width: 26px;
        margin-right: 5px;
    }

input.form-control,
textarea.form-control{
    border: 1px solid #dddddd;
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 45px;
    padding: 11px 12px;
}
#contact textarea{
    height: 170px;
}
#contact .central-shift{
    margin:30px 0 90px 0;
}
/*-----------end CONTACT-----------*/

/*-----------start EVENTS-----------*/
#events #header-inner{
    margin-bottom: 0
}
#events li a{
    display: block;
}
#events a:hover{
    opacity: 0.7
}
#events .img{
    position: relative;
    margin-bottom: 25px;
}
    #events .detail .img img{
        width: 100%;
    }
    #events .img .date{
        position: absolute;
        left: 20px;
        top: 20px;
        border-radius: 5px;
    }
#events .detail{
    margin-top:65px;
}
#events .detail .title h1,
#events .list li .title h1{
    font-size: 2em;
}
#events .list li .title:after{
    display: none
}
#events .shared{
    margin-bottom: 25px;
}
#events .btn.btn-custom {
    padding: 13px 22px;
    margin-top: 5px;
    border-radius: 5px;
}
#events .form-inline{
    margin-bottom: 35px;
}
#events .form-inline .form-group:first-child{
    width: 58%;
}
#events input{
    width: 100%;
}
#events aside{
    padding: 65px 30px;
}

#events aside li:nth-child(2n+0) .date{
    background: #39aadf
}
#events aside li:nth-child(3n+0) .date{
    background: #00a1c7
}
.bx-wrapper .bx-controls-direction a.disabled{
    display:block;
}
/*-----------end EVENTS-----------*/

/* Matias Add */
.confirm-container h2 {
    display: none
}
.alert p {
    margin: 0
}
/* end Matias Add */

/*-----------start MEDIA QUERIES-----------*/
/*start IPHONE VERTICAL*/
@media (min-width: 240px) and (max-width: 479px) {
    /*start GLOBAL*/
    .title:before{
        display: none;
    }
    .title h1{
        font-size: 2em;
    }
    .title p,
    #home-services .title p{
        padding: 0
    }
    .btn.btn-custom{
        padding: 10px 20px;
    }
    /*end GLOBAL*/
    
    /*start LAYOUT*/
    header.white nav ul#menu a {
        color: #727277;
    }
        header.white nav ul#menu a.active,
        header.white nav ul#menu a:hover {
        color: #39aadf;
    }
    header{
        padding:0 10px;
    }
    header #wrap-logo.flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    }
    
    header#stick #wrap-logo #logo img {
    width: 280px;
    position: relative;
    top: 10px; /* Mueve la imagen hacia arriba */
    left: 0px; /* Mueve la imagen hacia la derecha */
    }
    
    header#stick.stickEmUp{
        position: relative;
    }
        header#stick nav ul #logo{
            display: none;
        }
        header#stick.stickEmUp nav ul #logo{
            height: auto
        }
            header#stick.stickEmUp nav ul #logo a img,
            header#stick nav ul #logo a img{
                width: 90px;
            }
        header #logo-mobile{
            display: block;
        }

    nav{
        width: 100%;
    }
        #menu li{
            width: 100%;
        }
            header nav ul a{
                padding: 5px 0
            }
            header nav ul a.active:after{
                display: none;
            }
            header nav ul a.active{
                color: #39aadf
            }

    footer .container > .flex{
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
    }
        #foot-logo{
            text-align: center;
            margin-bottom: 25px;
        }
            #foot-logo img{
                width: 300px;
            }
            #foot-logo span{
                margin: 0;
            }
    #menu-foot{
        display: none;
    }

    #newsletter{
        width: 100%;
        text-align: center;
    }
        footer #newsletter form input{
            border: none;
            border-bottom: 1px solid #000;
        }
    footer #social-net #redes,
    footer #logo-partner .flex{
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
    }
    .content .tab-content{
        margin-top:30px;
    }
    /*end LAYOUT*/ 

    /*start INCLUDES*/
    .central-shift{
        text-align: center;
        margin-bottom: 15px;
    }
        .central-shift .txt{
            width: 100%;
        }
        .central-shift h4{
            font-size: 2em;
        }
        .central-shift span{
            font-size: 1em;
        }
        .central-shift ul{
            margin-top: 20px;
            width: 100%;
        }
            .central-shift ul li{
                width: 65px;
                height: 65px;
                font-size: 1.5em;
                margin: 0
            }
    #counter ul li:nth-child(even){
        display: none;
    }
    #counter ul li{
        width: 50%
    }
    /*end INCLUDES*/

    /*start HOME*/
    #principal-slider{
        display: none;
    }
    #home-services,
    #home-sworks,
    #home-events,
    #include-contact,
    footer{
        padding: 30px 0
    }
        #home-services .thumbnail .txt h5{
            font-size: 1em;
        }
    .list-events .txt{
        margin: 30px 0 60px;
    }
        .list-events .txt h3{
            padding: 0 20px;
            font-size: 1.7em
        }
    .list-events{
        margin: 25px 0
    }
    /*end HOME*/

    /*start CONTACT*/

    #gmap{
        margin: 35px 0;
    }
    #include-contact ul li:nth-child(even){
        display: none;
    }
    #contact-info li{
        width: 100%;
        margin-bottom: 25px;
    }
        #include-contact ul li span{
            margin-bottom: 10px;
        }
    /*end CONTACT*/

}
/*end IPHONE VERTICAL*/

/*start IPHONE HORIZONTAL*/
 @media (min-width: 480px) and (max-width: 767px) {
    /*start GLOBAL*/
    .title:before{
        display: none;
    }
    .title h1{
        font-size: 2em;
    }
        .title p,
        #home-services .title p,{
            padding: 0
        }
    .btn.btn-custom{
        padding: 10px 20px;
    }
    /*end GLOBAL*/
    
    /*start LAYOUT*/
    header.white nav ul#menu a {
        color: #727277;
    }
            header.white nav ul#menu a.active,
            header.white nav ul#menu a:hover {
                color: #39aadf;
            }    
    header{
        padding:0 10px;
    }
    header #wrap-logo.flex {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
    }
    header#stick #wrap-logo #logo img{
        width:150px;
    }
    header#stick.stickEmUp{
        position: relative;
    }
        header#stick nav ul #logo{
            display: none;
        }
        header#stick.stickEmUp nav ul #logo{
            height: auto
        }
            header#stick.stickEmUp nav ul #logo a img,
            header#stick nav ul #logo a img{
                width: 90px;
            }
        header #logo-mobile{
            display: block;
        }

    nav{
        width: 100%;
    }
        #menu li{
            width: 100%;
        }
            header nav ul a{
                padding: 5px 0
            }
            header nav ul a.active:after{
                display: none;
            }
            header nav ul a.active{
                color: #39aadf
            }

    footer .container > .flex{
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
    }
        #foot-logo{
            text-align: center;
            margin-bottom: 25px;
        }
            #foot-logo img{
                width: 75px;
            }
            #foot-logo span{
                margin: 0;
            }
    #menu-foot{
        display: none;
    }

    #newsletter{
        width: 100%;
        text-align: center;
    }
        footer #newsletter form input{
            border: none;
            border-bottom: 1px solid #000;
        }
    footer #social-net #redes,
    footer #logo-partner .flex{
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
    }
    .content .tab-content{
        margin-top:30px;
    }
    /*end LAYOUT*/ 

    /*start INCLUDES*/
    .central-shift{
        text-align: center;
    }
        .central-shift .txt{
            width: 100%;
        }
        .central-shift h4{
            font-size: 2em;
        }
        .central-shift span{
            font-size: 1em;
        }
        .central-shift ul{
            margin-top: 20px;
            width: 100%
        }
            .central-shift ul li{
                width: 65px;
                height: 65px;
                font-size: 1.5em;
                margin: 0
            }
    #counter ul li:nth-child(even){
        display: none;
    }
    #counter ul li{
        width: 50%
    }
    /*end INCLUDES*/

    /*start HOME*/
    #principal-slider{
        display: none;
    }
    #home-services,
    #home-sworks,
    #home-events,
    #include-contact,
    footer{
        padding: 30px 0
    }
        #home-services .thumbnail .txt h5{
            font-size: 1em;
        }
    .list-events .txt{
        margin: 30px 0 60px;
    }
        .list-events .txt h3{
            padding: 0 20px;
            font-size: 1.7em
        }
    .list-events{
        margin: 25px 0
    }
    /*end HOME*/

    /*start CONTACT*/
    #gmap{
        margin: 35px 0
    }
    #include-contact ul li:nth-child(even){
        display: none;
    }
    #contact-info li{
        width: 100%;
        margin-bottom: 25px;
    }
        #include-contact ul li span{
            margin-bottom: 10px;
        }
    /*end CONTACT*/
 }
 /*end IPHONE HORIZONTAL*/

 /*start IPAD HORIZONTAL*/
@media (min-width: 768px) and (max-width: 979px){ 
    /*start GLOBAL*/
    .title h1{
        font-size: 2em;
    }
    /*end GLOBAL*/

    /*start ABOUT*/
    #welcome .txt#two,
    #welcome .txt#one{
        padding: 0;
    }
    /*end ABOUT*/

    /*start EVENTS*/
    #events aside{
        padding: 65px 10px;
    }
    #events .btn.btn-custom{
        padding: 13px 15px;
    }
    #events .img .date{
        left: 5px;
        top: 5px;
    }
    #events .detail .title h1, #events .list li .title h1{
        font-size: 1.4em;
    }
    #events .img{
        margin-bottom: 10px;
    }    
    /*end EVENTS*/
}

/*start BIG SCREEN*/
@media (min-width: 1200px){
    /*start EVENTS*/    
    #events .btn.btn-custom{
        padding: 13px 35px;
    }
    /*end EVENTS*/

    /*start CONTACT*/
    /*#info-contact{
        margin-top: 100px
    }*/
    /*end CONTACT*/

}
/*end BIG SCREEN*/
/*-----------end MEDIA QUERIES-----------*/



.central-shift ul li:nth-child(5) {
    border: none;
    width: inherit;
}


/* Estilos para el botón de WhatsApp */
.whatsapp-button {
    position: fixed; /* Posición fija */
    bottom: 25px; /* Distancia desde la parte inferior */
    right: 25px; /* Distancia desde la derecha */
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    background-color: #25D366; /* Color de WhatsApp */
    padding: 10px;
    border-radius: 50%; /* Forma circular */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px; /* Tamaño del botón */
    height: 50px;
    transition: background-color 0.3s ease; /* Transición suave */
}

.whatsapp-button:hover {
    background-color: #128C7E; /* Cambia el color al pasar el mouse */
}

.whatsapp-button img {
    width: 40px; /* Tamaño del ícono */
    height: 40px;
}

/* Estilos generales de los íconos */
.social-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}

/* Estilos de las imágenes de los íconos */
.social-icon-img {
    display: inline-block;
    width: 42px;
    height: 40px;
    background-size: cover;
}

/* Ícono de Facebook */
.social-icon-img.facebook {
    background-image: url('../images/upload/redes-sociales/icon-facebook.svg');
}

/* Ícono de Instagram */
.social-icon-img.instagram {
    width: 45px; /* Ajuste de tamaño específico para Instagram */
    height: 45px;
    background-image: url('../images/upload/redes-sociales/icon-instagram-circle-60.svg');
}

/* Oculta los elementos inicialmente */
.hidden {
    display: block !important;
    opacity: 0;
    transform: translateY(20px); /* Desplaza ligeramente hacia abajo */
    transition: opacity 2.6s ease-out, transform 0.6s ease-out;
}

/* Muestra los elementos cuando tienen la clase "visible" */
.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Estilos para el partial turnos-cartilla-contacto */

.turnos-contacto-image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.turnos-contacto-image-item {
    position: relative;
    width: 30%; /* 3 imágenes en una fila */
}

.turnos-contacto-image-item img {
    width: 100%;
    display: block;
    border-radius: 5px; /* Bordes redondeados opcionales */
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); /* 🔹 Sombra suave */
}

section .turnos-contacto-image-text {
    position: absolute;
    bottom: 10px;  /* 🔹 Alinea el texto cerca de la parte inferior */
    left: 10px;  /* 🔹 Alinea el texto cerca de la izquierda */
    background: #39aadf;
    color: white;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
    text-align: left;
}

/* 📱 Diseño Responsive: Apilar imágenes en móviles */
@media (max-width: 768px) {
    .turnos-contacto-image-grid {
        flex-direction: column;
        align-items: center;
    }

    .turnos-contacto-image-item {
        width: 90%; /* Imágenes más grandes en móvil */
    }
}

/* Estilos para el grid en pantallas grandes */
.sedes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columnas de igual tamaño */
    gap: 20px; /* Espacio entre elementos */
}

.sedes-item {
    text-align: center;
    padding-top: 30px;
}

/* Contenedor cuadrado para las imágenes */
.sedes-image-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Contenedor cuadrado (1:1 aspect ratio) */
    overflow: hidden; /* Oculta cualquier parte de la imagen que sobresalga */
    background-color: transparent; /* Fondo para espacios vacíos */
}

/* Estilos para la imagen */
.sedes-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Escala la imagen para cubrir el contenedor sin distorsionar */
    object-position: center; /* Centra la imagen dentro del contenedor */
    border-radius: 10px;
}

/* Estilos para los textos */
.sedes-item p {
    font-size: clamp(11px, 1.3vw, 20px);
    font-weight: bold;
    color: white;
    margin-top: 10px;
}

/* Estilos para el carrusel en pantallas pequeñas */
.sedes-carousel {
    display: none; /* Ocultar el carrusel por defecto */
    position: relative;
    overflow: hidden;
    width: 100%;
}

.sedes-carousel .custom-carousel-inner {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.sedes-carousel-item {
    flex: 0 0 100%; /* Cada ítem ocupa el 100% del ancho del contenedor */
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column; /* Coloca la imagen arriba y el texto debajo */
    align-items: center; /* Centra horizontalmente */
}

.sedes-carousel .custom-carousel-control {
    position: absolute;
    top: 50%;
    left: 93%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

/* Estilos para los textos */
.sedes-carousel-item p {
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin-top: 10px;
    width: 100%; /* Asegura que el texto ocupe el ancho completo */
}

.sedes-carousel .custom-carousel-control.prev {
    left: 10px;
}

.sedes-carousel .custom-carousel-control.next {
    right: 10px;
}
/* Media query para pantallas pequeñas */
@media (max-width: 768px) {
    .sedes-grid {
        display: none; /* Ocultar el grid en pantallas pequeñas */
    }

    .sedes-carousel {
        display: block; /* Mostrar el carrusel en pantallas pequeñas */
    }
}

/*servicios*/

/* Estilos para el grid en pantallas grandes */
@media (min-width: 768px) {
    .servicios-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0px;
    }
    

    
    .servicios-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .servicios-banner {
        background-image: url("../images/upload/home/servicios-bg.jpg");
        background-size: cover; /* Ajusta la imagen para cubrir todo el banner */
        background-position: center; /* Centra la imagen */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        background-color: #39aadf; /* Color de respaldo si la imagen no carga o tiene transparencia */
        }
    
    .servicios-texto {
        font-size: 1.2vw;
        color: white;
        }
}


/* Estilos para pantallas chicas */
@media (max-width: 767px) {
    .servicios-grid {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .servicios-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background-color: transparent;
        padding: 0px 0;
    }
    
    .servicios-banner {
    background-color: white;
    }

    .servicios-image-container {
        width: 50%; /* hace que escale proporcionalmente */
        background-color: #E0F7FA; /* fondo celeste */
        margin: 0 auto; /* centra el contenedor */
    }
    
    .servicios-texto {
        font-size: 3.2vw;
        color: #39aadf;
    }
}

    .servicios-banner {
    padding: 10px 0; /* espacio arriba y abajo tipo banner */
    width: 100%;
    margin-bottom: 15px;
    }


/* Imagen y contenedor general */
.servicios-image-container {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.servicios-image-container img {
    width: 80%;
    height: auto;
    object-fit: contain;
    display: block;
    transition: transform 0.3s ease;
    border-radius: 10px;
    cursor: pointer;
}

.servicios-image-container:hover img {
    transform: scale(1.15);
}

/* Texto debajo de la imagen */
.servicios-texto {
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.2;
    /*word-break: break-word;*/
    overflow-wrap: break-word;
    padding: 0 5px;
    text-align: center;
}

}
.full-width-image {
    width: 100%; 
    height: auto; 
    display: block;
    max-width: 360px;
    margin: 0 auto; 
    overflow: hidden;
    padding-bottom: 10px;
}

@media (min-width: 1200px) {
    .full-width-image {
        width: 360px; 
        margin: 0 auto; 
    }
}

.rectangle {
    width: 100%;
    border: 1px solid #89878c;
    padding: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rectangle-text {
    font-size: 16px;
    color: #89878c;
}

.rectangle-image {
    height: 60px; /* Ajusta la altura según necesites */
}


.background-image-os {
    position: relative; /* Necesario para que el pseudo-elemento se posicione correctamente */
    padding: 20px 0;
}

.background-image-os::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../assets/images/upload/obras-sociales/contacto_os_bg.png"); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2; /* Opacidad solo en la imagen */
    z-index: -1; /* Envía la imagen detrás del contenido */
}


/* Asegura que el contenedor padre sea relativo */
.col-lg-3 {
    position: relative;
}


}
.text-container {
    margin-right: 300px; /* Espacio para la imagen */
    transition: margin-right 0.3s ease-in-out;
    text-align: left;
    margin-left: 30px;
    margin-top : -20px;
    }

.text-container h1 {
    font-size: 25px; /* Tamaño de fuente */
    font-weight: bold; /* Negrita */
    color: #2e6da4;
    margin-bottom: 10px; /* Espaciado inferior */
}

.text-container h2 {
    font-size: 15px;
    font-weight: normal;
    color: #2e6da4;
    margin-bottom: 8px;
    font-weight: bold;
}

.text-container p {
    font-size: 13px
    line-height: 1.5; /* Espaciado entre líneas */
    color: white;
    margin-bottom: 12px;
    font-weight: bold;
}

/* Contenedor principal de novedades */
#central-shift- {
    background-image: url('../images/upload/novedades/background-nov.jpg');
    height: 165px;
}

#central-shift- .container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}


#central-shift-coordinadoras {
  background-image: url('../images/upload/novedades/bg-celeste.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; /* Importante para que el hijo absoluto se posicione relativo a este */
  margin-bottom: 50px;
  padding-bottom: 80px; /* Ajusta el padding inferior para dar espacio a la parte que sobresale */
  width: 100%;
  text-align: center;
  min-height: 200px;
  
}

#central-shift-coordinadoras .container {
  position: absolute; /* Lo saca del flujo normal del documento */
  bottom: 0; /* Lo alinea a la parte inferior de su padre relativo */
  left: 0;
  right: 0;
  max-width: 1200px;
  margin: -30px auto -53px auto; /* Margen superior negativo para que sobresalga */
  padding: 0 15px;
  /* Otros estilos que quieras para tu container */
  
  padding-top: 54px; /* Para que el contenido del container no quede pegado al borde superior */
  box-sizing: border-box; /* Incluye el padding en el ancho total */
  min-height: 400px;
}



.coordinadora-nombre{
    color: #2151a2;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    flex: 1 1 50%;
    margin-top: 40px;
}

.coordinadora-cargo{
    color: #2151a2;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-top: 10px;

}

.coordinadora-frase{
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
}

/* Estilos de la imagen */
.img-coordinadora {
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    filter: drop-shadow(4px -2px 4px rgba(0, 0, 0, 0.3));
    z-index: 1; /* Asegura que la imagen esté por encima de otros elementos si es necesario */
    transition: right 0.3s ease-in-out; /* Mantiene la transición si la estás usando para otro propósito */
}

.img-coordinadora img {
        height: 245px;
        width: auto; /* Mantiene relación de aspecto */
        object-fit: contain; /* Evita recortes */
        display: block;
        border-radius: 8px; /* Bordes redondeados */
        max-width: 100%;
}

@media (max-width: 768px) {
  .custom-carousel-item.coordinadora {
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* Cambia aquí */
    text-align: center;
    min-height: 300px; /* O un valor adecuado para tu diseño */
  }

  .coordinadora-nombre,
  .coordinadora-cargo,
  .coordinadora-frase {
    text-align: center;
    flex: unset;
    margin-top: 10px;
    padding: 0 10px;
  }

  .img-coordinadora {
    order: 2; /* Imagen abajo */
    /* flex: 1 1 0%; Ya no es necesario con space-between */
    height: auto; /* Ajusta la altura según el contenido de la imagen */
    width: auto;
    /* justify-content: center; Ya no es necesario aquí */
    align-items: flex-end; /* Esto alinea los elementos *dentro* de .img-coordinadora al final */
  }

  .img-coordinadora img {
    max-height: 219px; /* Usa max-height para que no se desborde si el contenedor es pequeño */
    width: auto;
    display: block; /* Evita espacios extra debajo de la imagen */
    margin-bottom: 0; /* Asegura que no haya margen inferior extra */
  }

  #central-shift-coordinadoras {
    /* height: 452px; Se ajusta a contenido */
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: visible;
    height: auto;
  }

  #central-shift-coordinadoras .container {
    margin: 0 auto;
    padding-top: 20px;
    position: static;
  }
}



.image-sumate {
  margin-top: 40px; 
  margin-bottom: 0px; 
}