/* =========================================
   Ajustes de Woo (carrito+login+check)
   ========================================= */

/*COMPENSAR HEADER STICKY SOLO EN ESCRITORIO*/

/* SOLO pantallas grandes (desktop) */
@media (min-width: 1025px){

  :root{
    --eg-header-offset: 140px;
  }

  /* Páginas WooCommerce */
  body.woocommerce-page main,
  body.woocommerce-page #content,
  body.woocommerce-page .site-content,
  body.woocommerce main{
    padding-top: var(--eg-header-offset);
  }

  /* Carrito y checkout específicamente */
  body.woocommerce-cart main,
  body.woocommerce-checkout main{
    padding-top: var(--eg-header-offset);
  }

  /* Anclas y scroll */
  html{
    scroll-padding-top: var(--eg-header-offset);
  }
}
/* =========================================================
   Woo Blocks (Cart/Checkout/Order Received): evitar full width
   Compatible con Hello/Elementor
   ========================================================= */

/* 1) Carrito y Checkout en bloques (alignwide/alignfull) */
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-cart.alignfull,
.wp-block-woocommerce-checkout.alignwide,
.wp-block-woocommerce-checkout.alignfull,
.wp-block-woocommerce-order-confirmation.alignwide,
.wp-block-woocommerce-order-confirmation.alignfull {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* 2) Si el tema fuerza contenedor a ancho completo, limitamos SOLO en páginas Woo */
body.woocommerce-cart main,
body.woocommerce-checkout main,
body.woocommerce-order-received main,
.woocommerce-account .woocommerce {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Checkout: resumen del pedido (tipografías y limpieza)
   ========================================================= */

/* Tamaño del nombre del producto en el resumen */
.wc-block-checkout__sidebar .wc-block-components-product-name {
  font-size: 16px !important;   /* ajustable 15–17 */
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Ocultar el precio duplicado debajo del nombre */
.wc-block-checkout__sidebar
.wc-block-components-order-summary-item__individual-prices {
  display: none !important;
}

/* Ocultar meta info / descripción corta */
.wc-block-checkout__sidebar .wc-block-components-product-metadata,
.wc-block-checkout__sidebar .wc-block-components-product-metadata__description,
.wc-block-checkout__sidebar .wc-block-components-product-details__short-description {
  display: none !important;
}

/* Compactar un poco el item */
.wc-block-checkout__sidebar
.wc-block-components-order-summary-item__description {
  padding-bottom: 0 !important;
}

/* =============================
   Paycomet Jet iframe: selects Mes/Año
========================= */

#paycomet_card_month,
#paycomet_card_year {
  height: 34px !important;
  line-height: 34px !important;
  font-size: 16px !important;
  padding: 0 10px !important;
  border: 1px solid #dcd7ca !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* Si el tema mete estilos "form-control" agresivos */
#paycomet_card_month.form-control,
#paycomet_card_year.form-control {
  background-image: none !important;
  min-height: 34px !important;
}

/* Woo Blocks Checkout: convertir "Acceso" en botón visible */
.wp-block-woocommerce-checkout a.wc-block-checkout__login-prompt{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 14px !important;
  border: 2px solid currentColor !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  /* opcional: para separarlo del título */
  margin-left: 12px !important;
}

/* Si el tema le mete estilos raros al hover del acceso */
.wp-block-woocommerce-checkout a.wc-block-checkout__login-prompt:hover{
  text-decoration: none !important;
  opacity: .9 !important;
}
/* =========================================
   ESCUELA GUERRERO – SISTEMA DE BOTONES (Woo + custom)
========================================= */

:root{
  --eg-primary: #fac500; /* dorado EG */
  --eg-dark: #111;       /* negro EG */
  --eg-radius: 10px;
  --eg-shadow: 0 8px 20px rgba(0,0,0,.12);
  --eg-shadow-hover: 0 14px 28px rgba(0,0,0,.18);
}

/* ============================
   Botón acceso (bloque custom)
========================= */
.eg-custom-login-box{
  margin-top: 18px;
  padding: 16px;
  background: #f7f7f7;
  border-radius: 12px;
}

.eg-custom-login-box p{
  margin-bottom: 10px;
  font-weight: 600;
}

.eg-login-btn{
  background: var(--eg-primary);
  color: var(--eg-dark);
  border: none;
  padding: 12px 18px;
  border-radius: var(--eg-radius);
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: var(--eg-shadow);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  cursor: pointer;
}

.eg-login-btn:hover{
  transform: translateY(-2px);
  box-shadow: var(--eg-shadow-hover);
  opacity: .95;
}

.eg-login-btn:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(250,197,0,.35), var(--eg-shadow-hover);
}

