.elementor-238 .elementor-element.elementor-element-77631c5a{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1366px){.elementor-238 .elementor-element.elementor-element-77631c5a{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-238 .elementor-element.elementor-element-77631c5a{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-238 .elementor-element.elementor-element-77631c5a{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-28598d5e *//* ============================================================
   MEPEGO E.U. — Estilos "Mi Cuenta" (WooCommerce)
   Paleta y tipografía según Manual de Marca MEPEGO
   ============================================================ */

:root{
  --mp-blue:       #0477BF; /* Azul Corporativo */
  --mp-blue-2:     #048ABF; /* Azul Complementario */
  --mp-green:      #8FBF26; /* Verde Biodiversidad */
  --mp-gold:       #F2B705; /* Amarillo Dorado */
  --mp-ink:        #1A1A1A; /* Negro Corporativo */
  --mp-text:       #4C4546; /* Texto secundario */
  --mp-line:       #E3E4E6; /* Líneas / bordes */
  --mp-bg-soft:    #F5F8FA; /* Fondo suave */
  --mp-white:      #FFFFFF;
  --mp-radius:     14px;
  --mp-shadow:     0 8px 28px rgba(4,119,191,.08);
}

/* --- Reset general: anular overrides rosados de Elementor --- */
.woocommerce a,
.woocommerce a:hover,
.woocommerce a:focus,
.woocommerce a:active,
.woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus{
  outline:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
}

/* --- Contenedor general --- */
.woocommerce{
  font-family:'Lora', Georgia, serif;
  color:var(--mp-text);
  max-width:960px;
  margin:0 auto;
}

.woocommerce-MyAccount-content p{
  font-family:'Lora', Georgia, serif;
  font-size:clamp(15px,1.6vw,16px);
  line-height:1.7;
  color:var(--mp-text);
}

.woocommerce-MyAccount-content strong{
  color:var(--mp-ink);
  font-weight:600;
}

.woocommerce-MyAccount-content a{
  color:var(--mp-blue);
  font-weight:600;
  border-bottom:1px solid rgba(4,119,191,.35);
  transition:color .2s ease, border-color .2s ease;
}
.woocommerce-MyAccount-content a:hover{
  color:var(--mp-gold);
  border-color:var(--mp-gold);
}

/* ============================================================
   NAVEGACIÓN — pestañas tipo "pill"
   ============================================================ */
.woocommerce-MyAccount-navigation{
  margin:0 0 32px;
}

.woocommerce-MyAccount-navigation ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
  border-bottom:1px solid var(--mp-line);
  padding-bottom:20px;
}

.woocommerce-MyAccount-navigation-link{
  margin:0;
}

.woocommerce-MyAccount-navigation-link a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  font-size:13.5px;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--mp-ink);
  background:var(--mp-bg-soft);
  border:1px solid var(--mp-line);
  border-radius:999px;
  padding:10px 20px;
  transition:all .25s ease;
  white-space:nowrap;
}

/* quita el <br> vacío que WooCommerce inyecta antes del texto del link */
.woocommerce-MyAccount-navigation-link a br{
  display:none;
}

.woocommerce-MyAccount-navigation-link a:hover{
  background:var(--mp-blue);
  border-color:var(--mp-blue);
  color:var(--mp-white);
  transform:translateY(-1px);
}

.woocommerce-MyAccount-navigation-link.is-active a{
  background:linear-gradient(135deg, var(--mp-blue), var(--mp-blue-2));
  border-color:var(--mp-blue);
  color:var(--mp-white);
  box-shadow:0 6px 16px rgba(4,119,191,.28);
}

/* Botón "Salir" diferenciado, en tono cálido/neutro */
.woocommerce-MyAccount-navigation-link--customer-logout a{
  background:var(--mp-white);
  border-color:var(--mp-ink);
  color:var(--mp-ink);
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background:var(--mp-ink);
  border-color:var(--mp-ink);
  color:var(--mp-white);
}

/* ============================================================
   CONTENIDO — tarjeta de bienvenida / escritorio
   ============================================================ */
.woocommerce-MyAccount-content{
  background:var(--mp-white);
  border:1px solid var(--mp-line);
  border-radius:var(--mp-radius);
  padding:clamp(24px,4vw,40px);
  box-shadow:var(--mp-shadow);
}

/* ============================================================
   AVISOS / NOTICES
   ============================================================ */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error{
  font-family:'Montserrat', sans-serif;
  font-size:14px;
  font-weight:500;
  border-radius:10px;
  padding:14px 18px;
  margin:0 0 20px;
  list-style:none;
  border-left:4px solid var(--mp-blue);
  background:#EAF5FB;
  color:var(--mp-ink);
}
.woocommerce-notices-wrapper .woocommerce-message{
  border-left-color:var(--mp-green);
  background:#F1F7E4;
}
.woocommerce-notices-wrapper .woocommerce-error{
  border-left-color:#C0392B;
  background:#FBEAEA;
}
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-error::before{
  display:none;
}

/* ============================================================
   TABLAS — pedidos / descargas / direcciones
   ============================================================ */
.woocommerce table.shop_table,
.woocommerce-orders-table{
  width:100%;
  border-collapse:collapse;
  font-family:'Lora', Georgia, serif;
  border:1px solid var(--mp-line);
  border-radius:var(--mp-radius);
  overflow:hidden;
}

.woocommerce table.shop_table thead th{
  font-family:'Montserrat', sans-serif;
  font-size:12.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--mp-white);
  background:var(--mp-blue);
  padding:14px 16px;
  text-align:left;
}

