@charset "utf-8";
/* CSS Document */

 #inicio .contenido header .contenido-header .seleccionado {color: #C13E32;}

/* Bloque de texto ocupa 50% del ancho total, alineado a la izquierda */

.text-block-50 {
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 2rem;
  display: flex;
  justify-content: flex-start; /* << Cambiado de 'center' a 'flex-start' */
}

.text-block-50-inner {
  width: 50%; /* Ocupa el 50% del contenedor padre */
  max-width: 720px;
  
}

.text-block-50-title {
  margin-bottom: 32px;
}

.text-block-50-inner p {
  margin-bottom: 16px;
}


/* img + cta */
.main-cta-container {
display: flex;
flex-wrap: nowrap; /* Que no se apilen automáticamente */
max-width: 1440px;
margin: auto;
padding: 64px 2rem;
padding-bottom: 64px;
align-items: stretch;}

.main-cta-left,
.main-cta-right {
width: 50%;}

.main-cta-left img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;}

.main-cta-right {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5rem;
box-sizing: border-box;
background-color: #F8F8F8;
gap: 1rem;}

.main-cta-right h1 {
font-size: 39px;
font-style: normal;
font-weight: 400;
line-height: 47px; /* 120.513% */
letter-spacing: 3.12px;
}

.main-cta-right h4 {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
}

.main-cta-right img {
width: 72px; /* o el tamaño que necesites */
height: auto; /* mantiene la proporción */}

