/* PELIGROSA ORIGINAL SONG PHOTOS — central video IDs in data/visual-sources.json.
   Each photo is the thumbnail of a verified Marco Moretto video.
   Keep the complete source frame visible; no stock, AI or cropped portraits. */
@import url("/assets/visual-source-vars.css");
:root{--p-photo-shade:#09070bd9;--p-photo-warm:#d38b5942}
body[data-visual="home"]{--p-hero-photo:var(--p-img-page-home)}
body[data-visual="music"]{--p-hero-photo:var(--p-img-page-music)}
body[data-visual="about"]{--p-hero-photo:var(--p-img-page-about)}
body[data-visual="postcard"]{--p-hero-photo:var(--p-img-page-postcard)}
body[data-visual="journal"]{--p-hero-photo:var(--p-img-page-journal)}
body[data-visual="studio"]{--p-hero-photo:var(--p-img-page-studio)}
body[data-visual="albums"]{--p-hero-photo:var(--p-img-page-albums)}
body[data-visual="genre-salsa"]{--p-hero-photo:var(--p-img-genre-salsa)}
body[data-visual="genre-bachata"]{--p-hero-photo:var(--p-img-genre-bachata)}
body[data-visual="genre-kizomba"]{--p-hero-photo:var(--p-img-genre-kizomba)}
body[data-visual="genre-zouk"]{--p-hero-photo:var(--p-img-genre-zouk)}
body[data-visual="genre-blues"]{--p-hero-photo:var(--p-img-genre-blues)}
/* Wide, original source photograph, framed in its entirety.
   A blurred copy fills edges; color film is an overlay, not a newly created photo. */
body[data-visual] .hero,
body[data-visual] .music-hero,
body[data-visual] .genre-photo-hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:#0b090b!important;border-left:0;border-right:0;
}
body[data-visual] .hero::before,
body[data-visual] .music-hero::after,
body[data-visual] .genre-photo-hero::before{
  content:"";position:absolute;inset:-24px;pointer-events:none;z-index:-2;
  background-image:var(--p-hero-photo)!important;
  background-size:cover!important;background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(23px) brightness(.53) saturate(.85);
}
body[data-visual] .hero::after,
body[data-visual] .genre-photo-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background-image:
   linear-gradient(90deg,#09070be9 0%,#09070bb8 32%,#09070b55 70%),
   linear-gradient(0deg,#09070b77 0%,transparent 40%),
   var(--p-hero-photo)!important;
  background-size:cover,cover,contain!important;
  background-position:center!important;background-repeat:no-repeat!important;
  filter:none!important;opacity:1!important;
}
body[data-visual] .hero>*,body[data-visual] .music-hero-content,
body[data-visual] .genre-photo-hero>*{position:relative;z-index:1}
body[data-visual] .hero{width:100%;max-width:none;border-radius:0;min-height:clamp(400px,65vh,740px)}
body[data-visual="home"] .hero{min-height:clamp(570px,78vh,840px)}
body[data-visual="journal"] .hero{width:100%;max-width:none;margin:0;padding:75px max(5%,calc((100vw - 1300px)/2))}
body[data-visual="about"] .hero,body[data-visual="postcard"] .hero{
 width:100%;max-width:none;margin-left:0;margin-right:0;
}
body[data-visual="music"] .music-hero,
body[data-visual="albums"] .genre-photo-hero,
body[data-visual^="genre-"] .genre-photo-hero{
 width:100%;max-width:none;border-radius:0;min-height:420px;
}
/* Generated catalog hero: use the same two-layer non-cropping strategy. */
body[data-visual="music"] .music-hero::after{
 background:var(--p-hero-photo) center/cover no-repeat!important;
 filter:blur(23px) brightness(.55)!important;z-index:-3;
}
body[data-visual="music"] .music-hero-photo{
 inset:0;background-image:
 linear-gradient(90deg,#09070beb 0%,#09070bba 40%,#09070b38 80%),
 var(--p-hero-photo)!important;
 background-size:cover,contain!important;background-position:center!important;
 background-repeat:no-repeat!important;transform:none!important;
 filter:none!important;z-index:-2!important;
}
body[data-visual="music"] .music-hero::before{
 background:linear-gradient(90deg,#08060a6b,transparent 78%)!important;
 z-index:-1!important;
}
/* Real artwork for each independent section of the home page. */
body[data-visual="home"] #music{--p-section-photo:var(--p-img-page-music)}
body[data-visual="home"] #postcard{--p-section-photo:var(--p-img-page-postcard)}
body[data-visual="home"] #order{--p-section-photo:var(--p-img-page-order)}
body[data-visual="home"] #about{--p-section-photo:var(--p-img-page-about)}
body[data-visual="home"] #blog{--p-section-photo:var(--p-img-page-journal)}
body[data-visual="home"] main>section[id]{
 position:relative;isolation:isolate;overflow:hidden;border-radius:0;
 background:#0b090b!important;border:0;border-top:1px solid #8e593b55;
 min-height:360px;
}
body[data-visual="home"] main>section[id]::before{
 content:"";position:absolute;inset:-25px;z-index:-2;pointer-events:none;
 background:var(--p-section-photo) center/cover no-repeat!important;
 filter:blur(23px) brightness(.4);opacity:1;
}
body[data-visual="home"] main>section[id]::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(90deg,#0a070be8,#0a070ba8 58%,#0a070b48),var(--p-section-photo);
 background-size:cover,contain;background-position:center;background-repeat:no-repeat;
}
body[data-visual="home"] main>section[id]>*{position:relative;z-index:1}
.p-home-genres .p-salsa{background-image:var(--p-img-genre-salsa)!important}
.p-home-genres .p-bachata{background-image:var(--p-img-genre-bachata)!important}
.p-home-genres .p-kizomba{background-image:var(--p-img-genre-kizomba)!important}
.p-home-genres .p-all{background-image:var(--p-img-genre-blues)!important}
.mood-salsa .mood-card-art{background-image:linear-gradient(0deg,#160609,transparent),var(--p-img-genre-salsa)!important}
.mood-bachata .mood-card-art{background-image:linear-gradient(0deg,#210916,transparent),var(--p-img-genre-bachata)!important}
.mood-kizomba .mood-card-art{background-image:linear-gradient(0deg,#071625,transparent),var(--p-img-genre-kizomba)!important}
.mood-zouk .mood-card-art{background-image:linear-gradient(0deg,#12251d,transparent),var(--p-img-genre-zouk)!important}
.mood-blues .mood-card-art{background-image:linear-gradient(0deg,#18100b,transparent),var(--p-img-genre-blues)!important}
.mood-all .mood-card-art{background-image:linear-gradient(0deg,#180f1d,transparent),var(--p-img-page-albums)!important}
body .person:first-child{background:#181217!important}
body .song-choice{background:#181217!important}
/* A standalone studio photo is from a verified salsa video, never Unsplash. */
body[data-visual="studio"] .hero img{width:100%;height:100%;inset:0;object-fit:contain;opacity:1;z-index:-2!important}
body[data-visual="studio"] .hero::after{
 background:linear-gradient(90deg,#09070bed,#09070bb8 42%,#09070b44),
 linear-gradient(0deg,#09070bcc,transparent 55%)!important;z-index:-1!important;
}
body[data-visual="studio"] .hero::before{z-index:-3}
body .journal-card img,body .cover{object-fit:contain!important;background:#0b090b}
body .journal-card img{aspect-ratio:3/2;max-height:340px}
body .cover{max-height:none!important}
/* Gallery and individual music images — show complete covers, no forced square crop. */
body .catalog-cover,body .featured-song img,body .track-art img{
 object-fit:contain!important;background:#0e0b10!important;
}
body .catalog-cover{aspect-ratio:4/3!important}
body .track-art img{aspect-ratio:auto!important;height:auto!important}
body .featured-song img{aspect-ratio:16/9;object-position:center}
body .genre-photo-hero{padding:60px max(5%,calc((100vw - 1200px)/2));margin:0 0 30px}
body .genre-photo-hero h2{font-size:clamp(26px,4vw,52px);color:#fff;max-width:600px}
body .genre-photo-hero p{color:#f5dcca;max-width:520px}
@media(max-width:680px){
 body[data-visual] .hero,body[data-visual] .music-hero,body .genre-photo-hero{min-height:460px}
 body[data-visual] .hero::after,body[data-visual] .genre-photo-hero::after{
  background-image:linear-gradient(90deg,#09070bdb,#09070b96),var(--p-hero-photo)!important;
  background-size:cover,contain!important;
 }
 body[data-visual="studio"] .hero img{object-fit:contain!important}
 body[data-visual="home"] main>section[id]::after{
  background-image:linear-gradient(90deg,#09070be0,#09070baa),var(--p-section-photo);
  background-size:cover,contain;
 }
}

/* Three published journal articles each receive a different verified song still. */
body[data-visual="journal-card-1"]{--p-hero-photo:var(--p-img-journal-card-1)}
body[data-visual="journal-card-2"]{--p-hero-photo:var(--p-img-journal-card-2)}
body[data-visual="journal-card-3"]{--p-hero-photo:var(--p-img-journal-card-3)}
.music-release-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 44px}
.music-release-gallery a{display:block;padding:12px;border:1px solid #624538;border-radius:12px;background:#151012;color:#fff;text-decoration:none}
.music-release-gallery a:hover{border-color:#eab081}
.music-release-gallery img{display:block;width:100%;height:220px;object-fit:contain;background:#0c090d;border-radius:8px}
.music-release-gallery strong{display:block;margin:12px 4px 5px;font-size:15px}
@media(max-width:720px){.music-release-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.music-release-gallery img{height:170px}}
@media(max-width:420px){.music-release-gallery{grid-template-columns:1fr}.music-release-gallery img{height:230px}}

/* Individual Studio lessons: same original no-crop treatment and distinct source per genre. */
body[data-visual="genre-reggaeton"]{--p-hero-photo:var(--p-img-genre-reggaeton)}
body[data-visual^="genre-"] .page-hero{
 position:relative;isolation:isolate;overflow:hidden;
 width:100%;max-width:none;margin:0;
 min-height:340px;padding:60px max(5%,calc((100vw - 1250px)/2));
 background:#0b080b!important;
}
body[data-visual^="genre-"] .page-hero::before{
 content:"";position:absolute;inset:-26px;z-index:-2;
 background:var(--p-hero-photo) center/cover no-repeat;
 filter:blur(22px) brightness(.5);
}
body[data-visual^="genre-"] .page-hero::after{
 content:"";position:absolute;inset:0;z-index:-1;
 background-image:linear-gradient(90deg,#09070be8,#09070bab 55%,#09070b42),var(--p-hero-photo);
 background-position:center;background-size:cover,contain;background-repeat:no-repeat;
}
body[data-visual^="genre-"] .page-hero>*{position:relative;z-index:1}
@media(max-width:650px){
 body[data-visual^="genre-"] .page-hero{padding:45px 6%}
 body[data-visual^="genre-"] .page-hero::after{
  background-image:linear-gradient(90deg,#09070be8,#09070ba6),var(--p-hero-photo);
  background-size:cover,contain;
 }
}

/* Thumbnail tiles: preserve the whole artwork instead of CSS cover cropping. */
.p-home-genres a{
 background-size:contain!important;background-repeat:no-repeat!important;
 background-position:center!important;background-color:#150d13!important;
}
.mood-card .mood-card-art{
 background-size:cover,contain!important;
 background-repeat:no-repeat,no-repeat!important;
 background-position:center,center!important;
 background-color:#140e12;
}
.music-release-gallery img,.journal-card img,.music-landing .catalog-cover{
 object-fit:contain!important;
}