.woocommerce table.shop_table tbody td{
  padding:14px 16px;
  border-top:1px solid var(--mp-line);
  color:var(--mp-text);
  font-size:14.5px;
}

.woocommerce table.shop_table tbody tr:hover td{
  background:var(--mp-bg-soft);
}

.woocommerce-orders-table__cell-order-status mark.order-status{
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  font-size:12px;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:999px;
  background:var(--mp-green);
  color:var(--mp-white);
}

/* ============================================================
   DIRECCIONES (edit-address)
   ============================================================ */
.woocommerce-Addresses{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

.woocommerce-Address{
  background:var(--mp-white);
  border:1px solid var(--mp-line);
  border-radius:var(--mp-radius);
  padding:24px;
}

.woocommerce-Address-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

.woocommerce-Address-title h3,
.woocommerce-Address-title h2{
  font-family:'Montserrat', sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--mp-ink);
  margin:0;
}

.woocommerce-Address-title a{
  font-family:'Montserrat', sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:var(--mp-blue);
}

/* ============================================================
   FORMULARIOS — edit-account, edit-address, login
   ============================================================ */
.woocommerce form .form-row label{
  font-family:'Montserrat', sans-serif;
  font-size:13px;
  font-weight:600;
  color:var(--mp-ink);
  margin-bottom:6px;
  display:block;
}

.woocommerce form .form-row .required{
  color:var(--mp-gold);
}

.woocommerce form .woocommerce-input-wrapper input.input-text,
.woocommerce form .woocommerce-input-wrapper select,
.woocommerce form input.input-text,
.woocommerce form select{
  width:100%;
  font-family:'Lora', Georgia, serif;
  font-size:14.5px;
  color:var(--mp-ink);
  background:var(--mp-white);
  border:1px solid var(--mp-line);
  border-radius:10px;
  padding:12px 14px;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.woocommerce form input.input-text:focus,
.woocommerce form select:focus{
  border-color:var(--mp-blue);
  outline:none !important;
  box-shadow:0 0 0 3px rgba(4,119,191,.15) !important;
}

.woocommerce fieldset{
  border:1px solid var(--mp-line);
  border-radius:var(--mp-radius);
  padding:20px;
  margin-top:16px;
}

.woocommerce fieldset legend{
  font-family:'Montserrat', sans-serif;
  font-weight:700;
  font-size:14px;
  color:var(--mp-blue);
  padding:0 8px;
}

/* --- Botones --- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  font-family:'Montserrat', sans-serif;
  font-weight:700;
  font-size:13.5px;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:var(--mp-white) !important;
  background:linear-gradient(135deg, var(--mp-blue), var(--mp-blue-2)) !important;
  border:none !important;
  border-radius:999px !important;
  padding:13px 28px !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
  box-shadow:0 6px 16px rgba(4,119,191,.25);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(4,119,191,.32);
  background:linear-gradient(135deg, var(--mp-blue-2), var(--mp-blue)) !important;
  color:var(--mp-white) !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background:linear-gradient(135deg, var(--mp-gold), #d99e04) !important;
  color:var(--mp-ink) !important;
  box-shadow:0 6px 16px rgba(242,183,5,.3);
}

/* ============================================================
   DESCARGAS (downloads)
   ============================================================ */
.woocommerce-MyAccount-downloads-file a{
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  color:var(--mp-blue);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:640px){
  .woocommerce-MyAccount-navigation ul{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:14px;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{
    display:none;
  }
  .woocommerce-MyAccount-navigation-link a{
    padding:9px 16px;
    font-size:12.5px;
  }
  .woocommerce-Addresses{
    grid-template-columns:1fr;
  }
  .woocommerce table.shop_table thead{
    display:none;
  }
  .woocommerce table.shop_table tbody td{
    display:block;
    border-top:none;
    border-bottom:1px solid var(--mp-line);
  }
}/* End custom CSS */