* {font-family: "Montserrat", sans-serif;}
:root {
    --color-principal-90: rgba(194, 22, 50, 0.9);
    --color-principal-80: rgba(194, 22, 50, 0.8);
    --color-principal-60: rgba(194, 22, 50, 0.6);
    --color-principal-50: rgba(194, 22, 50, 0.5);
    --color-principal-40: rgba(194, 22, 50, 0.4);
    --color-principal-30: rgba(194, 22, 50, 0.3);
    --color-principal-20: rgba(194, 22, 50, 0.2);
    --color-principal-10: rgba(194, 22, 50, 0.1);

    --color-claro1:var(--color-principal-90);
    --color-claro2: var(--color-principal-80);
    --color-claro3: var(--color-principal-70);
    --color-claro4:#FAE1E5;
    --color-claro5:#F5F2ED;
    --color-principal:#6d2634;
    --color-principal-renovado:#a50932;
    --color-oscuro1:#610e1e;
    --color-oscuro2:#3B030E;
    --color-oscuro3:#1A0004;
    
    --color-cta:#FAD68C;
    --color-cta-opcional: #FAB732;
    --color-cta-oscuro: #A68521;
    
    --color-blanco:#fdfcfc;
    --color-gris1:#F2F0F1;
    --color-gris2:#E5E3E4;
    --color-gris3:#D9D7D8;
    --color-gris4:#CCCACB;
    --color-gris5:#8C8889;
    --color-gris6:#6B6768;
    --color-gris7:#595556;
    --color-gris8:#413D3E;
    --color-gris9:#332F30;
    --color-gris10:#141213;
    --color-claro-degradado:#9e3f52e0;
    --color-oscuro-degradado:#d99c2185;
    --color-sombra:rgba(173, 171, 172, .4);
}

body {
    margin: 0;
    padding:0;
}

#dashboard{overflow-y:scroll;}
body::-webkit-scrollbar, 
#dashboard::-webkit-scrollbar {width: .4rem;}

body::-webkit-scrollbar-track, 
#dashboard::-webkit-scrollbar-track {box-shadow: inset 0 0 6px var(--color-sombra);}

body::-webkit-scrollbar-thumb{background-color: var(--color-gris2);}
#dashboard::-webkit-scrollbar-thumb {background-color: var(--color-claro5);}

.titulo{
    color:var(--color-gris8);
    font-weight: 800;
}
.subtitulo{
    color:var(--color-gris6);
    margin:0 0 .5rem;
    font-weight: 600;
}
.segundo-subtitulo{
    color:var(--color-gris5);
    margin:0 0 .5rem;
    font-weight: 600;
}
.parrafo{
    color:var(--color-gris-10);
    font-size: 1rem !important;
}
.parrafo--resaltado{color:var(--color-claro1);}
.resaltado{
    font-weight: 600;
    background: linear-gradient(45deg, var(--color-claro2), var(--color-claro3));
    background: linear-gradient(0deg, var(--color-claro1) , var(--color-claro3));
    -webkit-text-fill-color: #c10230;
    -webkit-background-clip: text;
}
.minimizado{
    font-size:.8rem;
    color: var(--color-gris5);
    font-weight: 600;
}
.texto-promocional{
    color:var(--color-gris7);
    font-size:1.2rem;
}
.icono{
    font-size:1rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style:normal;
}
.link{
    font-weight: 400;
    color: var(--color-principal);
    text-decoration: none;
}
.link:hover{color: var(--color-claro2); background:initial !important;border:initial !important;}

.icono::before,
.icono::after{font-family: "Font Awesome 5 Free";}

.tabla-estilo{color:var(--color-gris9);background:initial!important;}
.tabla-estilo:hover{cursor:pointer;background: var(--color-gris1) !important;}

