.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat Alternates";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;overscroll-behavior:contain;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:0px;--lightbox-navigation-icons-size:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ====== Minimal Checkout – WooCommerce (by Mateo) ====== */
:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#6b7280;
  --line:#e6e8ee;
  --accent:#0ea5e9;         /* cámbialo por tu color de marca */
  --accent-600:#0284c7;
  --success:#16a34a;
  --danger:#ef4444;
  --radius:16px;
  --shadow:0 10px 30px rgba(15,23,42,.06);
  --pad:22px;
}

/* Fondo general y tipografía */
body.woocommerce-checkout{
  background: var(--bg);
  color: var(--text);
}

/* Contenedores principales como tarjetas */
.woocommerce #customer_details,
.woocommerce #order_review,
.woocommerce .woocommerce-form-coupon,
.woocommerce .woocommerce-form-login {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(18px, 2.6vw, var(--pad));
}

/* Separación vertical coherente */
#customer_details{ margin-bottom: 20px; }
#order_review   { margin-top: 20px; }

/* Títulos */
.woocommerce h3,
#order_review_heading{
    color: #1a1a1a;
  line-height: 1.2;
  margin: 0px 0 14px;
  font-weight: 600;
}

/* Notas/info/cupón/login como banners discretos */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info{
  background:#fff;
  border: 1px solid var(--line)!important;
  border-left: 4px solid var(--accent)!important;
  border-radius: 12px!important;
  padding: 12px 14px!important;
  color: var(--text)!important;
  box-shadow: var(--shadow);
}
.woocommerce-info{
      background:#fff;
  border: 2px solid var(--accent)!important;
}
.woocommerce .woocommerce-error{
  background:#fff;
  border:1px solid var(--line);
  border-left:4px solid var(--danger);
  border-radius:12px;
  padding:12px 14px;
}

/* Inputs */
.woocommerce .form-row label{
  display:block;
  font-size:16px;
  color: var(--muted);
  margin: 0 0 6px;
}
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select{
  width:100%;
  background: var(--bg)!important;
  border: solid rgba(0,0,0, 0.15) 1px!important;
  border-radius:12px!important;
  padding:12px 14px;
  box-shadow:none;
  transition: box-shadow .2s, background-color .2s;
}
.woocommerce textarea{ min-height:100px; resize: vertical; }

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus{
  outline:none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);
  background: var(--bg);
}

/* Select2 a juego */
.select2-container .select2-selection--single{
  height:auto; min-height:44px; padding:10px 12px;
  border:none !important;
  border-radius:12px !important; 
  background: var(--bg) !important;
  box-shadow:none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.2; padding-left:0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:100%; right:10px;
}
.select2-container--open .select2-selection--single{
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent) !important;
}

/* Tabla de resumen */
.woocommerce table.shop_table{
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  color: rbga(0,0,0,0.8);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  border-top:1px solid var(--line);
  padding:14px 16px;
}
.woocommerce table.shop_table thead th{
  background: #fafbfe;
  border-top:0;
  font-weight:600;
}
.woocommerce tfoot th{
  color: var(--muted);
  font-weight:600;
}
.woocommerce .order-total td strong,
.woocommerce .recurring-totals strong{
  font-size: 18px;
  font-weight: 700;
}

/* Módulo de pago */
#payment{
  background: var(--card)!important;
  border:1px solid var(--line);
  border-radius:12px;
  padding: 14px;
  box-shadow: var(--shadow);
}
#payment .wc_payment_methods{
  border:none; padding:0; margin:0 0 8px;
}
#payment .wc_payment_method{
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
}
#payment .wc_payment_method + .wc_payment_method{ margin-top:10px; }
#payment .payment_box{
  background:#f9fbff!important;
  border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--line));
  border-radius:12px!important;
  padding:12px 12px 4px;
  margin:12px 0 4px;
}
 #payment .payment_box::before{
  display: none!important;
}

/* Botones */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
#place_order{
  appearance:none;
  border:0;
  background: var(--accent);
  color:#fff;
  border-radius:999px;
  padding:12px 20px;
  font-weight:700;
  letter-spacing:.2px;
  transition: transform .06s ease, background .2s ease, box-shadow .2s;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
#place_order:hover{
  background: var(--accent-600);
  transform: translateY(-1px);
}
.woocommerce a.button.wc-forward{ margin-left:8px; }

/* Checkbox + términos */
.woocommerce .form-row .input-checkbox{
  accent-color: var(--accent);
  width:18px; height:18px; margin-right:8px;
}
.woocommerce-terms-and-conditions-wrapper{
  border-top:1px solid var(--line);
  margin-top:12px; padding-top:12px;
}
.woocommerce-privacy-policy-text{
  color: var(--muted);
}

