body {
    font-family: Verdana !important;
	outline: 8 !important;
	
      }
html, body { overflow-x: hidden; }
.logo-cabecera { max-height: 96px; height: auto; width: auto; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #4a4a4a;
}

@media (min-width: 768px) {
.logo-cabecera { max-height: 96px; }
   }
   /* Espaciado cómodo en cabecera */
 #cabecera .brand-wrap { gap: .75rem; }
a {
    color: #2457A3;
    text-decoration: underline;
}
details {
  border-radius: 5px;
  margin: 0.5rem;
  padding: 0.2rem;
}
 
details:hover {
  box-shadow: 2px 2px 2px 1px #e6e6e6;
  }
  
.texto-tarjeta {
	font-size: 0.9rem;	
}
summary {
  margin: 0.2rem;
  padding: 0.2rem;
  cursor: pointer;
}
.bg-highlight {
	border-radius: 5px;
	background-color: #15599E;
	color: white;
}
  .texto-corto {
    display: inline;
  }
  .texto-completo {
    display: none;
  }
  .ver-mas {
    color: #0869F8;
    cursor: pointer;
	font-size: 0.8rem;
    font-weight: 500;
    border: none;
    background: none;
    padding: 0;
  }
  .ver-mas:focus {
    outline: 2px solid #0869F8;
  }
  
    .hero {
      background-image: url('../../images/fondo_hero.jpg'); /* Cambia esta ruta */
      background-size: cover;
      background-position: center;
      /*height: 340px;*/
      /*display: flex;*/
      align-items: center;
      color: #fff;
    }
    .hero2 {
      background-image: url('../../images/fondo_hero_2.jpg'); /* Cambia esta ruta */
      background-size: cover;
      background-position: center;
      height: 340px;
      /*display: flex;*/
      align-items: center;
      color: #fff;
    }	
    .hero .content {
      /*background: rgba(0, 0, 0, 0.4); /* opcional: fondo semitransparente para mejorar la lectura */*/
      padding: 1.5rem;
      border-radius: 0.5rem;
      /*max-width: 600px;*/
    }  
.link-hero {
	color: #6EA1ED;
}	

.nav-link .icon {
  width: 28;   /* ancho deseado */
  height: 28px;  /* alto deseado */
  fill: currentColor;
}


		  
table {
    table-layout: fixed !important;
    /*border-spacing: 0px;*/
    /*border-collapse: separate;*/
}		  
		  
.texto_tabla_s {
	font-size: 0.85rem!important;
}

.texto_tabla_m {
	font-size: 0.95rem!important;
}

.texto_tabla_l {
	font-size: 1rem!important;
}
		  

.inner-shadow {
	box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px inset;
/*box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;*/
}
.inner-shadow-input {
	box-shadow: rgb(204, 219, 232) 1px 1px 4px 0px inset, rgba(255, 255, 255, 0.5) -1px -1px 4px 0px inset;
}

.outer-shadow {
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	/*box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
}
.outer-shadow-small {
	box-shadow: rgb(38, 57, 77) 0px 10px 10px -5px;
}

.categoria_destacada:hover {
	filter: brightness(0.9);
}

.img-recurso {
	text-align: center;
	max-width: 100%;
	height: auto;
}

.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-chevron .breadcrumb-item {
    display: flex;
    gap: inherit;
    align-items: center;
    padding-left: 0;
    line-height: 1;
}
.breadcrumb-chevron {
    --bs-breadcrumb-divider: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E);
    gap: 0.5rem;
}

.breadcrumb-chevron {
    --bs-breadcrumb-divider: url(../../../images/descarga.svg);
    gap: 0.5rem;
}

/******* ACCESIBILIDAD ***************/
/*------------------------------------
- COLOR primary
------------------------------------*/

.active_breadcrumb_link {
	color: #20539F;
}

.bg-new-edition {
	background-color: #175A79;
}

.alert-primary {
    color: #001d46;
    background-color: #90bdfd;
    border-color: #7bb1fd;
}

.alert-primary hr {
    border-top-color: #62a3fd;
}

.alert-primary .alert-link {
    color: #000814;
}

.badge-primary {
    color: #fff;
    background-color: #0251C0;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #013b8d;
}

.bg-primary {
    background-color: #0251C0 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #013b8d !important;
}

.border-primary {
    border-color: #0251C0 !important;
}

.btn-primary {
    color: #fff;
    background-color: #0251C0;
    border-color: #0251C0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #01429c;
    border-color: #013b8d;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(2, 81, 192, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0251C0;
    border-color: #0251C0;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #013b8d;
    border-color: #01357e;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(2, 81, 192, 0.5);
}

.btn-outline-primary {
    color: #0251C0;
    background-color: transparent;
    border-color: #0251C0;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0251C0;
    border-color: #0251C0;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(2, 81, 192, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0251C0;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0251C0;
    border-color: #0251C0;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(2, 81, 192, 0.5);
}

.list-group-item-primary {
    color: #001d46;
    background-color: #7bb1fd;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #001d46;
    background-color: #62a3fd;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #001d46;
    border-color: #001d46;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #7bb1fd;
}

.table-hover .table-primary:hover {
    background-color: #62a3fd;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #62a3fd;
}

.text-primary {
    /*color: #0251C0 !important;*/
	color: #0055cc !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #013b8d !important;
}

.fondo_azul_claro_accesible {
	background-color: #276EF6;
}

.fondo_azul_accesible {
	/*background-color: #004288 !important;*/
	background-color: #15599E !important;
	
}

.texto_azul_accesible {
	color: #004288 !important;
}

/* etiquetas para los input del formulario **/
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1;
    transform: scale(.80) translateY(-0.5rem) translateX(0.15rem);
}

/*******************************************/

.navbar-toggler {
	color: rgba(248,249,250,1) !important;
    border-color: rgba(248,249,250,1) !important;
}

.cabecera{
    font-family: "Lato",sans-serif;
	/*font-size: 1.4em;*/
}

.card_text_body {
    font-size: 0.90rem!important;
}
.icono-social {
	max-width:30px;
	
}
.destacado {
	height: 100%;
}
.menu_link, .active_menu_link {
	font-weight: 700;
	letter-spacing: -0.01rem;
}
.menu_link {
	color: #4a4a4a !important;
}
.menu_link:hover {
	color: #006eb7 !important;
}
.menu_link:active {
	color: #35C1F3 !important;
}

.active_menu_link {
	/*color: #35C1F3 !important;*/
}
.texto-pequeno{
	font-size: 0.8em;
}

.accordion2-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}


/***********************/


/***** volver arriba ***/

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/****************/


h4, .h4 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}
h6, .h6 {
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
}
.card .description {
    font-size: 16px;
    color: #66615b;
}
.content-card{
    margin-top:30px;    
}
a:hover, a:focus {
    text-decoration: none;
}
.ayuda {
	font-size: 0.8rem;	
}
.img-usos {
	width: 280px;
}

.list-group-item {
     border-bottom: 2px solid #15599e !important;
}

.list-group-item:last-child {
      border-bottom: 0px !important;
}
/*** Saltar al contenido ***/

.skip-link {
  position: absolute;
  top: -40px;
  left: 1rem;
  background-color: #0d6efd;
  color: white;
  padding: 0.5rem 1rem;
  z-index: 1000;
  text-decoration: none;
  border-radius: 0.25rem;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 1rem;
}

#cookieBanner {
    animation: fadeIn 0.35s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}