main{
    min-height: 80.4vh
}
html,body {
     margin: 0 auto !important;
     padding: 0 !important;
     height: 100% !important;
     width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
 * {
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     font-family: 'Encode Sans', sans-serif;
     list-style: none;
     /*color: #3C3C3B;*/
}
/* What it does: Centers email on Android 4.4 */
 div[style*="margin: 16px 0"] {
     margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
 table,td {
     mso-table-lspace: 0pt !important;
     mso-table-rspace: 0pt !important;
}
/* Aplica el diseño de tabla a las 2 primeras tablas y luego lo elimina para cualquier elemento anidado más profundo. */
 table {
     border-spacing: 0 !important;
     border-collapse: collapse !important;
     /*table-layout: fixed !important;*/
     margin: 0 auto !important;
}
 table table table {
     table-layout: auto;
}
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
 a {
     text-decoration: none;
     color: inherit;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
 img {
    -ms-interpolation-mode:bicubic;
}
/* What it does: A work-around for email clients meddling in triggered links. */
 *[x-apple-data-detectors], 
/* iOS */
 .unstyle-auto-detected-links *,.aBn {
     border-bottom: 0 !important;
     cursor: default !important;
     color: inherit !important;
     text-decoration: none !important;
     font-size: inherit !important;
     font-family: inherit !important;
     font-weight: inherit !important;
     line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
 .a6S {
    display: none !important;
    opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
 img.g-img + div {
    display: none !important;
}
 * {
    box-sizing: border-box;
}
.uppercase{
    text-transform: uppercase;
}

 .boxicon {
     float: left;
     width: 7%;
     padding-left: 5px;
     margin: 0;
}
 .boxicon img{
     height: 22px;
}
 .boxcomplete {
     float: left;
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 15px;
     padding-right: 15px;
}
 .imgencabezado {
     float: left;
     width: 100%;
}
 .imglateral{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .imglateral img{
     max-height: 150px;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 20px;
}
 .canales{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .ico-canales img{
     max-height: 180px;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 10px;
}
 .ico-att {
     width: 2.5rem;
     padding: 5px;
}
 .clearfix{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .clearfix::after {
     content: "";
     clear: both;
     display: table;
}
.clear{
    clear: both;
}
 .attgeneral {
     display: flex;
}
 .boxleft {
     float: left;
     width: 12%;
     margin: 0;
}
 .boxrigth {
     float: left;
     width: 88%;
}
 .imglateral{
     display: flex;
     align-items: center;
     padding-bottom: 10px;
}
 .imglateral img{
     max-height: 150px;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 20px;
}
 .columnaizquierda {
     float: left;
     width: 26%;
     margin: 0;
}
 .columnaderecha{
     float: left;
     width: 50%;
     margin-left: 20px;
}
 .botoncenterado{
     text-align: left;
}
 .fechas img{
     width: 200px;
}
 .fecha{
     display: inline-block;
     width: 140px;
     height: 185px;
     box-shadow:0 0 7px rgba(0,0,0,0.3);
     border-radius: 0px 00px 13px 13px;
     -webkit-border-radius: 0px 0px 13px 13px;
     -moz-border-radius: 0px 00px 13px 13px;
     margin: 5px;
}
 .dia{
     align-items: center;
     height: 50px;
     background-color: #002f87;
     border-bottom: solid 6px #9ACA3C;
     padding: 8px;
     font-weight: 400;
     margin: 0;
     letter-spacing: 0.05em;
     font-size: 0.75rem;
     line-height: 0.9rem;
     color: #FFFFFF;
     text-transform: uppercase;
     text-align: left;
}
 .capacitacion{
     display: flex;
     align-items: center;
     height: 90px;
     text-align: Center;
     padding: 7px;
     font-weight: 600;
     font-size: 0.75rem;
     line-height: 0.9rem;
     text-transform: uppercase;
}
 .div img{
     width: 90%;
     display: flex;
     align-items: center;
     margin: 0;
     padding: 0;
}
 .horario{
     display: flex;
     align-items: center;
     text-align: Center;
     padding: 5px;
     font-weight: 400;
     font-size: 0.75rem;
     line-height: 0.7rem;
}
 .horario img{
     height: 20px;
     margin-right: 5px;
     margin-left: 5px;
}
 .ficha-af{
     display: inline-block;
     width: 136px;
     height: 230px;
     box-shadow:0 0 7px rgba(0,0,0,0.3);
     border-radius: 0px 00px 13px 13px;
     -webkit-border-radius: 0px 0px 13px 13px;
     -moz-border-radius: 0px 00px 13px 13px;
     margin: 7px;
}
 .ficha{
     display: inline-block;
     width: 136px;
     height: 190px;
     box-shadow:0 0 7px rgba(0,0,0,0.3);
     border-radius: 0px 00px 13px 13px;
     -webkit-border-radius: 0px 0px 13px 13px;
     -moz-border-radius: 0px 00px 13px 13px;
     margin: 7px;
}
 .ficha:hover,.ficha-af:hover {
     background-color: #e8f7ff;
}
 .nombre{
     display: flex;
     align-items: center;
     height: 60px;
     background-color: #002f87;
     border-bottom: solid 6px #9ACA3C;
     padding: 8px;
     font-weight: 600;
     margin: 0;
     letter-spacing: 0.05em;
     font-size: 0.75rem;
     line-height: 0.9rem;
     color: #FFFFFF;
     text-transform: uppercase;
     text-align: Left;
}
/* /////////// DESDE ACA CREO QUE ES IMPORTANTE ////////////
/*/
 .bajada {
    padding: 15px;
}
 .tituloprincipal {
     padding-left: 10px;
     border-left: #25B4BD;
     border-left-width: 10px;
     border-left-style: solid;
}
 .boton, .btnEstandar{
     margin: 0;
     font-size: 1rem;
     color: #FFFFFF;
     background: #002F87;
     font-weight: 900;
     margin-bottom: 5px;
}
 .back {
     background: #F6FBFC;
     border: 1px solid;
     border-color: rgba(0,0,0,0.1);
}
 .PD15 {
    padding: 15px;
}
 .color01{
    background: #F5F5F5;
}
 .color01:hover{
    background: #F1FAFF;
}
 a.nounderline:link {
    text-decoration:none;
}
 A:link {
    text-decoration: none;
    font-weight: 700;
}
 A:hover {
    text-decoration: none;
    color: #000000;
}
 A:visited {
    text-decoration: none:
}
/* /////////// TEXTOS ////////////
/*/
 p {
     margin: 0;
     font-size: 1rem;
     font-weight: 400;
     letter-spacing: 0;
     line-height: 1.4rem;
     color: #3C3C3B;
}
 h1 {
     margin: 0;
     letter-spacing: -0.05em;
     font-size: 2rem;
     line-height: 2rem;
     color: #002f87;
     font-weight: 300;
     text-transform: uppercase;
}
 h2 {
     margin: 0;
     letter-spacing: -0.05em;
     font-size: 2rem;
     line-height: 2rem;
     color: #002f87;
     font-weight: 900;
     text-transform: uppercase;
}
 h3 {
     margin: 0;
     letter-spacing: -0.05em;
     font-size: 1rem;
     line-height: 1rem;
     color: #002f87;
     font-weight: 900;
}
h4 {
     margin: 0.3rem 0;
     letter-spacing: -0.05em;
     font-size: 1rem;
     line-height: 1rem;
     color: #3C3C3B;
     font-weight: 700;
}
h5 {
     margin: 0.3rem 0;
     letter-spacing: -0.05em;
     font-size: 1.3rem;
     line-height: 1.3rem;
     color: #3C3C3B;
     font-weight: 700;
}
h6 {
    margin: 0;
    letter-spacing: 0em;
    font-size: 1rem;
    color: #3C3C3B;
    line-height: 1rem;
    font-weight: 300;
    text-transform: uppercase;
}
h7{
    margin: 0;
    letter-spacing: 0em;
    font-size: 1.5rem;
    font-weight: 300;
}
h8 {
    margin: 0;
    letter-spacing: -0.05em;
    font-size: 0.8rem;
    color: #3C3C3B;
    line-height: 0.8rem;
    font-weight: 300;
}
.color-azul{
    color: #002f87;
}
.link-normal{
    font-weight: 300 !important;
    color: initial !important;
}
.telefonoazul{
     margin: 0;
     font-size: 2.1rem;
     line-height: 2.1rem;
     color: #002f87 !important;
     font-weight: 900 !important;
}
 .titulos{
     margin: 0;
     font-size: 1.1rem;
     color: #002f87;
     font-weight: 700;
}
 .button-td,.button-a {
    transition: all 100ms ease-in;
}
 .button-td-primary:hover,.button-a-primary:hover {
    background: #555555 !important;
    border-color: #555555 !important;
}

aside {margin-top:0px;}
footer {
    display: flex;
    font-size: 0.7rem;
    padding-top: 8px;
    padding-bottom: 16px;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left:7.031%; 
    padding-right:7.031%;
}
main {margin-left:7.031%; margin-right:7.031%;    margin-top: 30px;}
#divHeader {padding-left:7.031%; padding-right:7.031%; padding-top:40px;}
#divContenido {width:100%;}
.divWhatsApp{display: none;}

.bold{font-weight: bold;}
.row-principal{display: flex;flex-wrap: wrap;}
.row{display: flex;flex-wrap: wrap;padding-top: 1%;padding-bottom: 1%;padding-left: 2%;padding-right: 2%;width: 100%;}
.row-1{display: flex;flex-wrap: wrap;width:100%;margin-bottom: 10px;}
.col-4-3{flex: 0 0 auto;width: 75%;}
.col-4{flex: 0 0 auto;width: 25%;}
.col-5{flex: 0 0 auto;width: 20%;}
.col-3-1{flex: 0 0 auto;width: 33.33%;}
.col-3{flex: 0 0 auto;width: 33.33%;padding-right: 2%;}
.col-3-2{flex: 0 0 auto;width: 66.66666%;}
.col-2{flex: 0 0 auto;width: 50%;}
.col-2-espacio{flex: 0 0 auto;width: 50%;padding-right: 2%;}
.colprimera-2{width: 50%;padding-right: 2%;}
.col-1{flex: 0 0 auto;width: 100%;}
.contenidocol{padding-right: 20px;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.fondo-gris{background-color: #5a5a5a; color:#ffff;}
.fondo-blue{background-color: #002f87; color:#ffff;margin-bottom:10px;}
.grey-fondo{background: #F5F5F5;}
.grey-fondo:hover{background: #F1FAFF;}
.blue-fondo{background: #002f87;color: white;font-weight: 400;}
.blue-fondo:hover{background: #8097c3;}
#brSaltoLineaFooter {
    display: none;
}
#divLinksFooter {padding-top:0; text-align:left;}
.img-100{width: 100%;}
.redes{
    font-size: 1.7rem;
    /*color: rgba(60,60,59,0.7) !important;
    fill: rgba(60,60,59,0.7) !important;*/
    color: #3c3c3b;
    margin-left: 5px;
    position: relative;
    top: 60px;
}
#s1chat_welcome_wrapper{
    display: block;
    position: fixed !important;
    bottom: 80px !important;
    right: 0px !important;
    width: 225px !important;
    height: 80px !important;
    border-radius: 15px 0px 0px 15px !important;
    background: url(https://www.provinciart.com.ar/images/chatbot-trabajadores.png) center center no-repeat rgb(255, 255, 255) !important;
    box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px 0px !important;
        z-index: 999 !important;
}
#s1_chat_img{display: none;}
.embeddedMessagingConversationButtonWrapper .embeddedMessagingConversationButton{
    position: fixed !important;
    bottom: 175px !important;
    right: 0px !important;
    width: 225px !important;
    height: 80px !important;
    padding: 0px 7px 0px 7px !important;
    border-radius: 15px 0px 0px 15px !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url(https://www.provinciart.com.ar/images/chatbot-empleadores.png) !important;
    display: block !important;

}
.embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"]{
    position: fixed !important;
    bottom: 175px !important;
    right: 0px !important;
    /*width: 225px !important;
    height: 80px !important;
    border-radius: 15px 0px 0px 15px !important;
    box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-image: url(https://www.provinciart.com.ar/images/chatbot-empleadores.png) !important;*/

}
.minimizedButton, .embedded-messaging > .embeddedMessagingFrame[class~="isMinimized"] > .minimizedButtonWrapper > .minimizedButton{
    width: 225px !important;
    height: 80px !important;
    /* padding: 0px 7px 0px 7px !important; */
    border-radius: 15px 0px 0px 15px !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-image: url(https://www.provinciart.com.ar/images/chatbot-empleadores.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.embeddedMessagingIconContainer, .minimizedButtonIconContainer{
    display: none !important;
}
/*.redes :hover{
    text-decoration: none;
    color: rgba(60,60,59,1);
    fill: rgba(60,60,59,1) !important;
}*/
/* Media Queries */
 @media screen and (max-width: 1280px) {
    main {margin-left:5.208%; margin-right:5.208%;}
    footer{text-align: center;display: block;}
    #divLinksFooter{text-align: center;}
    #brSaltoLineaFooter {display:block;}
    #divAccesosDerecha {display:block;}
    #divContenido {min-height:400px; width:100%;}
    #divHeader {padding-left:5.208%; padding-right:5.208%; padding-top:60px;}
    #spanSeparadorFooter {display:inline;}
    #divChat #divChatBotonInicial {background-color:#002f87; border-radius:16px 16px 0px 0px; -moz-border-radius: 16px 16px 0px 0px; -webkit-border-radius: 16px 16px 0px 0px; border:0px solid #000; cursor:pointer; height:56px; width: 100%; position: initial;}
    .image-chat{content:none;}

 }
 @media screen and (max-width: 600px) {
    .contenidocol{padding-right: 0px;}
    .col-2, .col-2-espacio, .col-3-2, .col-3, .col-3-1, .col-4, .col-4-3, .col-5{width: 100%;}
    #s1_chat_btn{display: none !important;}
    .embedded-messaging{display: none !important;}
    .divWhatsApp{
        display: block;
        position: fixed;
        bottom: 170px;
        right: 0px;
        width: 145px;
        height: 53px;
        padding: 0px 7px 0px 7px;
        border-radius: 15px 0px 0px 15px;
        background: rgba(255, 255, 255, 1);
        box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.2);
    }
    .wpTrabajador{
        bottom: 105px;
    }
    .divWhatsApp > a {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Distribuye equitativamente logo y mensaje */
    }
    .divWhatsApp > a > .logo, 
    .divWhatsApp > a > .mensaje {
        box-sizing: border-box;
    }
    .divWhatsApp > a > .logo {
        margin-right: 5px;
        width: 100%;
    }
    .divWhatsApp > a > .mensaje {
        font-size: 11px;
        text-align: center;
        width: 75%;
        font-weight: 500;
    }
     .email-container {
         width: 100% !important;
         margin: auto !important;
    }
     .attgeneral {
        display: block;
    }
     .clearfix{
        flex-direction: column;
    }
     .columnaderecha, .columnaizquierda{
         width: 100%;
         margin-left: 0px;
    }
     .columnaizquierda img{
         max-width: 190px !important;
    }
     .botoncenterado {
         text-align: center;
    }
    /* Qué hace: ajusta la tipografía en pantallas pequeñas para mejorar la legibilidad */
     .email-container p {
        font-size: 0.9rem !important;
    }
    /* Qué hace: obliga a los elementos a cambiar el tamaño al ancho completo de su contenedor. Útil para cambiar el tamaño de las imágenes más allá de su ancho máximo. */
     .fluid {
         max-width: 100% !important;
         height: auto !important;
         margin-left: auto !important;
         margin-right: auto !important;
    }
    /*Qué hace: Fuerza las celdas de la tabla en filas de ancho completo.. */
     .stack-column,.stack-column-center {
         display: block !important;
         width: 100% !important;
         max-width: 100% !important;
         direction: ltr !important;
    }
    /* And center justify these ones. */
     .stack-column-center {
         text-align: center !important;
    }
    /* Qué hace: Clase de utilidad genérica para centrar. Útil para imágenes, botones y tablas anidadas. */
     .center-on-narrow {
         text-align: center !important;
         display: block !important;
         margin-left: auto !important;
         margin-right: auto !important;
         float: none !important;
    }
     table.center-on-narrow {
        display: inline-block !important;
    }
    aside {margin-top:20px;}
    body {min-width:320px;}
    main {margin-left:3.125%; margin-right:3.125%;}

    #divAccesosDerecha {display:none;}
    #divContenido {width:100%;}
    #divHeader {padding-left:3.125%; padding-right:3.125%; padding-top:20px;}
    #divLinksFooter {padding-top:16px;}
    #spanSeparadorFooter {display:none;}
    #divChat #divChatBotonInicial {background-color:#002f87; border-radius:30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border:0px solid #000; cursor:pointer; height:56px; width:60px;position: absolute; bottom: 10px; right: 10px;}
    .image-chat{content:url(/images/logo-chat.svg)}
}
img {height:auto; max-width:100%;}
main {display:flex; text-align:left;}

#contenedor {display:flex; flex-direction:column;}
#divAccesosDerecha {display:block; margin-left:0; width:100%;}

#divChat {bottom:0; position:fixed; right:1%; width:280px; z-index:10}
#divChat #iframeChat {height:400px; width:280px;}
#divChat #divChatBotonInicial img {height:40px; padding-top:8px;}
#divChat #divChatCuerpo {display:none;}

#divEditar {cursor:pointer; display:none; position:absolute;}
#divHeader a {text-decoration:none;}
#divLinksFooter {color:#6a6869;}
#footerSSN img {max-width: 545px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {     /* IE 10, IE 11 hacks..*/
    main {display:-ms-flexbox;}
/*  #divContenido {width:100%;}*/
    #footerSSN img {float:right;}
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
#fila, .fila{ padding-right: 10px;}
#fila-2, .fila-2{
    float: left;
    width: 50%;
    margin-top: 5px;
    padding-right: 10px;
}
#fila-3, .fila-3{
    float: left;
    width: 33%;
    margin-top: 5px;
    padding-right: 10px;
}
.textoderecha{
    text-align: right;
}
#fila-4-1, .fila-4-1{
    float: left;
    width: 75%;
    margin-top: 5px;
    padding-right: 10px;
}
#fila-4, .fila-4{
    float: left;
    width: 25%;
    margin-top: 5px;
    padding-right: 10px;
}
#fila-1, .fila-1{
    clear: both;
    width: 100%;
    min-height: 20px;
    padding-top:5px;
    padding-right: 10px;
}

.mt-5{margin-top: 5px;}
.mb-5{margin-bottom: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.m-5{margin: 5px 0;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.m-10{margin: 10px 0;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mt-15{margin-top: 15px;}
.mb-15{margin-bottom: 15px;}
.m-15{margin: 15px 0;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}

.pt-5{padding-top: 5px;}
.pb-5{padding-bottom: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.plat-5{padding: 0px 5px;}
.p-5{padding: 5px;}
.pt-10{padding-top: 10px;}
.pb-10{padding-bottom: 10px;}
.p-10{padding: 10px;}
.plat-10{padding: 0px 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pt-15{padding-top: 15px;}
.pb-15{padding-bottom: 15px;}
.p-15{padding: 15px;}
.plat-15{padding: 0px 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
@media(max-width:1200px) {
    #fila-2, #fila-3, #fila-4, .fila-2, .fila-3, .fila-4{
        width:49%;
    }
    .textoderecha{
        text-align: left;
    }
}@media(min-width:0px) {
	.galeriaItemGrande {box-sizing: content-box;/*display:none;*/}
	.imgItemBannerPrincipal {width:3.125%;}

	#galeria {justify-content:space-around; padding-left:3.125%; padding-right:3.125%; flex-wrap:wrap;}
	#hrSeparadorAbajo {width:93.75%;}
	#hrSeparadorMedio {display:none;}
}
@media(min-width:768px) {
	.galeriaItem {flex-shrink:0; margin-right:20px;}
	.galeriaItemGrande {display:flex; flex-shrink:0; margin-right:20px;}

	#galeria {flex-wrap:nowrap; justify-content:space-between; margin-left:5.208%; margin-right:5.208%; overflow:scroll; overflow-x:hidden; overflow-y:hidden; padding-left:0; padding-right:0;}
}
@media(min-width:1280px) {
	.divContenedorBannerPrincipal {display:flex; flex-direction:row; flex-wrap:nowrap;}
	.imgItemBannerPrincipal {margin:0 1px 0 1px; width:13px;}

	#divPuntosBannersPrincipal {margin-bottom:-10px; margin-top:15px; position:relative;}
	#galeria {justify-content:space-between; margin-left:7.031%; margin-right:7.031%;}
	#hrSeparadorAbajo {width:85.938%;}
	#hrSeparadorMedio {display:block;}
}

.divContenedorBannerPrincipal {cursor:default;}
.galeriaItem {cursor:pointer; height:186px; max-width:166px; padding-top:20px; transition:all 1s ease;}
.galeriaItem:hover {-webkit-filter:brightness(75%);}
.galeriaItemGrande {cursor:pointer; height:166px; max-width:428px; padding-top:20px; transition:all 1s ease;}
.galeriaItemGrande:hover {-webkit-filter: brightness(75%);}
.imgItemBannerPrincipal {cursor:pointer;}

#galeria {align-content:center; display:block; flex-direction:row; padding-bottom:15px;}
#hrSeparadorAbajo {background-color:#3C3C3B; border:0; height:3px; width:85.938%;}
#hrSeparadorMedio {background-color:#002F87; border:0; height:20px; margin-top:5px; width:85.938%;}
#imgItemBannerPrincipalSliderActivo {display:none;}
#imgItemBannerPrincipalSliderInactivo {display:none;}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {		/* IE 10, IE 11 hacks..*/
	.galeriaItem {display:inline;}
	.galeriaItemGrande {display:inline;}
	.ie10 .divContenedorBannerPrincipal {display:-ms-flexbox; -ms-flex-direction:row; -ms-flex-wrap:nowrap;}

	#galeria {-ms-flex-direction:row; display:-ms-flexbox; -ms-flex-pack:justify; -ms-flex-wrap:nowrap;}
}header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width:100%;
  position: relative;
}

.header-container {
  display: flex;
  align-items: center;
  width: 420px; /* como en la imagen */
  position: relative;
}

.header-container > .logo {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  padding-right: 50px;
  width:150px;
}
.header-container > .logo img{
	width:150px;
}

.header-container > .title {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  padding-left: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #333;
}

/* Asegura que el separador siempre esté en el centro */
.header-container::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: #3C3C3B;
  transform: translateX(-1px);
  z-index: 1;
}
.header-container-priv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 4rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  width:100%;
  height:100%;
}

.header-container-priv > .logo {
  display: flex;
  align-items: center;
}

.header-container-priv > .logo img {
  height: 35px;
}

.header-container-priv .acciones {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-container-priv .notificacion {
  background: none;
  border: none;
  color: #4a4a4a;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
}

.header-container-priv .notificacion:hover {
  background-color: #e3e8f0;
  color: #005ea8;
}

.header-container-priv .perfil-boton {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  font-size: 14px;
  color: #1e3a8a;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
}

.header-container-priv .perfil-boton:hover {
  background-color: #e3e8f0;
  color: #005ea8;
}

.header-container-priv .perfil-boton .texto {
  margin-right: 4px;
}
.perfil {
  position: relative;
}

.perfil-boton {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #003366; /* Azul oscuro */
  display: flex;
  align-items: center;
  gap: 4px;
}

#menuMiCuenta {
  display: none; /* Mostralo con toggle luego */
  position: absolute;
  right: 0;
  margin-top: 8px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 280px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 999;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  color: #333;
}

#menuMiCuenta li {
  list-style: none;
  padding: 8px 16px;
  border-bottom: 1px solid #eee;
}
#menuMiCuenta li:hover{
	background-color:#e3e3e3;
}
#menuMiCuenta #miCuentaTitulo:hover {
  background-color: transparent;
  cursor: default;
}

#menuMiCuenta li:last-child {
  border-bottom: none;
}

#menuMiCuenta li a {
  text-decoration: none;
  color: #003366; /* Azul oscuro */
  display: block;
}

#miCuentaTitulo span {
  font-weight: bold;
  color: #003366;
  font-size: 12px;
  text-transform: uppercase;
}

#divAccesosDerecha {
  padding: 10px 0;
}

#divPerfil {
  text-align: center;
  padding: 10px;
}

#divLogOut a {
  display: inline-flex;
  align-items: center;
  color: #d32f2f; /* Rojo logout */
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
}

#divImagen {
  margin: 10px 0;
}

#imgAvatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid #ccc;
}

.divDatos {
  font-size: 12px;
  color: #555;
  margin-top: 4px;
}

#divVerMisDatos a {
  display: inline-block;
  margin-top: 10px;
  font-weight: bold;
  color: #003366;
  text-decoration: none;
}
#divAccesoClientes {
  position: relative;
  display: inline-block;
}

.acceso-clientes-link {
  display: block;
  padding: 16px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-decoration: none;
  color: #003366;
  transition: background-color 0.2s ease;
}

.acceso-clientes-link:hover {
  background-color: #e3e3e3;
}

.acceso-clientes-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.icono-cliente {
  width: 18px;
  height: 18px;
}

.texto-acceso {
  font-size: 14px;
  font-weight: bold;
}

.flecha-acceso {
  font-size: 20px;
}
#menuMiCuenta .separator {
  border: none;
  border-top: 2px solid #ccc;
  margin: 8px 0;
  padding: 0;
}
@media(min-width:1280px) {
	.menuPrivadoMobile{ display:none;}
}

footer {
  position: relative;
  width: 100%;
  height:50px;
}
footer .linea-celeste {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  width: 86%;
  background-color: #26C6DA;
  margin: 0 auto;
  right: 0;
  z-index:1;
}
footer .linea-azul {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #003366;
}#sucursales {margin-top:20px;}#sucursales select {height:30px; width:540px;}#sucursales #combos {clear:both; margin-bottom:20px; padding-top:20px;}#sucursales #imagen {float:right;}#sucursales #imagen img{margin-top:16px;}#sucursales #provinciaCombo {margin-right:16px;}#sucursales #texto {float:left;}#sucursales #texto img {vertical-align:middle;}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {#sucursales #imagen img{height:auto; width:400px;}#sucursales #texto img {height:auto; width:480px;}}