/* Let the actual Camino photographs carry the colour and the story. */
.guide-cover--journey { background: #0b2c65; overflow: hidden; }
.guide-cover--journey::before { display: none; }
.guide-journey { display: grid; grid-template-columns: 1fr 1.13fr; gap: 6%; padding-block: 30px 42px; }
.guide-journey__words { display: flex; flex-direction: column; min-width: 0; }
.guide-cover--journey .guide-cover__copy { padding-block: 54px 44px; margin-block: auto; }
.mv-visual .guide-cover--journey h1 { font-size: clamp(48px, 4.7vw, 74px); font-weight: 500; line-height: 1.04; max-width: 12ch; }
.mv-visual .guide-cover--journey h1 em { color: #ffcc00; }
.guide-cover--journey .guide-cover__copy > p:not(.kicker) { font-size: 17px; line-height: 1.6; }
.guide-journey__route { display: flex; gap: 18px; align-items: center; font-size: 13px; font-weight: 600; padding-top: 22px; border-top: 1px solid #ffffff35; }
.guide-journey__route i { flex: 1; position: relative; height: 1px; background: #ffffff50; }
.guide-journey__route i::before,.guide-journey__route i::after { content: ''; position: absolute; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: #ffcc00; }
.guide-journey__route i::after { right: 0; }
.guide-journey__route b { color: #ffcc00; margin-left: 8px; }
.guide-journey__scene { position: relative; min-height: 580px; margin-block: 22px 0; }
.guide-journey__scene .guide-journey__landscape { position: absolute; inset: 0 0 46px; margin: 0; height: auto; border-radius: 4px; overflow: hidden; }
.guide-journey__landscape img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.guide-journey__landscape::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,#102b18a8); pointer-events: none; }
.guide-journey__stamp { position: absolute; right: -16px; top: -22px; width: 104px; height: 104px; border-radius: 50%; display: grid; align-content: center; justify-items: center; background: #ffcc00; color: #0b2c65; font-size: 12px; font-weight: 800; line-height: 1.2; letter-spacing: .05em; transform: rotate(10deg); }
.guide-journey__stamp b { font-size: 30px; line-height: 1; }
.mv-visual .guide-journey__caption { position: absolute; bottom: 75px; left: 26px; margin: 0; color: white; max-width: 48%; text-shadow: 0 1px 8px #15391f; }
.guide-journey__caption span,.guide-journey__caption small { display: block; font-size: 11px; }
.guide-journey__caption strong { display: block; font-size: 21px; line-height: 1.25; margin-block: 8px; }
.guide-journey__postcard { position: absolute; width: 40%; right: -10px; bottom: 0; padding: 9px 9px 0; background: #fffdf5; color: #0b2c65; transform: rotate(4deg); box-shadow: 0 10px 30px #06193845; text-decoration: none; transition: transform .25s ease; }
.guide-journey__postcard:hover,.guide-journey__postcard:focus-visible { transform: rotate(0deg) translateY(-4px); }
.guide-journey__postcard .camino-photo { margin: 0; height: 190px; border-radius: 0; }
.guide-journey__destination img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.guide-journey__postcard > span { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 48px; font-size: 11px; font-weight: 700; }
.guide-journey__postcard b { font-size: 18px; }
.planning-memory { margin-top: 32px; }
.planning-memory .camino-photo { height: 230px; margin: 0; border-radius: 3px; }
.planning-memory__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.mv-visual .planning-memory p { background: #fff6ce; padding: 14px 18px; margin: 0; color: #0b2c65; font-size: 14px; position: relative; }
.planning-memory p span { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 4px; }
.planning-memory p b { position: absolute; right: 18px; top: 23px; font-size: 22px; }
.planning-list .planning-item[open] { background: #f4f8ff; border-left: 3px solid #ffcc00; }
.planning-list .planning-item[open] summary { padding-left: 18px; }
.planning-list .planning-item[open] .planning-item__body { padding-inline: 18px; }
@media (max-width: 1000px) {
 .guide-journey { gap: 4%; }
 .guide-journey__scene { min-height: 535px; }
 .mv-visual .guide-cover--journey h1 { font-size: clamp(45px, 5.5vw, 64px); }
 .guide-journey__postcard .camino-photo { height: 155px; }
}
@media (max-width: 760px) {
 .guide-journey { grid-template-columns: 1fr; padding-block: 20px 32px; gap: 26px; }
 .guide-cover--journey .guide-cover__copy { padding-block: 24px 25px; }
 .mv-visual .guide-cover--journey h1 { font-size: clamp(34px, 9.7vw, 46px); margin-block: 14px 20px; max-width: none; }
 .guide-cover--journey .guide-cover__copy > p:not(.kicker) { font-size: 15px; margin-bottom: 23px; }
 .guide-journey__route { padding-top: 16px; font-size: 12px; }
 .guide-journey__scene { min-height: 265px; margin: 0; }
 .guide-journey__scene .guide-journey__landscape { inset: 0 0 25px; }
 .guide-journey__landscape img { object-position: center 56%; }
 .guide-journey__stamp { width: 74px; height: 74px; font-size: 9px; right: 10px; top: -13px; }
 .guide-journey__stamp b { font-size: 23px; }
 .mv-visual .guide-journey__caption { left: 16px; bottom: 47px; max-width: 52%; }
 .guide-journey__caption strong { font-size: 17px; }
 .guide-journey__caption span,.guide-journey__caption small { font-size: 10px; }
 .guide-journey__postcard { width: 34%; right: 4px; padding: 6px 6px 0; }
 .guide-journey__postcard .camino-photo { height: 112px; }
 .guide-journey__postcard > span { font-size: 9px; min-height: 38px; }
 .planning-memory { margin-top: 24px; }
 .planning-memory .camino-photo { height: 180px; }
 .planning-simple__layout { gap: 28px; }
}
@media (prefers-reduced-motion: reduce) {
 .guide-journey__postcard { transition: none; }
 .guide-journey__postcard:hover,.guide-journey__postcard:focus-visible { transform: rotate(4deg); }
}