/*------------------------------ RESET ----------------------------------------*/

html, body, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ul, ol, dl { }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: normal;
  margin: 0 auto;
  padding: 10px;
  border: 0;
}
.white_bakground{background:#fff;}
.background{background:#fff;}
.white{color:#fff;}
.orange{color: #E76500;}
a { text-decoration: none; color: #EA7D26;}
a.enlacenegrita{ font-weight: bold;}
a:hover { text-decoration: underline !important; cursor: pointer; color: #262626 !important;}

/*----------------------CLASES GLOBALES----------------------------------------*/
.clr { clear: both; }
.hide { display: none !important; }
.left{float:left;}
.right{float:right;}
.hide{display:none;}

/*------------------------------ CONTENIDO ------------------------------------*/

.center{text-align:center;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.info{padding: 1% 1% 1% 10%}

#containr {
    display: table;
    width: 100%;
}

#containr > div {
    display: table-cell;
}

.right {
    text-align: right;
}

.center{
	text-align: center;
}

.style1{
	min-width: 450px;
	display: inline-block;
	padding-top: 20px
}

/*------------------------------ HEADER ---------------------------------------*/

header {/*width: 100%;*/ border-top: 2px solid #FF6600;}
header .header_top { position: relative; height: auto; padding: 0.4% 0% 0% 0%;}
header .header_down { position: relative; height: auto; /*padding: 10px;*/}
header .header_bottom { position: relative;}
header .header_menu_right {float: right; width: 65%}
header .header_menu_center {float: center; width: 100%}

/*------------------------------ WRAPPER --------------------------------------*/  

.wrapper { 
	position: relative;
	width:100%; 
	max-width: 1000px; 
	margin: 0 auto; 
}

.wrapper_main { 
	position: relative;
	width:100%; 
	max-width: 1000px; 
	margin: 0em auto;
	border-top: none; 
	border-bottom: none;
	padding-bottom: 16px;
}

/*------------------------------ MAIN-TOP ------------------------------------*/
.main_top .h_line{padding: 0;}
.main_top .h_line img {max-width: 100%;}


/*------------------------------ MOD-CLAIM ------------------------------------*/

.mod_claim_der {width:55%; float:right; margin-left:5%;}
.mod_claim_der h1 { display: none; font-size: 1.08em; color: #1B7ABA; }
.mod_claim_der h2 { display: block; width: 28em; color: #C33400; float:left; margin-top: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mod_claim_der img {width: 50%; float: right;}
.mod_claim_izq {float:left;padding-top: 1em;}
.mod_claim_izq .mod_claim_in {float: left; margin-right: 1em;}
.mod_claim_in_izq img {width: 100px;}
.mod_claim_in_der{float:right;}
.mod_claim_in_der img {display:inline; width: 200px; float: right;}
.mod_claim_in_der2 img {display:inline; width: 200px; float: right;}
.mod_claim_in_cen {display:inline; float: inline-strt;}
.mod_claim_in_cen h3 {display:inline; float: inline-start;}
.mod_claim_cla {width: 100px; margin-right: 1em;}
.mod_claim_gob {display:inline; width: 200px; float: right;}


/**** buttons *****/

.btn {
    font-weight: bold;
    color: #ffffff !important;
    background: #C75000 !important;
    border: 0px;
    transition: all 0.3s ease;
    border-radius: 0;
    padding: 10px 15px;
    border: 1px solid #ddd;
	cursor:hand;
	cursor:pointer;
}

.btnWidth100{
	width: 100%;
}

.btnGreyBackground{
	width: 100%;
	background-color: #707070 !important;
	color: #FFFFFF;
}

.box-btn {
    margin: 20px 0 0 0;
    text-align: right;
}

.btn.cancel {
    color: #434343;
    background: transparent;
    border: 1px solid #ddd;
}

.btn:hover {
	color: #000000 !important;
	text-shadow: none;
	background: #EA7D26;
	border:1px solid #EA7D26;
}

/* Tooltip text */
.tooltiptext {
    width: 9em;
    background-color: rgba(0,0,0,.75);
    color: white;
    text-align: center;
    padding: 0.6em;
    border-radius: 0.3em;
    margin: -9em -8em 4em -0.5em;
    position: absolute;
}

.tooltiptext:before {
    content: " ";
    position: absolute;
    top: 8.6em;
    left: 0.4em;
    border: solid 15px transparent;
    border-right-color: rgba(0,0,0,.75);
    transform: rotate(270deg);
}


/*------------------------------ MOD-SUBHOME ------------------------------------*/
/*------------------------------ MOD-INTRO-SUBHOME ------------------------------------*/
.mod_subhome_intro {border-top: 2px solid #dedede; border-bottom: 2px solid #dedede;}
.mod_subhome_intro.mod_subhome_gen_wrapper { max-width: 76.5em; margin: 0 auto; }
.mod_subhome_intro .wrapper  { text-align: center; }
.mod_subhome_intro .titulo { font-size: 1.325em; color: #707070; }

/*------------------------------ MOD-TITULO-SUBHOME ------------------------------------*/
.mod_subhome_titulo {background: url(../img/menu_bk_.jpg) center no-repeat; }
.mod_subhome_titulo.mod_subhome_gen_wrapper  { max-width: 76.5em; margin: 0 auto; }
.mod_subhome_titulo .mod_subhome_wrapper {width: 90%; margin: 0 auto; text-align: center !important; }
.mod_subhome_titulo p {font-size: 1.025em; line-height: 1.5em; text-align: center !important; margin-bottom: 0; color: #707070; background-color: rgba(235, 235, 235, 0.5);}


/*------------------------------ MOD-DESTACADOS-SUBHOME ------------------------------------*/
.items{
	background-color: #0347ad;
	display: flex 
}

.izq {float: left; width : 28%;height:100%;}
.der {
	float:right;
	position:relative;
	left:1px;
	width:68%;
	height:100%;
	background-color: #F7F7F7;
	}
	
.subconsent-title {
    position: relative;
    top: -30px;
    font-weight: bold;
    color: #707070;
}
	
.items_img img {width: 100%;}


.titulo { position: relative; display: block; font-family: "Helvetica Neue 35 Light", Arial, Verdana; font-size: 1.00em; color: #E56500; margin-top: 0.5%; margin-bottom: 0.5%; }
.subtitulo { font-size: 1.5em; color: #E56500; margin-bottom: 0.25em;}
.warningtitle { color: #707070; font-size: 1.1em; font-weight: bold;}
.warningtext { color: #707070; font-size: 1.0em;}


h1{font-size: 2em;}
h2{font-size: 1.6em;}
h2.titulo {color: #707070;font-size: 1.3em;}
h2.subtitulo {color: #E76500;border-bottom:1px solid #E76500;padding:10px 0px 10px 0px;}
h2.consent-title {font-size: 2.7em;padding: 4.7% 0;font-weight: bold;margin-top: 16px;}
h1.titulo {color: #707070;font-size: 1.3em;}
h1.subtitulo {color: #E76500;border-bottom:1px solid #E76500;padding:10px 0px 10px 0px;}
h1.consent-title {font-size: 2.7em;padding: 4.7% 0;font-weight: bold;margin-top: 16px;}

.space30{height:30px;}
.space50{height:50px;}
.space60{height:60px;}
.space100{height:100px;}
.space120{height:120px;}


/*------ Unordered List ------*/
ul.list li.check_list {
  list-style: none;
  margin-left:20px;
  padding:5px;
  font-weight:normal;
}

ul.list li {
  list-style-type:  square;
  list-style-image: url("../img/tick.png");
  margin-left:20px;
  padding:5px;
  font-weight:normal;
}

/*------ Ordered List ------*/
ol.list li {
  margin-left:20px;
  padding:5px;
  font-weight:normal;
}

/* Remove bullet from the list item */
.noBullet {
  list-style-type: none;
}

/** STATIC STYLES **/
.paddingTop5{
	padding-top:5px;
}
.paddingTop25{
	padding-top:25px;
}

.styleBotons{
	min-width: 450px;
	display: inline-block;
}

.btn.btn-submit{
	width: 100%;
}

.btn.btn-opposite{
	width: 100%;
	background-color: #707070 !important;
	color: #FFFFFF;
}

/** END STATIC STYLES **/

/*------------------------------ FOOTER ---------------------------------------*/

footer { position: relative; width: 100%; color: #fff; border-top: 3px solid #FF6600; margin-top: 5em; text-align: right;}
footer .footer_top { position: relative; min-height: 2em; margin-top: 1em;}
footer .footer_top img {max-width: 100%;}
footer .footer_main { position: relative; padding-bottom: 1em;}
footer .footer_bottom { position: relative; padding: 1em 0; border-top: 1px solid #B8B8B8;font-size:0.9em;}
footer .footer_bottom .comp_left { position: relative; float:left; width: 55%;}
footer .footer_bottom .comp_right { position: relative; float:right; width: 40%; margin-left: 5%;}


	.countrySelectorButtons{
		width: 45%;
		padding-bottom:40px;
	}

/*------------------------ RESPONSIVE -----------------------------------*/

@media(max-width:850px){

body {
  background: #fff;
}

.mod_claim_in.mod_claim_in_cen {
    float:center;
	padding:0px 10px;
}

.titulo {
    position: relative;
    display: block;
    font-family: "Helvetica Neue 35 Light", Arial, Verdana;
    font-size: 1.3em;
    color: #E56500;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
	padding:10px;
}

.izq{
	display:none;
}

.der {
    position: relative;
    left: 0px;
    width: 99%;
    height: 100%;
    background-color: #F7F7F7;
}

.items {
    background-color: #fff;
}

.wrapper { 
	width: 100%;
}

.wrapper_main {
    width: 100%;
    padding-bottom: 16px;
}
h1{font-size: 1.3em;}
h2{font-size: 1.3em;}
h2.titulo {
	font-size: 2.2em;
	font-weight:bold;
	margin-top: 30px;
}
h1.titulo {
	font-size: 2.2em;
	font-weight:bold;
	margin-top: 30px;
}

.info {
    padding: 5%;
}

.subtitulo {
    font-size: 1.2em;
    color: #E56500;
    margin-bottom: 0.25em;
}

.center {
    text-align: left;
}


.redirect{
	margin-left:8%;
	}

footer{display:none;}

.countrySelectorButtons{
	width: 70%;
}

h2.consent-title{
	padding: 4.7% 0;
	}
h1.consent-title{
	padding: 4.7% 0;
	}
}

div.error-text {
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

@media(max-width:580px){
	
	h2.consent-title{
		font-size: 1.7em;
    	padding: 4.7% 0;
    	margin-bottom: 0.5em;
	}
    h1.consent-title{
    	font-size: 1.7em;
        padding: 4.7% 0;
        margin-bottom: 0.5em;
    }
	
	.countrySelectorButtons{
		width: 100%;
	}

	.mod_claim_in.mod_claim_in_der{
		display:none;
	}
	
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.countries {
	list-style: none;
	text-align: center;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 70%;
	grid-row-gap: 2%;
}

.button {
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	line-height: 1.5;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: white;
	border-color: #dbdbdb;
	cursor: pointer;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	padding-left: 0.75em;
	padding-right: 0.75em;
	text-align: center;
	white-space: nowrap;
	width: 250px;
	height: 40px;
	grid-column-gap: 5px;
}

.button[disabled] {
	background-color: #F0F0F0;
    border-color: #B5B5B5;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.5;
}
.button[disabled]:hover, .button[disabled].is-hovered {
	border-color: #969696;
	color: #363636;
}
.button:hover, .button.is-hovered {
	border-color: #b5b5b5;
	color: #363636;
}

i.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	color: #363636;
	font-weight: bold;
	opacity: 0.6;
}

.resultadoBusqueda{
    text-align: center;
    padding-left: 4em;
    font-size: 1rem;
    position: relative;
    margin-left: 200px;
    width: 100%;
}

.control {
	font-size: 1rem;
	position: relative;
	text-align: left;
	margin-left: 200px;
	width: 100%;
	margin-bottom: 35px;
}

.control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium 
	~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium 
	~ .icon {
	font-size: 1.25rem;
	padding: 0.8rem;
}

.control.has-icons-left .icon, .control.has-icons-right .icon {
	color: #dbdbdb;
	height: 2.25em;
	pointer-events: none;
	position: absolute;
	top: 6px;
	width: 2.25em;
	z-index: 4;
	margin-left: 40px;
}

.control.has-icons-left .input, .control.has-icons-left .select select {
	padding-left: 2.25em;
	margin-left: 40px;
}

.control.has-icons-left .icon.is-left {
	left: 0;
}


#searchInput {
	margin-bottom: 2rem;
}

.input.is-medium, .textarea.is-medium {
	font-size: 1.55rem;
}

.input, .textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1rem;
	height: 2.25em;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	line-height: 1.5;
	padding-bottom: calc(0.375em - 1px);
	padding-left: calc(0.625em - 1px);
	padding-right: calc(0.625em - 1px);
	padding-top: calc(0.375em - 1px);
	position: relative;
	vertical-align: top;
	background-color: white;
	border-color: #919191;
	color: #363636;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	max-width: 100%;
	width: 100%;
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder
	{
	color: rgba(54, 54, 54, 0.3);
}

.input:hover, .input.is-hovered, .textarea:hover, .textarea.is-hovered {
	border-color: #b5b5b5;
}

.overlay-icon-right {
    margin-left: -35px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    color: #707070;
    padding-top: 5px;
}

.button-info {
    border: none;
    background-color: transparent;
    vertical-align: middle;
    display: block;
    height: 100%;
    color: #707070;
    padding: 0px;
}

.countryform {
    padding: 4px 20px;
    width: 310px;
    height: 48px;
}

div.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    width: 100%;
}
.is-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.button.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.foot{
	text-align:center; 
	max-width: 1000px;
    margin: 0em auto;
}

[data-tooltip]:not(.is-disabled), [data-tooltip]:not(.is-loading), [data-tooltip]:not([disabled]) {
    cursor: pointer;
    overflow: visible;
    position: relative;
}

[data-tooltip]::before {
	content : attr(data-tooltip);
	background-color:rgba(0,0,0,.75);
	color:white;
	-webkit-font-smoothing: antialiased;
	width:150px;
	padding:10px;
	height:auto;
	border-radius:3px;
	display:none;
	position:absolute;
	bottom:25px;
	left:calc(100% - 75%);
	pointer-events: none;
	z-index:99;
}
 
[data-tooltip]::after{
	content:"";
	height:1px;
	width:1px;
	border:10px solid transparent;
	border-top-color:rgba(0,0,0,.75);
	position:absolute;
	bottom:5px;
	left:50%;
	display: none;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after,
[data-tooltip]:focus::before,
[data-tooltip]:focus::after
{ 
	display:block;
} 

/* Usamos la clase 'tooltip-hidden' para ocultar el tooltip */
[data-tooltip].tooltip-hidden::before,
[data-tooltip].tooltip-hidden::after {
    display: none;
}

@media screen and (max-width:650px) {
	.countries {
		grid-template-columns: repeat(1, minmax(0, 0fr));
		display:block;
		margin-left:60px;
	}
	#search {
		margin-left:52px;
		width:250px;
	}
	.foot{
		text-align:center; 
		margin-top:-55px;
		max-width: 1000px;
        margin: 0em auto;
	}
}


@media screen and (min-width:650px) and (max-width:780px){
	.countries {
		grid-template-columns: repeat(2, minmax(0, 0fr));
		grid-column-gap: 64%;
	}
	#search {
		margin-left:65px;
		width:400px;
	}
	.foot{
		text-align:center; 
		margin-top:275px;
		max-width: 1000px;
        margin: 0em auto;
	}
}

@media screen and (min-width:780px) and (max-width:850px){
	.countries {
		grid-template-columns: repeat(2, minmax(0, 0fr));
		grid-column-gap: 58%;
		margin-left:40px;
	}
	#search {
		margin-left:125px;
		width:350px;
	}
	.foot{
		text-align:center; 
		margin-top:275px;
		max-width: 1000px;
        margin: 0em auto;
	}
}

@media screen and (min-width:850px) and (max-width:1024px){
	.countries {
		grid-template-columns: repeat(2, minmax(0, 0fr));
		grid-column-gap: 105%;
		margin-left:80px;
	}
	#search {
		margin-left:160px;
	}
	.foot{
		text-align:center; 
		margin-top:275px;
	}
	
}

@media screen and (min-width:1024px) {
	.countries {
		grid-template-columns: repeat(3, minmax(0, 0fr));
		grid-column-gap: 70%;
	}
}

@media screen and (max-width:480px) {
		
	.countries {
		margin-left:-70px;
	}
	.countryform {
     	width: 300px;
  	}
	#search {
		margin-left:-70px;
		width: 220px;
	}
}

/*------------------------------ TABLE ---------------------------------------*/

.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    table-layout: auto; 
    border-spacing: 0;
}

.styled-table thead {
    background-color: #347D9D;
    color: #ffffff; 
    font-weight: bold;
}

.styled-table th, .styled-table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.styled-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Compatibilidad con navegadores más antiguos */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .styled-table {
        display: block; /* Asegura el comportamiento de tabla en IE10+ */
        overflow-x: auto; /* Asegura la visibilidad en IE10+ */
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    /* Asegura un desplazamiento fluido en dispositivos con soporte */
    .styled-table {
        -webkit-overflow-scrolling: touch;
    }
}

/* Asegurar que el fondo y los bordes se comporten correctamente en navegadores antiguos */
.styled-table tr {
    background-clip: padding-box; /* Asegura que el fondo no sobresalga de los bordes en navegadores antiguos */
}

/*------------------------------ OCULTAR LINK ACCESIBILIDAD ---------------------------------------*/

.skip-link {
    position: absolute;
    top: -40px;
    left: -9999px;
}

/*------------------------------ Modificación de componente de boostrap ---------------------------------------*/

.custom_color {
	color: #df5900;
}

/* Cambiar el color del icono de la flecha */
.accordion-button::after {
    filter: invert(39%) sepia(96%) saturate(1053%) hue-rotate(-13deg) brightness(98%) contrast(97%);
}

/* Cambiar el color del título cuando el acordeón está expandido */
.accordion-button:not(.collapsed) {
    color: #df5900 !important; /* Título en naranja cuando esté activo */
    background-color: transparent !important; /* Quitar color de fondo */
    box-shadow: none !important; /* Quitar sombras del borde */
}

em {
    font-style: italic;
}