@charset "UTF-8";


:root {
    --primary-font-family: "Open Sans", sans-serif;
    --base-font-size: 1em;
    --base-line-height: 1.5;
    --heading-line-height: 1.2;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --color-header: #ffdb00;
    --color-footer: #ecece2;
    --color-primary: #154481;
    --color-secundary: #4ca5e0;
    --color-text: #1d1d1b;
    --color-text-header: #1d1d1b;
    --background-primary-color: #f0f4f6;
    --franja-rojo: #ad1519;
    --franja-amarillo: #fabd00;
    --color-white: #fff;
    --color-black: #1d1d1b;
    --color-gray: #e0e0e0;
    --color-text-gray: #555;
    --color-error: #ef0000;
    --color-valido: #3d930e;
    --color-alerta: #cc6705;
    --color-aviso: #000;
    --pad: 1em;
    --border-radius: 10px;
    --box-shadow: 0 0.5rem 1rem rgba(29, 29, 27, 0.15);
    --smallBreakpoint: 640px;
    --largeBreakpoint: 1080px;
}
html{
	height: 100%;
}
body {
	font-family: "Open Sans", sans-serif;
	text-size-adjust: 100%;
	height: 100%;
}

.container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.body-wrapper {
	min-height: 41vh;
}
main {
    flex: 1;
    z-index: 1;
    background: var(--color-white);
}

a {
	cursor: pointer;
}
.container-maxwidth {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
	padding: 1.25rem 1.875rem 0 1.875rem;
}
body{
	width:100%;
	min-height:100vh;
	line-height: 1.5!important;
	font-size: 1rem;
    font-weight: 400;
    letter-spacing: -.022em;
    background-color: #fff;
    color: #1d1d1b;
    font-style: normal;
	display:flex;
	flex-direction:column;
}

.text-justify {
	text-align: justify;
	hyphens:auto;
	text-wrap: pretty;
}

.text-custom {
    font-size: 1.15rem;
}
h3,h4,h5 {
	font-weight:600;
	padding-left:0.9rem;
}
h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 0.875rem;
}
.aviso-destacado {
	font-size: 2.25rem;
}
strong {
  font-weight: bold;
}
.colorContainer p {
	padding-left: 0;
}

.flex-1 {
	flex-grow:1;
}
.contenidoTabsContainer>h1,
.contenidoTabsContainer>h2,
.contenidoTabsContainer>h3,
.contenidoTabsContainer>h4,
.contenidoTabsContainer>h5,
.contenidoTabsContainer>h6 {
	padding-left: 1.2rem;
	font-weight:600;
}
.contenidoTabs>div>h1,
.contenidoTabs>div>h2,
.contenidoTabs>div>h3,
.contenidoTabs>div>h4,
.contenidoTabs>div>h5,
.contenidoTabs>div>h6 {
	padding-left: 1.2rem;
	margin-bottom: 0.5rem;
    margin-top: 1.4rem;
}

p {
	overflow:hidden;
	padding: 0 1rem 0 3.5rem;
	line-height:1.8;
}

.margen10 {margin:10px !important;}
.margen15 {margin:15px !important;}
.margen20 {margin:20px !important;}
.margen25 {margin:25px !important;}
.margen30 {margin:30px !important;}
.margen35 {margin:35px !important;}
.margen40 {margin:40px !important;}
.margen45 {margin:45px !important;}
.margen50 {margin:50px !important;}

.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}

.justifyLeft,
.JustifyLeft 	{text-align:left !important;}
.justifyRight,
.JustifyRight 	{text-align:right !important;}
.justifyCenter,
.JustifyCenter 	{text-align:center!important;}
.justifyFull,
.JustifyFull {text-align:justify !important;}

div p,
div h2{
	padding: 0 1rem 0 1rem;
}

.hidden {
    display: none;
    visibility: hidden;
}


ul[role='list'],
ol[role='list'] {
    list-style: none;
}



li {
    margin: 5px 0;
    line-height: 1.8;
}


.indent {
    margin: 5px 0;
    padding-left: 40px;
}


li:hover, li:focus {
    cursor: pointer;
}

li:focus {
    outline: 2px solid #ffdb004f;
}

.btn {
	text-align:left;
}
ul {
	line-height:1.8;
}

