@charset "utf-8";

 body {
  overflow-x: hidden;
  
}

/*geometría medium*/
@font-face {
  font-family: 'Geometria Bold';
  src: url("../assets/fonts/Geometria-Bold.ttf");
}


/*geometría*/
@font-face {
  font-family:'Geometria';
  src: url("../assets/fonts/Geometria.ttf");
}


/*geometría Medium*/
@font-face {
  font-family:'Geometria Medium';
  src: url("../assets/fonts/Geometria-Medium.ttf");
}

#header{
	
	  position: fixed;
}
/* CSS Document */
@media (max-width: 991px) {
	#header {
		
		margin-top:-70px !important;
		z-index: 2000; 
			height: 60px !important;
		background-color: #232323 !important;
	}
	
	.imagenmedidas{
		max-width: 90%; }
}

@media (min-width: 992px) {
	#header {
		background-color: white !important;
		height: 160px !important;
		width: 100% !important;
		margin-top: 0 !important; /* Evitamos moverlo hacia arriba */
		position: fixed !important; /* Fija el header */
		top: 0; /* Lo pega a la parte superior */
		left: 0;
		z-index: 2000;
		
	}
	.main-nav{
		
		background-color:rgb(55, 171, 138) !important;
		height: 45px;
		margin-top:-65px !important;
		width: 80% !important; 
		text-align: right;
		width: 100% !important;
	}
	.minimal-menu
	{
		margin-top:10px; 
		margin-right: auto;
		margin-left: auto;
		width: 1000px !important;
	}
	
	header .container {
		width: 100% !important;
	}
	.imagenmedidas{
		max-width: 500px; }
	}
/*SECCION 1 PAGINA PROYECTOS*/

/* Estilo general */
@media (min-width: 768px) {
.seccion1 {
    display: flex;
    justify-content: center;
    padding: 20px;
	/*background-color: rgba(202, 28, 89, 0.9); /* 70% opacidad */
background-color: white;
}
}
@media (max-width: 768px) {
.seccion1 {
    display: flex;
    justify-content: center;
    padding: 50px;
	/*background-color: rgba(202, 28, 89, 0.9); /* 70% opacidad */
background-color: white;
	        margin-top: 70px !important;
	height: 620px;
}
}

.bullets {
  list-style: none;
  padding-left: 0;
	margin: 0;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-family: 'Geometria Medium', sans-serif;
	font-size: 15px;
	
}

.bullets li::before {
  content: "✔"; /* Unicode símbolo profesional */
  color: white; /* Verde profesional */
  font-weight: bold;
  display: inline-block;
  width: 1.5em;
	
}


