@font-face {
  font-family: 'HelveticaNeueLTStd';
  src: url('../fonts/HelveticaNeueLTStd-BdCn.otf') format('truetype'); /* Cambia la ruta según la ubicación de tu archivo de fuente */
}
@font-face {
  font-family: 'NeueMontreal-Light';
  src: url('../fonts/NeueMontreal-Light.otf') format('truetype'); /* Cambia la ruta según la ubicación de tu archivo de fuente */
}
@font-face {
  font-family: 'NeueMontreal-Bold';
  src: url('../fonts/NeueMontreal-Bold.otf') format('truetype'); /* Cambia la ruta según la ubicación de tu archivo de fuente */
}
@font-face {
  font-family: 'Riojana-Regular';
  src: url('../fonts/Riojana-Regular.otf') format('truetype'); /* Cambia la ruta según la ubicación de tu archivo de fuente */
}
@font-face {
  font-family: 'Riojana-Semi';
  src: url('../fonts/Riojana-SemiBold.otf') format('truetype'); /* Cambia la ruta según la ubicación de tu archivo de fuente */
}
@font-face {
  font-family: 'Seravek-Medium';
  src: url('../fonts/Seravek-Medium.otf') format('truetype'); /* Cambia la ruta según la ubicación de tu archivo de fuente */
}
/* Colores base, ajústalos según el diseño real */
    :root {
      --blanco: #FFFFFF;
      --gris: #E9EBEC;
      --verde: #76BC21;
      --amarillo: #D9D62F;
      --azul: #243746;
      --borde-tarjeta: #707070;
    }

html {
  scroll-behavior: smooth;
}
body {
	font-family: arial, sans-serif !important;
	background-color: #D0D0D0 !important;
}
.gobierno.cabecera-gob {
    padding: 0;
	background-image: url('../imgs/fondo_cab_100.png');
	background-position: top center;
	background-repeat: no-repeat;
	height:100px;
	z-index:9999;
}
.col-sm-4 {
	padding:20px 0;
	text-align:left;
}

.gobierno.cabecera-gob .row {
	height:100px;
}
.gobierno.cabecera-gob .col-sm-4 img {
	width:90%;
	max-width:800px;
}
.header {
    display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header .column {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*LANDING IKER CAGIGAS*/

.wrapper {
	max-width: 1000px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.wrapper-slim {
	max-width: 700px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
#carousel {
	margin-top: -80px;
	height: 800px;
	overflow: hidden;
}

#carousel .carousel-item {
	height: 800px;
}

#carousel .carousel-img {
	height: 800px;
	width: 100%;
	object-fit: cover;      /* Recorta manteniendo proporción */
	object-position: center; /* Centra la imagen */
}
#carousel .bg-slide {
    height: 800px;
    background-size: cover;          /* Cubre todo */
    background-position: center center;     /* Centrado vertical y horizontal */
    background-repeat: no-repeat;
}
#carousel .carousel-indicators  [data-bs-target] {
	width: 40px !important;
	height: 5px !important;
	background-color: #FFFFFF !important;
	opacity: 1 !important;
}
#carousel .carousel-indicators [data-bs-target].active {
	width: 40px !important;
	height: 5px !important;
	background-color:  var(--azul) !important;
	opacity: 1;
}

.band-amarilla {
	background-image: url('../imgs/puntos.png');
	background-color: var(--amarillo);
	color: #000;
	padding: 3rem 2rem;
    background-size: auto;
    background-repeat: no-repeat;
	background-position-x: 50px;
	background-position-y: 50%;
}

