body {
	background-color: rgba(244,244,244);
	font-size: 14px !important;
}

::-moz-selection { color: white; background: rgb(32,159,160); }
::selection { color: white; background: rgb(32,159,160); }

.small {
  font-size: 12px !important;
}

.content-wrapper {
    background-color: white;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}

.content-wrapper-xl {
    background-color: white;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}

.text-height-00 { line-height: 0.0!important; }
.text-height-02 { line-height: 0.2!important; }
.text-height-04 { line-height: 0.4!important; }
.text-height-06 { line-height: 0.6!important; }
.text-height-08 { line-height: 0.8!important; }
.text-height-10 { line-height: 1.0!important; }
.text-height-12 { line-height: 1.2!important; }
.text-height-14 { line-height: 1.4!important; }
.text-height-16 { line-height: 1.6!important; }
.text-height-18 { line-height: 1.8!important; }
.text-height-20 { line-height: 2.0!important; }
.text-height-22 { line-height: 2.2!important; }
.text-height-24 { line-height: 2.4!important; }
.text-height-26 { line-height: 2.6!important; }
.text-height-28 { line-height: 2.8!important; }
.text-height-30 { line-height: 3.0!important; }
.texto_legal li {
	margin: 20px 0 10px;
}

.texto_legal h1, 
.texto_legal h2, 
.texto_legal h3, 
.texto_legal h4, 
.texto_legal h5, 
.texto_legal h6 {
	color: #000;
	font-weight: bold;
	font-size: 17px;
	margin-top: 30px;
} 

.gris_medio { 
	color:  var(--bs-gray-600);
}
.gris_claro { 
	color:  var(--bs-gray-500);
}

.highlighted {
	padding: 0px 3px;
	background-color: black; color: white;
}

.btn.btn-outline-primary:hover {
  color: white;
}

.flex-break {
    flex-basis: 100%;
    height: 0; /* Optional: Remove any height it may inherit */
}

/* OJOS */
#image-swapper img {
    display: none;
}
#image-swapper img.active {
    display: block;
}

/* LOGOS */
.custom-max-width {
    max-width: 100%; /* Default to auto for larger screens */
}

@media (max-width: 767.98px) { /* Bootstrap's sm breakpoint */
    .custom-max-width {
        max-width: 50vw;
    }
}

/* STATS */


/* PROGRESS */
.progress-bar {
    transition: width 0.1s ease-in-out;
}

/* TEXTAREA*/
.grow-wrap {
  display: grid;
}
.grow-wrap::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.grow-wrap > textarea {
  resize: none;
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  border: 1px solid black;
  padding: 0.5rem;
  grid-area: 1 / 1 / 2 / 2;
}

textarea.query {
  -moz-appearance:none;
  outline:0px none transparent;
}

textarea.query:focus, input.query:focus{
    outline: 0;
}

.select2-results__group { 
	display: block;
	padding-top: 15px !important;
	font-weight: bold !important;
}

*:focus { outline: 0; }

.carousel-indicators [data-bs-target] {
	background-color: #ddd; /* Change this to your desired color */
}
.carousel-indicators .active {
	background-color: #bbb;
}

.glosario {
	border-bottom: 1px dotted #ddd;
}
/* OVERLAY */

#overlay {
    display: none; /* Oculto por defecto */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1); /* Fondo blanco con 90% de transparencia */
    z-index: 1000; /* Asegura que esté encima de otros elementos */
}

#overlay-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%; height: 100%;
}

#overlay-text {
    z-index: 1;
    text-align: center;
}

#overlay-image {
	z-index: 0;
    position: absolute;
    bottom: 0;
    align-self: flex-end;
}

/* BOE */ 
/*.seccion1 i { font-style: normal; font-weight: bold }
.seccion1 b { font-style: italic; font-weight: normal }
.seccion3 i { font-style: normal; font-weight: bold }
.seccion3 b { font-style: italic; font-weight: normal }
*/
.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-bg);
    background-color: transparent;
    border-color: transparent;
.list-group-item-secondary {
    background-color: transparent !important;
    border: transparent !important;
}

/* FLAGS */

.flag {
    width: 40px;
    height: 30px;
    background-image: url('/assets/img/flags/combined_image.png');
    background-size: auto;
    display: inline-block;
}
.albacete { background-position: 0px 0; }
.alicante { background-position: -40px 0; }
.almeria { background-position: -80px 0; }
.avila { background-position: -120px 0; }
.badajoz { background-position: -160px 0; }
.barcelona { background-position: -200px 0; }
.bilbao { background-position: -240px 0; }
.burgos { background-position: -280px 0; }
.caceres { background-position: -320px 0; }
.cadiz { background-position: -360px 0; }
.castellon { background-position: -400px 0; }
.ceuta { background-position: -440px 0; }
.ciudad_real { background-position: -480px 0; }
.cordoba { background-position: -520px 0; }
.cuenca { background-position: -560px 0; }
.gerona { background-position: -600px 0; }
.granada { background-position: -640px 0; }
.guadalajara { background-position: -680px 0; }
.huelva { background-position: -720px 0; }
.huesca { background-position: -760px 0; }
.jaen { background-position: -800px 0; }
.la_coruña { background-position: -840px 0; }
.las_palmas { background-position: -880px 0; }
.leon { background-position: -920px 0; }
.lerida { background-position: -960px 0; }
.logroño { background-position: -1000px 0; }
.lugo { background-position: -1040px 0; }
.madrid { background-position: -1080px 0; }
.malaga { background-position: -1120px 0; }
.melilla { background-position: -1160px 0; }
.murcia { background-position: -1200px 0; }
.orense { background-position: -1240px 0; }
.oviedo { background-position: -1280px 0; }
.palencia { background-position: -1320px 0; }
.palma_de_mallorca { background-position: -1360px 0; }
.pamplona { background-position: -1400px 0; }
.pontevedra { background-position: -1440px 0; }
.salamanca { background-position: -1480px 0; }
.san_sebastian { background-position: -1520px 0; }
.santa_cruz_de_tenerife { background-position: -1560px 0; }
.santander { background-position: -1600px 0; }
.segovia { background-position: -1640px 0; }
.sevilla { background-position: -1680px 0; }
.soria { background-position: -1720px 0; }
.tarragona { background-position: -1760px 0; }
.teruel { background-position: -1800px 0; }
.toledo { background-position: -1840px 0; }
.valencia { background-position: -1880px 0; }
.valladolid { background-position: -1920px 0; }
.vitoria { background-position: -1960px 0; }
.zamora { background-position: -2000px 0; }
.zaragoza { background-position: -2040px 0; }
.andalucia { background-position: -2080px 0; }
.aragon { background-position: -2120px 0; }
.asturias { background-position: -2160px 0; }
.cantabria { background-position: -2200px 0; }
.castilla_la_mancha { background-position: -2240px 0; }
.castilla_leon { background-position: -2280px 0; }
.cataluña { background-position: -2320px 0; }
.ceuta { background-position: -2360px 0; }
.extremadura { background-position: -2400px 0; }
.galicia { background-position: -2440px 0; }
.islas_baleares { background-position: -2480px 0; }
.islas_canarias { background-position: -2520px 0; }
.madrid { background-position: -2560px 0; }
.melilla { background-position: -2600px 0; }
.murcia { background-position: -2640px 0; }
.navarra { background-position: -2680px 0; }
.pais_vasco { background-position: -2720px 0; }
.españa { background-position: -2760px 0; }