.contenedor {
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.columna-izquierda {
    flex: 1;
    width: 260px; /* Esto asegura que ocupe al menos 300px en pantallas pequeñas */
    margin-right: 20px;
}

.columna-derecha {
    flex: 1;
    width: 280px;
    width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
	
}
@media (min-width: 768px) {
  .texto-principal {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    color: #009BB4;
    font-family: 'Geometria Medium';
    width: 360px;
    margin-top: -250px;
    margin-left: 0px;
    line-height: 0.5em;
    letter-spacing: normal;
    /*border-left: 8px solid #009BB4;*/
    
    /* Añadido */
    height: 800px; /* O la altura que quieras para el borde */
    position: relative;
	  text-size-adjust: 100%;
	  text-align: justify;
  }

  .texto-principal p {
    position: absolute;
    top: 50%;         /* Centrado verticalmente */
    transform: translateY(-50%);
    margin-left: 40px;
    letter-spacing: normal;
	line-height: normal;
	  width: 470px;
  }
}



@media (max-width: 768px) {
.texto-principal {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    color: #009BB4;
    font-family: 'Geometria Medium';
	width: 300px;
	margin-top:250px;
	margin-left: -14%;
	margin-right: auto;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	border-left: 8px solid #009BB4;
	
	}
	.texto-principal p{margin: 0 10px 0px; }
	
	
}


/*FRANJA VIOLETA*/
.divfila {
  width: 100%;
  background-color: #96D0EA; /* Lila */
     margin-top: -20px;
	margin-bottom: 100px;
}


.texto-secundario,
.matricula {
  display: flex;
  flex-direction: row;
  align-items: center; /* Alinea texto verticalmente respecto a línea */
  color: white;
}

.texto-secundario{
	font-family: 'Geometria Medium';
	
	
}

@media (min-width: 768px) {
.linea {
                width: 8px;
        height: 4500px;
        /*background-color: #009BB4;*/
        margin-left: -1px;
        margin-right: 20px;
        z-index: 99;
        margin-top: -650px;
	    background-image: linear-gradient(to bottom, 
                                      #009BB4 0px, 
                                      #009BB4 650px, 
                                      transparent 650px, 
                                      transparent 1277px, 
                                      #009BB4 1277px, 
                                      #009BB4 4500px);
    
	
	
}
}


@media (max-width: 768px) {
.linea {
  width: 8px;
  height: 700px;
  
	 height: 4650px;
  margin-right: 96%;
	
	background-image: linear-gradient(to bottom, 
                                      transparent 0px, 
                                      transparent 890px, 
                                      #009BB4 890px, 
                                      #009BB4 1450px, 
                                      #009BB4 1450px, 
                                      #009BB4 4650px);
	z-index: 999;
}
}


@media (min-width: 768px) {
.lineacomohacemos {
    width: 8px;
    height: 780px; /* Altura total que cubre el rango */
   
    margin-left: -56.2%;
    margin-right: 20px;
    margin-top: -50px;
    background-image: linear-gradient(to bottom, 
                                      #009BB4 0%, 
                                      #009BB4 180px, 
                                      transparent 180px, 
                                      transparent 380px, 
                                      #009BB4 380px);
    background-size: 100% 100%;
}

}


@media (max-width: 768px) {
.lineacomohacemos {
  width: 8px;
        height: 120px;
        background-color: #009BB4;
        margin-left: -40%;
        margin-right: 20px;
        margin-top: -50px;
}
	
	
}



@media (min-width: 768px) {

	
	.otros-textos {
  display: flex;
  flex-direction: column;
  gap: 40px; /* Espacio entre bloques */
  max-width: 800px;
  margin: 0 auto;
	
	margin-left: calc(50% - 507px + 8px); /* Si tu .contenedor está centrado a 1000px */
}

	.matricula {
  margin-top:-3280px; 
	font-family: 'Geometria';
	
}
	.texto-secundario p,
.matricula p {
  margin: 0;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-family: 'Geometria Medium', sans-serif;
	margin-top: 143px;
}

.matricula .ptextolargo {
  margin: 0;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-family: 'Geometria', sans-serif;
	font-weight: bold;
	margin-top: -550px;
	font-size: 16px;
	margin-left: 40px;
	text-align: justify;
	
}

.ptextolargo {width: 100%;}

.matricula .ptextolargotextos {
  margin: 0;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-family: 'Geometria', sans-serif;
	font-weight: bold;
	margin-top: -300px;
    font-size: 16px;
    margin-left: -800px;
}

.texto-secundario p {
  font-size: 15px;
}

.matricula p {
  font-size: 15px;
}
	


.linea2 {
  width: 8px;
  height: 200px;
  background-color: white;
  min-height: 150px;
  
}
}


@media (min-width: 768px) {

	
	.imagen {
    width: 100%;
    height: auto;
    object-fit: cover;
	width: 571px;
    height: auto;
	
	margin-top: -280px;
	margin-left: 140px;
	
}
	.launo{
		
		margin-left: 50px;
	}
}

@media (max-width: 768px) {
.imagen {
       
        width: 100%;
    height: auto;
    object-fit: cover;
	
    height: auto;
	
	margin-top: -700px;
	margin-left: 50px;
	
}
	
	.launo{
		
		margin-left: 0px;
	}
}

@media (max-width: 767px) {
	.matricula {
  display: block;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
  max-width: 100%;
  font-family: 'Geometria', sans-serif;
	margin-top:	-3800px;
}

.ptextolargo,
.ptextolargotextos {
  display: block;
  margin: 20px auto;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-weight: bold;
  text-align: justify;
  max-width: 90%;
}

/* 🔒 Esto anula cualquier margen conflictivo heredado */
.ptextolargo {
  margin-left: 10px !important;
  margin-top: -450px !important;
}

.ptextolargotextos {
  margin-left: 10px !important;
  margin-top: 0 !important;
}
}

@media (min-width: 768px) {
.imagendecostura {
   
    height: auto;
    object-fit: cover;
	width: 271px;
    height: auto;
	
	margin-top: -3400px;
	margin-left: 8px;
	
}
}

@media (max-width: 768px) {
.imagendecostura {
       
    width: 261px;
    height: auto;
    object-fit: cover;
	
    height: auto;
	
	margin-top: -4250px;
	margin-left: -78% !important;
	margin-right: auto;
	
}
}

/* Media Queries para pantallas pequeñas */
@media (max-width: 768px) {
    .contenedor {
        flex-direction: column;
    }

    .columna-izquierda, .columna-derecha {
       
    }
}


/*seccion dos con los 5 items COMO TRABAJAMOS*/

.section {
      width: 100% !important;
      margin: auto;
      padding: 2rem;
	background-color: #6f6f72;
    }

    .grid {
      display: grid;
		max-width: 1000px;
      grid-template-columns: 1fr 1fr;
	  margin-left: auto;
		margin-right: auto;
      gap: 2rem;
    }

    .col-1 {
      display: flex;
      flex-direction: column;
    }
@media (min-width: 768px) {
    .titulo {
    font-family: 'Geometria Bold';
    
    font-size: 8rem;
    line-height: 1.1;
    color: white;
		margin-top:150px;
		letter-spacing: 0em;
  }



  .titulo .de {
    font-size: 6.7rem;
    display: inline-block;
    margin: 0 0.5rem;
    vertical-align: middle;
    color: white;
    margin-top: -10px;
  }

  .titulo .de .d {
    border-bottom: 6px solid white;
    padding-bottom: 0.1rem;
	   color: white;
  }

  .titulo .espacios {
    display: block;
    font-size: 8rem;
    letter-spacing: 0em;
	 
  }

  .titulo .espacios .o {
    font-size: 6.7rem;
	color: white;
  }

    .texto-general {
    grid-column: 1 / 3;
    font-size: 1.2rem;
    margin: 2rem 0;
	color: white;
	font-family: 'Geometria Medium';
	font-size: 17px;
	letter-spacing: 0.03em;
	margin-top: 30px;
    }

    .subtitulo {
      font-size: 4rem;
      color: white;
      margin-bottom: 1rem;
		font-family: 'Geometria Bold';
		margin-left: 10px;
		
    }

    .trabajo {
      position: relative;
      padding-left: 2rem;
    }

    .trabajo::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      background: rgb(128 128 128);
    }

     .item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
		 margin-top: 60px;
  }
	
	.cuatro {
		
		margin-top:50px;
	}
	
	.cinco{}

  .item-img {
    width: 75px;
    height: auto;
    flex-shrink: 0;
	  background-color:white;
	  border-radius: 75px;
  }

  .item-contenido {
    display: flex;
    gap: 1rem;
  }

  .numero {
    font-size: 81px !important;
    font-family: 'Geometria Bold';
    color: white;
    line-height: 1;
    flex-shrink: 0;
	  margin-left: 20px;
	  margin-right: 20px;
	  margin-top: -12px;
  }

  .texto-item {
    font-size: 14px;
    line-height: 1.3;
	  color: white;
	  width: 216px;
	   font-family: 'Geometria';
	 
		font-weight: bold;
  }

 .btn-cita {
    display: inline-block;
    margin: 1rem auto;
    padding: 0.8rem 1.5rem;
    background-color: #4b4a4a;
    color: #fff;
    text-decoration: none;
    border: none;
    font-size: 2rem;
    text-align: center;
	
    cursor: pointer;
    border-radius: 4px;
  }

  .btn-container {
    text-align: left;
  }
}


/*pantallas chicas*/
@media (max-width: 767px) {
    .titulo {
    font-family: 'Geometria Bold';
    
    font-size: 4rem;
    line-height: 1.1;
    color: white;
		margin-top:150px;
		letter-spacing: 0em;
		margin-top:0px;
  }



  .titulo .de {
    font-size: 2.7rem;
    display: inline-block;
    margin: 0 0.5rem;
    vertical-align: middle;
    color: white;
    margin-top: -10px;
  }

  .titulo .de .d {
    border-bottom: 6px solid white;
    padding-bottom: 0.1rem;
	   color: white;
  }

  .titulo .espacios {
    display: block;
    font-size: 4rem;
    letter-spacing: 0em;
	 
  }

  .titulo .espacios .o {
    font-size: 2.7rem;
	color: white;
  }

    .texto-general {
      grid-column: 1 / 3;
      font-size: 1.2rem;
      margin: 2rem 0;
		color: white;
		font-family: 'Geometria Medium';
		font-size: 12px;
		letter-spacing: 0.03em;
    }

    .subtitulo {
      font-size: 3rem;
      color: white;
      margin-bottom: 1rem;
		font-family: 'Geometria Bold';
		margin-left: 70px;
		
    }

    .trabajo {
      position: relative;
      padding-left: 2rem;
    }

    .trabajo::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      background: rgb(128 128 128);
    }

     .item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
    margin-top: 60px;
  }
	
	.cuatro {
		
		margin-left:20px; margin-top:10px;
	}
	.cinco{
		
		margin-left:20px;
	}

  .item-img {
    width: 55px;
    height: auto;
    flex-shrink: 0;
	  background-color:white;
	  border-radius: 55px;
  }

  .item-contenido {
    display: flex;
    gap: 1rem;
  }

  .numero {
    font-size: 81px !important;
    font-family: 'Geometria Bold';
    color: #009BB4;
    line-height: 1;
    flex-shrink: 0;
	  margin-left: 20px;
	  margin-right: 20px;
	  margin-top: -12px;
  }

  .texto-item {
    font-size: 14px;
    line-height: 1.3;
	  color: white;
	  width: 200px;
	   font-family: 'Geometria';
  }

 .btn-cita {
    display: inline-block;
    margin: 1rem auto;
    padding: 0.8rem 1.5rem;
    background-color: #4b4a4a;
    color: #fff;
    text-decoration: none;
    border: none;
    font-size: 1rem;
    text-align: center;
	
    cursor: pointer;
    border-radius: 2px;
  }

  .btn-container {
    text-align: left;
  }
}





    @media (max-width: 768px) {
      .grid {
        grid-template-columns: 1fr;
      }

      .texto-general {
        grid-column: 1;
      }

      .trabajo::before {
        display: none;
      }
    }


