/* Disponible y Vista previa comparten una cabecera compacta, fuera del enlace de imagen. */
/* Paleta "B - Esquina suave" (2026-09-11): un solo teal, un solo carmín, 8/10/18px. */
.cgp-product-card .cgp-card-tools{position:absolute;inset:5px 10px auto;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2}
.cgp-products-section .cgp-product-card .cgp-card-tools .cgp-stock-badge{position:static;inset:auto;font-size:11px;padding:0;background:transparent}
.cgp-card-tools [data-preview-open]{display:flex;align-items:center;gap:5px;min-height:44px;padding:5px 7px;background:#fff;border:1px solid transparent;border-radius:var(--cgp-radius-btn,8px);color:var(--cgp-teal,#087b90);font-size:11px;cursor:pointer;line-height:1.2}
.cgp-card-tools [data-preview-open]:hover{background:var(--cgp-teal-soft,#e7f1f4);border-color:var(--cgp-line,#e2e8ee)}
.cgp-card-tools [data-preview-open]:focus-visible,.cgp-preview :focus-visible{outline:2px solid var(--cgp-teal,#087b90);outline-offset:3px}
.cgp-preview{width:min(940px,calc(100vw - 40px));max-width:940px;max-height:90vh;max-height:90dvh;padding:0;border:1px solid var(--cgp-line,#e2e8ee);border-radius:24px;background:#fff;color:var(--cgp-ink,#152d3c);box-shadow:0 24px 90px rgba(21,45,60,.26);overflow:auto;overscroll-behavior:contain;font-family:inherit}
.cgp-preview::backdrop{background:#152d3c66;backdrop-filter:blur(5px)}
.cgp-preview-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--cgp-line,#e2e8ee);background:#fff;z-index:3}
.cgp-preview-header strong{font-size:14px;line-height:1.4}
.cgp-preview button{font-family:inherit;cursor:pointer;min-height:44px}
.cgp-preview-header button{flex-shrink:0;border:0;border-radius:var(--cgp-radius-input,10px);background:var(--cgp-teal-soft,#e7f1f4);color:var(--cgp-teal,#087b90);padding:10px 14px}
.cgp-preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px}
.cgp-preview-gallery{min-width:0;align-self:start;position:sticky;top:94px}
.cgp-preview-photo{aspect-ratio:1;display:grid;place-items:center;background:#fff;border:1px solid var(--cgp-line,#e2e8ee);border-radius:16px;padding:16px}
.cgp-preview-photo img{width:100%;height:100%;max-height:380px;object-fit:contain}
.cgp-preview-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 3px;scrollbar-width:thin}
.cgp-preview-thumbs button{flex:0 0 62px;height:62px;padding:4px;border:1px solid var(--cgp-line,#e2e8ee);border-radius:var(--cgp-radius-input,10px);background:#fff}
.cgp-preview-thumbs button[aria-pressed=true]{border:2px solid var(--cgp-teal,#087b90);background:var(--cgp-teal-soft,#e7f1f4)}
.cgp-preview-thumbs img{width:100%;height:100%;object-fit:contain}
.cgp-preview-info{min-width:0}.cgp-preview-info h2{font-size:23px;line-height:1.35;margin:6px 0 14px;color:var(--cgp-ink,#152d3c)}
.cgp-preview-stock{font-size:12px;color:var(--cgp-green,#1f7a4d);margin:0}.cgp-preview-price{font-size:24px;font-weight:750;margin:16px 0}.cgp-preview-price del{font-size:16px;opacity:.6}.cgp-preview-price ins{text-decoration:none}
.cgp-preview-fit{font-size:12px;background:#fff3de;color:#835500;padding:9px 12px;border-radius:var(--cgp-radius-btn,8px)}.cgp-preview-fit[data-fit=perfect]{background:var(--cgp-green-soft,#e6f4ea);color:var(--cgp-green,#1f7a4d)}
.cgp-preview-audio{background:var(--cgp-surface-soft,#f4f6f8);border:1px solid var(--cgp-line,#e2e8ee);border-radius:14px;padding:14px;margin:18px 0}.cgp-preview-audio h3{color:var(--cgp-ink,#152d3c);font-size:15px;margin:0 0 10px}.cgp-preview-audio audio{display:block;width:100%;height:44px}.cgp-preview-audio details{margin-top:10px;font-size:13px}.cgp-preview-audio p{white-space:pre-line}
.cgp-preview-description{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.cgp-preview-description h3,.cgp-preview-description h4{font-size:16px}.cgp-preview-description table{display:block;max-width:100%;overflow:auto}
.cgp-preview-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--cgp-line,#e2e8ee);padding:16px 24px;z-index:2}.cgp-preview-purchase{display:flex;gap:16px;align-items:end;justify-content:flex-end}
.cgp-preview-quantity{display:grid;gap:4px;font-size:12px}.cgp-preview-quantity input{width:80px;height:44px;min-height:44px;border:1px solid var(--cgp-line,#e2e8ee);border-radius:var(--cgp-radius-btn,8px);padding:8px;font:inherit;font-size:16px;background:#fff;color:var(--cgp-ink,#152d3c)}
/* Relieve mate "E" (2026-09-11): el "Agregar" de la vista previa, en carmín. */
.cgp-preview [data-preview-add]{border:0;border-radius:var(--cgp-radius-btn,8px);background-color:var(--cgp-primary,#bd3548);background-image:var(--cgp-relief-primary,none);box-shadow:var(--cgp-relief-inset-primary,none);color:#fff;font-size:15px;font-weight:700;padding:12px 24px}
.cgp-preview [data-preview-add]:hover:not(:disabled){background-image:none;background-color:var(--cgp-primary-dark,#a72b3d)}
.cgp-preview [data-preview-add]:active:not(:disabled){background-image:none;background-color:var(--cgp-primary-press,#952a3a);transform:var(--cgp-relief-press,scale(.985))}.cgp-preview [data-preview-add]:disabled{opacity:.6;cursor:wait}
.cgp-preview [data-preview-message]{font-size:13px;margin:8px 0 0}.cgp-preview [data-preview-message]:empty{display:none}.cgp-preview-loading,.cgp-preview-no-photo{padding:40px;text-align:center;color:var(--cgp-text-soft,#5b6b7a)}.cgp-preview-options{color:var(--cgp-teal,#087b90)}
@media(max-width:650px){.cgp-preview{width:calc(100vw - 16px);max-height:94vh;max-height:94dvh;border-radius:16px}.cgp-preview-header{padding:12px 16px;gap:8px}.cgp-preview-layout{grid-template-columns:1fr;padding:16px;gap:18px}.cgp-preview-gallery{position:static}.cgp-preview-photo{aspect-ratio:auto;height:220px}.cgp-preview-photo img{max-height:188px}.cgp-preview-info h2{font-size:20px}.cgp-preview-footer{padding:12px 16px}.cgp-preview-purchase{justify-content:stretch}.cgp-preview [data-preview-add]{flex:1;padding:12px}.cgp-preview-header strong{font-size:12px}}