html:focus-within {
    scroll-behavior: smooth;
}
a[hreflang="en"] {"../../../Consejeria-ReinoUnido/.ImageGallery/ico_en.png");
}
a[hreflang="es"], a[hreflang="fr"], a[hreflang="en"], a[hreflang="de"], a[hreflang="da"], a[hreflang="sv"], a[hreflang="fi"], a[hreflang="et"], a[hreflang="no"], a[hreflang="lv"], a[hreflang="lt"], a[hreflang="pt"], a[hreflang="ru"], a[hreflang="it"], a[hreflang="pl"], a[hreflang="nl"], a[hreflang="ro"], a[hreflang="gr"], a[hreflang="gl"], a[hreflang="ca"], a[hreflang="eu"] {
    padding-right: 26px;
    background-repeat: no-repeat;
    background-size: auto 13px;
    background-position: right center;
}
a {
    text-decoration: none;
    color: #1452a2;
    font-weight: 600;
    cursor: pointer;
    font-size: 1rem;
	text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.3em;
}

a:hover {
	text-decoration:underline;
	text-decoration-thickness: max(1px, 0.1325rem);
}

.breadcrumb {
	padding:0.75rem 0;
	}
.breadcrumb-item,
.breadcrumb-item a{
	font-size:inherit;
	padding-left:0;
}

}
.breadcrumb-item.active {
    color: #444;
	font-size:inherit;
}


.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    color: #6c757d;
    content: "/";
	font-size:inherit;
	
}
.migas ul {
	margin-top: 0;
    margin-bottom: 0;
}
.listStyle {
	list-style: none;
	text-decoration:none;
}


input,
button,
textarea,
select {
    font: inherit;
}

.head {
	margin-top:15px;
}

em {
    font-style: italic;
}

.strong {
    font-weight: bold;
}
.colorContainer {

	border: 1px solid rgba(0,0,0,.125);
  	border-radius: .25rem .25rem 0 0;
}

.white {
	color:#ffff;
}
.red, .rojo {
	color:#900;
}
.bold {
	font-weight:bold;
}
.icon-color {
	color: #ffc107;
}
.icon-color-dark {
	color: #003f90;
}

.icon-color-white {
	color: #ffff;
}

.uppercase {
    text-transform: uppercase;
}