/*SECCION NÚMERO 3*/



   .containersolicitudes {
    color: #6F6F72;
    width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #96D0EA;
	  
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center;     /* Centra verticalmente, si quieres */
  flex-wrap: wrap;
  gap: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -65px; 
	   position: relative;
	z-index: 1;
	   padding-bottom: 130px;
}

.main-titlesolicitudes {
    font-size: 49px;
     margin-left: -5%;
    color: white;
    margin-bottom: 20px;
    font-family: 'Geometria Bold';
	width: 100%;
	margin-top: 60px;
}


@media (max-width: 768px) {
    .main-titlesolicitudes {
        font-size: 3rem;
        margin-left: 10%;
        color: white;
        width: 100%;
        margin-bottom: 60px;
        font-family: 'Geometria Bold';
        margin-top: 100px;
    }
	.columnssolicitudes {
      display: flex;
      gap: 40px;
      flex-wrap: wrap;
	  margin-left: auto;
	  margin-right: auto;
    }
}
@media (min-width: 768px) and (max-width: 1366px) {
    .main-titlesolicitudes {
        font-size: 49px;
        margin-left: 15%;
        color: white;
        margin-bottom: 50px;
        font-family: 'Geometria Bold';
        width: 100%;
        margin-top: 50px
	}
	
	.columnssolicitudes {
      display: flex;
      gap: 120px;
      flex-wrap: wrap;
		    margin-left: auto;
		margin-right: auto;
		position: relative;
	z-index: 1;
		
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .main-titlesolicitudes {
        font-size: 49px;
        margin-left: 20%;
        color: white;
        margin-bottom: 50px;
        font-family: 'Geometria Bold';
        width: 100%;
        margin-top: 50px
	}
	
	.columnssolicitudes {
      display: flex;
      gap: 120px;
      flex-wrap: wrap;
		    margin-left: auto;
		margin-right: auto;
		position: relative;
	z-index: 1;
		
    }
}


@media (min-width: 1441px) and  (max-width: 1558px){
    .main-titlesolicitudes {
        font-size: 49px;
        margin-left: 20%;
        color: white;
        margin-bottom: 50px;
        font-family: 'Geometria Bold';
        width: 100%;
        margin-top: 50px
	}
	
	.columnssolicitudes {
      display: flex;
      gap: 120px;
      flex-wrap: wrap;
		    margin-left: auto;
		margin-right: auto;
		position: relative;
	z-index: 1;
		
    }
}

@media (min-width: 1441px) and  (max-width: 1700px){
    .main-titlesolicitudes {
        font-size: 49px;
        margin-left: 22%;
        color: white;
        margin-bottom: 50px;
        font-family: 'Geometria Bold';
        width: 100%;
        margin-top: 50px
	}
	
	.columnssolicitudes {
      display: flex;
      gap: 120px;
      flex-wrap: wrap;
		    margin-left: auto;
		margin-right: auto;
		position: relative;
	z-index: 1;
		
    }
}
    
@media (min-width: 1700px)  {
    .main-titlesolicitudes {
        font-size: 49px;
        margin-left: 26%;
        color: white;
        margin-bottom: 50px;
        font-family: 'Geometria Bold';
        width: 100%;
        margin-top: 50px
	}
	
	.columnssolicitudes {
      display: flex;
      gap: 120px;
      flex-wrap: wrap;
		    margin-left: auto;
		margin-right: auto;
		position: relative;
	z-index: 1;
		
    }
}

.col2{
}
	
	/*margin-left: 50px;*/
@media (min-width: 768px) {
    .columnsolicitudes {
      flex: 1 1 26%;
        max-width: 240px;
    }
}

@media (max-width: 767px) {
    .columnsolicitudes {
      flex: 1 1 100%;
	  max-width: 100%;
    }
}

    .sectionsolicitudes {
      margin-bottom: 50px;
		max-width: 250px;
		text-align: center;
		
    }

.sectionsolicitudes h2 {
      font-size: 27px;
      font-family: 'Geometria Bold';
      margin-bottom: 10px;
      font-weight: normal;
      letter-spacing: 0.03em;
	    margin-top: 25px;
    }
 .subti {
      font-size: 27px;
      color: #6F6F72;
      margin-bottom: 10px;
      
      letter-spacing: 0.03em;
	  
    }
 .titu {
      font-size: 27px;
      color: #9D33A3;
      margin-bottom: 10px;     
      letter-spacing: 0.03em;
	  margin-top: 10px;
    }

    .sectionsolicitudes h3 {
      font-size: 16px;
      color: #6F6F72;
      margin-bottom: 10px;
      font-style: italic;
	  font-family: 'Geometria Bold';
		margin-top:60px;
		text-align: left;
		letter-spacing: 0.04em;
		line-height: 1.4em;
		
    }

    .sectionsolicitudes p {
      font-size: 16px;
      
      /*letter-spacing: 0.03em;*/
      margin: 0 0 0px 0;
		color: white;
		font-family: 'Geometria Medium';
		 text-size-adjust: 100%;
	    text-align: start;
		letter-spacing: normal;
		
		line-height: 1.3em;
		margin-top:10px;
    }
@media (min-width: 768px) {
    .final-textsolicitudes {
      margin-top: 10px;
      font-size: 15px;
      letter-spacing: 0.03em;
      text-align: left;
      font-family: 'Geometria Bold';
      padding-top: 20px;    margin-left: auto; 
		width: 100%;
    }
}

    @media (max-width: 768px) {
      .columnssolicitudes {
        flex-direction: column;
      }
		
		.final-textsolicitudes {
      margin-top: 10px;
      font-size: 15px;
      letter-spacing: 0.03em;
      text-align: left;
      font-family: 'Geometria Bold';
      padding-top: 20px;    
			margin-left: auto;
			margin-right: auto;
    }
    }

.img-container {
  background-color:#6f6f72; /* gris claro */
  
  padding: 0px;
  
  border-radius: 49%;        /* opcional, para bordes redondeados */
	 width: 120px;
  height: 120px;
	 display: flex;             /* 🔄 Activa layout horizontal */
  align-items: center;       /* 🔝 Alinea verticalmente al centro */
  gap: 2px;                 /* Espacio entre imagen y número (ajustable) */
	margin-left: 40px;
    margin-right: 20px;
}

.custom-img {
  object-fit: cover;
  width: 84px;
  height: 83px;
  display: block;
	text-align: center;
}

/*el footer*/


.extra-footer {
  background-color: #6F6F72;
  color: white;
  font-family: 'Geometria';
  text-align: left;
  padding: 30px;
	    position: relative;
    z-index: 100;
	margin-top:60px;
}

.extra-footer p {
  margin: 5px 0;
  font-size: 16px;
}

.extra-footer a {
  color: white;
  text-decoration: none;
}

@media (max-width: 600px) {
  .extra-footer p {
    font-size: 14px;
  }
}

.contienenuemeros{
	width: 100%;
	position: relative;
	z-index: 1;
	 overflow: visible;
	margin-top:-100px;
}
@media (max-width: 600px)
{
	.contienenuemeros{margin-top:-100px;}
}


/*ULTIMA SECCION ENLACES */


    .vertical-line {
      position: absolute;
      top: -50px;
      left: 0;
      width: 5px;
      height: calc(100% + 50px);
      background-color: #009BB4;
    }

.form-links p {
    text-decoration: none;
    color: #009BB4;
    margin-top: 10px;
    font-size: 27px;
    font-family: 'Geometria Bold';
}
@media (max-width: 767px) {
    .section h2 {
      color: #009BB4;
      font-size: 31px;
      font-weight: bold;
      margin-bottom: 30px;
		margin-left: 14%;
		font-family: 'Geometria Bold';
		
    }
	
	 .grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
	margin-left: 8%;
    }
	
	.form-section {
      margin-top: 60px;
		margin-left: 10%;
		margin-bottom: 50px;
	        width: 85%;	
    }
	
	 .form-section h2 {
      font-size: 31px;
      color: #009BB4;
      margin-bottom: 10px;
		 margin-left: 0%;
    }
	
	.grid-item h3 {
      font-size: 22px;
      margin-bottom: 10px;
      
	  font-family: 'Geometria Bold';
    }
	
	 .grid-item p {
      font-size: 14px;
      margin: 5px 0;
		 font-family: 'Geometria Medium'; 
		 max-width:320px;
		 color:  rgb(85,85,85);
		 
    }
	
	

	.form-section p {
      font-size: 15px;
      margin-bottom: 30px;
		 font-family: 'Geometria Bold';
		margin-left: 0px;
    }
	
	.vertical-line-left {
  position: absolute;
  top: -100px; /* Empuja la línea 100px hacia arriba */
  left: 0vw; /* 10% desde el borde izquierdo de la pantalla */
  width: 8px;
  height: calc(100% + 200px); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
  z-index: 1; /* Asegura que la línea esté sobre el contenido de la sección */
		
}

.section {
  position: relative; /* Asegura que el posicionamiento absoluto de .vertical-line-left funcione bien */
  padding: 60px 20px 40px 0px;
  background-color: #fff;
  overflow: hidden; /* Esto podría estar cortando la línea, quitamos esto */
}
	
	.form-links .form-item {
      max-width: 90%;
    }
	
	.form-links p {
		width: 300px;
		font-size: 20px;
	}
	
	
}

