/* Guías: artículos con el estilo editorial de la tienda */
.guide-hero { padding: clamp(56px, 9vw, 120px) 0 clamp(36px, 5vw, 64px); text-align: center; background: radial-gradient(800px 420px at 50% 0%, var(--gold-mist) 0%, rgba(250, 245, 236, 0) 75%); }
.guide-hero .crumbs { margin: 0 0 22px; font-size: .62rem; letter-spacing: .26em; text-transform: uppercase; color: var(--taupe); }
.guide-hero .crumbs a { color: var(--accent); text-decoration: none; }
.guide-hero h1 { font-size: clamp(2.5rem, 5.4vw, 4.2rem); line-height: 1.06; margin: 0 auto 26px; max-width: 14em; }
.guide-lead { max-width: 36em; margin: 0 auto; font-size: 1.1rem; line-height: 1.8; color: var(--ink-soft); }
.guide-meta { margin: 22px 0 0; font-size: .62rem; letter-spacing: .26em; text-transform: uppercase; color: var(--taupe); }
.guide-body { padding-bottom: clamp(56px, 8vw, 100px); }
.guide-body h2 { font-size: clamp(1.7rem, 3vw, 2.2rem); margin: 56px 0 18px; padding-top: 28px; border-top: 1px solid var(--line); }
.guide-body h2:first-child { margin-top: 12px; }
.guide-body p, .guide-body li { font-size: 1.04rem; line-height: 1.85; color: var(--ink-soft); }
.guide-body ul { margin: 0; padding-left: 1.1em; }
.guide-body li { margin: 0 0 10px; }
.guide-body li::marker { color: var(--gold); }
.guide-body b { font-weight: 400; color: var(--ink); }
.guide-tip { margin: 56px 0 0; padding: 30px 32px; border: 1px solid rgba(168, 131, 79, .45); background: var(--gold-mist); }
.guide-tip .eyebrow { margin-bottom: 12px; }
.guide-tip p:last-child { margin: 0; font-family: var(--serif); font-size: 1.35rem; line-height: 1.5; color: var(--ink); }
.guide-more { padding-top: clamp(48px, 7vw, 90px); }
.guide-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.guide-list a { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); font-family: var(--serif); font-size: clamp(1.3rem, 2.4vw, 1.7rem); transition: color .4s var(--ease); }
.guide-list a i { font-style: normal; color: var(--gold); transition: transform .5s var(--ease-out); }
.guide-list a:hover { color: var(--gold-deep); }
.guide-list a:hover i { transform: translateX(6px); }
.guide-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 44px); padding-bottom: clamp(56px, 8vw, 100px); }
.guide-card { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--ink); }
.guide-card-img { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--white); margin-bottom: 10px; }
.guide-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
.guide-card:hover .guide-card-img img { transform: scale(1.04); }
.guide-card-meta { font-size: .6rem; letter-spacing: .26em; text-transform: uppercase; color: var(--accent); }
.guide-card-title { font-family: var(--serif); font-size: 1.55rem; line-height: 1.2; }
.guide-card-desc { font-size: .92rem; line-height: 1.7; color: var(--ink-soft); }
@media (max-width: 900px) { .guide-cards { grid-template-columns: 1fr; } .guide-tip { padding: 24px 22px; } }