/* Full-bleed public homepage. Photo is of actual Mi Vuelta dancers. */
.mv-public-hero{position:relative;min-height:clamp(500px,44vw,690px);width:100%!important;max-width:none!important;overflow:hidden;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(12,12,22,.32) 0%,rgba(12,12,22,.02) 70%),url('/images/mivuelta-cover-panoramica.webp');background-position:center;background-size:cover;background-repeat:no-repeat;color:white}
.mv-public-hero-copy{width:min(830px,60%);padding:clamp(35px,5vw,86px) 3.5vw;position:relative;z-index:2}
.mv-public-eyebrow{display:inline-block;margin:0 0 18px;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:30px;background:rgba(255,255,255,.09);color:#ffe3c4;font:800 11px/1.5 'Roboto',sans-serif;text-transform:uppercase;letter-spacing:.14em}
.mv-public-hero h1{margin:0 0 19px;color:#fff!important;font:900 clamp(42px,5.2vw,82px)/1.02 'Roboto',sans-serif!important;letter-spacing:-.035em!important;text-transform:none!important;text-align:left}
.mv-public-hero h1 em{font-style:normal;color:#ffb25b}
.mv-public-hero p{margin:0 0 26px;max-width:560px;color:rgba(255,255,255,.94);font:400 clamp(17px,1.6vw,24px)/1.52 'Roboto',sans-serif}
.mv-public-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.mv-public-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 26px;border-radius:14px!important;background:linear-gradient(90deg,#ff7651,#ffab60);color:white!important;text-transform:uppercase;text-decoration:none!important;font:900 13px/1 'Roboto',sans-serif!important;letter-spacing:.025em;box-shadow:0 12px 26px rgba(255,107,67,.20);border:1px solid transparent!important;white-space:nowrap}
.mv-public-cta.outlined{background:rgba(15,18,26,.2);box-shadow:none;border:1px solid rgba(255,255,255,.78)!important}
.mv-public-cta:hover{transform:translateY(-2px)}
.mv-public-hero-note{position:absolute;top:14%;right:5%;color:#ffac63;font:italic 700 clamp(22px,2.4vw,35px)/1.12 'Bodoni Moda SC',Georgia,serif;text-align:center;transform:rotate(-8deg);text-shadow:0 4px 12px #10101c}
.mv-public-hero-note span{color:#ff7451}
.mv-public-highlights{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 2vw;min-height:105px;background:linear-gradient(100deg,#fff0dd 0%,#fff 42%,#e2f5f6 100%);border-bottom:1px solid #ddedf0;box-shadow:0 7px 24px rgba(28,71,75,.08)}
.mv-public-highlight{display:flex;align-items:center;gap:15px;margin:18px 0;padding:6px 15px;border-right:1px solid #ecdcd4!important;text-decoration:none!important;color:#182936!important}
.mv-public-highlight:last-child{border-right:0!important}
.mv-public-highlight i{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:100px;background:linear-gradient(135deg,#ffe0c7,#fff3e6);color:#ff8158;font-size:23px}
.mv-public-highlight:nth-child(even) i{background:linear-gradient(135deg,#caedf0,#edf9fb);color:#2e919a}
.mv-public-highlight strong{display:block;color:#152836;font:900 14px/1.35 'Roboto',sans-serif}
.mv-public-highlight small{display:block;margin-top:4px;color:#6d7d85;font:400 12px/1.4 'Roboto',sans-serif}
/* Explicitly defeat original 72rem width and large white post panel. */
body.mv-public-facing #page-content #main{width:100%!important;max-width:none!important;background:transparent!important;margin:0!important}
body.mv-public-facing #page-content #main>.post.news-public{display:block;width:100%!important;max-width:none!important;padding:clamp(22px,3.3vw,64px)!important;background:linear-gradient(125deg,#e6f5f8 0%,#f5faf9 54%,#fff1e2 100%)!important;border:0!important;margin:0!important}
body.mv-public-facing .news-heading{max-width:none;text-align:left!important;margin:0 0 30px!important}
body.mv-public-facing .news-heading h1{font-size:clamp(33px,3.1vw,53px)!important;color:#1d2935!important;text-align:left!important}
body.mv-public-facing .news-heading .news-eyebrow{color:#db714b!important}
body.mv-public-facing .news-heading p{color:#627782!important}
body.mv-public-facing .news-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #d7e8eb;border-radius:24px!important;box-shadow:0 18px 30px rgba(25,76,84,.10);background:#fff}
body.mv-public-facing .news-featured-media{height:auto;min-height:0!important;background:linear-gradient(135deg,#fdf1e9,#eff9fb);padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}
/* User-supplied flyers/images retain their entire aspect ratio. NEVER crop or magnify. */
body.mv-public-facing .news-featured-media img{display:block;width:100%!important;height:auto!important;max-height:540px!important;object-fit:contain!important;object-position:center!important}
body.mv-public-facing .news-card{border:1px solid #dce9ed;border-radius:20px!important;box-shadow:0 12px 24px rgba(30,73,81,.09)}
body.mv-public-facing .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.mv-public-facing .news-card-media{height:auto!important;min-height:0!important;display:flex;justify-content:center;align-items:center;padding:12px;background:linear-gradient(135deg,#fdf2e7,#eaf5f7)!important;overflow:hidden}
body.mv-public-facing .news-card-media img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:350px!important;object-fit:contain!important;object-position:center!important}
body.mv-public-facing .news-date{background:#ffebdc;color:#bc5936}
body.mv-public-facing .news-featured-copy{padding:clamp(24px,3vw,46px)}
body.mv-public-facing .news-featured-copy h2,body.mv-public-facing .news-section-head h2,body.mv-public-facing .news-card-copy h3{color:#182936!important}
body.mv-public-facing .news-social{border:1px solid #d0e6ea;background:linear-gradient(100deg,rgba(255,202,161,.28),rgba(115,203,213,.22));border-radius:24px;padding:25px}
@media(max-width:1100px){
 .mv-public-hero-copy{width:min(700px,68%)}
 .mv-public-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mv-public-highlight:nth-child(2){border-right:0!important}
 body.mv-public-facing .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .mv-public-hero{min-height:580px;background-position:62% center}
 .mv-public-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,12,22,.74) 0%,rgba(12,12,22,.17) 100%)}
 .mv-public-hero-copy{width:100%;align-self:flex-end;padding:40px 21px;position:relative}
 .mv-public-hero h1{font-size:clamp(38px,10vw,60px)!important}
 .mv-public-hero-note{top:18px;right:25px;font-size:18px}
 .mv-public-eyebrow{font-size:9px}
 .mv-public-highlights{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
 .mv-public-highlight{gap:8px;padding:7px 8px;margin:0}
 .mv-public-highlight i{flex-basis:42px;width:42px;height:42px;font-size:18px}
 .mv-public-highlight strong{font-size:12px}
 .mv-public-highlight small{font-size:11px}
 body.mv-public-facing .news-featured{grid-template-columns:1fr}
 body.mv-public-facing .news-grid{grid-template-columns:1fr}
 body.mv-public-facing .news-featured-media img{max-height:480px!important}
 body.mv-public-facing .news-card-media img{max-height:460px!important}
 body.mv-public-facing .news-featured-copy{padding:22px}
}
@media(max-width:430px){
 .mv-public-highlights{grid-template-columns:1fr}
 .mv-public-highlight,.mv-public-highlight:nth-child(2){border-right:0!important;border-bottom:1px solid #f1e3dc;padding:13px 14px}
 .mv-public-highlight:last-child{border-bottom:0}
 .mv-public-hero-actions{flex-direction:column}
 .mv-public-cta{width:100%;min-height:51px}
}


/* V5: visual layer only, using a locally uploaded real Mi Vuelta class photo. */
.mv-public-hero{isolation:isolate;background:#172630!important;min-height:clamp(500px,42vw,670px)}
.mv-public-hero-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 44%;z-index:-2;display:block}
.mv-public-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,24,35,.20),transparent 70%);pointer-events:none}
.mv-public-hero-copy{width:min(760px,63%);padding-left:clamp(26px,5vw,86px);padding-right:12px}
.mv-public-hero h1{text-shadow:0 3px 18px rgba(0,0,0,.36)}
.mv-public-hero p{text-shadow:0 2px 13px rgba(0,0,0,.3)}
.mv-public-hero-note{top:auto;bottom:12%;right:5.5%;max-width:300px;margin:0;padding:12px 18px;border-radius:14px;font:bold italic clamp(20px,2.0vw,32px)/1.18 'Quicksand','Roboto',sans-serif;transform:rotate(-4deg);background:rgba(14,28,35,.72);color:#ffe0ab;text-shadow:none;box-shadow:0 12px 26px rgba(0,0,0,.17)}
.mv-public-hero-note span{color:#ffb561}
.mv-public-cta{border-radius:13px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.045em!important;min-height:56px;background:#ff8d53!important;color:#1f2930!important;box-shadow:0 12px 22px rgba(8,22,30,.14)!important}
.mv-public-cta.outlined{background:#fff!important;border:2px solid #fff!important;color:#24313a!important;box-shadow:0 10px 20px rgba(8,22,30,.14)!important}
.mv-public-cta:hover,.mv-public-cta:focus-visible{transform:translateY(-2px);filter:brightness(1.07)}
.mv-public-highlights{min-height:120px;padding:12px clamp(12px,3vw,55px);gap:10px;background:linear-gradient(105deg,#fff0dc 0%,#fffaf3 38%,#e2f6f6 100%)}
.mv-public-highlight{gap:14px;margin:0;padding:15px 13px;border-radius:14px;border-right:0!important;background:rgba(255,255,255,.53)!important;box-shadow:0 4px 14px rgba(26,51,54,.04);text-decoration:none!important;transition:background .16s ease, transform .16s ease}
.mv-public-highlight i{flex-basis:54px;width:54px;height:54px}
.mv-public-highlight:hover,.mv-public-highlight:focus-visible{transform:translateY(-2px);background:#fff!important;box-shadow:0 12px 18px rgba(26,51,54,.1)}
.mv-public-highlight strong{font-size:14px!important;line-height:1.35}
.mv-public-highlight small{font-size:12px!important;line-height:1.45}
@media(max-width:1100px){.mv-public-hero-copy{width:min(740px,72%)}.mv-public-highlights{gap:8px}}
@media(max-width:720px){
 .mv-public-hero{min-height:560px}
 .mv-public-hero-photo{object-position:68% center}
 .mv-public-hero:before{z-index:-1;background:linear-gradient(0deg,rgba(10,24,35,.90) 0%,rgba(10,24,35,.12) 75%)}
 .mv-public-hero-copy{width:100%;padding:40px 22px}
 .mv-public-hero-note{top:18px;right:16px;bottom:auto;font-size:18px;padding:7px 12px;max-width:230px}
 .mv-public-highlights{padding:10px;gap:8px}
 .mv-public-highlight{margin:0;padding:13px 10px}
}
@media(max-width:430px){
 .mv-public-hero-copy{padding:32px 20px}
 .mv-public-hero-note{max-width:170px;font-size:15px}
 .mv-public-highlight{border-bottom:0!important}
}


/* V6 – A proper distinct blue/teal/copper background whenever the hero
   photograph is absent or cannot load. No default broken image is shown. */
body.mv-public-facing .mv-public-hero {
    background:linear-gradient(124deg,#142d48 0%,#246b80 54%,#c2775d 100%) !important;
}
/* Keep the photo on top of the gradient when it loads. */
body.mv-public-facing .mv-public-hero-photo {
    background:transparent !important;
}
/* A reliably supported Font Awesome 6.0 'users' glyph. */
.mv-public-highlight .fa-users {font-family:'Font Awesome 6 Free' !important;font-weight:900 !important;}