@media only screen and (min-width:768px) and (max-width:1366px){
    .section h2 {
      color: #009BB4;
      font-size: 41px;
      font-weight: bold;
      margin-bottom: 30px;
		margin-left: 15%;
		font-family: 'Geometria Bold';
		max-width: 1085px;
    }
	
	 .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
	  margin-left: 14%;
      gap: 20px;
    }
	
	.form-section {
      margin-top: 60px;
		margin-left: 15%;
		margin-bottom: 150px;
    }
	
	 .form-section h2 {
      font-size: 41px;
      color: #009BB4;
      margin-bottom: 10px;
		margin-left: 0%;
    }
	
	.grid-item h3 {
      font-size: 27px;
      margin-bottom: 10px;
      
	  font-family: 'Geometria Bold';
    }
	
	 .grid-item p {
      font-size: 14px;
      margin: 5px 0;
		 font-family: 'Geometria Medium';
		 max-width:320px;
		 color:  rgb(85,85,85);
		 
    }
	
	.form-section p {
      font-size: 15px;
      margin-bottom: 30px;
		 font-family: 'Geometria Bold';
		margin-left: 0px;
    }
	
	.vertical-line-left {
  position: absolute;
  top: -100px; /* Empuja la línea 100px hacia arriba */
  left: 11vw; /* 10% desde el borde izquierdo de la pantalla */
  width: 8px;
  height: calc(100% + 200px); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
  z-index: 999; /* Asegura que la línea esté sobre el contenido de la sección */
		
}
	
	.section {
  position: relative; 
  padding: 100px 20px 40px 50px;
  background-color: #fff;
  overflow: hidden;
		width: 97% !important;
		margin-left: -20px;
		margin-right: auto;
}
	
	.form-links .form-item {
      max-width: 335px;
    }
	
	.form-links p {
		width: 400px;
		font-size: 27px;
	}

}



