/* EstilosCMC ficha «Botones grandes» — id p36-botones-grandes · clase body.pp-p36-botones-grandes · fuentes: ninguna */
/* Copia del mockup con compuertas de opciones (etiquetas, banderas) y sin Comparar; no editar a mano (regenerar con tools/export_ficha_style.py). */
/* p36-botones-grandes — pensado para el pulgar: botón de 56 px a todo el ancho, cantidad grande «− 1 +», objetivos táctiles ≥ 40 px */

/* ---------- Galería ---------- */
body.pp-p36-botones-grandes .col-product-image .images-container { margin-bottom: 1rem; }
body.pp-p36-botones-grandes#product .col-product-image .images-container .product-cover {
  border: 1px solid #E5E7EB; border-radius: 16px; padding: 16px; margin-bottom: 12px;
}
body.pp-p36-botones-grandes .col-product-image #product-images-large img { max-height: 440px; width: auto; border-radius: 0; }
body.pp-p36-botones-grandes .col-product-image .product-images { margin: 0 -6px; }
body.pp-p36-botones-grandes .col-product-image #product-images-thumbs .thumb-container {
  margin: 0 6px; padding: 6px; border: 2px solid #E5E7EB; border-radius: 14px; background: #fff;
}
body.pp-p36-botones-grandes .col-product-image #product-images-thumbs .thumb { border-radius: 8px; }
body.pp-p36-botones-grandes .col-product-image #product-images-thumbs .thumb.selected,
body.pp-p36-botones-grandes .col-product-image #product-images-thumbs .thumb.js-thumb-selected { box-shadow: none; }
body.pp-p36-botones-grandes .col-product-image #product-images-thumbs .swiper-slide-thumb-active .thumb-container,
body.pp-p36-botones-grandes .col-product-image #product-images-thumbs .thumb-container:has(.selected) { border-color: #2563EB; }
body.pp-p36-botones-grandes:where(:not(.pp-flags-keep)) .product-flags { top: 10px; left: 12px; }
body.pp-p36-botones-grandes:where(:not(.pp-flags-keep)) .product-cover li.product-flag {
  border-radius: 10px; font-size: 14px; font-weight: 700; padding: 6px 11px; margin-top: 6px;
}
body.pp-p36-botones-grandes:where(:not(.pp-flags-keep)) .product-flags li.product-flag.new { background: #F3F4F6; color: #1F2937; }

/* ---------- Panel ---------- */
body.pp-p36-botones-grandes #col-product-info {
  background-color: #fff !important;
  border: 1px solid #E5E7EB;
  border-radius: 18px !important;
  padding: 28px 30px 18px !important;
  box-shadow: 0 6px 20px -12px rgba(17, 24, 39, .18) !important;
}
body.pp-p36-botones-grandes #col-product-info .product_header_container { padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid #EEF0F3; }
body.pp-p36-botones-grandes #col-product-info .product_header_container .page-title {
  font-size: 28px; font-weight: 800; letter-spacing: -0.015em; line-height: 1.2; color: #111827; margin-bottom: 10px;
}
body.pp-p36-botones-grandes #col-product-info .product-prices .current-price,
body.pp-p36-botones-grandes #col-product-info .product-prices .product-price {
  font-size: 32px; font-weight: 800; color: #111827; letter-spacing: -0.02em;
}
body.pp-p36-botones-grandes #col-product-info .has-discount > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
body.pp-p36-botones-grandes #col-product-info .product-prices .product-discount { margin-left: 0; }
body.pp-p36-botones-grandes #col-product-info .product-prices .product-discount .regular-price { font-size: 17px; color: #4B5563; padding: 0; }
body.pp-p36-botones-grandes #col-product-info .product-prices .badge-discount {
  margin-left: 0; font-size: 14px; padding: 5px 11px; border-radius: 10px; background: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA;
}