.band-gris {
	height:300px;
	background-image: url('../imgs/fondo_gris.png');
	background-color: var(--gris);
	color: #000;
    background-size: contain;
	background-position-x: 50%;
    background-repeat: no-repeat;
}
.band-gris a.btn {
	color: var(--blanco);
	background-color: var(--verde);
	border-radius:50px;
	padding:10px 40px;
	font-size:20px;
	font-weight:600;
}
.band-amarilla .container,
#donde .container,
#vision .container,
#ayudas .container {
	max-width: 900px;
}
.band-amarilla.larga .container {
	max-width: inherit;
}
.band-amarilla .band-logo img {
	max-width: 300px;
}
.band-amarilla.larga .band-logo img {
	max-width: 500px;
}
.band-amarilla.larga .claim {
	position: relative;
	color: var(--azul);
	border: 1px solid var(--azul);
	padding: 25px 30px 25px 45px;
	font-family: "Open Sans", arial, sans-serif;
	font-size:36px;
	font-style:italic;
	line-height: 1em;
	display: inline-block;
}
.band-amarilla .fw-semibold {
	font-weight: 700;
	color:#FFFFFF;
	font-size:26px;
	font-family: 'Seravek-Medium', sans-serif;
	color: var(--unnamed-color-ffffff);
	text-align: left;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.band-amarilla ul {
	list-style: none;
}
.band-amarilla ul li {
	font-weight: 700;
	color:#FFFFFF;
	font-size:24px;
	line-height:1em;
	font-family: 'Seravek-Medium', sans-serif;
	color: var(--azul);
	text-align: left;
	letter-spacing: 0px;
	opacity: 1;
	margin-bottom:10px;
}
.band-amarilla ul li:before {
	content: "\25BA \0020";
}
#ayudas h3 {
	font-family: "Open Sans", sans-serif;
	color: #243746;  
	font-size:22px;
	font-weight:700;
	line-height:1em;
}
#ayudas .borde-verde {
	border-right: dotted 3px var(--amarillo);
}
#ayudas .icono {
	font-family: "Open Sans", sans-serif;
	color: #243746;  
	font-size:18px;
	font-weight:500;
	line-height:1em;
}
#ayudas .icono img {
	width:60px;
	margin-right:20px;
	display:inline-block;
}
.tarjeta {
	border: solid 1px var(--borde-tarjeta);
	border-radius:20px;
	padding:40px 20px;
	font-family: "Open Sans", sans-serif;
	color: #243746;  
	font-size:22px;
	font-weight:400;
	line-height:1em;
}
.tarjeta:hover {
	background-color: var(--amarillo);
}
.tarjeta img {
	width:125px;
	margin-bottom:5px;
}
@media(max-width:767px){
	#carousel {
		margin-top: 0px;
		height: 400px;
		overflow: hidden;
	}

	#carousel .carousel-item {
		height: 400px;
	}

	#carousel .carousel-img {
		height: 400px;
		width: 100%;
		object-fit: cover;      /* Recorta manteniendo proporción */
		object-position: center; /* Centra la imagen */
	}
	#carousel .bg-slide {
		height: 400px;
		background-size: cover;          /* Cubre todo */
		background-position: center center;     /* Centrado vertical y horizontal */
		background-repeat: no-repeat;
	}
	#carousel .carousel-indicators  [data-bs-target] {
		width: 40px !important;
		height: 5px !important;
		background-color: #FFFFFF !important;
		opacity: 1 !important;
	}
	#carousel .carousel-indicators [data-bs-target].active {
		width: 40px !important;
		height: 5px !important;
		background-color:  var(--azul) !important;
		opacity: 1;
	}
	.band-amarilla {
		background-image: none;
	}
	.band-amarilla.larga .band-logo img {
		max-width: 100%;
	}
	.band-amarilla.larga .claim {
		position: relative;
		border: 1px solid var(--azul);
		padding: 25px 30px 25px 30px;
		font-size:30px;
		font-style:italic;
		line-height: 1em;
		display: inline-block;
	}
	.band-amarilla.larga .row>* {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	#ayudas .icono {
		font-size: 16px;
	}
	#ayudas .icono img {
		margin-right: 5px;
		max-width: 50px;
	}
}
.hero2 .row {
	margin-left:0px !important;
	margin-right:0px !important;
}
.hero2 .row .col-md-12 {
	padding-left:0px !important;
	padding-right:0px !important;
}
#carousel2 .carousel-control-next, #carousel2 .carousel-control-prev {
	width: 5% !important;	
}
.hero2 .claim {
    position: absolute;
	top:150px;
	left:5%;
	width:50%;
	z-index:99999;
}

