/*
Theme Name: Attesa Child Marina
Theme URI: https://attesawp.com
Author: Hugo Carabaña
Author URI: https://attesawp.com
Description: A child theme of Attesa
Version: 1.0.30
Template: attesa
Text Domain: attesa-child-marina
*/

/* Asegúrate de que la fuente Roboto esté cargada */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Estilo general para el formulario */
.wpcf7-form {
    font-family: 'Helvetica', sans-serif;
  }
  
  /* Elimina márgenes extra de <p> que rompen diseño */
  .wpcf7-form p {
    margin-bottom: 20px;
  }
  
  /* Contenedor para nombre y apellidos */
  .form-row {
    display: flex;
    gap: 20px;
  }
  
  /* Ajustamos el ancho de los inputs dentro del form-row */
  .form-row .wpcf7-form-control-wrap {
    flex: 1;
    display: block;
  }
  
  /* Forzamos que los inputs dentro del form-row ocupen todo el ancho del wrap */
  .form-row .wpcf7-form-control {
    width: 100%;
  }
  
  /* Opcional: eliminamos los <br> con display: none */
  .form-row br {
    display: none;
  }
  
  /* Estilo visual para todos los campos */
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="tel"],
  .wpcf7 textarea {
    font-family: 'Helvetica', sans-serif;
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 1em;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
  }
  
  /* Botón de enviar */
  input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #b6e7ff;
    width: 100%;
    color: #b35989;
    border: none;
    font-weight: 600;
    padding: .5em 1.6em;
    font-family: 'Helvetica', sans-serif;
    font-size: 20px;
    border-radius: 0px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: white;
  }

  .grecaptcha-badge {
    visibility: hidden;
}


.twae-wrapper .twae-content {
    box-shadow: none!important;
}

.twae-arrow {
    display: none;
}

.twae-description h5 {
  margin-top: .5em;
  font-size: 16px;
  line-height: normal;
  margin-bottom: .5em;
}

.twae-description ul {
    margin: 0;
    padding-left: 1.5em;
}

.twae-wrapper li {
    line-height: 1.1em;
    font-size: 14px;
}
  
.twae-content {
    display: flex;
    flex-direction: column;
  }
.twae-content .twae-title {
  font-weight: 600;
}
  
  .twae-content .twae-title,
  .twae-content .twae-media {
    display: inline-block;
    vertical-align: middle;
    margin: 0;

  }
  
  .twae-content .twae-top-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  
  /* Agrupa visualmente título + imagen en una fila */
  .twae-content .twae-title,
  .twae-content .twae-media {
    order: 0;
  }
  
  /* Ajustes para la imagen */
  .twae-content .twae-media img {
    height: 60px; /* ajusta al gusto */
    width: auto;
    margin: 0;
    padding: 0;
    object-fit: contain;
    vertical-align: middle;
  }
  
  /* Descripción debajo */
  .twae-content .twae-description {
    order: 1;
  }
  
  .twae-wrapper .twae-media.medium img, .twae-wrapper .twae-media.thumbnail img {
    width: auto;
    height: 60px;
}
  

.bloque-info-marina {
    background-color: #b25887;
    text-align: center;
    padding: 4em;
    margin: 6em;

    @media only screen and (max-width: 1080px) {
        margin: 2em;
        padding: 2em;
    }

    @media only screen and (max-width: 666px) {
        margin: 1em;
        padding: 1em;    
    }

  }

  .bloque-info-marina .botones-descarga button#curriculum {
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-right: 1em;
    @media only screen and (max-width: 1080px) {
      margin: 0;
  }

  @media only screen and (max-width: 666px) {
      margin: 0;   
  }
  }

  .bloque-info-marina .botones-descarga button#videobook {
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-left: 1em;
    @media only screen and (max-width: 1080px) {
      margin: 0;
  }

  @media only screen and (max-width: 666px) {
      margin-left: 0; 
      margin-top: 0.2em;  
  }
  }
  
  .bloque-info-marina .botones-descarga {
    margin-top: 1.5em;
}

@media only screen and (max-width: 666px) {
  .twae-title {
    font-size: 24px;
}

.twae-description h5 {
  font-size: 18px;
}

.twae-wrapper li {
  font-size: 16px;
}
}


.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: white;
}