@media only screen and (min-width:1367px) and (max-width:1460px){
    .section h2 {
      color: #009BB4;
      font-size: 41px;
      font-weight: bold;
      margin-bottom: 30px;
		margin-left: 14%;
		font-family: 'Geometria Bold';
    }
	
	 .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
	  margin-left: 14%;
      gap: 20px;
    }
	
	.form-section {
      margin-top: 60px;
		margin-left: 15%;
		margin-bottom: 150px;
    }
	
	 .form-section h2 {
      font-size: 41px;
      color: #009BB4;
      margin-bottom: 10px;
		margin-left: 0%;
    }
	
	.grid-item h3 {
      font-size: 27px;
      margin-bottom: 10px;
      
	  font-family: 'Geometria Bold';
    }
	
	 .grid-item p {
      font-size: 14px;
      margin: 5px 0;
		 font-family: 'Geometria Medium';
		 max-width:320px;
		 color:  rgb(85,85,85);
		 
    }
	
	.form-section p {
      font-size: 15px;
      margin-bottom: 30px;
		 font-family: 'Geometria Bold';
		margin-left: 0px;
    }
	
	.vertical-line-left {
  position: absolute;
  top: -100px; /* Empuja la línea 100px hacia arriba */
  left: 11vw; /* 10% desde el borde izquierdo de la pantalla */
  width: 8px;
  height: calc(100% + 30%); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
  z-index: 999; /* Asegura que la línea esté sobre el contenido de la sección */
}
	
	.section {
  position: relative; 
  padding: 100px 20px 40px 60px;
  background-color: #fff;
  overflow: hidden;
		width: 74% !important;
		margin-left: auto;
		margin-right: auto;
}
	
	.form-links .form-item {
      max-width: 335px;
    }
	
	.form-links p {
		width: 400px;
		font-size: 27px;
	}

}


