:root {
  --fondoprimario: #ffffff;
  --fondosecundaario: #F9FAFB;
  
  --texto-alto: #21252B;
  --texto-mediano: #4F5764;
  --texto-bajo: #676F7E;
  
  --borde-mediano: #D6DAE0;
    
  --bt-fondo-origen: #1F65FF;
  --bt-texto-origen: #ffffff;
  --bt-fondo-origen-hover: #0F4FDC;
  
  --bt-fondo-boton1: #ffffff;
  --bt-fondo-boton1-hover: #0F4FDC;

  --gris-10: #F3F4F6;
  --gris-20: #c4c4c4;
  --gris-90: #21252B;
  --gris-70: #4F5764;
  --principal-2: #F4835A;
  --principal-3: #5A8AFF;

  --azul-1: #1F65FF;

  --texto-enlace: #0D75BF;

  --icon-icon-color: #1F65FF
}

* { margin: 0px; padding: 0px; font-family: Barlow, sans-serif; }

body { padding: 0px; margin: 0px;  font-size: 100%; background-color: var(--fondosecundaario);  }
body * { margin: 0px; padding: 0px; }
a { text-decoration: none; color: var(--texto-enlace); }
.modal { z-index: 9999; }

.feather {  width: 16px;  height: 16px;  stroke: currentColor;  stroke-width: 1.5px;}

@keyframes rotate {  from {    transform: rotate(0deg);  }  to {    transform: rotate(360deg);  }}
.cargando { animation: rotate 2s linear infinite; transform-origin: center;}
#IEcontenidopcion p.CGcargando { padding: 1rem; }
/*---------------------------------------------------------------- botones -------- */
.BTbotones { border: none; color: var(--bt-texto-origen); background: var(--bt-fondo-origen); border-radius: 0.125rem; display: flex;height: 3rem;padding: 1rem 1.5rem;justify-content: center;align-items: center;gap: 0.5rem; font-weight: 600; line-height: 1.2rem; }
.BTbotones:hover { color: var(--bt-fondo-boton1); background: var(--bt-fondo-origen-hover); }