/* insignia entrega inmediata: ancha y legible */
body.pp-p36-botones-grandes .ecmc-trust-badges { margin: 14px 0 0; }
body.pp-p36-botones-grandes .escmc-badge-s1 {
  width: 100%; background: #1D4ED8; color: #fff; border-radius: 14px; padding: 13px 18px; gap: 14px;
}
body.pp-p36-botones-grandes .escmc-badge-s1 svg { width: 24px; height: 24px; }
body.pp-p36-botones-grandes .escmc-badge-s1__text { font-size: 15px; font-weight: 700; }
body.pp-p36-botones-grandes .escmc-badge-s1__desc { opacity: 1; color: #fff; font-size: 13px; font-weight: 400; margin-top: 2px; }

/* descripción: legible, enlaces con área táctil ampliada (padding de línea, no altera el interlineado) */
body.pp-p36-botones-grandes .rte-content.product-description { font-size: 15px; line-height: 1.6; color: #1F2937; }
body.pp-p36-botones-grandes .rte-content.product-description ul { padding: 0 0 4px 22px; margin: 0; }
body.pp-p36-botones-grandes .rte-content.product-description li { margin: 3px 0; }
body.pp-p36-botones-grandes .rte-content.product-description li::marker { color: #2563EB; }
body.pp-p36-botones-grandes .rte-content span[style] { color: #1F2937 !important; }
body.pp-p36-botones-grandes .rte-content a {
  color: #1D4ED8 !important; font-weight: 600; text-decoration: none; padding: 12px 0;
}
body.pp-p36-botones-grandes .rte-content a:hover { text-decoration: underline; }

/* ---------- Zona de compra: todo grande ---------- */
body.pp-p36-botones-grandes .product-variants > .product-variants-item { display: block; margin: 12px 0 4px; }
body.pp-p36-botones-grandes .product-variants .form-control-label { font-size: 14px; font-weight: 700; color: #111827; padding-top: 6px; padding-bottom: 8px; }
body.pp-p36-botones-grandes .product-variants > .product-variants-item .custom-select2 { display: block; max-width: none; min-width: 0; }
body.pp-p36-botones-grandes .custom-select2::after { color: #111827; right: 18px; font-size: 18px; height: 18px; }
body.pp-p36-botones-grandes #col-product-info .form-control {
  border: 2px solid #D1D5DB !important; border-radius: 14px; color: #111827; background-color: #fff;
}
body.pp-p36-botones-grandes #col-product-info .form-control:hover { border-color: #9CA3AF !important; }
body.pp-p36-botones-grandes #col-product-info .form-control:focus { border-color: #2563EB !important; box-shadow: 0 0 0 4px rgba(37, 99, 235, .18); }
body.pp-p36-botones-grandes #col-product-info select.form-control:not([size]):not([multiple]) {
  height: 56px; font-size: 16px; font-weight: 600; padding: 0 48px 0 18px;
}

body.pp-p36-botones-grandes .product-add-to-cart.pt-3 { padding-top: 14px !important; }
body.pp-p36-botones-grandes .product-quantity.extra-small-gutters { margin-left: -5px; margin-right: -5px; }
body.pp-p36-botones-grandes .product-quantity.extra-small-gutters > .col { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
body.pp-p36-botones-grandes .product-quantity .col-add-qty { flex: 1 1 0%; max-width: none; width: auto; }
body.pp-p36-botones-grandes .product-quantity .col-add-btn { order: 3; flex: 0 0 100%; max-width: 100%; }
body.pp-p36-botones-grandes .product-quantity .qty { width: 100%; height: 56px; }

/* stepper horizontal «− cantidad +» */
body.pp-p36-botones-grandes .product-quantity .qty .input-group {
  height: 56px; flex-wrap: nowrap; border: 2px solid #D1D5DB; border-radius: 14px; overflow: hidden; background: #fff;
}
body.pp-p36-botones-grandes .product-quantity .qty .input-group:focus-within { border-color: #2563EB; }
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical { display: contents; }
body.pp-p36-botones-grandes #col-product-info #quantity_wanted {
  order: 2; flex: 1 1 auto; width: 1%; min-width: 48px; height: 52px;
  border: 0 !important; border-radius: 0; padding: 0 4px;
  text-align: center; font-size: 20px; font-weight: 700; color: #111827;
}
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.btn-touchspin {
  flex: 0 0 56px; width: 56px; height: 52px; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: #F3F4F6; color: #111827;
  display: flex; align-items: center; justify-content: center;
}
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .bootstrap-touchspin-down { order: 1; border-right: 1px solid #E5E7EB; }
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .bootstrap-touchspin-up { order: 3; border-left: 1px solid #E5E7EB; }
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.btn-touchspin:hover { background: #E5E7EB; color: #1D4ED8; }
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.btn-touchspin:active { background: #DBEAFE; }
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .btn i { display: none; }
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .input-group-btn-vertical > .btn::before {
  content: ""; width: 22px; height: 22px; background: currentColor;
  -webkit-mask: var(--pp36-ico) center / contain no-repeat; mask: var(--pp36-ico) center / contain no-repeat;
}
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .bootstrap-touchspin-down {
  --pp36-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.pp-p36-botones-grandes .product-quantity .qty .bootstrap-touchspin .bootstrap-touchspin-up {
  --pp36-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* CTA 56 px a todo el ancho */
body.pp-p36-botones-grandes #col-product-info .product-add-to-cart .btn-primary.add-to-cart {
  width: 100%;
  height: 56px;
  padding: 0 24px;
  background-color: #2563EB !important;
  border-color: #2563EB !important;
  color: #fff !important;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .005em;
  box-shadow: 0 10px 22px -10px rgba(37, 99, 235, .7);
}
body.pp-p36-botones-grandes #col-product-info .product-add-to-cart .btn-primary.add-to-cart:hover { background-color: #1D4ED8 !important; border-color: #1D4ED8 !important; }
body.pp-p36-botones-grandes #col-product-info .product-add-to-cart .btn-primary.add-to-cart:active { transform: translateY(1px); }
body.pp-p36-botones-grandes #col-product-info .product-add-to-cart .btn-primary.add-to-cart .bag-icon { font-size: 18px; }

/* escritorio ancho: cantidad + botón + comparar en una fila (ahorra altura) */
@media (min-width: 1200px) {
  body.pp-p36-botones-grandes .product-quantity .col-add-qty { flex: 0 0 186px; max-width: 186px; }
  body.pp-p36-botones-grandes .product-quantity .col-add-btn { order: 0; flex: 1 1 0%; max-width: none; }
  body.pp-p36-botones-grandes:where(:not(.pp-tags-keep)) .ptg-color-labels .ptg-tag a.ptg-tag-name { min-height: 34px; padding: 0 14px; }
  body.pp-p36-botones-grandes .social-sharing li a { width: 40px; height: 40px; }
}

/* compartir y etiquetas: objetivos de 40-44 px */
body.pp-p36-botones-grandes .product-additional-info { border-top: 1px solid #EEF0F3; padding-top: 14px; }
body.pp-p36-botones-grandes .social-sharing li { padding: 0 3px 0 0; }
body.pp-p36-botones-grandes .social-sharing li a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 12px; border: 1px solid #E5E7EB; background: #F9FAFB; font-size: 17px;
}
body.pp-p36-botones-grandes .social-sharing li a i { color: #374151; }
body.pp-p36-botones-grandes .social-sharing li a:hover { border-color: #2563EB; }
body.pp-p36-botones-grandes:where(:not(.pp-tags-keep)) .ptg-product-wrp .control-label { font-size: 14px; font-weight: 700; color: #111827; margin-bottom: 8px; }
body.pp-p36-botones-grandes:where(:not(.pp-tags-keep)) .ptg-color-labels .ptg-tag { margin: 0 6px 8px 0; }
body.pp-p36-botones-grandes:where(:not(.pp-tags-keep)) .ptg-color-labels .ptg-tag a.ptg-tag-name {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px;
  background: #F3F4F6 !important; background-image: none !important; color: #1F2937 !important;
  border: 1px solid #E5E7EB; border-radius: 999px; font-size: 14px; line-height: 1.2;
}
body.pp-p36-botones-grandes:where(:not(.pp-tags-keep)) .ptg-color-labels .ptg-tag a.ptg-tag-name::before { display: none; }
body.pp-p36-botones-grandes:where(:not(.pp-tags-keep)) .ptg-color-labels .ptg-tag a.ptg-tag-name:hover { left: 0; border-color: #2563EB; }

/* ---------- Barra fija móvil: botón grande al pulgar ---------- */
body.pp-p36-botones-grandes .tl-sticky-atc { gap: 14px; padding-top: 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
body.pp-p36-botones-grandes .tl-sticky-atc__now { font-size: 20px; color: #111827; }
body.pp-p36-botones-grandes .tl-sticky-atc__was { font-size: 13px; color: #4B5563; text-decoration: line-through; }
body.pp-p36-botones-grandes #col-product-info .tl-sticky-atc .tl-sticky-atc__btn {
  flex: 1 1 auto; max-width: 260px; min-height: 52px;
  background-color: #2563EB !important; border-color: #2563EB !important; color: #fff !important;
  border-radius: 14px; font-size: 17px; font-weight: 700; box-shadow: none;
}

/* ---------- Foco visible grueso ---------- */
body.pp-p36-botones-grandes #col-product-info .btn:focus-visible,
body.pp-p36-botones-grandes #col-product-info .form-control:focus-visible,
body.pp-p36-botones-grandes #col-product-info a:focus-visible {
  outline: 3px solid #1D4ED8 !important;
  outline-offset: 3px !important;
}

/* ---------- Móvil ---------- */
@media (max-width: 767.98px) {
  body.pp-p36-botones-grandes .col-product-image .product-cover { padding: 10px; }
  body.pp-p36-botones-grandes .col-product-image #product-images-large img { max-height: 320px; }
  body.pp-p36-botones-grandes #col-product-info { padding: 22px 16px 14px !important; }
  body.pp-p36-botones-grandes #col-product-info .product_header_container .page-title { font-size: 24px; }
  body.pp-p36-botones-grandes #col-product-info .product-prices .current-price,
  body.pp-p36-botones-grandes #col-product-info .product-prices .product-price { font-size: 30px; }
  body.pp-p36-botones-grandes .product-quantity .col-add-qty { flex: 1 1 0%; max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.pp-p36-botones-grandes #col-product-info .btn { transition: none; transform: none !important; }
}