.about {
	font-size: 20px;
	padding: 70px 0;
	font-family: "Open Sans", arial, sans-serif;
	letter-spacing:0px;
	line-height:1.2em;
	color:#243746;
}
#iconos {
	font-size: 20px;
	padding: 0px 0;
	margin-top:-250px;
	font-family: "Open Sans", arial, sans-serif;
	letter-spacing:0px;
	line-height:1.2em;
	color:#243746;
} 
.about .title {
	color:#243746;
	font-size: 20px;
	font-family: 'NeueMontreal-Bold', arial, sans-serif;
	text-decoration: underline;
	text-transform: uppercase;
	display: block;
}
.about.azulclaro {
	background-color: #7A97AB;
	color: #FFFFFF;
}
.about.rojo {
	background-color: #c62828;
	color: #FFFFFF;
}
.about.blanco {
	background-color: #FFFFFF;
	color: #243746;
}
.about.verde {
	background-color: #76BC21;
	color: #FFFFFF;
}
.about.naranja {
	background-color: #FFC629;
	color: #243746;
}
.about.azuloscuro {
	background-color: #243746;
	color: #FFFFFF;
}
.about  h2 {
  font-family: 'Open Sans', arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 19px;
  padding: 10px 0px;
  color: #243746;
  line-height:1.2em;
  display: inline-block;
}
.about  h3 {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  padding: 10px 0px;
  color: #243746;
  line-height:1.2em;
  display: inline-block;
}
.about  h4 {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  padding: 0 0 10px 0px;
  color: #FFFFFF;
  line-height:1.2em;
  display: block;
}
.about.blanco h4, .about.naranja h4 {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  padding: 0 0 10px 0px;
  color: #243746;
  line-height:1.2em;
  display: block;
}
.about ul li {
    padding-bottom:10px;
}
.about .listasedes {
    column-count: 3;
    column-gap: 2rem; /* espacio entre columnas */
    list-style-position: inside;
}
.about a {
  color:#243746;
  text-decoration: none;
}
.about a:hover {
  font-family: "Open Sans", arial, sans-serif;
	color: #243746;
}
@media (max-width: 768px) {
    .about .listasedes {
      column-count: 1;
    }
  }
.about ul.listasedes li {
    padding:7px 0 3px 0;
}
.about.azulclaro h3, .about.azuloscuro h3, .about.rojo h3, .about.verde h3 {
	color: #FFFFFF;
}
.about .content p:last-child {
  margin-bottom: 0;
}
.about .recomendaciones h3 {
	margin-bottom:20px;
}
.about .recomendaciones .row {
	margin-bottom:40px;
}
.about .ico {
	height:70px;
	margin-right:20px;
}

@media(max-width:767px){
	.hero .px-5 {
		padding-left:40px !important;
		padding-right:40px !important;
	}
	.about .recomendaciones .row {
		text-align: left;
		margin-bottom: 60px;
	}
	.about .recomendaciones .row .ico {
		margin-bottom: 10px;
		height: 60px;
	}
	.about .container, .container {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	.row>* {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}





.c-pie__row {
       display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 30px 0;
    flex-direction: row;
}

.c-pie__column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 25px;
}

.c-footer {
    padding-top: 40px;
	background-color: #FFFFFF;
	color: var(--azul);
}
.c-footer h3 {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  padding: 0 0 50px 0px;
	color: #FFFFFF;
}

.c-pie__row p{
margin-top: 30px;
}

@media(max-width:767px){
	#iconos {
		font-size: 20px;
		padding: 0px 0;
		margin-top: -40px;
		font-family: "Open Sans", arial, sans-serif;
		letter-spacing: 0px;
		line-height: 1.2em;
		color: #243746;
	}
	.band-amarilla .band-logo img {
		max-width: 250px;
	}
	.band-amarilla ul {
		padding-left: 0rem;
	}
	.band-amarilla {
		padding: 40px 0px;
	}
	#ayudas {
		padding: 0px 0;
	}
	#ayudas .tabla {
		padding: 20px;
	}
	#ayudas .tarjetas {
		padding: 20px;
	}
	#ayudas .tabla row>*{
		margin-top: 20px !important;
	}
	#ayudas .borde-verde {
		border-right: dotted 0px var(--amarillo);
		padding-bottom: 30px;
		border-bottom: dotted 3px var(--amarillo);
	}
	#innovacion .px-5 {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.c-footer {
		padding: 50px 40px !important;
	}
	.c-footer img {
		max-width:100% !important;
	}
	.gobierno.cabecera-gob {
		padding: 0;
		background-image: url('../imgs/fondo_cab_movil.png');
		background-position: top center;
		background-repeat: no-repeat;
		background-size:contain;
		background-color:#243746;
		height:90px;
	}
	.gobierno.cabecera-gob .row {
		height:100px;
	}
	.gobierno.cabecera-gob .col-sm-4 img {
		width:100%;
	}
	.banner.center h1 {
		font-size:60px;
	}
	.banner.center h2 {
		font-size:54px;
		line-height:1.2em;
	}
	.montana {
		text-align:right;
	}
	.header {
		flex-direction: column;
	}
	.hero .izda {
		width: 100%;
		text-align:center;
	}
	.hero .dcha {
		width: 100%;
		text-align:left;
	}
	.hero .texto {
		padding-left: 55px;
	}
	.hero .texto p.autor {
		position:relative;
		bottom: 10px;
	}
	.c-pie__row {
		
		padding: 15px 0;
		flex-direction: column;
	}
	.c-pie__row p{
	margin-top: 15px;
	}
	.hero h3, .subhero h3 {
		font-size: 28px;
	}

	.hero .texto p strong {
		font-size: 46px;
	}
}
.c-imagen_absoluta {
    height: 250px;
}