/* Mensaje “Totales periódicos” en suscripciones */
.woocommerce .recurring-totals th[colspan="2"]{
  background:#fafbfe; border-top:1px solid var(--line);
  font-weight:700;
}

/* Cupones / Login toggles */
.woocommerce .showcoupon,
.woocommerce .showlogin{
  color: var(--accent);
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.woocommerce .showcoupon:hover,
.woocommerce .showlogin:hover{ border-color: var(--accent); }

/* Pequeñas utilidades */
.screen-reader-text:focus{ /* Mantener accesibilidad sin molestar diseño */
  clip:auto; height:auto; width:auto; position:static;
}
.woocommerce small, .woocommerce .first-payment-date small{
  color: var(--muted);
}

/* Responsive */
@media (max-width: 768px){
  .woocommerce #customer_details .col-1,
  .woocommerce #customer_details .col-2{ margin-bottom:14px; }
  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td{ padding:12px; }
  #place_order{ width:100%; }
}

/* 1) Iconos raros en avisos: ocúltalos */
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before{ content:none !important; display:none !important; }

/* 2) Avisos con borde lateral limpio */
.woocommerce .woocommerce-info{ padding-left:14px !important; }
.woocommerce .woocommerce-error{ padding-left:14px; border-left:4px solid var(--danger); }
.woocommerce-NoticeGroup .woocommerce-error{ list-style:none; margin:0 0 16px; }
.woocommerce-NoticeGroup .woocommerce-error li{ margin:6px 0; }
.woocommerce-NoticeGroup .woocommerce-error a{ color: var(--text); text-decoration:none; }
.woocommerce-NoticeGroup .woocommerce-error a:hover{ text-decoration: underline; }

/* 3) Quitar cualquier check decorativo en listas del checkout */
.woocommerce-checkout .woocommerce li::before{ content:none !important; }

/* 4) Estado de error en campos (anillo rojo, sin borde fuerte) */
.thwcfd-field-wrapper.woocommerce-invalid input.input-text,
.thwcfd-field-wrapper.woocommerce-invalid select,
.thwcfd-field-wrapper.woocommerce-invalid textarea,
.woocommerce .form-row.validate-required.woocommerce-invalid .input-text,
.woocommerce .form-row.validate-required.woocommerce-invalid select{
  border-color: transparent !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 28%, transparent) !important;
  background: var(--bg);
}
.checkout-inline-error-message{ color: var(--danger); margin-top:6px; font-size: 12px; }

/* 5) Corregir color de la tabla (por si hay un typo) */
.woocommerce table.shop_table{ color: rgba(0,0,0,.85); }

.woocommerce-message{
    display: none!important;
}

/* ====== Mi Cuenta – WooCommerce (página elementor-6198) ====== */

/* Tarjetas base */
.woocommerce-MyAccount-navigation,
 .woocommerce-MyAccount-content{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* ---- Navegación lateral ---- */
 .woocommerce-MyAccount-navigation{
  position: sticky; top: 16px;
  padding: 10px;
}
 .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:6px; display:grid; gap:8px;
}
/* Quitar <br> de cada enlace */

.woocommerce-MyAccount-navigation li a{
  align-items:center; gap:10px;
  padding: 12px 14px;
  border-radius: 12px;
  text-decoration:none;
  color: var(--text);
  border: 1px solid transparent;
  transition: background .2s, transform .06s, border-color .2s;
  line-height: 1.15;
  font-weight:600;
}
.woocommerce-MyAccount-navigation li a:hover{
  background: color-mix(in srgb, var(--accent) 8%, white);
  border-color: var(--line);
  transform: translateY(-1px);
}
.woocommerce-MyAccount-navigation li.is-active a{
  background: var(--accent);
  color:#fff;
  border-color: transparent;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 28%, transparent);
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background: color-mix(in srgb, var(--danger) 10%, white);
  border-color: color-mix(in srgb, var(--danger) 30%, var(--line));
}

/* ---- Contenido ---- */
.woocommerce-MyAccount-content{
  padding: clamp(18px, 2.2vw, var(--pad));
}

 .woocommerce-MyAccount-content p strong{ color: var(--text); }
.elementor-6198 .woocommerce-MyAccount-content a{
  text-decoration:none; border-bottom:1px dashed transparent;
  transition: color .2s, border-color .2s;
}
 .woocommerce-MyAccount-content a:hover{
  border-color: currentColor;
}/* End custom CSS */