.elementor-3061 .elementor-element.elementor-element-452f3d2{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-53e6f6a *//* Estilo general de los avisos de WooCommerce */
.woocommerce-info {
  background-color: #f9f9fc; /* Fondo */
  border-top: 3px solid #1A7EC7; /* Color superior */
  border-radius: 8px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Poppins', sans-serif;
  color: #333;
}

/* El icono o checkbox */
.woocommerce-info::before {
  content: "ℹ️";
  font-size: 18px;
  margin-right: 10px;
}

/* Texto */
.woocommerce-info a {
  background-color: #4aa169 !important;
  color: white !important;
  padding: 8px 14px;
  border-radius: 25px !important;
  font-size: 16px!important;
  font-weight: 400 !important;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  transition: all 0
}

.woocommerce-info a:hover {
    background-color: #399659 !important;
}

/* Alinea el icono con el texto */
.woocommerce-info {
  display: flex;
  align-items: center; /* centra verticalmente el icono y el texto */
  gap: 5px; /* separa ligeramente el icono del texto */
}

/* Reajusta el icono */
.woocommerce-info::before {
  position: static !important; /* evita el desplazamiento absoluto */
  transform: none !important;
  margin-right: 5px;
  top: 0;
}

/* Estilos generales del aviso */
.woocommerce-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; /* permite que el botón baje en móvil */
  background-color: #f9f9fc;
  border-top: 3px solid #3d007e;
  border-radius: 8px;
  padding: 18px 20px;
  font-family: 'Poppins', sans-serif;
  color: #0c0d0e;
  font-size: 16px;
  gap: 10px;
}

/* Alinea correctamente el icono */
.woocommerce-info::before {
  position: static !important;
  margin-right: 8px;
  transform: none !important;
}

/* Botón */
.woocommerce-info a {
  background-color: #3d007e;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 50px;
  text-decoration: none;
  transition: background-color 0.2s ease;
  font-size: 15px;
}

.woocommerce-info a:hover {
  background-color: #8f5ede;
}

/* ✅ Responsive para móviles */
@media (max-width: 600px) {
  .woocommerce-info {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
    font-size: 14px;
  }

  .woocommerce-info a {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 12px;
  }
}

#open_vincular {
    color: #fff !important;
    font-size: 14px;
    background-color: #4aa169;
    border-radius: 25px;
    font-weight: 400 !important;
}

#open_vincular:hover {
    background-color: #3c965b;
}

/* Contenedor general de las columnas */
.u-columns {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap; /* permite que se apilen en móvil */
  margin-top: 40px;
}

/* Cada columna */
.u-column1,
.u-column2 {
  flex: 1 1 45%;
  background-color: #f9f9fc;
  border-radius: 12px;
  padding: 35px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  min-width: 300px;
}

/* Títulos */
.u-column1 h2,
.u-column2 h2 {
  font-family: 'Poppins', sans-serif;
  color: #10578A;
  font-size: 30px !important;
  font-weight: 400;
  margin-bottom: 25px;
}

/* Campos del formulario */
.woocommerce form .form-row input.input-text {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  background-color: #fafafa;
  transition: border-color 0.2s ease;
}

.woocommerce form .form-row input.input-text:focus {
  border-color: #10578A;
  outline: none;
}

/* Botones */
.woocommerce form .button {
  background-color: #4aa169 !important;
  color: #fff !important;
  border: none;
  border-radius: 50px;
  padding: 12px 28px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  transition: background-color 0.2s ease;
}

.woocommerce form .button:hover {
  background-color: #3e8d5a !important;
}

/* Etiquetas */
.woocommerce form label {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  color: #0c0d0e;
  margin-bottom: 6px;
  display: block;
}

/* Checkboxes y textos */
.woocommerce form .form-row .woocommerce-form__label-for-checkbox,
.woocommerce form .form-row label.checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #333;
}

/* Enlaces pequeños (ej. "¿Olvidaste la contraseña?") */
.woocommerce-LostPassword a {
  color: #10578A;
  font-size: 14px;
  text-decoration: none;
}

.woocommerce-LostPassword a:hover {
  text-decoration: underline;
}

/* ✅ Responsive para móviles */
@media (max-width: 768px) {
  .u-columns {
    flex-direction: column;
    align-items: stretch;
    gap: 25px;
  }

  .u-column1,
  .u-column2 {
    flex: 1 1 100%;
    padding: 25px;
  }

  .u-column1 h2,
  .u-column2 h2 {
    text-align: center;
    font-size: 26px;
  }

  .woocommerce form .button {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */