/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Child Theme de GeneratePress personalizado para VYE
Author: Carlos
Author URI: https://vye.com.mx
Template: generatepress
Version: 1.0
Text Domain: generatepress-child
*/

/* Aquí puedes empezar a meter tus estilos personalizados */

/* === FORMULARIO ESTILO TABLA === */
  .encabezado-container {
      text-align: center;
      margin: 0px 60px;
      background: #fff;
  }
  
  .encabezado-solicitud {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
  }
  
  .encabezado-solicitud td {
    border: 1px solid #000;
    padding: 6px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    vertical-align: middle;
  }
  
  .logo-cell {
      width: 100px;
      height: auto;
      text-align: center;
  }
  
  /* Centrar el título en la celda combinada */
  .titulo-solicitud {
    text-align: center;
    font-weight: bold;
  }
  
  
.instrucciones-container-solicitud {
    text-align: justify;
    margin: 0 110px 20px 110px;
    padding: 30px !important;
    background: #fff;
    border: 1px solid #ccc;
}  
  
.instrucciones-container {
    text-align: justify;
    margin: 0px 60px 20px 60px;
    padding: 30px !important;
    background: #fff;
    border: 1px solid #ccc;
}


.tabla-fecha-solicitud {
    margin: 0px;
}

.informacion-seccion {
    margin: 20px 60px 20px 60px;
    padding: 30px;
    background: #fff;
    border: 1px solid #ccc;
}

.informacion-container {
    margin: 0px !important;
}

.informacion-container label {
    width: 120px;
}


.info-ui {
    margin: 0;
}

.solicitud-formulario {
  max-width: 1000px;
  margin: 0 auto 20px auto;
  padding: 30px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background: #fff;
  border: 1px solid #ccc;
}

.acepto-container {

  width: 100%;
}

.acepto-container label {

  justify-content: center; /* centra horizontalmente */
  align-items: center;     /* centra verticalmente */
  width: 100%;
}

.form-section {
  margin-bottom: 30px;
}

.form-section legend {
  background-color: #006E96;
  color: white;
  width: 100%;
  text-align: center;
  padding: 8px 12px;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}



.form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
  padding: 4px 20px;
}

.form-group {
  display: flex;
  align-items: center;
  padding: 2px 10px;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.third-width {
  width: 33.33%;
}
.two-thirds-width {
  width: 66.66%;
}

.quarter-width {
  width: 25%;

}

label {
  width: 100%;
  margin-right: 8px;
  font-weight: normal;
  font-size: 16px;
}

.input-text,
input[type="date"],
input[type="email"],
input[type="url"],
input[type="tel"] {
  width: 100%;
  height: 40px;
  padding: 4px 6px;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.invalid-field {
  border: 2px solid red !important;
  background-color: #ffe5e5; /* opcional para más visibilidad */
  transition: all 0.3s ease-in-out;
}




.inline-input {
  width: auto;
  max-width: 200px;
  margin-left: 10px;
}

.radio-group label,
.checkbox-group label {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
  font-size: 16px;
  white-space: nowrap; /* evita saltos de línea */
}

.radio-group.invalid-field,
.checkbox-group.invalid-field {
  border: 2px solid red !important;
  background-color: #ffe5e5; /* opcional para más visibilidad */
  transition: all 0.3s ease-in-out;
}


input[type="checkbox"],
input[type="radio"] {
  margin-right: 6px;
  margin-left: 6px;
  transform: scale(1.1);

}



.rfcpf-container label {
    width:35%;
}

.tipo-proveedor label {
    width: 20%;
}


.hidden {
  display: none !important;
}



.opciones-contacto .opcion {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.opciones-contacto .opcion label {
  white-space: nowrap;
}

.btn-delete-container {
    width:300px;
}

.btn-delete-direccion {
  background-color: #e53935;
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

.btn-delete-direccion:hover {
  background-color: #c62828;
}

.declaracion-texto label{
    text-align: justify;
}

.aviso-privacidad-texto label {
    text-align: justify;
}


.btn-submit {
  background-color: #006E96;
  color: #fff;
  font-size: 14px;
  padding: 10px 28px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: 20px;
}

.btn-submit:hover {
  background-color: #004e6d;
}

.submit-row {
  text-align: center;
}

.pie-pagina-container {
    margin: 0px 60px;
    padding: 30px;
    background: #fff;
    text-align: justify;
    border: 1px solid #ccc;
}

/* Responsive */
@media only screen and (max-width: 768px) {
  .instrucciones-container-solicitud {
    margin: 0 0 20px 0;
}  
  label {
      width: 100% !important;
      display: block;
  }    
    
  .half-width,
  .third-width,
  .two-thirds-width {
    width: 100%;
  }

  .form-row {
    display: block;
  }

  .form-group {
    width: 100%;
    padding: 6px 0;
    display: block;
  }

  .inline-input {
    margin-left: 0;
    margin-top: 6px;
    width: 100%;
  }
  
  .checkbox-group label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  
  .radio-group label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  
  
  
}