/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/
/*
Paleta de colores
gris1: #ececec;
azul1: #0e2651;
rojo1:#f8171e
*/

/* Estilos generales */
.d-none {
  display: none;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-auto {
  margin: auto;
}

.text-center {
  text-align: center;
}
.text-bold {
  font-weight: bold;
}
.text-rojo {
  color: #f8171e;
}

.background-rojo {
  background-color: #f8171e;
}

.w-100 {
  width: 100% !important;
}

.boton-rojo {
  background-color: #f8171e;
  color: white;
  display: block;
  border: none;
  border-radius: 20px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.boton-rojo:hover {
  color: rgb(221, 217, 217);
}
.is_invalid_required {
  background-color: #f39494 !important;
  border: 1px solid #f8171e !important;
}

.button-more {
  width: 100% !important;
}

/* Estilos para elementor formularios*/
.form-control-input {
  width: 100%;
  border: none !important;
  background: #ececec;
  border: none;
  border-radius: 20px !important;
}
.form-control-submit {
  width: 100%;
  border: none !important;
  background: #f8171e !important;
  border: none;
  border-radius: 20px !important;
}
.form-control-input:focus {
  border: 2px solid #0e2651; /* Cambia #yourColorCode por el color que desees */
  outline: none; /* Opcional: para quitar el borde de enfoque predeterminado */
}

/* Contenedor de grid para dividir en dos columnas */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px; /* Espacio entre las columnas */
}

/* Hacer que los campos ocupen toda la columna */
.form-grid p {
  margin: 0;
}

/* Hacer que los campos textarea ocupen ambas columnas */
.form-grid p textarea {
  grid-column: span 2;
}

/* Estilo para el botón de enviar */
.login-submit {
  grid-column: span 2;
  margin-top: 20px;
  text-align: center;
}

/* Estilos adicionales para los inputs */
.form-control-input {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Estilos para perfil */

/* Menú de cuenta personalizado - Botones azules redondeados */
.custom-account-menu {
  display: flex;
  justify-content: center; /* Centrar el menú horizontalmente */
  gap: 20px; /* Espacio entre botones */
  margin-bottom: 20px;
}

.custom-account-menu a.btn-menu {
  background-color: #0e2651; /* Azul oscuro */
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 20px; /* Bordes redondeados */
  font-weight: bold;
  transition: background-color 0.3s ease; /* Transición para hover */
}

/* Cambiar color al hacer hover */
.custom-account-menu a.btn-menu:hover {
  background-color: #f8171e; /* Cambia a rojo al hacer hover */
}
/* Estilos para el botón de Cerrar Sesión en rojo */
.custom-account-menu a.btn-logout {
  background-color: #f8171e; /* Rojo */
}

.custom-account-menu a.btn-logout:hover {
  background-color: #d1000c; /* Rojo más oscuro al hacer hover */
}

.sub-sections {
  padding: 10px;
  border-bottom: 1px #0e2651;
}

.collapse-button {
  border-radius: 105px;
}

.generar-cv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.generar-cv .form-title {
  margin-bottom: 20px;
}

.generar-cv .form-inputs {
  display: flex;
  justify-content: center;
  gap: 10px; /* Espacio entre los inputs */
  margin-bottom: 20px;
}

.generar-cv .form-control-input {
  padding: 10px;
  font-size: 16px;
}

.generar-cv .form-button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

.custom-button-download-pdf {
  display: inline-block;
  padding: 10px 20px;
  background-color: #0073aa;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.custom-button-download-pdf:hover {
  background-color: #005177;
}

.generar-cv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.radio-group-descargar ul {
  display: flex;
  align-items: center;
  gap: 10px; /* Espacio entre los elementos */
  list-style-type: none; /* Eliminar los puntos de la lista */
  padding: 0;
  margin: 0;
}

.radio-group-descargar li {
  display: flex;
  align-items: center;
  padding: 10px;
}

.radio-group-descargar input[type="radio"] {
  margin-right: 5px; /* Espacio entre el radio y la etiqueta */
}

.custom-button-download-pdf {
  display: inline-block;
  padding: 10px 20px;
  background-color: #0073aa;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  transition: background-color 0.3s ease;
}

.custom-button-download-pdf:hover {
  background-color: #005177;
}
.form-search-profile input[type="text"] {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr; /* Una sola columna en pantallas pequeñas */
  }

  .custom-account-menu {
    flex-direction: column; /* Los botones se apilan verticalmente en pantallas pequeñas */
    gap: 10px;
  }
}