@media only screen and (min-width:1461px) and (max-width:1558px){
    .section h2 {
      color: #009BB4;
      font-size: 41px;
      font-weight: bold;
      margin-bottom: 30px;
		margin-left: 14%;
		font-family: 'Geometria Bold';
    }
	
	 .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
	  margin-left: 15%;
      gap: 20px;
    }
	
	.form-section {
      margin-top: 60px;
		margin-left: 15%;
		margin-bottom: 150px;
    }
	
	 .form-section h2 {
      font-size: 41px;
      color: #009BB4;
      margin-bottom: 10px;
		margin-left: 0%;
    }
	
	.grid-item h3 {
      font-size: 27px;
      margin-bottom: 10px;
      
	  font-family: 'Geometria Bold';
    }
	
	 .grid-item p {
      font-size: 14px;
      margin: 5px 0;
		 font-family: 'Geometria Medium';
		 max-width:320px;
		 color:  rgb(85,85,85);
		 
    }
	
	.form-section p {
      font-size: 15px;
      margin-bottom: 30px;
		 font-family: 'Geometria Bold';
		margin-left: 0px;
    }
	
	.vertical-line-left {
  position: absolute;
  top: -100px; /* Empuja la línea 100px hacia arriba */
  left: 11vw; /* 10% desde el borde izquierdo de la pantalla */
  width: 8px;
  height: calc(100% + 30%); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
  z-index: 999; /* Asegura que la línea esté sobre el contenido de la sección */
}
	
	.section {
  position: relative; 
  padding: 100px 20px 40px 60px;
  background-color: #fff;
  overflow: hidden;
		width: 74% !important;
		margin-left: auto;
		margin-right: auto;
}
	
	.form-links .form-item {
      max-width: 335px;
    }
	
	.form-links p {
		width: 400px;
		font-size: 27px;
	}

}

 


