/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.1.1748006387
Updated: 2025-05-23 15:19:47

*/
/* ─────── Mi Cuenta: Estilos mínimos ─────── */

/* Fondo oscuro general y texto lima tenue */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
  background: #1b2029;   /* fondo oscuro */
  color: #e1e82e;       /* texto lima tenue */
  border-radius: 8px;
  padding: 20px 16px;
  box-sizing: border-box;
}

/* Título “Mi cuenta” en Days One color lima */
.woocommerce-MyAccount-content h1 {
  font-family: 'Days One', sans-serif;
  font-size: 1.8rem;
  color: #c5e82e;
  margin-bottom: 1rem;
}

/* Párrafos en Inter color lima tenue */
.woocommerce-MyAccount-content p {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* Negrita y enlaces dentro del contenido */
.woocommerce-MyAccount-content p strong,
.woocommerce-MyAccount-content p a {
  color: #63bbe8;        /* azul Glassip */
  text-decoration: underline;
}

/* Lista de navegación lateral: fondo oscuro + texto azul */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #2a2f3a;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  font-family: 'Days One', sans-serif;
  color: #63bbe8;        /* enlace azul */
  padding: 12px 16px;
  text-decoration: none;
  white-space: nowrap;   /* que no se rompa “Escritorio” */
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: #c5e82e;   /* verde lima */
  color: #000;           /* texto negro sobre lima */
}

/* Botones (Guardar cambios, etc.) en gradiente Lima→Azul */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-navigation .button {
  background: linear-gradient(135deg, #63bbe8 0%, #c5e82e 100%);
  color: #000;
  font-family: 'Days One', sans-serif;
  border: none;
  border-radius: 6px;
  padding: 0.6rem 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-navigation .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(197,232,46,0.4);
}

/* Inputs (direcciones, editar cuenta) fondo oscuro + borde gris */
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="text"] {
  background: #000 !important;
  border: 1px solid #2a2f3a !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.8rem !important;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif !important;
}
.woocommerce-MyAccount-content label {
  color: #c5e82e;
  font-family: 'Days One', sans-serif;
  margin-bottom: 0.3rem;
  display: block;
}

/* Tablas de Pedidos/Descargas: fondo oscuro + cabecera Lima */
.woocommerce-MyAccount-content table.shop_table {
  background: #111;
  border: 2px solid #2a2f3a;
  border-radius: 6px;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
}
.woocommerce-MyAccount-content table.shop_table th {
  background: #1b2029;
  font-family: 'Days One', sans-serif;
  color: #63bbe8;
  text-transform: uppercase;
  padding: 10px 12px;
}
.woocommerce-MyAccount-content table.shop_table td {
  padding: 10px 12px;
  color: #e1e82e;
  border-bottom: 1px solid #2a2f3a;
}
.woocommerce-MyAccount-content table.shop_table tr:last-child td {
  border-bottom: none;
}
.woocommerce-MyAccount-content table.shop_table a {
  color: #63bbe8;
  text-decoration: underline;
}

/* Responsive muy básico: que todo sea 100% ancho en <768px */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    width: 100% !important;
    margin: 0 auto;
  }
}
/* =========================================================
   My-Account → Direcciones  ▸  Encabezados (“Dirección de…”) 
   ========================================================= */

/* Contenedor de cada columna */
.woocommerce-Address {          
  border: 1px solid #2a2f3a;      /* mismo borde que en otras cajas */
  border-radius: 6px;
  overflow: hidden;               /* que el header lima no “desborde” */
  margin-bottom: 1.5rem;          /* separación vertical en móvil */
}

/* Encabezado: fondo lima + tipografía Days One */
.woocommerce-Address header.woocommerce-Address-title {       
  background: #c5e82e;            /* verde lima Glassip */
  padding: 1.8rem 1rem 1rem;      /* extra top → centra ópticamente */
  text-align: center;
}

.woocommerce-Address header.woocommerce-Address-title h3 {
  font-family: 'Days One', sans-serif;
  font-size: clamp(1.3rem, 2.2vw + .6rem, 2.4rem);  /* fluido */
  color: #000;                     /* negro sobre lima */
  margin: 0;
  line-height: 1.15;
}