/* Ocultar el "Acceso" nativo feo de Woo Blocks */
.wp-block-woocommerce-checkout a.wc-block-checkout__login-prompt{
  display: none !important;
}

/* ============================
   WooCommerce Blocks: BOTONES unificados
   (Carrito, Checkout, Confirmación, Cuenta)
========================= */

/* Base común */
.wp-block-woocommerce-cart .wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-button,
.wp-block-woocommerce-order-confirmation .wc-block-components-button,
.woocommerce-account .wc-block-components-button{
  border-radius: var(--eg-radius) !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
  box-shadow: var(--eg-shadow) !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease !important;
}

/* Primario (contained) */
.wp-block-woocommerce-cart .wc-block-components-button.contained,
.wp-block-woocommerce-checkout .wc-block-components-button.contained,
.wp-block-woocommerce-order-confirmation .wc-block-components-button.contained,
.woocommerce-account .wc-block-components-button.contained{
  background: var(--eg-primary) !important;
  color: var(--eg-dark) !important;
  border: none !important;
}

/* Hover primario */
.wp-block-woocommerce-cart .wc-block-components-button.contained:hover,
.wp-block-woocommerce-checkout .wc-block-components-button.contained:hover,
.wp-block-woocommerce-order-confirmation .wc-block-components-button.contained:hover,
.woocommerce-account .wc-block-components-button.contained:hover{
  transform: translateY(-2px) !important;
  box-shadow: var(--eg-shadow-hover) !important;
  opacity: .95 !important;
}

/* Focus primario */
.wp-block-woocommerce-cart .wc-block-components-button.contained:focus,
.wp-block-woocommerce-checkout .wc-block-components-button.contained:focus,
.wp-block-woocommerce-order-confirmation .wc-block-components-button.contained:focus,
.woocommerce-account .wc-block-components-button.contained:focus{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(250,197,0,.35), var(--eg-shadow-hover) !important;
}

/* Asegurar color del texto interno */
.wp-block-woocommerce-cart .wc-block-components-button.contained .wc-block-components-button__text,
.wp-block-woocommerce-checkout .wc-block-components-button.contained .wc-block-components-button__text,
.wp-block-woocommerce-order-confirmation .wc-block-components-button.contained .wc-block-components-button__text,
.woocommerce-account .wc-block-components-button.contained .wc-block-components-button__text{
  color: var(--eg-dark) !important;
}

/* Secundarios (outlined) si aparecen */
.wp-block-woocommerce-cart .wc-block-components-button.outlined,
.wp-block-woocommerce-checkout .wc-block-components-button.outlined,
.wp-block-woocommerce-order-confirmation .wc-block-components-button.outlined,
.woocommerce-account .wc-block-components-button.outlined{
  background: transparent !important;
  color: var(--eg-dark) !important;
  border: 2px solid var(--eg-dark) !important;
  box-shadow: none !important;
}
.wp-block-woocommerce-cart .wc-block-components-button.outlined:hover,
.wp-block-woocommerce-checkout .wc-block-components-button.outlined:hover,
.wp-block-woocommerce-order-confirmation .wc-block-components-button.outlined:hover,
.woocommerce-account .wc-block-components-button.outlined:hover{
  transform: translateY(-1px) !important;
  opacity: .95 !important;
}
.woocommerce-checkout .page-header{
    display:none;
}
@media (min-width:1024px){
  body.woocommerce-checkout .page-content{
    margin-top:-110px;
  }
}
/* PayPal Pay Later: separar del bloque de totales */
.wc-block-components-sidebar #ppcp-checkout-paylater-messages,
.wc-block-components-sidebar .ppcp-messages {
	margin-top: 16px !important;
}