@import url('../styles.css');body{background:#fbf9f5}.guide-header{position:relative;background:#fbf9f5}.guide-hero{min-height:560px;padding:150px max(1.4rem,8vw) 80px;color:#fff;background:linear-gradient(90deg,rgba(8,35,31,.88),rgba(8,35,31,.26)),url('../assets/hostal-larios-calle-larios.webp') center/cover;display:flex;align-items:end}.guide-hero>div{max-width:900px}.crumbs{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.5rem;color:rgba(255,255,255,.7)}.guide-hero h1{font:500 clamp(3.5rem,7vw,7rem)/.96 var(--serif);letter-spacing:-.045em;margin:0}.guide-hero p{font-size:18px;max-width:650px;color:rgba(255,255,255,.8)}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:7vw;padding:clamp(4rem,8vw,8rem) max(1.4rem,8vw)}.guide-content h2{font:500 clamp(2.2rem,4vw,4rem)/1 var(--serif);letter-spacing:-.03em;margin:3rem 0 1rem}.guide-content h2:first-child{margin-top:0}.guide-content h3{font:500 25px var(--serif);margin-top:2.5rem}.guide-content p,.guide-content li{color:#596763;font-size:17px}.guide-content .lead{font-size:22px;color:var(--ink)}.tip{border-left:3px solid #cda65f;background:#f3ede2;padding:1.3rem 1.5rem;margin:2rem 0}.guide-side{align-self:start;position:sticky;top:1.5rem;background:var(--green);color:#fff;padding:2rem}.guide-side small{display:block;text-transform:uppercase;letter-spacing:.15em;color:var(--lime)}.guide-side strong{font:500 30px var(--serif);display:block;margin:.5rem 0}.guide-side p{color:rgba(255,255,255,.7);font-size:13px}.guide-side a{display:block;background:var(--lime);color:var(--green);padding:.9rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;margin-top:1.5rem}.place-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:2rem}.place-list a{background:#fbf9f5;padding:2rem;min-height:190px;display:flex;flex-direction:column}.place-list span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#77837f}.place-list h2{font:500 26px/1.1 var(--serif);margin:1.2rem 0 .5rem}.place-list p{font-size:13px;margin:0}.place-list b{margin-top:auto;font-size:11px}.guide-footer{padding:3rem max(1.4rem,8vw);background:#0b2926;color:#fff;display:flex;justify-content:space-between;gap:2rem;font-size:12px}.guide-footer img{width:230px;filter:brightness(0) invert(1)}@media(max-width:800px){.guide-layout{grid-template-columns:1fr}.guide-side{position:static}.place-list{grid-template-columns:1fr}.guide-footer{flex-direction:column}.guide-hero{min-height:500px}.guide-header .site-header nav{display:none}}

.guide-hero--catedral{background-image:linear-gradient(90deg,rgba(8,35,31,.88),rgba(8,35,31,.18)),url('../assets/guia-catedral-malaga.webp')}
.guide-hero--picasso{background-image:linear-gradient(90deg,rgba(8,35,31,.9),rgba(8,35,31,.2)),url('../assets/guia-museo-picasso.webp');background-position:center 44%}
.guide-hero--alcazaba{background-image:linear-gradient(90deg,rgba(8,35,31,.88),rgba(8,35,31,.15)),url('../assets/guia-alcazaba-teatro-romano.webp')}
.guide-hero--atarazanas{background-image:linear-gradient(90deg,rgba(8,35,31,.9),rgba(8,35,31,.18)),url('../assets/guia-mercado-atarazanas.webp')}
.guide-hero--muelle{background-image:linear-gradient(90deg,rgba(8,35,31,.88),rgba(8,35,31,.12)),url('../assets/guia-muelle-uno.webp')}
.guide-hero--malagueta{background-image:linear-gradient(90deg,rgba(8,35,31,.88),rgba(8,35,31,.1)),url('../assets/guia-playa-malagueta.webp')}
.guide-photo{margin:2.5rem 0 3rem}.guide-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.guide-photo figcaption{padding:.7rem 0;color:#78827f;font-size:11px;line-height:1.5}.guide-photo figcaption a{text-decoration:underline;text-underline-offset:2px}.place-list a{padding:0;overflow:hidden}.place-list img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .45s ease}.place-list a:hover img{transform:scale(1.025)}.place-copy{display:flex;flex-direction:column;flex:1;padding:1.5rem 1.7rem;min-height:205px}.place-list h2{margin:.9rem 0 .5rem}

/* Portadas editoriales: panorámicas contenidas y una sola imagen por artículo. */
.guide-hero{min-height:460px;padding-top:125px;padding-bottom:58px}
.guide-hero:not(.guide-hero--index){min-height:410px}
.guide-hero:not(.guide-hero--index) h1{font-size:clamp(3rem,5.5vw,5.7rem)}
.guide-hero--catedral{background-position:center 48%}
.guide-hero--picasso{background-position:center 42%}
.guide-hero--alcazaba{background-position:center 48%}
.guide-hero--atarazanas{background-position:center 50%}
.guide-hero--muelle{background-position:center 55%}
.guide-hero--malagueta{background-position:center 58%}
.place-list img{display:block;height:170px;min-height:170px;aspect-ratio:auto;object-fit:cover;flex:0 0 170px}
.place-copy{min-height:185px}
.photo-credit,.photo-note{font-size:11px!important;color:#7a8581!important}
.photo-credit{margin:.8rem 0 2.25rem}
.photo-credit a,.photo-note a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:800px){.guide-hero,.guide-hero:not(.guide-hero--index){min-height:360px;padding-top:105px;padding-bottom:42px}.guide-hero h1,.guide-hero:not(.guide-hero--index) h1{font-size:clamp(2.7rem,13vw,4.4rem)}.guide-hero p{font-size:16px}.place-list img{height:155px;min-height:155px;flex-basis:155px}.place-copy{min-height:165px}}
.guide-header .header-cta{white-space:nowrap}
@media(max-width:900px){.guide-header .site-header nav.open{display:flex}}
.itinerary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin:2rem 0 4rem}.itinerary-list a{background:var(--paper);padding:1.6rem;min-height:180px;display:flex;flex-direction:column}.itinerary-list span,.route-step span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#77837f}.itinerary-list strong{font:500 26px/1.1 var(--serif);margin:.8rem 0}.itinerary-list b{margin-top:auto;font-size:11px}.route-step{border-top:1px solid var(--line);padding:1.6rem 0}.route-step h2{margin:.35rem 0 .7rem!important;font-size:clamp(2rem,3vw,3rem)!important}.route-step time{display:inline-block;color:var(--green);font-weight:600;font-size:12px}.guide-footer{flex-wrap:wrap;align-items:center}.guide-footer .legal-links{width:100%}
@media(max-width:700px){.itinerary-list{grid-template-columns:1fr}}
.guide-side{top:105px}