.pagina-producto { background: var(--color-marfil); }
.migas-pan { padding-top: 25px; display: flex; gap: 10px; color: #91857f; font-size: 10px; }
.migas-pan strong { color: var(--color-tinta); font-weight: 600; }
.detalle-producto { padding-block: 38px 95px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); gap: clamp(45px, 7vw, 100px); }
.galeria-producto { min-width: 0; display: grid; grid-template-columns: 82px 1fr; gap: 15px; align-items: start; }
.miniaturas-galeria { display: flex; flex-direction: column; gap: 12px; }
.miniatura-galeria { width: 82px; aspect-ratio: .82; padding: 0; overflow: hidden; background: #f1ece4; border: 1px solid transparent; cursor: pointer; transition: border-color .2s; }
.miniatura-galeria.activo { border-color: var(--color-vino); }
.foto-sprite { display: block; background-repeat: no-repeat; background-size: 200% 200%; }
.miniatura-galeria .foto-sprite { width: 100%; height: 100%; }
.galeria-catalogo { background-image: url('/images/perfumes-catalogo.png?v=0.0.19-SNAPSHOT'); }
.galeria-ambiente { background-image: url('/images/perfumes-ambiente.png?v=0.0.19-SNAPSHOT'); }
.galeria-detalle { background-image: url('/images/perfumes-detalle.png?v=0.0.19-SNAPSHOT'); }
.foto-principal { position: relative; width: 100%; aspect-ratio: .92; background-color: #f1ece4; transition: opacity .16s ease; }
.foto-principal > img, .miniatura-galeria img { width: 100%; height: 100%; object-fit: cover; display: block; }
.foto-principal.cambiando { opacity: .35; }
.informacion-producto { padding-top: 15px; }
.marca-detalle { margin: 0 0 12px; color: var(--color-oro); font-size: 10px; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
.informacion-producto h1 { margin: 0; font-family: Georgia, serif; font-size: clamp(46px, 5vw, 68px); font-weight: 400; line-height: 1.02; letter-spacing: -.045em; }
.calificacion-detalle { margin-top: 17px; }
.calificacion-detalle span { font-size: 13px; }
.calificacion-detalle small { margin-left: 7px; }
.precio-detalle { margin: 27px 0 22px; display: grid; grid-template-columns: auto 1fr; align-items: end; column-gap: 13px; }
.precio-detalle > span { grid-column: 1 / -1; color: #988b84; font-size: 12px; text-decoration: line-through; }
.precio-detalle strong { font-size: 25px; }
.precio-detalle small { padding-bottom: 3px; color: #968981; font-size: 9px; }
.descripcion-detalle { margin: 0; color: #6f635d; font-size: 13px; line-height: 1.8; }
.atributos-rapidos { margin: 28px 0 23px; display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--color-linea); }
.atributos-rapidos div { padding: 17px 14px; display: flex; flex-direction: column; border-right: 1px solid var(--color-linea); }
.atributos-rapidos div:first-child { padding-left: 0; }
.atributos-rapidos div:last-child { border-right: 0; }
.atributos-rapidos span { margin-bottom: 5px; color: #998b83; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.atributos-rapidos strong { font-family: Manrope, sans-serif; font-size: 11px; }
.stock-disponible { display: flex; align-items: center; gap: 8px; color: var(--color-verde); font-size: 10px; font-weight: 700; }
.stock-disponible i { width: 7px; height: 7px; border-radius: 50%; background: #3ba477; box-shadow: 0 0 0 4px rgba(59,164,119,.12); }
.acciones-compra { margin-top: 20px; display: grid; grid-template-columns: 105px 1fr 50px; gap: 9px; }
.selector-cantidad { height: 52px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; border: 1px solid var(--color-linea); text-align: center; }
.selector-cantidad button { height: 100%; padding: 0; background: transparent; border: 0; cursor: pointer; }
.selector-cantidad span { font-size: 12px; font-weight: 700; }
.boton-agregar-detalle { min-height: 52px; }
.boton-favorito-detalle { min-width:70px;height: 52px; display:flex;align-items:center;justify-content:center;gap:6px;color: var(--color-vino); background: transparent; border: 1px solid var(--color-vino); font-size: 25px; cursor: pointer; }.boton-favorito-detalle small{font-size:10px}
.boton-favorito-detalle.activo { color: white; background: var(--color-vino); }
.cuotas { margin: 13px 0 25px; color: #8d817a; font-size: 9px; text-align: center; }
.acordiones-producto { border-top: 1px solid var(--color-linea); }
.acordiones-producto details { border-bottom: 1px solid var(--color-linea); }
.acordiones-producto summary { padding: 18px 0; display: flex; justify-content: space-between; font-size: 11px; font-weight: 700; letter-spacing: .04em; cursor: pointer; list-style: none; }
.acordiones-producto summary::-webkit-details-marker { display: none; }
.acordiones-producto details[open] summary .indicador-acordeon { transform: rotate(45deg); }
.acordiones-producto details > div { padding: 0 0 18px; color: #776b64; font-size: 11px; line-height: 1.7; }
.acordiones-producto details p { margin: 6px 0; display: flex; justify-content: space-between; gap: 25px; }
.acordiones-producto details p strong { color: var(--color-tinta); }
.piramide-olfativa { padding: 90px 0; color: white; background: var(--color-vino-oscuro); }
.cabecera-notas { max-width: 620px; margin: 0 auto 55px; text-align: center; }
.cabecera-notas h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(40px, 5vw, 58px); font-weight: 400; }
.cabecera-notas > p:last-child { color: #cbbdb6; font-size: 12px; }
.grilla-notas { display: grid; grid-template-columns: repeat(3, 1fr); }
.grilla-notas article { position: relative; min-height: 210px; padding: 25px 38px; border-left: 1px solid rgba(255,255,255,.18); text-align: center; }
.grilla-notas article:last-child { border-right: 1px solid rgba(255,255,255,.18); }
.grilla-notas article > span { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.06); font-family: Georgia, serif; font-size: 120px; line-height: 1; }
.grilla-notas small, .grilla-notas h3, .grilla-notas p { position: relative; z-index: 1; }
.grilla-notas small { color: #d4ae73; font-size: 8px; letter-spacing: .16em; }
.grilla-notas h3 { margin: 35px 0 12px; font-family: Georgia, serif; font-size: 25px; font-weight: 400; }
.grilla-notas p { margin: 0; color: #cfc1ba; font-size: 12px; }
.relacionados { padding-bottom: 110px; }
.flecha-producto { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--color-tinta); }
.pie-producto-detalle { padding: 25px 0; }
.pie-producto-detalle .legal { margin-top: 0; padding-top: 0; align-items: center; border: 0; }
.pie-producto-detalle .marca-pie { color: white; }

@media (max-width: 900px) {
    .detalle-producto { grid-template-columns: 1fr; }
    .galeria-producto { max-width: 680px; margin: auto; }
    .informacion-producto { max-width: 680px; margin: auto; }
}

@media (max-width: 600px) {
    .migas-pan { padding-top: 18px; }
    .detalle-producto { padding-top: 23px; padding-bottom: 65px; gap: 35px; }
    .galeria-producto { display: flex; flex-direction: column-reverse; }
    .miniaturas-galeria { width: 100%; flex-direction: row; }
    .miniatura-galeria { width: 72px; }
    .foto-principal { aspect-ratio: .88; }
    .informacion-producto h1 { font-size: 45px; }
    .acciones-compra { grid-template-columns: 92px 1fr 48px; }
    .boton-agregar-detalle { padding: 0 12px; gap: 10px; font-size: 9px; }
    .atributos-rapidos strong { font-size: 9px; }
    .piramide-olfativa { padding: 65px 0; }
    .grilla-notas { grid-template-columns: 1fr; }
    .grilla-notas article { min-height: 175px; border: 0; border-top: 1px solid rgba(255,255,255,.18); }
    .grilla-notas article:last-child { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
    .relacionados .grilla-productos { grid-template-columns: repeat(4, 74vw); }
    .pie-producto-detalle .legal { align-items: flex-start; }
}