.BTboton1 {color: var(--texto-alto); background-color: var(--bt-fondo-boton1); border: 1px solid var(--borde-mediano); }
.BTboton1:hover { color: var(--bt-fondo-boton1); background: var(--bt-fondo-boton1-hover); }
.BTpress { background: var(--secondary-bg-pressed, #B2B2B2);}

.BTboton1Icono { width: 3rem; padding: 0px; }

select.BTboton1  { padding: 0px 1rem;   }
select.BTboton1:hover  {  background-color: var(--bt-fondo-boton1);color: var(--texto-alto); }

select.BTboton1 option { line-height: 2rem; font-size: 1rem; }
.botonFiltros { display: none; }
/*---------------------------------------------------------------- CABECERA -------- */
/*--- barra EJ --- */
header div.BR0ej {display: flex; gap: 2rem;text-align: right;padding: 0px 2rem;height: 42px;left: 0px;right: 0px;background-color: #fff;background: linear-gradient(#f8f8f8, #ffffff);flex-direction: row-reverse;justify-content: flex-start;align-items: center;}
header div.BR0ej  img { height: 33px; opacity: 0.15; transition: opacity 1s; }
header div.BR0ej  img:hover {  opacity: 0.7;}

header div.BR0ej a { transition: background-color .7s; display: flex;align-items: center; font-size: 1rem; padding: 5px; line-height: 1rem; color: #00a;  }
header div.BR0ej a .fa { font-size: 1.6rem; color: var(--gris-70); }
header div.BR0ej a p { display: inline-block;  margin-left: 10px; text-align: left;  }
header div.BR0ej a:not(.logo):hover { background-color: #f2f2f2; }

header div.BR0ej a.logo img { height: 25px;  }

header div.BR0ej .sesionusuario { cursor:pointer; cursor: hand;}
header div.BR0ej .sesionusuario img { opacity: unset; margin-right: 10px; }

header div.BR0ej .opcionesUser { border-radius: 5px; list-style: none ; display: none; width: 200px; padding: 1rem; text-align: left; background-color: var(--principal-2);  }
header div.BR0ej .sesionusuario:hover .opcionesUser {z-index: 9999; display: block;position: absolute;  margin-left: -7rem;  }
header div.BR0ej .sesionusuario:hover .opcionesUser * { font-size: 1rem; color: var(--gris-10); }
header div.BR0ej .sesionusuario:hover .opcionesUser .fa { margin-right: 5px; }
header div.BR0ej .sesionusuario:hover .opcionesUser a:hover { background-color: transparent; color: #fff; }
header div.BR0ej .sesionusuario:hover .opcionesUser li:last-child { margin-top: 1.5rem; border-top: 2px dashed #ccc; padding-top: .5rem;}

/*--- resto --- */
header div.CJ01 { display: flex;  flex-direction: column; justify-content: center; align-items: center; }
header div.CJ01::before {
  content: '';
  position: absolute;z-index: -1;
  top: 0;  left: 0;
  width: 100%;  height: 100%;
  background: linear-gradient(0deg, rgba(3, 20, 58, 0.8), rgba(3, 20, 58, 0.8)), url('../imagenes/CBfondo2.png') lightgray -202px -778.937px / 114.028% 366.473% no-repeat;
  background-size: 180% 200%;  background-position: center;  transform: scaleX(-1);
}
header div.CJ01 div.BR1tit { display: flex; gap: 1rem; height: 4.5rem; padding: 0rem 2.25rem; align-items: center; align-self: stretch; justify-content: space-between; }
header div.CJ01 div.BR1tit a { color: #fff; text-decoration: none; font-weight: 700; }
header div.CJ01 div.BR1tit h1 { font-size: 1.5rem; height: 3.7rem; overflow: hidden;}
header div.CJ01 div.BR1tit p { display: flex; justify-content: flex-end; align-items: center; gap: 1.5rem; flex: 1 0 0; align-self: stretch; }

header div.CJ01 div.jumbotron {height: 70vh;display: flex;padding: 0px 0px 0px 2.25rem;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.625rem;align-self: stretch;}
header div.CJ01 div.jumbotron div.contenedor {max-width: 750px;display: flex;flex-direction: column;align-items: flex-start;gap: 5rem;}
header div.CJ01 div.jumbotron div.contenedor div.eltexto { display: flex; flex-direction: column; justify-content: center; align-items: left; gap: 2rem; align-self: stretch;}
header div.CJ01 div.jumbotron div.contenedor div.eltexto h2 { text-align: left; font-size: 3rem; color: #fff; font-weight: bold; line-height: 100%; }
header div.CJ01 div.jumbotron div.contenedor div.eltexto h2 span { color: var(--azul-1); }
header div.CJ01 div.jumbotron div.contenedor div.eltexto p {  font-size: 1.125rem; color: #fff; font-weight: 600; }


header div.CJ01 div.jumbotron div.contenedor .barrabusqueda { border-radius: 0.125rem;  display: flex;padding: 0.25rem;justify-content: center;align-items: center;gap: 0.5rem; }
header div.CJ01 div.jumbotron div.contenedor .barrabusqueda .FMcampotxt {width: 13rem; box-shadow: 2px 2px 8px 0px rgba(160, 168, 175, 0.20);}
header div.CJ01 div.jumbotron div.contenedor .barrabusqueda .FMcampotxt:has(input[name='MPtexto']) { width: 22rem; }

header div.CJ01 div.jumbotron div.contenedor .barrabusqueda .FMcampotxt div { width: 15px;  }
header div.CJ01 div.jumbotron div.contenedor .barrabusqueda .FMcampotxt div button {visibility: hidden;  border: none; background-color: transparent; display: flex; justify-content: center; align-items: center ;    padding: 3px; }
header div.CJ01 div.jumbotron div.contenedor .barrabusqueda .FMcampotxt div button:hover { color: #00a; }

/*---------CABECERA REDUCIDA -------- */
header.reducida div.CJ01 { z-index: 1001; position: fixed; left: 0px; top: 0px; right: 0px; background-image: none; background-color: var(--fondosecundaario); }
header.reducida div.CJ01 div.BR1tit h1 {  height: 3.6rem; overflow: hidden;}
header.reducida div.CJ01 div.BR1tit a { color: var(--gris-90); }
header.reducida div.CJ01 div.jumbotron {  height: auto; align-items: flex-start; justify-content: flex-start; border-bottom: 1px solid var(--borde-mediano); }
header.reducida div.CJ01 div.jumbotron div.contenedor { align-items: flex-start; justify-content: flex-start; padding: 0.5rem 2.25rem 1rem 0px;}
header.reducida div.CJ01 div.jumbotron div.contenedor div.eltexto { display: none; }
header.reducida div.CJ01 div.jumbotron div.contenedor .barrabusqueda {  }
header.reducida { height: 165px;}
header.reducida div.BR0ej { display: none; }
header.reducida div.CJ01::before { display: none;   }

/*---------CABECERA REDUCIDA2 -------- */
header.reducida2 { height: 195px;}
header.reducida2 div.BR0ej { display: flex; }
header.reducida2 div.CJ01 {  top: 42px;  }
header.reducida2 div.BR0ej { margin-bottom: 10rem;}

/*----------------------------------------------------------------- contenido -------- */

div.MPcontenido {display: flex; padding: 0rem 2.25rem;justify-content: left;align-items: flex-start;gap: 1.5rem; background: var(--fondosecundaario); }

/*------------- BARRA IZQUIERDA -------------- */
div.MPcontenido div.Filtros { display: flex; width: 20rem;padding: 1.5rem 0rem;flex-direction: column;align-items: flex-start;gap: 0.5rem;flex-shrink: 0; }
div.MPcontenido div.Filtros div.CajaFiltro {display: flex;padding: 1.5rem;flex-direction: column;align-items: flex-start;gap: 1rem;align-self: stretch; border-radius: 0.5rem;border: 1px solid var(--border-border-low, #F3F4F6);background: #FFF; }
p.titCaja { color: var(--gris-90);font-weight: 600;line-height: 1.2rem  }
div.CajaFiltroContenido { display: flex;flex-direction: column;align-items: flex-start;gap: 1rem;align-self: stretch; }
div.CajaFiltroContenido div.chbx {display: flex;flex-direction: row;justify-content: flex-start;gap: 0.5rem;align-self: stretch;}
div.CajaFiltroContenido div.mostrarMas { margin-top: 1rem; display: inline-block; text-align: center; width: auto; border-radius: 2px; border: 1px solid var(--borde-mediano); font-size: 1rem; font-weight: 600;}
div.CajaFiltroContenido div.mostrarMas a { padding: .5rem 1rem; display: block; cursor:pointer; cursor: hand; }

div.chbx input {width: 1.125rem;height: 1.125rem;border-radius: 0.125rem;border: 2px solid var(--border-border-mid, #D6DAE0);background: var(--selection-bg, #FFF);}
input[type="checkbox"] { opacity: 0; position: absolute; }
input[type="checkbox"] + label {  display: inline-block;  width: 20px;  height: 20px;background-color: #fff; border: 2px solid #ccc;  border-radius: 4px;
  transition: background-color 0.3s, border-color 0.3s;
}
input[type="checkbox"]:checked + label {  background-color: var(--azul-1);   border-color: var(--azul-1);     }
input[type="checkbox"]:checked + label::after {content: "\2713";  color: white;  font-size: 18px;  display: flex;  justify-content: center;  align-items: center;  height: 100%;}


div.chbx div {color: var(--texto-alto); font-size: 0.875rem; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: -0.125rem;flex: 1 0 0; }
div.chbx div .textogris1 { font-size: 0.75rem; }

div.MPcontenido div.CajaFiltroFin { display: none; }

/*--------------- PARTE CENTRAL ----------- */
div.MPcontenido div.MPquiz { display: flex;padding-bottom: 0px;flex-direction: column;align-items: flex-start;flex: 1 0 0;}
div.MPcontenido div.MPquiz div.MPQh { display: flex;padding: 2.5rem 0rem 1.5rem 0rem;justify-content: flex-end;align-items: flex-end;gap: 0.5rem;align-self: stretch; }
div.MPcontenido div.MPquiz div.MPQh div { margin: 0px; font-size: 0.875rem; flex-grow: 1; font-weight: 600; color: var(--gris-90); }

/*--------------- MAPA ------------- */
div.MPcontenido div.MPquiz div.elmapa { display: block; height: 65vh; width: 100%;  background-color: #fef;  border-radius: 0.5rem; overflow: hidden; border: 1px solid var(--border-border-low, #D6DAE0); }
div.MPcontenido div.MPquiz div.OCULTO { display: none; }
div.MPcontenido div.MPquiz div.elmapa div#elMapa_v23{ width: 100%; height: 100%; }
.leaflet-div-icon { border: none !important; background-color: transparent !important;  }
b.grupin {
    color: #fff;font-size: 1rem;    font-style: normal;    font-weight: 700;    line-height: 1.5rem;    text-align: center;
    display: flex;    flex-direction: column;    justify-content: flex-end;    align-items: center; gap: 0.5rem;
    width: 2.75rem;    padding: 0.5rem;    border-radius: 0.25rem;    background: var(--icon-icon-color);
}

div.leaflet-div-icon b[data-title]:hover:after {
  content: attr(data-title);
  display: block; padding: .8rem;  
  position: absolute;  left: 23px;  top: -10px;  z-index: 9999;
  width: 250px; border-radius: 10px;   background-color: #fff; 
  line-height: 1.3rem;    font-size: .8rem;  color: var(--gris-90);
  font-family: Barlow, sans-serif;  
  text-shadow: none;
  -webkit-text-stroke: 0;
}

b.fa {  font-size: 25px; -webkit-text-stroke: 1px #444;  color: var(--principal-3); margin-top: -12px; }



/*--------------- LISTADO DE EMPRESAS ------------- */
div.SinResultados {display: flex;flex-direction: column;width: 100%;gap: .5rem;align-items: center;}
div.SinResultados p:first-child { font-weight: bold; font-size: 1.5rem;}

div.MPcontenido div.MPquiz div.MPlistadoEntidades { display: flex;padding: 1.5rem 0rem;flex-direction: column;align-items: flex-start;gap: 1.5rem;align-self: stretch;}
div#MPlistado2 .MPentidad {height: auto;box-sizing: border-box;transition: border-width 0.3s, border-color 0.3s;text-decoration: none;width: 100%;display: flex;flex-direction: row;gap: 0px;flex-shrink: 0;padding: 0rem;border-radius: 0.5rem;border: 1px solid var(--borde-mediano);background: var(--gray-0-white, #FFF);align-items: stretch;}
div#MPlistado2 .MPentidad:hover { border-width: 1px; border-color: var(--azul-1); background-color: #F9FAFF; }

div#MPlistado2 .MPentidad .MPeParte1 { flex-grow: 1; }
div#MPlistado2 .MPentidad .MPeParte2 {flex-grow: 0;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;gap: 16px;padding: 1rem;border-left: 1px solid #D6DAE0;box-sizing: border-box;width: 240px;justify-content: center;}

.MPentidad .MPecontenido {padding: 1.5rem;display: flex;align-items: flex-start;gap: 2rem;align-self: stretch;}
.MPentidad .MPecontenido .MPlogo {flex-shrink: 0;width: 4.5rem;height: 4.5rem;display: flex;padding: 0.5rem;align-items: center;gap: 0.625rem;border-radius: 0.125rem;border: 1px solid var(--border-border-mid, #D6DAE0);background: #FFF;justify-content: center;}
.MPentidad .MPecontenido .MPlogo img { max-width: 100%; max-height: 100%; object-fit: cover;      }
.MPentidad .MPecontenido div.MPresto a { display: block; width: 100%; padding: 0px 0px 1.5rem; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.25rem;flex: 1 0 0;}
.MPentidad .MPecontenido div.MPresto { display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.25rem;flex: 1 0 0; }
.MPentidad .MPecontenido div.MPresto .MPetit { color: var(--gray-90-black, #21252C);font-size: 1.5rem;font-style: normal;font-weight: 600;line-height: 1.8rem; }
.MPentidad .MPecontenido div.MPresto .MPelugar { color: var(--text-text-low, #676F7E);font-size: 1rem;font-style: normal;font-weight: 600;line-height: 1.35rem; }
.MPentidad .MPecontenido div.MPresto .MPesector {color: var(--text-text-low, #676F7E);font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.35rem;}

.MPentidad div.MPcontacto { width: 100%;}
.MPentidad div.MPcontacto p { padding: 1rem; position: relative; z-index:95; text-align: center;font-weight: bold;}
.MPentidad div.MPcontacto p:hover {  background-color: #ECF0FF; }
.MPcontacto2 { display: none; }

div.MPpie {display: flex;padding: 0px;flex-direction: row;align-items: stretch;gap: 1rem;align-self: stretch;justify-content: space-between;}
div.MPpie div.MPetags { padding: 0px; display: flex;align-items: flex-start;align-content: flex-start;gap: 0.5rem;flex-wrap: wrap; }
div.MPpie div.MPetags span {display: flex;padding: 0.5rem 0.8rem;flex-direction: column;align-items: center;border-radius: 0.125rem;background: #F3F3F3;color: var(--gray-70, #4F5764);leading-trim: both;text-edge: cap;font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.225rem;}
div.MPpie div.MPetags span.OCULTO { display: none; }
div.MPpie div.MPetags span.mostrandoMas { background-color: #fff; font-weight: bold; color: var(--azul-1) }
div.MPpie div.MPetags span.mostrandoMas:hover { background-color: #ECF0FF;  }

.MPgraficos p {font-weight: 600;font-size: .95rem;color: var(--texto-mediano); }
.MPgraficos .MPgraphs { margin-top: .7rem; display: flex;flex-direction: column;align-items: flex-start;padding: 0px;gap: 5px; }
.MPgraficos .MPgraphs div {display: flex;flex-direction: row;gap: 8px;color: var(--texto-mediano);align-items: center;}
.MPgraficos .MPgraphs div span { width: 2.5rem; }
.MPgraficos .MPgraphs div span:first-child { width: 7.2rem; }
#MPlistado2mas { padding: 2.5rem 0rem; display: flex;justify-content: center;align-items: flex-start;align-self: stretch;}

/*-- En formato Grid --*/
div#MPlistado2.MPlistaGrid { display: flex;flex-direction: row;align-items: flex-start;gap: 1.5rem;align-self: stretch; flex-flow: row wrap;}
div.MPcontenido div.MPquiz div#MPlistado2.MPlistaGrid .MPentidad { width: 280px;flex-grow: 0.5;  align-items: flex-end;gap: 0rem;flex-shrink: 0; }
div.MPcontenido div.MPquiz div#MPlistado2.MPlistaGrid .MPentidad .MPecontenido { display: flex;flex-direction: column;align-items: flex-start;gap: 1rem;align-self: stretch;}
div.MPcontenido div.MPquiz div#MPlistado2.MPlistaGrid .MPcontacto { display: none; }
div.MPcontenido div.MPquiz div#MPlistado2.MPlistaGrid .MPentidad div.MPpie {padding: 0rem; gap: 0;height: auto; flex-direction: column; overflow: hidden; }
div.MPcontenido div.MPquiz div#MPlistado2.MPlistaGrid div.MPpie div.MPetags { padding: 1rem; }
/*------------------- ELMOSTRADOR ------------------------- */
#elmostrador .modal-header { padding-bottom: .5rem; padding: .5rem; color: #aaa; }
#elmostrador .modal-body { padding: 0px; }
div#elmostrador .modal-content { border-radius: 1.5rem; background-color: var(--fondoprimario); overflow: hidden; }
div#elmostrador .modal-header { border: none; padding:1rem 2rem 2rem; }

/*----- info ----------- */
div.info {display: flex;flex-direction: column;align-items: flex-start;gap: 1rem; padding: 2rem; }
div.info p.infoTit { color: var(--gris-90);font-size: 2rem;font-style: normal;font-weight: 600;line-height: 2.4rem  }
div.info p.infosTit { color: var(--gris-70);font-size: 1.3rem;font-style: normal;font-weight: 600;line-height: 2rem  }
div.info  ul { margin: .5rem 0px 1rem 1rem; }
div.info  ul li { margin-left: 1rem; padding-left: 0rem; }
                  
                  
/*---------------------------- DETALLE DE EMPRESA (CABECERA)------------ */
div.IEcabecera { padding: 1rem 2rem 2.5rem 4rem;display: flex; flex-direction: row; align-items: flex-start;gap: 0.5rem;align-self: stretch;align-items: center;gap: 2rem;align-self: stretch;}

div.IEcabecera div.IElogo { justify-content: center; display: flex;align-items: center;  width: 7.5rem;height: 7.5rem; padding: 2px; border-radius: 0.125rem;border: 1px solid var(--border-border-mid, #D6DAE0);box-shadow: 2px 2px 8px 0px rgba(160, 168, 175, 0.20);}
div.IEcabecera div.IElogo img { display: block; max-height: 100%; max-width: 100%; }

div.IEcabecera div.IEresto {display: flex;flex-direction: column;align-items: flex-start;gap: .25rem;flex: 1 0 0; }
div.IEcabecera div.IEresto p.IEtitulo { color: var(--gris-90);font-size: 2rem;font-style: normal;font-weight: 600;line-height: 2.4rem  }
div.IEcabecera div.IEresto p.IEsector { color: var(--gris-70);font-size: 1.125rem;font-style: normal;font-weight: 400;line-height: 1.51875rem }
div.IEcabecera div.IEresto p.IEsector a { color: var(--gris-70); }
div.IEcabecera div.IEresto p.IEsector a:hover { color: var(--principal-2); }
div.IEcabecera div.IEresto p.IEotros { margin-top: 1rem; color: var(--gris-70);font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.35rem }

/*---------------------------- DETALLE DE EMPRESA (MENU)------------ */
div.IEmenu {width: 100%; overflow-x: scroll; overflow-x: hidden; padding: 0px 0px 0px 5rem; 
    white-space: nowrap; 
    -webkit-overflow-scrolling: touch; 
            border-bottom: 1px solid #ddd;
}
div.IEelmenu ul {list-style-type: none;    padding: 0;    margin: 0;}

div.IEelmenu ul li {display: inline-block;    margin: 0;    padding: 0;   }
div.IEelmenu ul li a {  color: #000;font-weight: 600;line-height: 1.2rem;  display: block;    margin: 0;    padding: 1rem; text-decoration: none; border-bottom: 3px solid transparent; }
div.IEelmenu ul li a.ya { border-bottom: 3px solid var(--azul-1); }

div.IEelmenu ul li a:not(.ya):hover,div.IEelmenu ul li.itemslide-active a:not(.ya) { border-bottom: 3px solid #bbb; }

/*---------------------------- DETALLE DE EMPRESA (DETALLE OPCIÓN)------------ */
div.EDcaja0 { display: flex;padding: 2.5rem;justify-content: center;align-items: flex-start;gap: 1.5rem;align-self: stretch; }

div.EDqs {flex: 1; display: flex;flex-direction: column;align-items: flex-start;gap: 1.5rem;align-self: stretch; }
div.EDcaja0 .EDtitulo {color: var(--gris-90); font-size: 1.5rem;font-weight: 600;line-height: 1.8rem; }
div.EDcaja0 .EDtitulo .MPderecha { float: right; font-size: 1rem; color: var(--texto-enlace); }
div.EDmeollo ul { margin: .5rem 0px .5rem 1rem; padding-left: 1rem; }
div.IEcajaContiene div.MPpie {margin-top: 2rem;padding: 0rem ; }

div.EDsim { width: 280px !important; flex-grow: 0; display: flex;flex-direction: column;align-items: flex-start;gap: 1.5rem;align-self: stretch; }
div.EDcaja0 div.EDsim .EDtitulo {color: var(--gris-90); font-size: 1rem;font-weight: 600;line-height: 1.8rem; }
div.EDsim div.EDmeollo { display: flex; flex-direction: column; gap: 1.4rem; }
div.EDsim div.EDmeollo a { display: flex; flex-direction: row; gap: 1.2rem; color: var(--texto-alto) }
div.EDsim div.EDmeollo a div.SIMfoto { flex-grow:0; flex-shrink:0; width: 55px; overflow: hidden; }
div.EDsim div.EDmeollo a div.SIMfoto img { width: 100%; }
div.EDsim div.EDmeollo a div.SIMcontenido p { line-height: 1.2rem; font-size: .9rem; }
div.EDcaja0 .EDtituloBajo {color: var(--gris-90); font-size: 1rem;font-weight: 600;line-height: 1.8rem; }
div.EDcontacto {display: flex;  justify-content: space-between; width: 100%; }
div.EDsim div.EDmeollo hr { color: var(--gris-20) }
div.EDcontacto div.EDqs { flex: 1; }
div.EMPredes { margin-top: 2rem;  }
.fab { text-decoration: none; text-align: center; padding: 8px 0px; margin-right: .5rem; width: 2rem;  border-radius: 1.5rem; display: inline-block; border-radius: 2rem; background: var(--gris-10);color: #181818; }

div.EDcontacto .EDfmcontacto { width: 24rem; display: flex;padding: 1.5rem 2.5rem;flex-direction: column;align-items: flex-start;gap: 1.5rem; }
div.EDcontacto .EDfmcontacto .EDtitulo {color: var(--gris-90); font-size: 1rem;font-weight: 600;line-height: 1.2rem; }

div.EDcontacto .EDfmcontacto div { display: flex;flex-direction: column;align-items: flex-start;gap: 0.2rem;align-self: stretch; }
div.EDcontacto .EDfmcontacto div label { color: var(--gris-90); font-size: .875rem; font-weight: 400; line-height: 0.875rem; }
div.EDcontacto .EDfmcontacto div input {display: flex;height: 2.5rem;padding: .5rem;align-items: center;align-self: stretch; border-radius: 0.25rem;border: 1px solid var(--gray-20, #D6DAE0);background: #FFF;}
div.EDcontacto .EDfmcontacto div textarea {display: flex;height: 6.5rem;padding: .5rem;align-items: center;align-self: stretch;border-radius: 0.25rem;border: 1px solid var(--gray-20, #D6DAE0);background: #FFF; }
#FMenviando .fa-check { color: var(--azul-1); }
#FMenviando .fa-triangle-exclamation { color: #f00; }

div.EDcaja0 div.MPpie {border: none;padding: 0rem; gap: 0;height: auto; flex-direction: column; overflow: hidden; }
div.EDcaja0 div.MPpie div.MPetags { padding: 1rem 0; }
div.EDcaja0 div.MPpie div.MPgraficos { border: none; }

/*--------- PUBLICACIONES DE LA EMPRESA --- */
div.EDpub { width: 100%; }

div.EDpublicaciones { padding: 2rem 2rem 0rem 4rem; display: flex;flex-direction: column;align-items: flex-start;gap: 1rem; }

.Litem {padding: 0rem;display: flex;flex-direction: row;gap: 0.5rem;align-self: stretch;gap: 2rem;align-self: stretch;align-content: flex-start;}

.Litem div.Lfoto {justify-content: center;display: flex;align-items: flex-start;width: 6.5rem;height: 6rem;}
.Litem div.Lfoto img { display: block; max-height: 100%; max-width: 100%; }

.Litem div.Lresto {padding-top: 2px; display: flex;flex-direction: column;align-items: flex-start;gap: .5rem;flex: 1 0 0; }
.Litem div.Lresto p.Ltitulo { color: var(--gris-90);font-size: 1rem;font-style: normal;font-weight: 600;line-height: 1.2rem  }
.Litem div.Lresto p { color: var(--gris-70);font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.05rem }



/*---------- Para ubicación */
div.EDcajajunta { padding: 0px; }
#ElMapaEmp { width: 100%; height: 40vh; }

/* ------------------ SUGERENCIAS DEL BUSCADOR ------------------ */
.FMsearch_tmp {text-align: left; max-height: 30rem; box-shadow: 2px 2px 8px 0px rgba(160, 168, 175, 0.20); margin-top: 2px; color: var(--texto-mediano); border: 1px solid var(--borde-mediano); background-color: #fff;  position: absolute; z-index: 9999; overflow-y: auto; overflow-x: hidden; display: none;}
.FMsearch_tmp p a { color: var(--gris-70); display: flex; padding: .2rem; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; }

.FMsearch_tmp2 {
  text-align: left; max-height: 30rem; box-shadow: 2px 2px 8px 0px rgba(160, 168, 175, 0.20); margin-top: 2px; color: var(--texto-mediano); border: 1px solid var(--borde-mediano); background-color: #fff;  position: absolute; z-index: 9999; overflow-y: auto; overflow-x: hidden; display: none;
  width: 70%; left: 15%;
}
.FMsearch_tmp2 p a { color: var(--gris-70); display: flex; padding: .2rem; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; }


div.sugiriendo { padding: .5rem; display: flex; }
div.sugiriendo div { padding: .5rem; display: flex; flex-direction: column; flex: 1; }
div.sugiriendo div p b { display: block; padding-bottom: .5rem; }
div.sugiriendo div p a:hover { color: #000; }

header.reducida .FMsearch_tmp2 { left: 2rem; }

/*--------------- FOOTER ------------- */
footer {width: 100%; display: flex;  padding: 2rem 2.25rem;justify-content: center;align-items: flex-start;gap: 1.5rem; background: #03143aee;}
footer div.F01 {  display: flex; flex-grow: 1; flex-shrink: 0; flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.5rem;align-self: stretch; }
footer p a { color: #fff;font-size: 1rem;font-style: normal;font-weight: 600;line-height: 1.35rem; }
footer div img { margin-left: 1rem; display: inline-block; }
footer div img.logoIvace { margin: 0px; height: 88px; }

/*--------------- GENERAL ------------- */
.FMcampotxt {padding: 0.75rem 1rem;overflow: hidden;border-radius: 0.125rem;outline: 1px solid var(--border-border-mid, #D6DAE0);background: var(--default-bg-10, #FFF);color: var(--default-text-medium, #4D4D4D);display: flex;height: 3rem;align-items: center;align-self: stretch;justify-content: space-between;}
.FMcampotxt svg { margin-right: .5rem; }
.FMcampotxt input {  border: none; width: 85%}

.FMcampotxt input:focus {  outline: none;  }

.FMcampotxt:has(input:focus) {  outline: 2px solid var(--azul-1);  }

.textogris1 { color: var(--texto-bajo); }

.unClicable { cursor:pointer; cursor: hand;}
.MPderecha { float: right;  }
.OCULTO { display: none; }

.mensajeCentral { display: flex; flex-direction: column; max-width: 800px; margin: 0px auto; }

#datosTino { position: fixed; left: 2rem; bottom: 2rem; padding: 1rem;  background-color: #ff0; color: #000; border: 1px solid #555; border-radius: 10px; }

.mensajefimero { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.8);   color: white;      padding: 20px;      border-radius: 5px;      display: none; z-index: 9999; }

@media (max-width: 1024px) { 
  header div.BR0ej { padding-right: 1rem; }
  header div.CJ01 div.BR1tit { padding-left: 1rem; padding-right: 1rem;}
  header div.CJ01 div.jumbotron {padding-left: 1rem; padding-right: 1rem; }  
  div.MPcontenido { padding: 0px 1rem; gap: 1rem; }
  div.MPcontenido div.Filtros { width: 16rem;}  
  div#MPlistado2 .MPentidad .MPeParte2 { border-left: none; }
  .MPentidad .MPecontenido {padding: 1rem 0px 1rem 1rem; ; gap: 1rem; }
  .MPentidad .MPecontenido div.MPresto .MPetit { font-size: 1.4rem; }
  
}