.boton-normal {
  background-color: #00bfba;
  color: white;
  font-weight: bold;
  font-size: 25px;
  cursor: pointer;
  display: block;
  padding: 20px;
  margin-top: 15px;
  text-decoration: none; /* elimina subrayado */
  text-align: center;
  border: none;
  margin: 30px auto 0 auto;
  font-family: "Bebas Neue", sans-serif;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.boton-normal:hover {
  background-color: #009e9a; /* un tono más oscuro del original */
}

.paso-titulo {
  color: #5c5757;
}
.paso-subtitulo {
  color: #00bfba;
}




.importe {
  font-size: 24px; /* o el tamaño que prefieras */
}





.faq-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            font-family: "Oswald", sans-serif !important;
        }
        
.faq-grid {
            display: flex;
            flex-wrap: wrap; /* Permite que las columnas se envuelvan en pantallas pequeñas */
            gap: 40px; /* Espacio entre las columnas y filas */
        }

        .faq-item {
            flex: 1; /* Permite que los elementos se expandan */
            min-width: 45%; /* Ancho mínimo para que quepan dos columnas, ajusta si es necesario */
            box-sizing: border-box; /* Incluye padding y borde en el ancho */
            margin-bottom: 20px; /* Espacio entre filas de preguntas */
        }

        .faq-item p {
            font-size: 1em;
            color: #555; /* Un tono ligeramente más claro para la respuesta */
        }
        
        .principal_text_contacto {
    display: flex;
    padding: 40px;
    font-family: "Oswald", sans-serif;
    
}

.contacto-left {
    flex: 1;
  padding: 20px;
  background: #00bfba;
  color: #fff;
  font-size: 20px;
  display: grid;
    
}

.contacto-right {
    flex: 1;
  padding: 20px;
  border: 30px solid #00bfba;
    
}
 .contacto-left h2{
    margin-bottom: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 40px;
}

 .contacto-right h2{
    margin-bottom: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 40px;
}

.sub-contact-form {
    display: flex;
    gap: 20px; /* Space between the contact-form groups within a sub-contact-form */
    margin-bottom: 15px; /* Space between rows of form fields */
    width: 100%; /* Ensure it takes full width of its parent */
    flex-wrap: wrap;
}
.contact-form {
    display: flex;
    flex-direction: column; /* Stack label and input vertically */
    flex: 1; /* Allow items to grow and shrink */
    min-width: 200px;
}

.contact-form label {
    font-size: 16px; /* Adjust font size as needed */
    color: #555; /* Slightly darker color for labels */
    margin-bottom: 5px; /* Space between label and input */
   
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="date"],
.contact-form input[type="time"],
.contact-form select,
.contact-form textarea {
    width: 100%; /* Make them take the full width of their parent .contact-form */
    padding: 10px; /* Add padding inside the fields */
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 4px; /* Slightly rounded corners */
    font-size: 16px; /* Consistent font size */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    /* Add a slight box-shadow for a subtle depth effect, similar to the image */
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
}

.contacto-right button[type="submit"] {
    display: block; /* Make the button take full width if desired or use inline-block to fit content */
    width: 100%; /* Example: make button full width */
    padding: 15px 20px;
    background-color: #00bfba; /* Dark red background */
    color: #fff; /* White text */
    border: none;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    margin-top: 20px; /* Space above the button */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.contacto-right button[type="submit"]:hover {
    background-color: #009e9a; /* Slightly darker red on hover */
}

.text-contact-left {
    
}
.text-contact-left1 {
    
}

.faq-link {
  color: #fff; /* O el color que desees */
  
}

.ventajas-list {
        grid-template-columns: 1fr; /* Una sola columna para las cajas */
        /* Eliminamos el padding o margen que pueda estar empujándolas a la izquierda/derecha */
        padding-left: 0; /* Aseguramos que ocupe todo el ancho disponible de su padre */
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        /* Para centrar los elementos de la cuadrícula, aunque 'margin: auto' en li es más fuerte */
        align-items: center;
        justify-content: center;
    }

    .ventajas-list li {
        /* ESTO ES CLAVE para el "no-padding" lateral y el centrado */
        max-width: 350px; /* Limita el ancho de la caja en móvil */
        margin: 0 auto 20px auto; /* Centra horizontalmente y añade margen inferior entre cajas */
        /* Asegúrate de que el padding interno (25px en este caso) se mantenga, si lo quieres */
    }

    .ventajas-list-simple {
        grid-template-columns: 1fr; /* Una sola columna para las cajas */
        /* Eliminamos el padding o margen que pueda estar empujándolas a la izquierda/derecha */
        padding-left: 0; /* Aseguramos que ocupe todo el ancho disponible de su padre */
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        /* Para centrar los elementos de la cuadrícula, aunque 'margin: auto' en li es más fuerte */
        align-items: center;
        justify-content: center;
    }

    .ventajas-list-simple li {
        /* ESTO ES CLAVE para el "no-padding" lateral y el centrado */
        max-width: 350px; /* Limita el ancho de la caja en móvil */
        margin: 0 auto 20px auto; /* Centra horizontalmente y añade margen inferior entre cajas */
        /* Asegúrate de que el padding interno (25px en este caso) se mantenga, si lo quieres */
    }
    .principal_text {
    //max-width: 1200px; /* Limita el ancho máximo del contenido */
    //margin: 0 auto;    /* Centra el contenido horizontalmente */
    padding: 20px 100px;
    background-color: var(--background-color-light);
    font-family:  "Oswald", sans-serif;
    }
    
    @media (max-width: 767px) {
    .principal_text_contacto {
    flex-direction: column;
    
}
        .principal_text_contacto {
  padding: 15px;
}
.contacto-right {
    flex: 1;
  padding: 20px;
  border: 0;
    
}
.contacto-left h2 {
  margin-top: 0px;
}
.contacto-right h2 {
  margin-top: 0px;
}
        
    }