@media only screen and (min-width:1559px) and (max-width:1700px){
    .section h2 {
      color: #009BB4;
      font-size: 41px;
      font-weight: bold;
      margin-bottom: 30px;
		margin-left: 12%;
		font-family: 'Geometria Bold';
    }
	
	 .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
	  margin-left: 11%;
      gap: 20px;
    }
	
	.form-section {
      margin-top: 60px;
		margin-left: 15%;
		margin-bottom: 150px;
    }
	
	 .form-section h2 {
      font-size: 41px;
      color: #009BB4;
      margin-bottom: 10px;
		margin-left: 0%;
    }
	
	.grid-item h3 {
      font-size: 27px;
      margin-bottom: 10px;
      
	  font-family: 'Geometria Bold';
    }
	
	 .grid-item p {
      font-size: 14px;
      margin: 5px 0;
		 font-family: 'Geometria Medium';
		 max-width:320px;
		 color:  rgb(85,85,85);
		 
    }
	
	.form-section p {
      font-size: 15px;
      margin-bottom: 30px;
		 font-family: 'Geometria Bold';
		margin-left: 0px;
    }
	
	.vertical-line-left {
  position: absolute;
  top: -100px; /* Empuja la línea 100px hacia arriba */
  left: 11vw; /* 10% desde el borde izquierdo de la pantalla */
  width: 8px;
  height: calc(100% + 30%); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
  z-index: 999; /* Asegura que la línea esté sobre el contenido de la sección */
}
	
	.section {
  position: relative; 
  padding: 100px 20px 40px 60px;
  background-color: #fff;
  overflow: hidden;
		width: 86% !important;
		margin-left: auto;
		margin-right: auto;
}
	
	.form-links .form-item {
      max-width: 335px;
    }
	
	.form-links p {
		width: 400px;
		font-size: 27px;
	}

}