.caja__boton{box-shadow: 0px 5px 5px var(--color-sombra);border-radius:10px;}
.caja__boton:hover{animation: sombra .2s ease-in-out forwards}
@keyframes sombra {
    from {
        box-shadow: 0 5px 5px var(--color-sombra); 
    } 
    to {
        box-shadow: 0 0px 0px var(--color-sombra); 
    }
}
.btn.accion{
    width: 100%;
    border:initial;
    border-radius:10px;
    padding:.5rem .75rem .9rem;
    font-weight: 600;
}
.accion.principal{
    background:var(--color-claro1);
    color:var(--color-blanco);
    border:1px solid var(--color-oscuro3);
    box-shadow:inset 0 -7px var(--color-oscuro2);
    animation: initial !important;
}
.accion.principal:hover{animation: principal .2s ease-in-out forwards !important;}

@keyframes principal {
    from {
        box-shadow:inset 0 -7px var(--color-oscuro2); 
        padding:.5rem .75rem .9rem;
    } 
    to {
        box-shadow:inset 0 0px var(--color-oscuro2); 
        padding:.7rem .75rem .7rem;
    }
}
.accion.secundaria{
    background:linear-gradient(90deg, var(--color-gris2), var(--color-gris4));
    color:var(--color-gris9);
    border:1px solid var(--color-gris6);
    box-shadow:inset 0 -7px var(--color-gris6);
    animation: initial !important;
}
.accion.secundaria:hover{
    animation: secundaria .2s ease-in-out forwards !important;
}
@keyframes secundaria {
    from {
        box-shadow:inset 0 -7px var(--color-gris6); 
        padding:.5rem .75rem .9rem;
    } 
    to {
        box-shadow:inset 0 0px var(--color-gris6); 
        padding:.7rem .75rem .7rem;
    }
}
.accion.retorno{
    background:linear-gradient(180deg, var(--color-gris5), var(--color-gris7));
    color:var(--color-blanco);
    border:1px solid var(--color-gris9);
    box-shadow:inset 0 -7px var(--color-gris9);
    animation: initial !important;
}
.accion.retorno:hover{
    animation: retorno .2s ease-in-out forwards !important;
}
@keyframes retorno {
    from {
        box-shadow:inset 0 -7px var(--color-gris9); 
        padding:.5rem .75rem .9rem;
    } 
    to {
        box-shadow:inset 0 0px var(--color-gris9); 
        padding:.7rem .75rem .7rem;
    }
}

.accion.cta{
    background:linear-gradient(90deg, var(--color-cta), var(--color-cta-opcional));
    color:var(--color-oscuro3);
    border:1px solid var(--color-oscuro1);
    box-shadow:inset 0 -7px var(--color-oscuro1);
    animation: initial !important;
}
.accion.cta:hover{
    animation: cta .2s ease-in-out forwards !important;
}
@keyframes cta {
    from {
        box-shadow:inset 0 -7px var(--color-gris9); 
        padding:.5rem .75rem .9rem;
    } 
    to {
        box-shadow:inset 0 0px var(--color-gris9); 
        padding:.7rem .75rem .7rem;
    }
}

