/* Brief titles on the image for the photo-led homepage slides. The detailed
   description and any price remain in the existing caption panel below. */
body[data-template-level="1"] #homeHero[data-unified]:is([data-slide="1"],[data-slide="2"],[data-slide="3"],[data-slide="4"],[data-slide="5"],[data-slide="6"]) .hero-photo-caption{
  display:block!important;position:absolute;top:clamp(18px,5vw,54px);left:clamp(18px,6vw,92px);
  width:max-content;max-width:min(72%,680px);padding:0!important;margin:0;
  color:#fff;text-align:left;pointer-events:none;background:none!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;outline:0!important;
  text-shadow:0 2px 8px rgba(0,17,31,.92),0 0 22px rgba(0,25,38,.7);
}
body[data-template-level="1"] #homeHero[data-unified] .hero-photo-caption small,
body[data-template-level="1"] #homeHero[data-unified] .hero-photo-caption span{display:none!important}
body[data-template-level="1"] #homeHero[data-unified] .hero-photo-caption strong{
  display:block!important;font-size:clamp(31px,3.7vw,58px);line-height:1.18;
  font-weight:850;letter-spacing:.035em;white-space:normal;
}
body[data-template-level="1"] #homeHero[data-unified] .hero-photo-caption strong:after{
  content:"";display:block;width:clamp(42px,7vw,90px);height:3px;margin-top:10px;
  border-radius:3px;background:#f6cd7d;box-shadow:0 1px 8px rgba(0,25,38,.5);
}
body[data-template-level="1"] #homeHero[data-unified].photo-animate .hero-photo-caption{animation:pe-hero-title-in .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes pe-hero-title-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
  body[data-template-level="1"] #homeHero[data-unified]:is([data-slide="1"],[data-slide="2"],[data-slide="3"],[data-slide="4"],[data-slide="5"],[data-slide="6"]) .hero-photo-caption{
    top:12px;left:16px;max-width:72%;
  }
  body[data-template-level="1"] #homeHero[data-unified] .hero-photo-caption strong{font-size:clamp(20px,5.8vw,27px);line-height:1.2;letter-spacing:0}
  body[data-template-level="1"] #homeHero[data-unified] .hero-photo-caption strong:after{width:38px;height:2px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){body[data-template-level="1"] #homeHero[data-unified].photo-animate .hero-photo-caption{animation:none}}

/* Spain/Portugal has artwork typography at the bottom; place its offer above
   the controls as a separate live text layer, so it can animate and translate. */
body[data-template-level="1"] #homeHero[data-unified] .hero-spain-promo{display:none!important}
body[data-template-level="1"] #homeHero[data-unified][data-slide="7"] .hero-spain-promo{
  display:flex!important;position:absolute;top:clamp(16px,4vw,52px);
  left:clamp(18px,5.5vw,86px);max-width:calc(100% - 36px);
  flex-direction:column;gap:3px;padding:12px 20px 11px;
  border-left:4px solid #f5c65f;border-radius:5px 15px 15px 5px;
  color:#fff;background:linear-gradient(100deg,rgba(5,48,72,.91),rgba(8,57,76,.76));
  box-shadow:0 7px 20px rgba(3,30,43,.34);text-shadow:0 1px 3px rgba(0,20,30,.65);
  pointer-events:none;box-sizing:border-box;
}
body[data-template-level="1"] #homeHero[data-unified] .hero-spain-promo strong{
  font-size:clamp(22px,2.8vw,38px);line-height:1.15;font-weight:850;white-space:normal;
}
body[data-template-level="1"] #homeHero[data-unified] .hero-spain-promo small{
  font-size:clamp(11px,1vw,14px);font-weight:650;letter-spacing:.01em;color:#ffdf98;
}
body[data-template-level="1"] #homeHero[data-unified][data-slide="7"].photo-animate .hero-spain-promo{
  animation:pe-spain-offer-slide .72s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes pe-spain-offer-slide{
  from{opacity:0;transform:translateX(-42px)}
  to{opacity:1;transform:translateX(0)}
}
@media(max-width:700px){
  body[data-template-level="1"] #homeHero[data-unified][data-slide="7"] .hero-spain-promo{
    top:9px;left:12px;max-width:calc(100% - 24px);gap:1px;
    padding:6px 10px 5px;border-left-width:3px;border-radius:3px 9px 9px 3px;
    box-shadow:0 3px 9px rgba(3,30,43,.3);
  }
  body[data-template-level="1"] #homeHero[data-unified] .hero-spain-promo strong{font-size:clamp(17px,4.9vw,22px)}
  body[data-template-level="1"] #homeHero[data-unified] .hero-spain-promo small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  body[data-template-level="1"] #homeHero[data-unified][data-slide="7"].photo-animate .hero-spain-promo{animation:none}
}