.hidden {
    /*Se oculta en ambos: lectores de pantalla y navegador*/
    display: none;
    visibility: hidden;
}
.oculto {
	display:none;
}
.flex-1{
	flex:1;
}

	
.row {
    display: flex;
    flex-flow: row wrap;
}
.rowBetweenCenter {
	display:flex;
	flex-direction:row;
	justify-content:center;
	
}
.colBetween {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.marginTopBottom10 {
	margin: 0.625rem 0 0.625rem 0;
}
.marginBottom10 {
	margin: 0 0 0.625rem 0;
}

.breadcrumb {
	background-color:#ffff;
}
label {
	font-weight: 600;
	font-size: 1.10rem;
	margin-right:0.625rem;
}
.link-border-wrapper {
    padding: 10px;
	height: 100%;
  }
.link-border-wrapper ul {
	padding-inline-start: 0!important;
}
  
/*Titulos*/

.title-container h5 {
	font-size:1rem;
}
.pageTitleWrapper {
    padding: .5rem .5rem .5rem 1rem;
    margin-bottom: 1rem;
	background-color: rgba(239,243,248,0.502);
	color:#0d2d57;
}

.tituloPagina {
    margin-left:1rem;
}

.sectionTitle {
    font-weight: 200;
	color: #154481;
	margin-top:0;
}
.sectionTitle h1 {
	color: #fabd00;
	border: 1px solid #fabd00;
}

.thinTitle{
	font-weight:400;
	font-size: 1.2rem;
	padding-top: 1rem;
}
.contentTabsTitle{
	margin-bottom:1rem;
}
.tabsLeftContainer  {
    display: flex;
    padding: 0.5rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
}
/*--Contenidos con cards--*/
.homeCardsContent {
	flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.homeCardContent {
	width: 30rem;
	box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    transition: all .3s cubic-bezier(0,0,.5,1);
}
.homeCardContent ul {
	border-radius: 8px;
}
.homeCardContent ul li{
	padding: 10px;
}
.homeCardContent ul li a {
	color:#154480;
}

.homeCardTitle{
	font-size: 1.6em;
}
.cardButton {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	width: 100%;
	color: #FFFFFF;
    box-shadow: none;
    background-color: #154481;
	border-radius: 0 0 8px 8px;
	text-decoration:none;
}
.cardButton:hover {
    background-color: #154480;
    color: #FFFFFF;
}
.card {
    margin-bottom: 30px;
    background: #fff;
}
.img_feed{
	width: 24px;
}
.card-caption,
.card-description {
    text-align: center;
}
.card-description p {
    color: #888;
}
.card-caption,
.card-caption a {
    color: #333;
    text-decoration: none;
}
.card-caption {
    font-weight: 700;
    font-family: "Open Sans";
}


	
/*Fondos*/

.backgroundSeccion {
    background-color:rgba(239,243,248,0.502);
	padding: 1rem;
	/*margin-bottom: .5rem;*/
}

.whiteBackground {
	background-color: #ffffff;
	padding: 2rem;
}
.buttonWhiteBackground {
	background-color: #ffffff;
	width: 100%;
}
.buttonBackground {
	background-color:#f7f9fb;
	margin:1rem;
	padding:1rem;
}
.bgr-light {
	background-color: rgba(239,243,248,0.502);
}

.material-symbols-outlined {
  display: inline-block;
  vertical-align: middle;
}

/* Buttons*/
.btn:focus {
	outline: 2px solid #007bff; /* Contorno visible para el enfoque */
	outline-offset: 2px; /* Separación del contorno respecto al elemento */
    }

button[type="button"]:focus {
  outline: 1px solid blue; /* Cambia el color y el grosor del borde de enfoque según sea necesario */
}

.btn-outline-primary{
    color: #003f90;
    background-color: transparent;
    background-image: none;
    border-color: #003f90;
}

.btn-outline-secondary {
    color: #003f90;
	font-weight:600;
	border:none;
}

.btn-outline-secondary:hover {
    color: #5895ca;
    border-color: #5895ca;
}
.btn-outline-primary:hover,
.btn-outline-secondary:hover
{
	background-color:#003f90;
	color: #fff!important;
}

a.btnMedium  {
	color: #ffffff;
}

.btnWrapper {
	width:25%;
}

.btnMedium {
	border-radius: 0.625em;
	background-color: #154481;
	font-weight:600;
	margin-top:2rem;
	text-decoration: none;
	text-align: center;
	padding: 0.625rem;
}

a.btnMedium  {
	color: #ffffff;
}

.btnWrapper {
	width:25%;
}
.mediumButton a{
 	cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
	width: 100%;
	   
}

.cardButton:hover {
    background-color:#15477e;
    color: #FFFFFF;
}

.rowBetween {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
}
.rowStart {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}

.buttonWrapper{
	border: 1px solid #aeb1b42e;
	background:#f7f9fb;
	
}

/*Tabs */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff!important;
    background-color: #154481;
}
.contenidoTabsWrapper {
	margin-bottom:2rem;
	}
.contenidoTabsWrapper h4 {
	margin-bottom:2rem;
}
/*.contenidoTabs>h6,h5,h4,h3,h2,h1 {
	margin-left: 1rem;
	padding-bottom: 1rem;
}*/
.glosario>p {
	padding:1rem;
}


.tablas_contenido {
	margin-left:1rem;
}
.tablas_contenido td{
	border:1px solid #bbb;
	padding:.5rem;
	
}
.contenidoTabsContainer img {
	max-width:80%;
}
.colorContainer img,
.colorContainer p img{
	max-width:50%;
}
.colorContainer p img {
	max-width:400px;
	height: 300px;
	margin-left:10px;
}
.colorContainer h5 {
	padding-left:0;
}
/*-- BUSCADOR CABECERA --*/



.elBuscador:hover,
.elBuscador:active,
.elBuscador:focus {
    background-color: transparent;
}

.elBuscador .q1:active,
.elBuscador .q1:hover,
.elBuscador .q1:focus,
.elBuscador .q1-responsive:active,
.elBuscador .q1-responsive:hover,
.elBuscador .q1-responsive:focus,
.elBuscador .q1-b:active,
.elBuscador .q1-b:hover,
.elBuscador .q1-b:focus{
    outline: 0 none;
    box-shadow: none;
}


.elBuscador .q1,
.elBuscador .q1-responsive,
.elBuscador .q1-b{
    float: left;
    height: 18px;
    padding: 2px 5px;
    color: #1D1D1B;
    font-size: .875em;
    background-color: transparent;
    border: 0 none;
    transition: all .6s;
    width: calc(100% - 40px);
    border: 1px solid #cfcfcf;
    padding: 15px 10px;
    display: inline-block;
}

.elBuscador .q1::placeholder,
.elBuscador .q1-responsive::placeholder,
.elBuscador .q1-b::placeholder{
    color: #1d1d1b;
    font-family: 'Open Sans' !important;
    font-size: 12px;
}

.buscador .buscar, #buscador-b .buscar {
    float: right;
    height: 16px;
}