.contenedor-logos{
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.contenedor-logos img{max-width:35vw;}

.contenedor {
    background-color:var(--color-claro5);
    min-height: calc(100vh - 56px);
    /*display:grid -> *//*Añadir grid junto al navbar/footer*/
}

.contenedor__encabezado {
    height: 7rem;
    background-size: cover; background-position: center 32%; background-repeat: no-repeat;
    width: auto;
    border-radius: 0 0 50% 50%;
    position:relative;
    z-index:1;
    grid-area:contenedor__encabezado;
    margin: 0 0 calc(.5rem + 1vw);
}
.encabezado__overlay {
    position:absolute;
    top:0;left:0;bottom:0;right: 0;
    background: linear-gradient(0.25turn, var(--color-claro-degradado), var(--color-oscuro-degradado), var(--color-claro-degradado));
    border-radius: 0 0 50% 50%;
    z-index:2;
}
.encabezado__overlay.promocional {background: linear-gradient(0.25turn, var(--color-oscuro-degradado), transparent 10% 90%, var(--color-oscuro-degradado));}

.contenedor__encabezado.inicio { background-image: url(../../comun/ensalud.org/img/practicasImg.jpg);}
.contenedor__encabezado #ensalud-plus__promocion{max-width:30rem;}

.contenedor__novedades{display:flex; justify-content:center;}
.contenedor__novedades .novedades__card{
    width:100%; position: relative;
    background-color: var(--color-blanco);
    border-radius:20px;box-shadow: 0px 5px 5px var(--color-sombra);
}
.contenedor__novedades .novedades__card:hover{animation: sombra .2s ease-in-out forwards}
.contenedor__novedades .card__cta{
    position: relative; z-index:2;
    align-items: center;display: flex;
    text-align: center;
}
.contenedor__novedades .card__promocion {display:flex; justify-content:flex-end;}
.contenedor__novedades .card__promocion svg{border-radius:20px;}

.contenedor__novedades .card__promocion{max-height: 18.5rem;}
.contenedor__novedades .card__boton-cerrar{position:relative;display:flex; justify-content:flex-end; margin:0 .5rem 0 0; z-index:3;}

.contenedor__ubicacion{
    grid-area:contenedor__ubicacion;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:60px; /*Cuando desde mkt vayan a asignar textos, volver esto a 60px 90px 1fr*/
    align-items: center;
}
.contenedor__ubicacion .ubicacion__texto {
    font-size:1.4rem;
    display: flex;
    grid-row: 1 / 2;
}
.caja__subrayada {
    border-bottom:2px solid var(--color-claro3);
    padding:0 0 0 1rem;
}
.caja__subrayada p {
    margin-bottom:0;
}
.ubicacion__logos {
    grid-row: 3 / 4;
    align-self: end;
    margin:0 0 2rem;
}
.ubicacion__contexto{
    margin: 0 1rem;
    grid-row: 2 / 3;
}

.contenedor__subopciones {
    display: grid;
    grid-template-columns: repeat(auto-fill, 240px);
    grid-gap:30px 10px;
    justify-content: space-evenly;
    margin:0 0 1rem;
}
.contenedor__subopciones.dos-opciones {grid-template-columns: repeat(auto-fill, 240px);}

.contenedor__subopciones.tres-opciones {
    grid-template-columns: repeat(3, 300px) !important;
    padding:2rem 0;
}

.accion__card{
    background-color:var(--color-blanco);
    box-shadow: 0px 3px 10px var(--color-sombra);
    border-radius:5px;
    padding:.5rem 1rem 1rem;
}

.accion__card .card__caja-icono {
    width: 3.5rem; height: 3.5rem;
    background-color: var(--color-claro5); border-radius:50%;
    display: flex;
    margin:1rem auto
}
.card__caja-icono i {
    font-size:2rem; margin:auto;
}
.contenedor__tablero {/*padding: 0 20px;*/margin:0 0 1rem;}
.tablero{
    display: flex; overflow:hidden;
    background-color: var(--color-blanco);
    border-radius:10px;box-shadow: 0px 3px 10px var(--color-sombra);
}
.tablero .tablero__opciones{
    background-color: var(--color-gris1);
    min-width: 100%;
    border-radius: 10px 10px 0 0;
}
.tablero .tablero__opciones.colapsado{
    min-width: initial;
}
.tablero__opciones.colapsado .mis-datos::before{content: "\f07c";}
.tablero__opciones.colapsado .mi-plan::before{content: "\f2bd";}
.tablero__opciones.colapsado .mi-factura::before{content: "\f570";}
.tablero__opciones.colapsado .mi-copago::before{content: "\f571";}
.tablero__opciones.colapsado .mi-cuenta::before{content: "\f0ad";}
.tablero__opciones.colapsado .expandir::before{content: "\f078";}
.regresar::before{content: "\f2ea";}


.opciones__lista a{
    display: flex;
    justify-content: center;
    box-shadow: inset 0px 0px 5px 1px var(--color-gris3);
    background: var(--color-gris1);
    border:initial;
    padding:.75rem;
    animation: destello 2s infinite alternate ease-in-out;
    color:var(--color-gris8);
}

@keyframes destello {
    from { background: var(--color-gris1)}
    to { background: var(--color-blanco)}
}
.opciones__lista a.active{
    background:var(--color-claro2);
    box-shadow: initial;
    animation: initial;
}

.tablero .tablero__resultado{width:100%;}

.tablero .tablero__resultado.editado{min-height:15rem;}


.resultado__grilla {
    display:grid !important;
    grid-gap:1.5rem 10px;
    padding:1rem .5rem;
}
.grilla__encabezado {display: grid;}
.grilla__encabezado h5 {margin: 0 0 1rem;}
.grilla__contenido{display:grid;}
.grilla__contenido.datos {
    grid-gap:0 20px;
    grid-template-columns: repeat(auto-fill, 180px);
    border-bottom: 1px solid var(--color-gris3);
    justify-content:center;
}
.grilla__contenido.una-columna {
    grid-template-columns: 5px 1fr 5px;
    grid-auto-flow: column;
}
.una-columna .item:nth-of-type(1){grid-column: 2;}
.una-columna .item:nth-of-type(2){grid-column: 2;}
.una-columna .item:nth-of-type(3){grid-column: 2;}


.grilla__tablas {display:grid; grid-gap:1.5rem 20px;}

.tabla__contenedor{
    display:grid;
    grid-template-columns: 20px 1fr 5rem 20px;
    grid-gap:15px 0;
    align-items:center;
}
.tabla__contenedor h6{margin:0; grid-column: 2 / 3;}
.tabla__contenedor button{grid-column: 3 / 4;}
.tabla__contenedor .tabla-editor{grid-column:1 / 5; margin:0;}

.grilla__contenedor-botones{
    display: grid;
    grid-template-columns: repeat(auto-fill,250px);
    justify-content: center;
    grid-gap:1rem;
}

.grilla__contador-pasos{
    display:grid;
    grid-template-columns: 16% 25% 8% 8% 25% 16%;
    /* grid-template-columns: 40px 80px 40px 80px 40px; */
    justify-content: center;
    align-items: center;
}
.item-numerico {
    width: 40px;
    height:40px;
    border-radius:50%;
    display:flex;
    justify-content: center;
    align-items:center;
    position: relative;
    z-index: 2;
    font-style: italic;
    font-weight: 800;
}
.item-numerico.activo{
    background:linear-gradient(45deg, var(--color-claro2) , var(--color-claro3));
    color:var(--color-claro5);
    font-size: 1.2rem;
}
.item-numerico.inactivo{
    background:var(--color-gris4);
    color:var(--color-claro5);
}
.item-numerico.completado{
    background:var(--color-blanco);
    border:5px solid var(--color-cta-opcional);
    color:var(--color-claro2);
    font-size: 1rem;
}
.item-numerico.seleccionable{cursor:pointer}
.grilla__contador-pasos .item:nth-of-type(1){grid-column: 1; grid-row:1;}
.grilla__contador-pasos .item:nth-of-type(2){grid-column: 3 / 5; grid-row:1; justify-self: center;}
.grilla__contador-pasos .item:nth-of-type(3){grid-column: 6; grid-row:1; justify-self: end;}
.item-barra{
    height: 10px;
    width:100%;
    position: relative;
    z-index: 1;
}
.item-barra.inactiva{
background:var(--color-gris1);
}
.item-barra.activa{
background:linear-gradient(45deg , var(--color-cta-opcional), var(--color-cta))
}
.grilla__contador-pasos .item:nth-of-type(4){grid-column:1 / 4;grid-row:1;}
.grilla__contador-pasos .item:nth-of-type(5){grid-column:4 / 7;grid-row:1;}

.grilla__contenedor-filtro{
    display:grid;
    grid-gap:10px 25px;
    grid-template-columns:repeat(auto-fit, 250px);
    justify-content:center;
    padding:1rem;
}

.grilla-editar__datos-actuales{
    display: grid;
    grid-gap:20px;
}


/* Escribinos*/
.contenedor-mensajeria{
    background: var(--color-blanco);
    border-radius: 10px;
    box-shadow: 0px 3px 10px var(--color-sombra);
    overflow-x: hidden;
    width:100%;height: 100%;
}

.mensajeria {
    display:flex;
    height: 100%;
}
.mensajeria.uso-interno {min-height: 80vh;}

.mensajeria .mensajeria__historial{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width:100%;
}

.historial__opciones{
    background: linear-gradient(#9e3f52, white,white);
    margin: 0 !important;
    border-radius: 10px 10px 0 0;
    padding: 1rem 0;
    height: 100%;
    width:100%;
}
.historial__opciones.uso-interno{height:initial;}

.opcion-buscar, .opcion-buscar label, 
.opcion-buscar label input{
    width: 100% !important;
    margin:5px 0;
    margin-left:0 !important;
    padding:0 .5rem;
}

table.tabla-chat{
    background: var(--color-gris1);
    margin:0 0 1.5rem !important;
}
.tabla-chat tbody{
    display: block;
    overflow-y: scroll;
    max-height: 55vh;
}
.tabla-info{
    white-space: initial!important;
    padding: 0 .5rem;
}
.chat{
    box-shadow: 0px 3px 5px var(--color-sombra),
                inset 0px 0px 5px 1px var(--color-gris3);
    background: var(--color-blanco)!important;
    min-height: 5rem;
    padding:.5rem 0;
    cursor:pointer;
    display: flex;
    margin: .7rem 0;
}
.chat td {
    display: block;
    width: 100% !important;
    padding: 0 .5rem !important;
    margin: auto 0;
}
.chat__contenedor-datos{
    display: grid;
    grid-template-columns: 40px repeat(3, 1fr);
    grid-gap:10px;
    padding:0 .5rem;
}

.chat__contenedor-datos span:nth-of-type(1){
    grid-column:1 / 2;
    grid-row: 1/ 3;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background:url(../../comun/ensalud.org/img/logo_mobileInterno.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center;
    align-self: center;
}
#ver_perfil.sin-leer {
    background:initial !important;
}
.chat__contenedor-datos span:nth-of-type(2){grid-column:2 / 4;grid-row:1 / 3;align-self:center;word-break: break-word;}
.chat__contenedor-datos span:nth-of-type(3){grid-column:4 / 5;text-align:end;}
.chat__contenedor-datos span:nth-of-type(4){grid-column:4 / 5; grid-row:1 / 2;text-align:end;}
.chat__contenedor-datos span:nth-of-type(5){grid-column:2 / 4;}

.contenedor-mensaje{
    margin:.5rem;
    display: grid;
    grid-template-columns: 40px repeat(2, 1fr) 80px;
    grid-gap:5px;
    padding:.5rem;
    position: relative;
    box-shadow: 0px 3px 3px var(--color-sombra);
    font-size: .9rem;
}
.contenedor-mensaje span:nth-of-type(1){
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background:url(../../comun/ensalud.org/img/logo_mobileInterno.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center;
    align-self: center;
    justify-self: center;
}
.receptor{
    background:var(--color-claro5);
    border-radius: 10px 10px 10px 0;
    margin:.5rem auto 1rem 25px;
}
.receptor:before {
    position: absolute;
    bottom: 4px;
    display: block;
    width: 8px;
    height: 8px;
    content: '\00a0';
    -webkit-transform: skew(-30deg) scale(2);
    transform: skew(-30deg) scale(2);
    background-color: var(--color-claro5);
    z-index: 1;
}
.contenedor-mensaje.receptor span:nth-of-type(1){
    grid-column:1 / 2;
    grid-row: 1/ 2;
}
.contenedor-mensaje span:nth-of-type(2){
    grid-column:4/5;
    text-align: end;
}
.contenedor-mensaje span:nth-of-type(3){
    grid-column:1/5;
    grid-row:2 / 3;
    padding:0 .5rem;
}
.contenedor-mensaje span:nth-of-type(4){
    grid-column:1/5;
    position: relative;
    z-index:2;
}

.emisor{
    background:var(--color-claro4);
    border-radius: 10px 10px 0 10px;
    margin:.5rem 25px 1rem auto;
}
.emisor:before {
    position: absolute;
    bottom: 4px;
    right: 0px;
    display: block;
    width: 8px;
    height: 8px;
    content: '\00a0';
    -webkit-transform: skew(30deg) scale(2);
    transform: skew(30deg) scale(2);
    background-color: var(--color-claro4);
    z-index: 1;
}

.contenedor-mensaje.emisor span:nth-of-type(1){
    background:initial;
    grid-column:1 / 2;
    grid-row: 1/ 2;
    width: initial;
    height: initial;
}

.mensajeria__formulario{
    width: 100%;
    padding:1.5rem 1rem;
}
.form-control--estilo{
    border: 1px solid var(--color-gris3) !important;/*sacar !important de documento style.css*/
    border-radius:5px;
    font-size: .9rem;
    background: white;
    width: 100%;
}
.mensajeria__chat{
    padding:1rem;
    width:100%;
}
.mensajes__contenedor{
    word-break: break-word;
    overflow-y: scroll;
    height:55vh; max-height: 55vh;
    display: flex;flex-direction: column;
    align-items: center;
}
.contenedor-mensaje{
    max-width:75%;
}
/*/Escribinos*/
.grilla__acordeon .card {border:1px solid var(--color-gris4);}
.grilla__acordeon .card .card-header{background-color:var(--color-claro);}
.grilla__acordeon .card .card-header:hover{background-color:var(--color-gris1);}
.grilla__acordeon .card .card-body{padding:1rem;}

.edicion-modal{max-width:initial;}
.modal-gestionar__acciones{
    display:grid;
    grid-template-columns:repeat(auto-fit, 250px);
    grid-gap:20px;
    justify-content:center;
}

/* Modificaciones provisionales*/
.content-modificacion-provisional{
    min-height: 100vh;
    padding-bottom:1rem;
}
/*/Modificaciones provisionales*/

/*/Estilos para dataTables personalizadas*/
.tabla-datos__contenedor{margin:0 0 2rem;}
.contenedor__fila-datos{margin: 0 0 1rem;border-bottom:3px solid var(--color-claro1);}
.fila-datos__contenido{display:grid; background:var(--color-gris1); grid-template-columns: 1fr; justify-content:center;}
.fila-datos__contenido .contenido-data{text-align:center;}
.contenido-data span{display:block}
.contenido-data .data-titulo{background:white; font-weight: 700;padding:.3rem 0;}
.contenido-data .data-resultado{background:var(--color-gris1); padding:.5rem 0;}
/*/Estilos para dataTables personalizadas*/

/* Banner de perfil afiliado. INICIO */
.bannerFondo{
    min-width: 100%;
    height: 250px;
    /* background-image: url(../assets/svg/portada_web_placa_fondoORIG.svg); */
    background-image: url(../assets/png/portada_placa_fondoORIG.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.img-banner{
    min-width: 100%;
    height: 250px;
}
/* Banner de perfil afiliado. FIN */



    

@media (min-width: 768px){
    
    .encabezado__overlay.promocional {background: linear-gradient(0.25turn, var(--color-oscuro-degradado), transparent 30% 70%, var(--color-oscuro-degradado));}

    .contenedor__novedades .novedades__card{width:100%;}

    .contenedor__ubicacion{
        grid-template-columns: 5vw repeat(4, 1fr) 5vw;
    }
    .contenedor__ubicacion .ubicacion__texto {
        grid-column:1 / 5;
        grid-row:1 / 2;
        align-self: center;
        font-size: calc(1.4rem + .5vw);
    }
    .ubicacion__logos {
        grid-column:4 / 6;
        grid-row:1 / 2;
        margin:0;
        align-self: center;
    }
    .ubicacion__contexto{
        grid-column:1 / 6;
        grid-row:2 / 3;
        align-self: center;
    }
    .tablero .tablero__opciones{min-width: 10rem;}
    
    .opciones__lista a{
        animation:initial;
        border-radius:initial !important;
        display:block;
    }

    .resultado__grilla {padding:1rem 1.5rem 3rem; grid-gap:2rem 10px;}

    .grilla__encabezado {
        grid-template-columns: repeat(10, 1fr);
        align-items: center;
    }
    .grilla__encabezado h5 {grid-column:1/5;margin: 0;}

    .grilla__encabezado .encabezado-logos{grid-column:5/11;}

    .contenedor-logos img{max-width:80%}

    .grilla__contenido.una-columna {grid-template-columns: 20px 1fr 50vw 1fr 20px;}
    /* 600px */
    .una-columna .item:nth-of-type(1){grid-column: 2 / 4;}
    .una-columna .item:nth-of-type(2){grid-column: 3 / 4;}
    .una-columna .item:nth-of-type(3){grid-column: 3 / 4;}


    .grilla__contenido.datos{justify-content:space-evenly;}

    .grilla__tablas{grid-template-columns: repeat(auto-fill, 31rem); justify-content:space-around;}

    .tabla__contenedor{grid-template-columns: 20px 25rem 5rem 20px;}

    .contenedor__subopciones {grid-template-columns: repeat(auto-fill, 300px);}

    .contenedor__subopciones.dos-opciones {
        grid-template-columns: repeat(2, 240px) !important;
        padding:2rem 0;
    }

    .contenedor__subopciones.tres-opciones {
        grid-template-columns: repeat(3, 300px) !important;
        padding:2rem 0;
    }

    .contenedor__subopciones .accion__card.horizontal{
        display: grid;
        grid-gap:0 10px;
        grid-template-columns: 1fr 3fr;
        align-items: center;
    }

    .grilla__contenedor-botones.dos-botones{grid-template-columns: 100px 250px;}
    
    .grilla__contenedor-filtro{grid-gap:20px 15px; padding:2rem 0;}
    .modal-gestionar__acciones{grid-template-columns:repeat(auto-fit, 300px);}
    .grilla-editar__datos-actuales{grid-template-columns:repeat(auto-fit, 300px); justify-content:space-around;}
    .grilla-editar__datos-actuales .item:nth-of-type(1){grid-column:1 / 3;}
/* Escribinos*/
    .opcion-buscar{width: 60% !important;}
    .tabla-chat tbody{
        max-height: 65vh;
    }
/*/Escribinos*/
/*/Estilos para dataTables personalizadas*/
.fila-datos__contenido{grid-template-columns: repeat(4, 1fr)}
.contenido-data .data-titulo {min-height: 3.6rem; display:flex; justify-content: center; align-items: center;}
/* .fila-datos__contenido.con--caja-extra{grid-template-columns: repeat(2, 1fr)}
.fila-datos__contenido.sin--caja-extra{grid-template-columns: repeat(3, 1fr)} */

/*/Estilos para dataTables personalizadas*/

}

@media (min-width: 1024px){
    /* .icono{font-size:1.5rem;} */
    .contenedor {
        margin-left:13.5rem;
        min-height:100vh;    
    }

    .contenedor__encabezado{
        height: 15vw;
        border-radius: initial;
    }

    .encabezado__overlay {border-radius:initial;}
    .encabezado__overlay.promocional {background: linear-gradient(0.25turn, var(--color-oscuro-degradado), transparent 20% 80%, var(--color-oscuro-degradado));}
    .contenedor__encabezado.inicio { display:none;/*Borrar esta linea cuando cambien de parecer*/ }
    .contenedor__novedades .novedades__card{
        /* width:650px; Descomentar este valor cuando cambien de parecer*/
        border-radius:initial;/*Borrar esta linea cuando cambien de parecer*/
        width:100%;/*Borrar esta linea cuando cambien de parecer*/
        }
    .contenedor__novedades .card__boton-cerrar button{display:none;}/*Borrar esta linea cuando cambien de parecer*/
    .contenedor__novedades .card__cta {
        justify-content:center;
        background: var(--color-principal-renovado);
        /* linear-gradient(90deg, var(--color-cta),var(--color-blanco) ); */
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
        text-align:initial;
    }
    .card__cta h4.modificado{
        max-width: 13rem; font-size: 2rem; background: white;
        -webkit-background-clip: text; font-weight: 900;
    }
    .contenedor__novedades .card__promocion {
        max-height: 13.5rem;
        max-width:450px;margin-top:1.5rem;/*Borrar esta linea cuando cambien de parecer*/
    }
    .contenedor__novedades .card__promocion svg{
        border-radius:initial;/*Borrar esta linea cuando cambien de parecer*/
        width:auto !important;}

    .tablero{margin:0 1rem;}

    .grilla__contador-pasos{grid-template-columns: 10% 15% 5% 5% 15% 10%;}
    .item-numerico {width: 60px; height:60px;}

    .grilla__contenido.una-columna.editada {grid-template-columns: 20px 1fr 80% 1fr 20px;}

    .grilla__contenedor-botones{grid-template-columns: 100px repeat(2,250px);}
    .grilla__contenedor-botones.modificado{grid-template-columns: 100px 250px;}


    .edicion-modal{max-width:70%;}
    
/* Escribinos*/
    .opcion-buscar{width: 70% !important;}
    .mensajeria .mensajeria__historial{max-width:19rem;}
    .mensajeria .mensajeria__historial.interno{max-width:30%;}
    .opcion-buscar label input{
        font-size: .9rem;
    }
    .tabla-chat tbody{max-height: 80vh;}
    .tabla-chat tbody.uso-interno{max-height: 60vh;}
    .mensajeria__nuevo{width: 100%;}
    .mensajeria__chat{
        display: flex;
        align-items: flex-end;
        position:relative;
    }
    .chat__contenedor{
        width:100%;
    }
    .mensajes__contenedor{
        overflow-y: scroll;
        position: absolute;
        top: 0;
        bottom: 12rem;
        left: 0;
        right: 0;
        display: flex;flex-direction: column;
        align-items: center;
        max-height: initial;
        height: initial;
    }
    .contenedor-mensaje{
        max-width:85%;
    }
/*/Escribinos*/
/*/Estilos para dataTables personalizadas*/
.fila-datos__contenido{grid-template-columns: repeat(2, 1fr)}
/* .fila-datos__contenido.con--caja-extra .data-titulo{min-height: 3.6rem;}
.fila-datos__contenido.sin--caja-extra .data-titulo{min-height: 3.6rem;} */
/*/Estilos para dataTables personalizadas*/
}
@media(min-width: 1400px){    
    
    .encabezado__overlay.promocional {background: linear-gradient(0.25turn, var(--color-oscuro-degradado), transparent 30% 70%, var(--color-oscuro-degradado));}
    
    .contenedor__subopciones {
        justify-content: center;
        grid-template-columns: repeat(auto-fill, 340px);
        grid-gap: 30px;
    }

    .boton__ancho {
        display: flex;
        width:70%;
        margin:0 auto;
    }

    .contenedor-logos img {max-width: 13rem;}

    .grilla__contenido.una-columna {grid-template-columns: 20px 1fr 55% 1fr 20px;}

    .grilla__contenido.datos {grid-template-columns: repeat(4, 1fr);}

    .grilla__tablas {display:grid; grid-gap:1.5rem 4rem;}

    .grilla__acordeon .card .card-body {padding: 1rem 2rem;}

    .contenedor__subopciones.dos-opciones {grid-template-columns: repeat(2, 330px) !important;}
    
    .grilla__contenido.una-columna.editada {grid-template-columns: 20px 1fr 80% 1fr 20px;}

    .edicion-modal{max-width:50%;}
/*/Estilos para dataTables personalizadas*/
.fila-datos__contenido{grid-template-columns: repeat(4, 1fr)}
/* .fila-datos__contenido.con--caja-extra{grid-template-columns: repeat(4, 1fr)}
.fila-datos__contenido.sin-caja--extra{grid-template-columns: repeat(4, 1fr)} */

/*/Estilos para dataTables personalizadas*/
}
@media (min-width: 1600px){
    .contenedor {margin-left:14rem;}
    .ubicacion__logos img{max-width:30%;}
    .contenedor__subopciones {grid-template-columns: repeat(auto-fill, 465px);}
    .tablero {margin: 0 4rem;}
    .grilla__acordeon .card .card-body {padding: 1rem 4rem;}
    .tablero .tablero__opciones{min-width: 15rem;}
    .grilla__contenedor-filtro{grid-template-columns:repeat(auto-fit, 300px);}
/*/Estilos para dataTables personalizadas*/
    /* .fila-datos__contenido.sin--caja-extra .data-titulo {min-height: initial;} */
/*/Estilos para dataTables personalizadas*/


}
@media (min-width:1920px){
/*/Estilos para dataTables personalizadas*/
.contenido-data .data-titulo {min-height: initial;}
    /* .fila-datos__contenido.con--caja-extra .data-titulo {min-height: initial;} */
/*/Estilos para dataTables personalizadas*/
}


/* ESTILOS PARA MODULO GERENCIA CAB */



/* ESTILOS PARA MODULO GERENCIA CAB */