/* Enlace “Editar Dirección…” dentro del header */
.woocommerce-Address header.woocommerce-Address-title a {
  display: inline-block;
  margin-top: .6rem;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #63bbe8;                 /* azul Glassip */
  text-decoration: underline;
}

/* Cuerpo (address) – fondo oscuro + tipografía lima tenue */
.woocommerce-Address address {
  background: #000;               /* negro para contrastar con lime */
  padding: 1rem 1.25rem 1.4rem;
  font-style: normal;             /* quitamos cursiva por defecto */
  font-family: 'Inter', sans-serif;
  color: #e1e82e;                 /* lima tenue */
  line-height: 1.6;
}

/* Responsive: que las dos columnas se apilen en móvil */
@media (max-width: 768px) {
  .woocommerce-Addresses {
    display: block !important;
  }
  .woocommerce-Address {
    width: 100% !important;
  }
}
/* ─── PATCH: Header de las tarjetas de direcciones (fondo oscuro) ─── */
.woocommerce-Address header.woocommerce-Address-title{
  background:#1b2029 !important;        /* mismo negro-gris que el panel */
  border-bottom:2px solid #c5e82e;      /* línea lima para separar */
}

.woocommerce-Address header.woocommerce-Address-title h3{
  color:#c5e82e !important;             /* texto lima sobre fondo oscuro */
}

.woocommerce-Address header.woocommerce-Address-title a{
  color:#63bbe8 !important;             /* enlace azul Glassip */
}
.woocommerce-order-details__title,
.woocommerce-column__title {
  background: #2a2f3a !important;
  color: var(--glassip-lime);
  padding: 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
/* inicio sesion y registro */

/* === LOGIN/REGISTRO CUSTOM === */
.woocommerce form.woocommerce-form {
  background: #1b2029;
  border: 1px solid #444;
  padding: 30px;
  border-radius: 12px;
  color: #fff;
}

.woocommerce-form .form-row input {
  background: #0f141d;
  border: 1px solid #2a2f3a;
  padding: 12px;
  border-radius: 6px;
  color: #fff;
}

.woocommerce-form .form-row input:focus {
  outline: 2px solid #9d7fe0;
}

.woocommerce-form button.button {
  background: linear-gradient(135deg,#60A5FA 0%,#c5e82e 100%);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
}

.woocommerce-form button.button:hover {
  filter: brightness(1.1);
}

.woocommerce-form .form-row label {
  color: #c5e82e;
  font-weight: 600;
}

.woocommerce-LostPassword {
  margin-top: 10px;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message {
  border-radius: 6px;
  padding: 12px;
  background: #0d8b47;
  color: #fff;
}
/* ==== Estilos para la página de contraseña perdida ==== */
.woocommerce-ResetPassword {
  background: #1b2029;
  padding: 30px;
  border-radius: 12px;
  max-width: 500px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.woocommerce-ResetPassword label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #c5e82e;
  text-align: left;
}

.woocommerce-ResetPassword input.input-custom {
  background: #0f141d;
  border: 1px solid #2a2f3a;
  padding: 12px;
  border-radius: 6px;
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
}

.woocommerce-ResetPassword input:focus {
  outline: 2px solid #9d7fe0;
}

.woocommerce-ResetPassword button.btn-gradient {
  background: linear-gradient(135deg,#60A5FA 0%,#c5e82e 100%);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
}

.woocommerce-ResetPassword button.btn-gradient:hover {
  filter: brightness(1.1);
}

/* Corrige ancho de input y alinea el texto */
.woocommerce-ResetPassword .form-row {
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: left;
  margin: 0 auto 20px;
}

/* Asegura que el input tenga el 100% del contenedor */
.woocommerce-ResetPassword input.input-custom {
  width: 100%;
  box-sizing: border-box;
}

/* Ajuste extra por si WooCommerce aplica columnas */
.woocommerce-ResetPassword .form-row-first,
.woocommerce-ResetPassword .form-row-last {
  width: 100% !important;
  float: none !important;
  margin-right: 0;
}
.woocommerce-ResetPassword {
  padding: 30px;
  max-width: 500px;
  margin: 40px auto;
  background: #111;
  border-radius: 16px;
  text-align: center;
}
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  display: none !important;
  content: none !important;
}