.elementor-13 .elementor-element.elementor-element-4908b59{--display:flex;--min-height:50vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-4908b59:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4908b59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}:root{--page-title-display:none;}/* Start custom CSS *//* ===== Variables de marca ===== */
:root{
  --p6-dark: #2B2B29;
  --p6-border: rgba(0,0,0,.12);
  --p6-soft: #f4f4f3;
}

/* ===== Grid ===== */
.p6-cart__grid{
  display:grid; gap:24px;
  grid-template-columns: 1.6fr .9fr;
}
@media (max-width: 900px){
  .p6-cart__grid{ grid-template-columns: 1fr; }
}

/* ===== Item Card ===== */
.p6-item{
  display:grid; grid-template-columns: 136px 1fr; gap:16px;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  border-radius:16px; padding:16px; box-shadow: 0 8px 24px rgba(0,0,0,.06);
  margin-bottom:16px;
}
.p6-item__media img{ width:100%; height:auto; display:block; border-radius:12px; object-fit:cover; }

.p6-item__title{
  font-size:20px; margin:4px 0 6px;
  font-family: "August Bold", Sans-serif;
}
.p6-item__title a{ color:inherit; text-decoration:none; }
.p6-item__desc{ color:#6b7280; font-size:14px; line-height:1.4; margin-bottom:8px; }

.p6-item__meta{
  display:flex; align-items:center; justify-content:space-between;
  font-weight:600; margin-bottom:8px;
  color: var(--p6-dark);
  font-family: "August Bold", Sans-serif; /* precios y subtotal */
}
.p6-item__price{ color: var(--p6-dark); }
.p6-item__subtotal{ color: var(--p6-dark); opacity:.9; }

/* ===== Controles ===== */
.p6-item__controls{ display:flex; align-items:center; gap:12px; }
.p6-btn{
  color: var(--p6-dark);
  background:#fff;
  border:1px solid var(--p6-border);
  border-radius:12px; padding:8px 10px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  cursor:pointer;
  transition: box-shadow .15s ease, color .15s ease, background-color .15s ease, border-color .15s ease, transform .05s ease;
}
.p6-btn--icon{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; }

.p6-qty{ display:flex; align-items:center; gap:12px; }
.p6-qty__num{
  width:24px; text-align:center; font-weight:800; color:var(--p6-dark);
  font-family: "August Bold", Sans-serif;
}

/* Hover estilo sitio: borde interno de 2px #2B2B29 y texto oscuro */
.p6-btn:hover{
  background:#fff;
  border-color: var(--p6-dark);
  box-shadow:
    inset 0 0 0 2px var(--p6-dark),
    0 4px 12px rgba(0,0,0,.06);
  color: var(--p6-dark);
}
.p6-btn:active{ transform: translateY(0); }

/* Caneca y “–” en el mismo lugar */
.p6-minus, .p6-trash { display:flex; }
.p6-toggle--trash .p6-minus{ display:none; }
.p6-toggle--trash .p6-trash{ display:flex; }

/* ===== Summary ===== */
.p6-summary{
  background:#fff; border:1px solid rgba(0,0,0,.08);
  border-radius:16px; padding:20px; box-shadow: 0 8px 24px rgba(0,0,0,.06); /* fix */
  position:sticky; top:24px;
}
.p6-summary__title{
  text-transform:uppercase; letter-spacing:.12em; font-weight:800; margin:0 0 12px;
  color: var(--p6-dark);
  font-family: "August Bold", Sans-serif;
  font-size: 40px; /* si quieres más pequeño, cambia a 20-24px */
  letter-spacing: 1px;
}
.p6-summary__row{ display:flex; justify-content:space-between; color:#6b7280; margin-bottom:6px; width: 40%; }
.p6-summary__total{
  font-size:28px; font-weight:800; margin:8px 0 16px; color:var(--p6-dark);
  font-family: "August Bold", Sans-serif;
}

/* CTA “COTIZAR AHORA” */
.p6-summary__cta{
  color: #fff;
  display:block; text-align:center; font-weight:800; padding:14px 16px;
  border-radius:12px; text-decoration:none;
  background: var(--p6-dark); color:#fff;
  border:2px solid var(--p6-dark);              /* mantiene tamaño estable */
  transition: box-shadow .15s ease, color .15s ease, background-color .15s ease;
  font-family: "August Bold", Sans-serif;
  font-size: 26px;
}
/* Hover coherente: borde 2px y texto en #2B2B29 */
.p6-summary__cta:hover{
  background:#fff; color: var(--p6-dark);
  box-shadow: inset 0 0 0 2px var(--p6-dark), 0 8px 24px rgba(0,0,0,.06);
}

/* Foco teclado (accesibilidad) */
.p6-summary__cta:focus-visible,
.p6-btn:focus-visible{
  outline: none;
  box-shadow: inset 0 0 0 2px var(--p6-dark), 0 0 0 3px rgba(43,43,41,.15);
}

/* ===== Estado vacío ===== */
.p6-empty{
  padding:24px; text-align:center; color:#6b7280; background:#fff;
  border:1px dashed rgba(0,0,0,.2); border-radius:12px;
}

/* ===== Loader durante AJAX ===== */
.p6-item.is-loading,
.p6-cart.is-loading { position:relative; }
.p6-item.is-loading::after,
.p6-cart.is-loading::after{
  content:""; position:absolute; inset:0;
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(2px);
}
.p6-item.is-loading::before,
.p6-cart.is-loading::before{
  content:""; position:absolute; top:50%; left:50%; width:28px; height:28px;
  margin:-14px 0 0 -14px; border:3px solid rgba(0,0,0,.15); border-top-color: var(--p6-dark);
  border-radius:50%; animation: p6spin .7s linear infinite;
}
@keyframes p6spin{ to { transform: rotate(360deg); } }

/* Deshabilitar clicks mientras carga */
.p6-item.is-loading .p6-btn,
.p6-cart.is-loading .p6-btn,
.p6-cart.is-loading .p6-summary__cta{ pointer-events:none; opacity:.6; }


.p6-btn:focus
 {
    background-color: #2B2B29 !important;
    
}


/* --- Focus visible para + / - / caneca --- */
.p6-btn:focus,
.p6-btn:focus-visible{
  outline: none;
  background: var(--p6-dark) !important;   /* #2B2B29 */
  color: #fff !important;
  border-color: var(--p6-dark) !important;
  box-shadow: inset 0 0 0 2px var(--p6-dark),
              0 0 0 3px rgba(43,43,41,.15) !important; /* anillo de foco */
}

/* --- Si el botón está focus y además lo "hoverean" --- */
.p6-btn:focus:hover,
.p6-btn:focus-visible:hover{
  background: var(--p6-soft) !important;   /* blanco medio (#f4f4f3) */
  color: var(--p6-dark) !important;
  border-color: var(--p6-dark) !important;
  box-shadow: inset 0 0 0 2px var(--p6-dark),
              0 4px 12px rgba(0,0,0,.06) !important;   /* coherente con tu hover */
}



.p6-summary__title,
.p6-summary__cta,
.p6-item__title {
  font-family: "August Bold", Sans-serif;
}

.p6-item__meta, .p6-summary__total, .p6-qty__num{
  font-family: "Poppins", Sans-serif;
}

h3.p6-summary__title {
    font-family: "August Bold", Sans-serif;
    font-size: 40px;
    letter-spacing: 1px;
}

a.p6-summary__cta {
    color: white;
    font-family: "Poppins", Sans-serif;
    font-size: 26px;
}

/* Mostrar/ocultar correctamente */
.p6-minus{ display:flex; }
.p6-trash{ display:none; }                 /* oculto por defecto */
.p6-toggle--trash .p6-minus{ display:none; }
.p6-toggle--trash .p6-trash{ display:flex; }

/* Loader: que quede por encima y sin “traspasar” bordes */
.p6-item.is-loading,
.p6-cart.is-loading { position:relative; overflow:hidden; }
.p6-item.is-loading::after,
.p6-cart.is-loading::after{
  z-index: 2;
}
.p6-item.is-loading::before,
.p6-cart.is-loading::before{
  z-index: 3;
}/* End custom CSS */