@media only screen and (min-width:1701px) {
    .section h2 {
      color: #009BB4;
      font-size: 41px;
      font-weight: bold;
      margin-bottom: 30px;
		margin-left: 16%;
		font-family: 'Geometria Bold';
    }
	
	 .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
	  margin-left: 15%;
      gap: 20px;
    }
	
	
	
	.form-section {
      margin-top: 60px;
		margin-left: 16%;
		margin-bottom: 150px;
    }
	
	 .form-section h2 {
      font-size: 41px;
      color: #009BB4;
      margin-bottom: 10px;
		margin-left: 0%;
    }
	
	.grid-item h3 {
      font-size: 27px;
      margin-bottom: 10px;
      
	  font-family: 'Geometria Bold';
    }
	
	 .grid-item p {
      font-size: 14px;
      margin: 5px 0;
		 font-family: 'Geometria Medium';
		 max-width:320px;
		 color:  rgb(85,85,85);
		 
    }
	
	.form-section p {
      font-size: 15px;
      margin-bottom: 30px;
		 font-family: 'Geometria Bold';
		margin-left: 0px;
    }
	
	.vertical-line-left {
  position: absolute;
  top: -100px; /* Empuja la línea 100px hacia arriba */
  left: 11vw; /* 10% desde el borde izquierdo de la pantalla */
  width: 8px;
  height: calc(100% + 30%); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
  z-index: 999; /* Asegura que la línea esté sobre el contenido de la sección */
}
	
	.section {
  position: relative; 
  padding: 100px 20px 40px 70px;
  background-color: #fff;
  overflow: hidden;
		width: 100% !important;
		margin-left: 165px;
		margin-right: auto;
}
	
	.form-links .form-item {
      max-width: 335px;
    }
	
	.form-links p {
		width: 400px;
		font-size: 27px;
	}

}



    .grid-item {
  padding-left: 15px;
}

/* NUEVA LÍNEA VERTICAL A LA DERECHA */
.vertical-line-right {
  position: absolute;
  top: -50px;
  right: 0;
  width: 5px;
   height: calc(100% + 30%); /* La línea es 100px más larga de lo normal */
  background-color: #009BB4;
}



    

   

   

    

   

    

    .form-description {
  font-size: 18px;
  color: #333;
  margin-bottom: 30px;
}

.form-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-item {
  background: white;
  border: 1px solid #ddd;
  padding: 20px 25px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}

.form-item:hover {
  transform: scale(1.01);
}

.form-item h3 {
  font-size: 24px;
  color: #009BB4;
  margin-bottom: 10px;
}

.form-button {
  
  padding: 12px 24px;
 
 
  font-size: 14px;
  text-decoration: none;
 
  transition: background-color 0.3s ease;
	display: inline-block;
        margin: 1rem auto;
       
        background-color: #4b4a4a;
        color: #fff !important;
       
        border: none;
       
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
	font-family: 'Geometria';
        font-weight: bold;
	line-height: 1.3;
}

.form-button:hover {
 /* background-color: #007a93;*/
}