/* Identidad Sorprende: opción 1, azul noche + champagne + marfil. */
@font-face { font-family: Nunito; src: url('assets/fonts/nunito-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Nunito; src: url('assets/fonts/nunito-500.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: Nunito; src: url('assets/fonts/nunito-600.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Nunito; src: url('assets/fonts/nunito-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: Nunito; src: url('assets/fonts/nunito-800.ttf') format('truetype'); font-weight: 800; font-display: swap; }
@font-face { font-family: Pacifico; src: url('assets/fonts/pacifico.ttf') format('truetype'); font-weight: 400; font-display: swap; }
:root {
  --azul-noche: #17263d;
  --azul-profundo: #0e1b2c;
  --dorado: #d9a441;
  --dorado-2: #b27c24;
  --crema: #f7f2e8;
  --gris-texto: #555c66;
  --sombra: 0 12px 32px #17263d12;
  --sombra-fuerte: 0 22px 50px #17263d26;
}
body { font-family: Nunito, 'Segoe UI', sans-serif; background: var(--crema); }
h1, h2, h3, h4 { font-family: Nunito, 'Segoe UI', sans-serif; font-weight: 800; letter-spacing: -.025em; }
button, input, select, textarea { font-family: inherit; }
.header { background: #17263df5; border-bottom-color: #d9a44140; }
.header__inner { min-height: 100px; padding-top: 10px; padding-bottom: 10px; }
.header__logo { gap: 12px; flex-shrink: 0; }
.header__logo-img { width: 80px; height: 72px; background: transparent; border: none; padding: 0; border-radius: 0; object-fit: contain; }
.header__logo:hover .header__logo-img { transform: translateY(-2px); }
.header__brand { font-family: Pacifico, cursive; font-weight: 400; font-size: 1.85rem; line-height: 1.4; color: var(--crema); }
.header__brand small { font-family: Nunito, sans-serif; text-transform: uppercase; letter-spacing: .25em; font-weight: 800; color: #ffe0a0; font-size: .86rem; padding-left: 0; margin-top: 8px; line-height: 1.4; text-align: center; }
.nav__list { gap: 18px; }
.nav__list a { font-size: .83rem; font-weight: 700; }
.hero {
  background-image: linear-gradient(90deg,rgba(14,27,44,.87) 0%,rgba(14,27,44,.6) 45%,rgba(14,27,44,.13) 100%),url('assets/img/fondo-inicio.jpg');
  background-position: center;
  min-height: 76vh;
  padding: 92px 0;
  text-align: left;
}
.hero__inner { max-width: 1200px; }
.hero__eyebrow { color: #ebc783; font-weight: 700; letter-spacing: .18em; font-size: .75rem; }
.hero__title { font-size: clamp(2.2rem,4vw,3.5rem); max-width: 690px; line-height: 1.23; margin-bottom: 26px; color: var(--crema); }
.hero__title .brand-script { display: block; font-family: Pacifico, cursive; font-size: 1.4em; font-weight: 400; color: #ebc783; letter-spacing: 0; line-height: 1.5; }
.hero__subtitle { max-width: 520px; margin: 0 0 30px; color: #f0ece3; font-size: 1.05rem; }
.hero__cta { justify-content: flex-start; }
.hero__slogan { font-family: Pacifico, cursive; font-weight: 400; color: #ebc783; font-size: 1.3rem; margin-top: 30px; }
.hero__deco { opacity: .12; }
.btn { font-weight: 800; letter-spacing: .015em; }
.btn--primary { background: var(--dorado); color: #142135; }
.btn--primary:hover { background: #e4b75f; box-shadow: 0 10px 24px #d9a44130; }
.btn--ghost { border-color: #e3b869; }
.btn--ghost:hover { background: #e4b75f; }
.pagina:not(#inicio):not(#disena):not(#contacto) {
  background-image: linear-gradient(rgba(14,27,44,.78),rgba(14,27,44,.58)),url('assets/img/fondo-inicio.jpg') !important;
  background-size: cover !important; background-position: center !important; background-attachment: fixed !important;
}
#disena, #contacto {
  background-image: linear-gradient(110deg,rgba(14,27,44,.94),rgba(23,38,61,.78)),url('assets/img/fondo-inicio.jpg') !important;
  background-size: cover !important; background-position: center !important; background-attachment: fixed !important;
}
#inicio { background: url('assets/img/fondo-inicio.jpg') center / cover; }
.inicio-colecciones {
  background-image: linear-gradient(110deg,rgba(14,27,44,.8),rgba(14,27,44,.56)),url('assets/img/fondo-inicio.jpg');
  background-size: cover;
  background-position: center;
  border-top: 1px solid #d9a44155;
}
.inicio-extra h2 { color: #fff5e1; }
.inicio-extra > p { color: #f3e9d7; }
.inicio-extra .section-eyebrow { color: #ffe0a0; }
.inicio-extra .inicio-confianza { color: #f3e9d7; border-color: #d9a44188; }
.pagina:not(#inicio) .pagina__title { color: #fff5e1; text-shadow: 0 2px 12px #0e1b2c88; }
.pagina:not(#inicio) .pagina__lead,
.pagina:not(#inicio) .pagina__text { color: #f3e9d7; }
.inicio-extra { padding-top: 64px; padding-bottom: 64px; }
.section-eyebrow { color: #805b1c; }
.inicio-extra h2, .pagina__title { font-size: clamp(1.9rem,3vw,2.8rem); }
.pagina__title::after { content: ''; display: block; width: 54px; height: 3px; background: var(--dorado); margin: 16px auto 0; border-radius: 99px; }
.pagina__title--light { color: #ebc783; }
.pagina__lead { font-style: normal; color: #39475a; font-weight: 600; }
.pagina__lead--light { color: #efe7d8; }
.pagina__inner { padding-top: 60px; }
.inicio-accesos a { background: #fffdf8f0; border-color: #d6c6a0; }
.inicio-accesos span { display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: #f3e6cb; font-size: 1.7rem; }
.inicio-accesos h3 { font-size: 1.25rem; }
.inicio-accesos b { color: #835a17; }
.inicio-confianza { padding-top: 24px; border-top: 1px solid #c9b88f; color: #39475a; }
.producto, .producto:hover, .faq__item, .faq__item[open], .paso-compra, .entregas, .consideraciones, .aviso-3d { background: #fffdf8f5; border-color: #dacbad; box-shadow: var(--sombra); }
.producto__nombre { font-size: 1.15rem; }
.producto__cat, #pedido-producto { color: #805b1c; }
.catalogo-herramientas, #catalogo #filtros, .catalogos-pdf { background: #fffdf8f5; border-color: #dacbad; }
.catalogos-pdf a { background: #f3e8d3; }
.filtro.activo, .cat-tab.activo, .opcion.seleccionado { background: #e2b867; border-color: #e2b867; color: #17263d; }
.filtro:hover { background: #17263d; }
.filtro.activo:hover { background: #e2b867; color: #17263d; }
.cat-tab { border-color: #d9a44166; }
.cat-tab:hover { border-color: var(--dorado); background: #d9a44120; }
.opcion { border-color: #d9a44155; }
.opcion.seleccionado { box-shadow: 0 4px 20px #d9a44128; }
.opcion__mini { border-radius: 12px; }
.paso__titulo, .preview__titulo, .valor h3 { letter-spacing: -.02em; }
.paso__titulo span, .paso-compra__num { background: #e2b867; color: #17263d; font-family: Nunito, sans-serif; font-weight: 800; }
.configurador__preview { background: #fffdf8; border: 1px solid #decfae; top: 116px; max-height: calc(100vh - 136px); }
.preview__lista li, .preview__box { background: #f7f2e8; }
.preview__item { border-color: var(--dorado); }
.preview__total, .preview__titulo { border-color: #d9a441; }
.preview__total strong, .preview__lista li strong { color: #17263d; }
.pedido-dialog { background: #fffdf8; }
.valor { background: #17263dee; border-color: #d9a44166; }
.valor:hover { background: #17263d; }
.valor h3, .valor__icono { color: #ebc783; }
.footer { background: #0e1b2c; color: #d2c8b4; }
input, select, textarea { border-color: #b5ac99; }
:focus-visible { outline-color: #b27c24; }
.toast { border-left-color: #d9a441; }
.opcion__mini img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.producto-unidades { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.producto-unidades > .opcion { width: 100%; flex: 1; }
.cantidad-control { display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 4px; border: 1px solid #d9a44166; border-radius: 12px; background: #17263dcc; }
.cantidad-control button { width: 44px; height: 44px; border: none; border-radius: 8px; background: #e2b867; color: #17263d; font-size: 1.4rem; cursor: pointer; }
.cantidad-control button:disabled { opacity: .35; cursor: default; }
.cantidad-control output { font-weight: 800; color: #fff5e1; }
.preview--real { aspect-ratio: 1; background: #f7f2e8; border: 1px solid #dacbad; }
.preview--real .preview__caja img { width: 100%; height: 100%; object-fit: contain; }
.preview--real .preview__item {
  width: 24%; height: 14%; aspect-ratio: auto; transform: translate(-50%,-50%);
  animation: none; transition: box-shadow .2s; cursor: grab; touch-action: none; padding: 4px;
}
.preview--real .preview__item:active { cursor: grabbing; z-index: 2; }
.preview__item--foto { background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.preview__item--foto img { padding: 0; pointer-events: none; }
.preview--real .preview__item--rectangulo { border-radius: 5px; background: #f6e5c7; border: 1px solid #ba9152; font-size: 1.3rem; }
.preview__lista li { flex-wrap: wrap; }
.preview__lista li span { min-width: 110px; }
.preview__lista .girar-detalle { min-height: 44px; padding: 6px 10px; flex-shrink: 0; }
.editor-tarjetas { border: 1px solid #d9c49d; border-radius: 14px; padding: 14px; min-width: 0; display: grid; gap: 12px; }
.editor-tarjetas legend { padding: 0 6px; font-weight: 800; }
.editor-tarjetas small { font-size: .75rem; }
.tarjeta-vista { position: relative; aspect-ratio: 9 / 6.5; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 18px 20px 28px; text-align: center; overflow: hidden; border: 1px solid #d9a441; border-radius: 4px; }
.tarjeta-vista--clara { background: #fffdf7; color: #17263d; }
.tarjeta-vista strong { color: #a84721; font-size: .85rem; }
.tarjeta-vista p { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; line-height: 1.35; }
#tarjeta-mensaje { font-size: clamp(.7rem, 1.1vw, 1rem); }
.tarjeta-vista--oscura { aspect-ratio: 8.5 / 6; background: #17263d; color: #fff5e1; }
.tarjeta-vista--oscura strong { color: #ffe0a0; }
.tarjeta-vista--oscura p { font-size: .85rem; width: 100%; }
.tarjeta-cuadros { position: absolute; bottom: 0; left: 0; right: 0; height: 16px; background: conic-gradient(#17263d 25%,#fff 0 50%,#17263d 0 75%,#fff 0) 0 0 / 16px 16px; }
.tarjeta-foto { position: relative; width: 100%; max-width: 320px; margin: 0 auto; }
.tarjeta-foto[hidden], .editor-tarjetas label[hidden] { display: none; }
.tarjeta-foto > img[hidden] { display: none; }
[data-solo-informacion][hidden], [data-solo-hotwheels][hidden] { display: none; }
.tarjeta-foto--sin-tema { display: grid; gap: 10px; max-width: none; }
.tarjeta-foto--sin-tema .tarjeta-foto__nombre, .tarjeta-foto--sin-tema .tarjeta-foto__mensaje { position: static; width: 100%; height: auto; min-height: 44px; padding: 10px; border: 1px solid #b5ac99; background: white; font-family: 'Nunito',sans-serif; text-align: left; }
.tarjeta-foto--sin-tema .tarjeta-foto__mensaje { min-height: 110px; }
.tarjeta-foto > img { width: 100%; height: auto; display: block; }
.tarjeta-foto .tarjeta-foto__nombre { position: absolute; left: 42%; width: 31%; height: 4.8%; border: 0; border-radius: 0; padding: 0 3px; color: #17263d; background: transparent; font-weight: 800; font-size: .8rem; box-shadow: none; min-height: 0; }
.tarjeta-foto__nombre--de { top: 66.5%; }
.tarjeta-foto__nombre--para { top: 74.5%; }
.tarjeta-foto__nombre::placeholder { color: #52606a; opacity: 1; }
.tarjeta-foto__nombre:focus { outline: 2px solid #d9a441; outline-offset: 1px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.tarjeta-foto--dedicatoria { max-width: 420px; }
.tarjeta-foto .tarjeta-foto__mensaje { position: absolute; left: 19%; top: 34%; width: 62%; height: 44%; min-height: 0; padding: 2px; border: 0; border-radius: 0; background: transparent; color: #101820; resize: none; text-align: center; font-family: 'Pacifico', cursive; font-size: .9rem; line-height: 1.35; box-shadow: none; }
.tarjeta-foto__mensaje:focus { outline: 2px solid #d9a441; outline-offset: 2px; }
.tarjeta-foto__mensaje::placeholder { color: #43505c; opacity: 1; font-family: 'Nunito',sans-serif; font-size: .8rem; }
.tarjeta-foto.tarjeta-foto--sin-tema.tarjeta-foto--dedicatoria {
  display: block; width: 100%; aspect-ratio: 9 / 6.5; background: #fffaf0;
  border: 1px solid #d9c49d; border-radius: 8px; box-shadow: 0 3px 12px #17263d0c;
}
.tarjeta-foto.tarjeta-foto--sin-tema .tarjeta-foto__mensaje {
  position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0;
  padding: 22px 18px; background: transparent; border: 0; resize: none;
  font-family: 'Pacifico',cursive; font-size: 1.1rem !important; line-height: 1.7; text-align: center;
}
.tarjeta-foto.tarjeta-foto--sin-tema .tarjeta-foto__mensaje::placeholder { font-family: 'Pacifico',cursive; font-size: 1rem; }
.tarjeta-foto.tarjeta-foto--sin-tema .tarjeta-foto__nombre {
  position: static; width: 100%; height: 56px; min-height: 56px;
  padding: 12px 14px; border: 1px solid #b5ac99; border-radius: 8px;
  background: #fffdf8; font-family: 'Nunito',sans-serif; font-size: 1rem !important;
  font-weight: 600; text-align: left;
}
.preview-tarjetas { position: absolute; inset: 0; z-index: 10; pointer-events: none; }
.tarjeta-box { position: absolute; transform: translate(-50%,-50%); background: transparent; padding: 0; border: 0; pointer-events: auto; touch-action: none; cursor: grab; filter: drop-shadow(0 3px 3px #0005); }
.tarjeta-box img { width: 100%; height: 100%; object-fit: fill; pointer-events: none; }
.tarjeta-box span { position: absolute; pointer-events: none; color: #15202a; overflow: hidden; overflow-wrap: anywhere; text-align: center; line-height: 1.2; }
.tarjeta-box--dedicatoria .tarjeta-box__texto { left: 19%; top: 34%; width: 62%; height: 44%; font-size: clamp(4px,.5vw,7px); }
.tarjeta-box--nombres span { left: 42%; width: 31%; height: 5%; font-size: clamp(3px,.4vw,6px); text-align: left; }
.tarjeta-box--nombres .tarjeta-box__texto { top: 66.5%; }
.tarjeta-box__para { top: 74.5%; }
@media (max-width:1199px) and (min-width:769px) { .nav__list { gap: 8px 14px; } .header__logo { margin-right: 24px; } }
@media (max-width:768px) {
  .header__inner { min-height: 82px; }
  .header__logo-img { width: 60px; height: 58px; }
  .header__brand { font-size: 1.55rem; }
  .header__brand small { font-size: .72rem; margin-top: 6px; }
  .nav { top: 82px; background: #17263d; }
  .nav.nav--abierto { max-height: calc(100dvh - 82px); overflow-y: auto; }
  .hero { min-height: 72vh; padding: 54px 0; background-position: 62% center; background-image: linear-gradient(90deg,rgba(14,27,44,.83),rgba(14,27,44,.48)),url('assets/img/fondo-inicio.jpg'); }
  .hero__title { font-size: clamp(2rem,8vw,2.9rem); }
  .hero__eyebrow { line-height: 1.8; max-width: 280px; }
  .hero__cta { align-items: flex-start; gap: 12px; }
  .hero__cta .btn { width: auto; min-width: 185px; }
  .hero__subtitle { font-size: 1rem; }
  .hero__slogan { font-size: 1.1rem; }
  .pagina:not(#inicio):not(#disena):not(#contacto), #disena, #contacto { background-attachment: scroll !important; }
  .configurador__preview { max-height: none; }
  .pagina__inner { padding-top: 44px; }
}

/* Fotos colocadas sobre los detalles, sin ocupar la base. */
.preview__item.preview__item--encima { z-index: 6; filter: drop-shadow(0 2px 2px #0004); }
.preview--real .preview__item.preview__item--encima:active { z-index: 7; }

.preview__luces { position:absolute; left:18%; top:43%; width:64%; height:47%; pointer-events:none; z-index:0; overflow:hidden; }
.preview__luces[hidden] { display:none; }
.preview__luces svg { width:100%; height:100%; overflow:visible; }
.luz-hada__cable { fill:none; stroke:#c8a657; stroke-width:.35; opacity:.8; }
.luz-hada__halo { fill:#ffd05a; opacity:.55; filter:blur(2px); }
.luz-hada__led { fill:#fff8cf; filter:drop-shadow(0 0 2px #ffb62e); }
.preview__productos .preview__item { z-index:1; }
.preview__productos .preview__item--encima { z-index:6; }

#editor-dedicatoria-tarjeta[hidden], #editor-carta[hidden] { display:none; }
#carta-mensaje { width:100%; aspect-ratio:9 / 6.5; min-height:180px; padding:22px 18px; background:white; color:#17263d; border:1px solid #dac69e; border-radius:12px; font-family:Pacifico,cursive; font-size:1.1rem; line-height:1.7; text-align:center; resize:vertical; }

.paleta-marcos { display:flex; gap:6px; justify-content:center; flex-wrap:wrap; margin:10px 0 4px; }
.paleta-marcos button { display:grid; gap:4px; justify-items:center; background:transparent; border:1px solid transparent; border-radius:8px; color:#17263d; padding:6px; font:inherit; font-size:.7rem; cursor:pointer; }
.paleta-marcos button span { width:25px; height:25px; border:1px solid #aaa; border-radius:50%; }
.paleta-marcos button[aria-pressed="true"] { border-color:#b98731; background:#f7eddc; }
.paleta-marcos button { color:#f7f2e8; } .paleta-marcos button[aria-pressed="true"] { color:#17263d; }

.preview__item--marco::after { content:""; position:absolute; inset:3% 4%; border:8px solid #242424; border-width:clamp(3px, .65vw, 8px); pointer-events:none; box-shadow:inset 0 0 2px #0008; }
.preview__item--marco[data-color-marco="blanco"]::after { border-color:#faf8f4; }
.preview__item--marco[data-color-marco="madera"]::after { border-color:#d9b88d; border-image:repeating-linear-gradient(12deg,#d6b38a 0px,#e4c7a3 3px,#cba57d 5px) 8; }

.modelos-cuadro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:10px 0; }
.modelos-cuadro button { padding:6px; border:1px solid #d5ba82; border-radius:8px; background:#ffffff12; color:#f7f2e8; font:inherit; font-size:.7rem; cursor:pointer; }
.modelos-cuadro img { display:block; height:60px; width:100%; object-fit:contain; margin-bottom:4px; }
.modelos-cuadro button[aria-pressed="true"] { background:#f4e6cd; color:#17263d; }

/* Vistas de producto recortadas desde el catálogo original. */
#catalogo #grid-productos .producto__img--album-dura,#catalogo #grid-productos .producto__img--album-blanda,#catalogo #grid-productos .producto__img--cumpleanera,.tarjeta-vista-abierta { position:relative; overflow:hidden; }
#catalogo #grid-productos .producto__img--album-dura { aspect-ratio:365/435; height:auto; }
#catalogo #grid-productos .producto__img--album-blanda { aspect-ratio:345/408; height:auto; }
#catalogo #grid-productos .producto__img--album-dura img { position:absolute; width:228.5%; max-width:none; height:auto; left:-56.7%; top:-32.6%; }
#catalogo #grid-productos .producto__img--album-blanda img { position:absolute; width:241.7%; max-width:none; height:auto; left:-59.1%; top:-31.6%; }
#catalogo #grid-productos .producto__img--cumpleanera { aspect-ratio:500/695; height:auto; }
#catalogo #grid-productos .producto__img--cumpleanera img { position:absolute; width:266.8%; max-width:none; height:auto; left:-140%; top:-46.9%; }
.tarjeta-vista-abierta { aspect-ratio:889/690; margin:12px 16px 0; }
.tarjeta-vista-abierta img { position:absolute; width:150.1%; max-width:none; height:auto; left:-25%; top:-154.9%; }
.tarjeta-vistas-label { text-align:center; font-size:.8rem; margin:8px 0; }

.paleta-caja-pequena { grid-column:1/-1; padding:12px; border:1px solid #d5ba82; border-radius:12px; }
.paleta-caja-pequena .paleta-colores { display:flex; gap:8px; flex-wrap:wrap; }
.paleta-caja-pequena button { padding:8px 12px; border:1px solid #d5ba82; border-radius:8px; cursor:pointer; background:#f7f2e8; color:#17263d; }
.paleta-caja-pequena button[aria-pressed="true"] { outline:2px solid #d5ba82; background:#e8d5ae; }
.paleta-caja-pequena button span { display:inline-block; width:16px; height:16px; border-radius:50%; vertical-align:middle; margin-right:5px; }

.opcion__mini--catalogo { display:flex; gap:6px; width:100%; height:auto; background:transparent; }
.caja-catalogo { display:block; width:74px; height:74px; position:relative; overflow:hidden; background:white; border-radius:6px; }
.opcion__mini .caja-catalogo img { position:absolute; max-width:none; height:auto; object-fit:initial; }
.opcion__mini .caja-catalogo--med-azul img { width:370.6%; left:-38.9%; top:-235.6%; }
.opcion__mini .caja-catalogo--med-rojo img { width:370.6%; left:-38.9%; top:-363.3%; }
.opcion__mini .caja-catalogo--grande-azul img { width:281.4%; left:-151.1%; top:-269.6%; }

.opcion__mini .caja-catalogo { flex:0 0 54px; width:54px; height:54px; }

#preview-altura-caja { margin:12px 0; padding:12px; border:1px solid #d5ba82; border-radius:10px; background:#f7f2e8; color:#17263d; font-size:.8rem; }
#preview-altura-caja:empty { display:none; }
#preview-altura-caja svg { display:block; width:100%; max-width:310px; margin:auto; }
.aviso-altura { color:#a43c28; font-weight:700; }

#catalogo #grid-productos .producto__img--box-completo { aspect-ratio:4/5; background:#fff; }
#catalogo #grid-productos .producto__img--box-completo img { width:100%; height:100%; object-fit:contain; padding:8px; }
#catalogo #grid-productos .producto:hover .producto__img--box-completo img { transform:none; }

.preview--real.preview--bolsa .preview__caja img { position:absolute; inset:5%; width:90%; height:90%; min-height:0; max-height:90%; object-fit:contain; }

.preview--bolsa .preview__item[data-producto-preview^='peluche-'] { padding:0; border:0; }

.stock-carritos { display:grid; gap:6px; padding:14px; border:1px solid #d9a441; border-radius:12px; } .stock-carritos a { font-weight:700; }

#grid-impresion-3d .producto__img img { object-fit:contain; background:white; }

.etiqueta-precio { position:absolute; top:12px; right:12px; z-index:2; background:#f5c55b; color:#17263d; padding:8px 12px; border-radius:8px; font-weight:800; box-shadow:0 3px 9px #0003; } .etiqueta-precio--oferta { background:#d92842; color:white; } .precio-regular { display:block; font-size:.85rem; font-weight:400; color:#756b63; } .precio-oferta { display:block; color:#c6223d; }

.producto-ejemplos { display:flex; gap:8px; padding:8px; background:white; } .producto-ejemplos img { width:calc(50% - 4px); height:110px; object-fit:contain; border-radius:8px; }

.preview--real:not(.preview--bolsa) .preview__caja img { position:absolute; inset:0; width:100%; height:100%; min-height:0; max-height:100%; object-fit:contain; }

.preview--real .preview__item--foto { overflow:visible; background:transparent; border:0; border-radius:0; } .detalle-agotado { color:#d92842; } .opcion:disabled { opacity:.65; cursor:not-allowed; } .galeria__item { background:white; } .galeria__item img { object-fit:contain; height:340px; width:100%; } .galeria__item figcaption { padding:12px; color:#17263d; font-weight:700; text-align:center; }

.galeria__item { aspect-ratio:auto; height:auto; } .galeria__item img { display:block; height:300px; object-fit:contain; }

.tarjeta-box img { object-fit:contain; }

/* Cuadros a escala dentro de la bolsa: sin relleno que reduzca la foto. */
.preview--bolsa .preview__item[data-producto-preview^="cuadro-"] { padding:0; }