/* Tienda Norteduc (carrito, pago, Mi cuenta) sobre los estilos del sitio (/assets/styles.css). */
.skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;color:var(--navy);padding:.6rem 1rem;border-radius:8px;font-weight:700}
.skip:focus{left:1rem;top:1rem}
.ne-tienda .page-hero{padding:7.5rem 0 3rem}
.ne-tienda .page-hero h1{margin:.4rem 0 0}
.ne-tienda .page-hero .crumb a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ne-main{padding:2.5rem 0 4rem;background:var(--bg)}
.ne-main .ne-contenido{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem);box-shadow:0 10px 30px -22px rgba(11,31,63,.35)}
.ne-main a{color:var(--blue-2)}
/* Formularios */
.woocommerce form .form-row label{font-weight:600;color:var(--ink);margin-bottom:.3rem}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection--single{border:1px solid #b8c4d2;border-radius:10px;padding:.7rem .85rem;font:inherit;color:var(--ink);background:#fff;min-height:46px}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:28px;padding:0}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{top:10px}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus,.woocommerce form .form-row textarea:focus{outline:3px solid #f59e0b;outline-offset:1px;border-color:var(--navy)}
.woocommerce form .form-row .required{color:#b02a37}
/* Botones */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:var(--navy);color:#fff;border-radius:100px;padding:.85rem 1.5rem;font-weight:700;border:0;line-height:1.2}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--navy-2);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order,.woocommerce .checkout-button{
  background:var(--cta);color:#fff;font-size:1.05rem;padding:1rem 1.8rem}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover,.woocommerce .checkout-button:hover{background:var(--cta-hover);color:#fff}
.woocommerce .button:focus-visible,.woocommerce #place_order:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
/* Tablas y resumen */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:14px;border-collapse:separate;overflow:hidden;background:#fff}
.woocommerce table.shop_table th{background:#f6f8fb;color:var(--ink)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:.8rem 1rem}
.woocommerce .order-total .amount{font-size:1.2rem;color:var(--navy)}
/* Medios de pago */
.woocommerce-checkout #payment{background:#f6f8fb;border:1px solid var(--line);border-radius:14px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line);padding:1rem}
.woocommerce-checkout #payment ul.payment_methods li{padding:.6rem .4rem;font-weight:600}
.woocommerce-checkout #payment div.payment_box{background:#fff;color:var(--muted);border-radius:10px;font-weight:400}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff}
.woocommerce-checkout #payment ul.payment_methods li img{max-height:26px;vertical-align:middle;margin-left:.4rem}
/* Avisos */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px;border-top-width:0;border-left:5px solid var(--blue);background:#fff;box-shadow:0 8px 24px -20px rgba(11,31,63,.4)}
.woocommerce-error{border-left-color:#b02a37}
.woocommerce-message{border-left-color:#1e7b34}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{padding:1rem 1.2rem}
/* Mi cuenta */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:.65rem .9rem;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--navy);color:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:#eef4fa}
@media (max-width:768px){
  .ne-tienda .page-hero{padding:6.5rem 0 2.2rem}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{flex-direction:row;overflow-x:auto;gap:.4rem;padding-bottom:.3rem}
  .woocommerce-account .woocommerce-MyAccount-navigation a{white-space:nowrap;border:1px solid var(--line)}
  .woocommerce a.button,.woocommerce button.button{min-height:46px}
}
/* El aviso recibe el foco al aparecer (accesibilidad): marco suave en vez del contorno negro del navegador. */
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus,.woocommerce-NoticeGroup:focus{outline:2px solid #9fc3e3;outline-offset:2px}
/* Opción activa del menú de Mi cuenta: fondo azul oscuro con texto blanco (otro estilo pisaba el fondo). */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a:hover{background:var(--navy)!important;color:#fff!important}

/* ===== Revisión UX 30-09 ===== */
/* Misma tipografía del sitio en botones y campos de WooCommerce. */
.ne-tienda button,.ne-tienda input,.ne-tienda select,.ne-tienda textarea{font-family:inherit}
/* Carrito: cada producto se compra de a uno → sin columna de cantidad ni «Actualizar carrito». */
.woocommerce-cart-form .product-quantity,.woocommerce-cart-form button[name=update_cart]{display:none!important}
.woocommerce-cart #coupon_code{height:48px;font-size:16px;border-radius:10px;min-width:190px;border:1px solid #b8c4d2;padding:0 .8rem}
.woocommerce a.remove{min-width:44px;min-height:44px;display:inline-grid!important;place-items:center;font-size:1.6rem}
/* Pago: datos a la izquierda y resumen fijo a la derecha. */
@media (min-width:992px){
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:2.4rem;align-items:start}
  .woocommerce-checkout form.checkout>*{grid-column:1}
  .woocommerce-checkout form.checkout>#order_review_heading{grid-column:2;grid-row:1;margin-top:0}
  .woocommerce-checkout form.checkout>#order_review{grid-column:2;grid-row:2 / span 6;position:sticky;top:24px}
  .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{float:none;width:100%}
}
.woocommerce-checkout #customer_details .col-2:not(:has(p,input,textarea,select)){display:none}
/* Medios de pago: radios grandes y sin el bloque promocional de Mercado Pago. */
.woocommerce-checkout #payment input[type=radio]{width:22px;height:22px;vertical-align:middle;margin-right:.35rem;accent-color:var(--navy)}
.mp-checkout-pro-benefits,.mp-checkout-benefits-list-container,.mp-credits-checkout-benefits{display:none!important}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:1rem 0}
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a{text-decoration:underline}
.woocommerce-checkout .woocommerce-form__label-for-checkbox input{width:22px;height:22px;vertical-align:middle;accent-color:var(--navy)}
/* Chat flotante: en móvil no debe tapar el total ni los campos del carrito y el pago. */
@media (max-width:768px){.woocommerce-cart .ndc-fab,.woocommerce-checkout .ndc-fab{display:none!important}}
/* reCAPTCHA en pantallas angostas. */
@media (max-width:380px){.ne-tienda .g-recaptcha{transform:scale(.88);transform-origin:0 0}}
.woocommerce form .form-row .woocommerce-form__label-for-checkbox{display:inline-flex;align-items:center;gap:.4rem}