.cta-button {
font-family:'HelveticaCustom', sans-serif;
color: white;
border: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
border-radius: 8px;
background: #952F2F;
padding: 16px 16px;
white-space: nowrap;      
width: fit-content;    
max-width: 100%; 
text-decoration: none;}
.cta-button:hover {background-color: #C13E32; color: white;}


/* Bloque tres párrafos con fondo */


.line3-contenedor {
max-width: 1440px;
margin: auto;
padding-inline: 2rem;
margin-bottom: 32px;
margin-top: 80px;}

.line3-contenedor .line3 p {
color: var(--Grey-Scale-Grey-Light, #14222F);}

#block3-bg {
background-color: var(--Grey-Scale-Grey-web, #F8F8F8);
margin-bottom: 64px;
padding: 4rem;
max-width: calc(1440px - 2rem);
}

.block3-bg-cont {
margin: auto;
padding-inline:2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 32px;}


.block3-bg {
flex: 1 1 calc(33.333% - 32px); /* 3 columnas con espacio entre ellas */
box-sizing: border-box;}

.block3-bg h2 {
max-width: 100%;
margin-right: 0;}

.block3-bg p {
color: var(--Deep-Blue, #14222F);
max-width: 100%;
margin-left: 0;}

.destacados {
color: var(--Secondary-Velvet-Red-500, #952F2F) !important;
}


/* Bloque con imagen list*/

.block-img-list {
max-width: 1440px;
margin: auto;
margin-bottom: 0px;
margin-top:0px;
padding-inline: 2rem;
display: flex; 
justify-content: space-between;
gap: 32px;
align-items: stretch; }

.block-img-list .contenedor-img-list {
flex: 1;  
display: flex;
margin-right: 48px;
aling-itmes: stretch;}

.block-img-list .contenedor-img-list img {
width: 100%;
height: auto;
object-fit:cover;
display:block;
}

.block-img-list .block-img-text-list {
    flex: 1 ; /* El texto ocupa el 50% */
    margin: 0;  /* Eliminar margen innecesario */
}

.block-img-list .block-img-text-list h4 {
margin-bottom: 32px;}

.block-img-list .block-img-text-list ul {
margin-left: 16px;}

.block-img-list .block-img-text-list li {
margin-bottom: 0px;}


/* resumenes */

.resumen-contenedor {
max-width: 1440px;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-bottom: 32px;
padding-inline: 2rem;
align-items: stretch;
gap:32px;}

.resumen {
flex: 1;
box-sizing: border-box;
font-family: 'HelveticaCustom', sans-serif;
font-size: 16px;
color: white;}

.resumen-izquierda {
background-color: #2A4A64;
display: flex;
flex-direction: column;
justify-content: center;
gap: 2rem;}
.etiqueta {
display: flex;
align-items: center;
gap: 12px; /* Separación entre icono y texto */
line-height: 1.4;
padding: 0 32px ;}

.bloques-resumenes {
  display: flex;
  gap: 0px;
  justify-content: space-between;
  flex-wrap: wrap; /* Esto hará que se ajusten en pantallas pequeñas */
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px; /* para algo de margen lateral en pantallas pequeñas */
  margin-top: 32px;
margin-bottom: 48px;
}

.resumen-contenedor {
  flex: 1;
  min-width: 300px;
  max-width: 32%;
  box-sizing: border-box;
  background-color: #2A4A64;
  padding: 24px;
  border-radius: 8px;
}

/* Bloque 2 parrafos */

.block2-contenedor {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 64px;
  flex-wrap: wrap;
}

.block2 {
  width: 48%;
  box-sizing: border-box;
  padding: 0 16px;
}

.block2 p {
  margin-bottom: 16px;
  color: #14222F;
  line-height: 1.6;
}

/* RESPONSIVE*/
@media (max-width: 960px) {

/* img + cta */
.main-cta-container {
flex-direction: column;
padding: 32px 0;}
.main-cta-left,.main-cta-right {width: 100%;}
.main-cta-right {padding: 2rem; }
.main-cta-right h2 {
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 33px; /* 132% */
}

/* Bloque tres párrafos con fondo */		
#block3-bg {
flex-direction: column;  /* Cambia la dirección del flex a columna */
align-items: stretch;  /* Asegura que ambos elementos ocupen el 100% del ancho */
margin-bottom: 32px;}


#block3-bg .block3-bg-cont,
#block3-bg .block3-bg {max-width: 100%;}
#block3-bg .block3-bg {margin-bottom: 16px; }
.line3-contenedor {
    margin-top: 32px;
}

	
/* Bloque de texto con imágenes list */
.block-img-list {
flex-direction: column;
align-items: center;
margin-top: 0px;
margin-bottom: 0px;
gap: 16px;}

.block-img-list .contenedor-img-list,
.block-img-list .block-img-text-list {
width: 100%;}

.block-img-list .contenedor-img-list {
margin-bottom: 8px;
margin-right: 0px;}

.block-img-list .block-img-text-list h4 {
margin-bottom: 32px;
margin-top: 16px;}
.block-img-list .block-img-text-list ul {
margin-left: 1rem;}
.block-img-list .block-img-text-list li {
margin-bottom: 16px;}

/* resumenes */	
 .resumen-contenedor {
margin-bottom: 0px;
flex-direction: column; /* Los bloques se apilan verticalmente */
gap: 32px; /* Reducir el espacio entre bloques */}
.resumen-izquierda,
 .resumen-derecha {
flex: 1 1 100%; /* Cada bloque ocupa el 100% del ancho disponible */}
.resumen-izquierda {
padding-top: 32px;
padding-bottom: 32px;}
.etiqueta {padding: 0 16px; /* Reducir el padding para pantallas más pequeñas */}

.bloques-resumenes {gap: 32px;}
.resumen-contenedor {
max-width: 100%;
flex: 1 1 100%;}
	
/* Bloque 2 parrafos */
.block2-contenedor {
flex-direction: column;
gap:16px;
margin-bottom: 32px;
padding-inline: 1rem;}

.block2 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px;
}

/* Bloque de texto ocupa 50% del ancho total, alineado a la izquierda */

.text-block-50 {
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: 2rem;
  display: flex;
  justify-content: flex-start; /* << Cambiado de 'center' a 'flex-start' */
}

.text-block-50-inner {
  width: 100%; /* Ocupa el 100% del contenedor padre */
  max-width: 720px;
  
}

.text-block-50-title {
  margin-bottom: 32px;
}

.text-block-50-inner p {
  margin-bottom: 16px;
}

}