.buscador .buscar, #buscador-b .buscar {
    display: inline-block;
}

.buscador-responsive .buscar {
    float: right;
    height: 16px;
}

.buscador-responsive .buscar:hover {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
}

.buscador-responsive .buscar {
    display: inline-block;
    margin: 7px;
}

.seccionIconoDerecha h5 p {
	padding-left:0;
	font-weight:500;
	font-size: 1rem;
}

/*Buscador*/

.gsc-positioningWrapper {
	display:none;
}
.gsc-control-wrapper-cse {
	margin: 5rem 0 0 -15px;
}
.gsc-cursor-box {
	text-align:center!important;
}
#deleteSearchBtn {
	background-color: #ffff;
	border-color:#125E8A;
	padding: 0.4rem;
	color: #125E8A;
	font-weight:600;
}

#searchBtn {
	background-color: #125E8A;
	border: none;
	padding: 0.5rem;
	color: #ffff;
}

.mainIconRightG {
    max-height: 160px;
}

.event-day {
	display: flex;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 0.4rem;
}
.event-title {
    color: #0d2d57;
}

.month {
	width: 100%;
	padding: 5px;
	height: 163px;
	overflow: auto;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

.evento-asoc-color{
	background-color:#f4d19b59;
}
.evento-consej-color{
	background-color:#f7f9fb;
}
.cuerpo-evento img{
	max-width:100%;
	height:auto;
}

/**--Tabla**/
table {
	max-width:100%;
	margin-left:1rem;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #0d2d57;
}
.table tr:first-child {
	background-color:white;
	color:#0d2d57;
}

.table tr td {
	height:30px;
	padding:1rem .5rem 1rem .5rem;
	text-align:center;
	width: 200px;
}

.table>h2,h3,h4,h5 {
	margin:0;
}
.table>td,
.table>th {
    padding: 0.75rem;
    vertical-align: middle;
}
.tableContent>p {
	margin-top:revert;
}
.table-container {
	width: 80%;
	border-collapse: collapse;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin-top: 50px;
}
caption {
	font-size: 1.5em;
	margin: 10px 0;
	color: #333;
}
th, td {
	text-align: center;
	padding: 12px;
}
th p,
td p {
	margin-bottom: 0;
}
thead th {
	background-color:#e0e0e0 ;
	color: #1d1d1b;
}
tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}
tbody tr:nth-child(odd) {
	background-color: #ffffff;
}
tbody tr:hover {
	background-color: #f1f1f1;
}
tbody td {
	border-bottom: 1px solid #ddd;
}
th, td {
	border: 1px solid #ddd;
}

/**visually hides text but makes it available to screen readers**/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

@media screen and (max-width: 1400px) {
    .container-xl {
		max-width: 100%;
        padding: 0;
    }
	
	 .container-lg {
        max-width: 100%;
        padding: 0 2rem 0 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .container-lg {
        max-width: 1600px;
        padding: 0 2rem 0 2rem;
    }
    .container-xl {
        padding: 0;
		max-width: 100%;
    }
}
@media screen and (min-width: 1400px) {
    .container-lg {
        max-width: 1600px;
        padding: 0 2rem 0 2rem;
    }
    .container-xl {
        padding: 0;
    }
}

@media screen and (max-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
    	max-width: 100%;
	}
	.sectionTitle {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 575.98px) {
	.container-lg {
		 padding: .7rem;
	}
	.row {
   	 --bs-gutter-x: 0;
	}
	
	.btnPrimary-sm {
		font-size: .875rem;
		padding: 0.375rem;
	}

	.backgroundSeccion {
		padding-top: 2rem;
    	margin: 1rem 0 0 0;
		width:100%;
    	padding: 1rem;
	}

	label {
		font-size:1rem;
	}
	.sectionTitle {
		font-size: 1.5rem;
		padding: 10px 0 10px 0;
	}
	h3{
		font-size:1.5rem;
	}
	.btnWrapper {
		width:100%;
	}

	.whiteBackground {
		padding: 0.625rem;
	}
	.homeCardContent {
		margin-top: 1rem;
	}
	.contenidoTabsContainer img {
	max-width:100%;
	}
	.colorContainer img {
	max-width:100%;
	}
	
}