/* Axustes de lectura e interacción. Conservan a trama continua e a paleta Breixo. */
:root{--control-border:#80647a}
.eyebrow{font-size:12px;letter-spacing:1.7px}
.topline{font-size:12px;letter-spacing:1.3px;padding-inline:18px}
.hero-note,.value small,.origin-facts span,.field-caption,.selection-note{font-size:12px}
.value strong,.product-kicker,.product-number,.product-tags span{font-size:12px}
.product-description,.process p,.questions details p,.faq-intro,.detail-description{font-size:14px}
.product-kicker{max-width:calc(100% - 46px)}
.origin-label small{font-size:12px;letter-spacing:.6px}
.origin-facts{flex-wrap:wrap;gap:22px 30px}
.field-caption{flex-wrap:wrap}
.support-heading .eyebrow{font-size:12px;letter-spacing:1.1px}
.support-heading p,.support-heading .poster-link{font-size:13px}
.support-heading .poster-link{min-height:44px}
.footer-contact,.footer-links{font-size:13px}
.footer-links{flex-wrap:wrap;gap:10px 24px}
.footer-bottom,.footer-bottom button,.legal-links a,.back-top{font-size:12px}
.award-timeline li{font-size:13px}
.award-timeline time,.award-timeline a{font-size:12px}
.gallery-controls .gallery-toggle{font-size:12px}
.hero-slide .photo-caption small{font-size:12px;letter-spacing:1px}
.menu-toggle,.button.outline,.close-button{border-color:var(--control-border)}
.field label,.notes-label,.order-summary strong{font-size:12px}
.field select,.field input,.order-notes{border:1px solid var(--control-border);font-size:16px;min-height:46px}
.field select:hover,.field input:hover,.order-notes:hover{border-color:var(--ink)}
.field select:focus-visible,.field input:focus-visible,.order-notes:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-color:var(--ink)}
.add-item,.copy-request,.order-status,.order-summary,.dialog-lead,.order-footnote,.detail-list li{font-size:13px}
.order-footnote{line-height:1.8}
.dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain;scrollbar-gutter:stable}
.dialog>.dialog-top{position:sticky;top:0;z-index:5;align-items:flex-start;margin:0;padding:24px 36px;background:var(--paper) url('../imagenes/decoracion/trama-panal.svg') center/720px 416px repeat;border-bottom:1px solid var(--line)}
.dialog>.dialog-top>div{min-width:0}
.dialog>.dialog-top .close-button{width:44px;height:44px;flex:0 0 44px}
.dialog>.dialog-top+.dialog-inner{padding-top:26px}
.dialog .dialog-top h2{font-size:clamp(29px,4vw,39px);line-height:1.12}
.poster-dialog>.dialog-top{padding:18px 22px;align-items:center}
.poster-dialog .dialog-top h2{font-size:15px;line-height:1.5;margin:0}
.detail-grid{min-width:0}
.detail-copy{min-width:0}
.detail-list li{flex-wrap:wrap;gap:8px 16px}
.clipboard-fallback{position:fixed;left:0;top:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}

@media(max-width:600px){
  .topline{font-size:11px;line-height:1.6;letter-spacing:.8px}
  .hero-note,.selection-note,.value small,.origin-facts span,.field-caption{font-size:12px}
  .value strong{font-size:12px}
  .value{gap:7px}
  .value+.value{padding-left:8px}
  .value-symbol{width:20px;height:20px;flex:0 0 20px}
  .product-kicker,.product-number{font-size:11px}
  .product-kicker{left:16px;top:16px;max-width:calc(100% - 32px)}
  .product-number{top:auto;bottom:16px;right:16px}
  .product-footer{gap:12px}
  .product-footer .button{padding-inline:13px;gap:12px}
  .process p,.questions details p{font-size:14px}
  .support-heading .eyebrow{font-size:12px}
  .support-heading p,.support-heading .poster-link{font-size:13px}
  .footer-contact,.footer-links{font-size:13px}
  .footer-contact{overflow-wrap:anywhere}
  .footer-bottom,.footer-bottom button,.legal-links a{font-size:12px}
  .footer-links{gap:10px 22px}
  .dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  .dialog>.dialog-top{padding:18px 20px;gap:14px;background-size:540px 312px}
  .dialog>.dialog-top+.dialog-inner{padding:22px 20px 26px}
  .dialog .dialog-top h2{font-size:29px}
  .dialog .dialog-top .eyebrow{font-size:12px;letter-spacing:1px}
  .field select,.field input,.order-notes{font-size:16px}
  .order-row{padding:12px;grid-template-columns:minmax(0,1fr) 70px 30px}
  .field{min-width:0}
  .poster-dialog>.dialog-top{padding:14px 15px}
  .poster-dialog .dialog-top h2{font-size:14px}
}
@media(max-width:360px){
  .values-inner{grid-template-columns:1fr;gap:14px;padding-block:22px}
  .value,.value+.value{padding:0;border-left:0;gap:12px}
  .value-symbol{width:24px;height:24px;flex-basis:24px}
  .value small{margin-top:0}
  .footer-top{grid-template-columns:1fr}
  .footer-links{grid-column:auto}
  .product-copy{padding:22px 20px}
  .product-footer{align-items:flex-start;flex-direction:column;gap:4px}
  .product-footer .button{width:100%;justify-content:space-between}
}