/* Estilos solo de la pagina Nuestro mezcal */

.mezcal-intro { max-width: 980px; }
.mezcal-intro__texto { font-family: var(--titulos); font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 600; line-height: 1.45; color: var(--oscuro); border-left: 3px solid var(--rojo); padding-left: 36px; }
.mezcal-intro p:not(.mezcal-intro__texto) { padding-left: 39px; }

/* Fichas: botella sobre un circulo crema, alternando lados */
.mezcales { display: flex; flex-direction: column; gap: 110px; }
.mezcal-ficha { display: grid; grid-template-columns: 5fr 7fr; gap: 80px; align-items: center; scroll-margin-top: 110px; }
.mezcal-ficha--invertida { grid-template-columns: 7fr 5fr; }
.mezcal-ficha--invertida .mezcal-ficha__img { order: 2; }
.mezcal-ficha__img { position: relative; display: flex; justify-content: center; isolation: isolate; }
.mezcal-ficha__img::before { content: ''; position: absolute; z-index: -1; width: 82%; aspect-ratio: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, var(--crema) 0%, var(--crema) 60%, rgba(247,243,245,0) 71%); border: 1px solid rgba(104,20,4,.15); }
.mezcal-ficha__img img { max-height: 560px; width: auto; filter: drop-shadow(0 24px 30px rgba(43,22,27,.25)); transition: transform .4s; }
.mezcal-ficha:hover .mezcal-ficha__img img { transform: translateY(-8px); }
.mezcal-ficha h2 { color: var(--rojo); font-size: clamp(2.6rem, 5vw, 4rem); line-height: 1; }

/* Notas de cata en recuadro con filete */
.mezcal-ficha__cata { background: var(--crema); border-top: 3px solid var(--rojo); padding: 26px 30px 12px; margin: 28px 0 30px; }
.mezcal-ficha__cata h3 { margin-bottom: 12px; font-size: .9rem; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--rojo-vivo); }
.mezcal-ficha__cata p { font-size: .95rem; }

@media (max-width: 921px) {
    .mezcales { gap: 80px; }
    .mezcal-ficha, .mezcal-ficha--invertida { grid-template-columns: 1fr; gap: 30px; }
    .mezcal-ficha--invertida .mezcal-ficha__img { order: 0; }
    .mezcal-ficha__img img { max-height: 380px; }
    .mezcal-intro__texto { padding-left: 20px; }
    .mezcal-intro p:not(.mezcal-intro__texto) { padding-left: 23px; }
    .mezcal-ficha__cata { padding: 22px 20px 8px; }
}