.banner img {
	object-fit: cover; /* La imagen cubre todo el espacio del slider */
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem;
}
.text-center {
	text-align:center;
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.accordion{
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.accordion:before{
    content: "";
    width: 5px;
    height: 100%;
    /*background: #233645;*/
    position: absolute;
    top: 0;
    left: 22px;
    z-index: -1;
}
.accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    background-color: #233645;
	padding:0 20px;
}
.accordion .panel-heading{
    padding: 10px 30px;
    border: none;
    border-radius: 0;
}
.accordion .panel-title {
	margin-bottom:0px;
}
.accordion .panel-title a{
    display: block;
    padding: 10px 30px 10px 0;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    transition: all 0.5s ease 0s;
	margin-bottom:0px;
}
.accordion .panel-title a:after{
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: -20px;
}
.accordion .panel-title a.collapsed:after{
    content: "\f067";
}
.accordion .panel-body{
    padding: 10px 30px;
    border: none;
    font-size: 14px;
    color: #ffffff;
    line-height: 25px;
}
.columns2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 60px;
}

.columns2 .col {
	width: 21%;
	color: white;
	flex: none !important;
	text-align: left;
	padding: 0px !important;
}

.columns {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 60px;
      margin-top: -120px;
    }
@media(min-width:1200px){
	.columns {
		  display: flex;
		  justify-content: space-between;
		  align-items: flex-end;
		  gap: 60px;
		  margin-top: -100px;
		}
}
.columns .col {
      width: 19%;
      color: white;
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
	  padding: 0px !important;
	  min-height:600px;
    }

.columns .col .label {
      background-color: white;
      color: black;
      padding: 0.5rem;
      font-size: 0.85rem;
    }

.columns .col .icon {
      font-size: 2rem;
      margin-bottom: 0.5rem;
	  text-align: center;
    }

.columns .col .red {
	  padding: 30px !important;
      background-color: #c62828;
      height: 610px;
    }

.columns .col .white {
	  padding: 30px !important;
      background-color: #f4f4f4;
      color: #000;
      height: 550px;
    }

.columns .col .green {
	  padding: 30px !important;
      background-color: #76BC21;
      height: 490px;
    }

.columns .col .orange {
	  padding: 30px !important;
      background-color: #FFC629;
      height: 430px;
    }

.columns .col .top-tag {
		font-family: 'Riojana-Regular', sans-serif;
		font-style: italic;
		font-size: 20px;
		line-height: 1.2em;
		font-weight: normal;
		text-align: center;
    }

.columns .col .content {
		font-family: 'Riojana-Regular', sans-serif;
		padding: 1rem;
		font-size: 24px;
		line-height:1.1em;
    }
.columns .col .content ul {
		list-style-image: url(../../imgs/ico_flecha.png);
		list-style-type: none;
		padding-inline-start: 15px;
		unicode-bidi: isolate;
	}
.columns .col .content ul li::before {
      content: ">";               /* El símbolo que quieres usar */
      color: #FFFFFF;             /* Color del símbolo */
      margin-right: 8px;          /* Espacio entre símbolo y texto */
      margin-left: -18px;          /* Espacio entre símbolo y texto */
      font-weight: bold;
    }
.columns .col .content ul.azul li::before {
		font-family: "Open Sans", sans-serif;
      content: ">";               /* El símbolo que quieres usar */
      color: #243746;             /* Color del símbolo */
      margin-right: 8px;          /* Espacio entre símbolo y texto */
      margin-left: -18px;          /* Espacio entre símbolo y texto */
      font-weight: bold;
    }

.columns .title {
		font-family: "Open Sans", sans-serif;
		font-size: 28px;
      font-weight: bold;
      margin-bottom: 0.4rem;
    }

.columns .icon {
      font-size: 1.8rem;
      margin-top: 1.5rem;
    }
	
	.carousel-wrapper {
      max-width: 800px;
      margin: 0 auto;
      padding: 60px 20px 20px 20px;
      position: relative;
    }