/* V23: a clear date, contemporary attendance cards and an immersive closing. */
.hero-cumbre-label .hero-cumbre-date {
  display:block;margin:14px auto 0;padding:0;color:#fff8eb;
  font:500 clamp(12px,1.15vw,16px)/1.5 var(--sans);
  letter-spacing:.15em;text-transform:uppercase;white-space:normal;
  -webkit-text-fill-color:#fff8eb;-webkit-text-stroke:0;
  text-shadow:0 1px 10px #0d0809b0;
}
.participation {background:linear-gradient(125deg,#f2e9df,#faf5ee 55%,#e9eff0);padding:70px 0;}
.participation:before {display:none;}
.participation .section-heading {margin-bottom:32px;}
.participation .eyebrow {color:#88624d;}
.participation #participation-title {color:var(--burgundy);font-size:clamp(34px,4vw,50px);}
.participation #participation-title em {color:var(--copper);}
.participation .participation-grid {max-width:1020px;gap:26px;align-items:stretch;}
.participation .attendance-card {border:1px solid #d6b09c;border-radius:18px;background:#fffdf9;box-shadow:0 14px 35px #6135270d;transition:transform .3s ease,box-shadow .3s ease;}
.participation .attendance-card.online {border-color:#abc2c4;--card-tone:#244c52;}
.participation .attendance-card.in-person {--card-tone:#914b31;}
.participation .attendance-card:hover {transform:translateY(-4px);box-shadow:0 20px 40px #61352718;}
.participation .attendance-visual {height:230px;background:#322626;}
.participation .attendance-visual:before {display:none;}
.participation .attendance-visual:after {background:linear-gradient(0deg,#281615e6,transparent 85%);}
.participation .online .attendance-visual:after {background:linear-gradient(0deg,#112d32ee,#122d3240 60%,#112d3220);}
.participation .attendance-visual>img {filter:saturate(.82);transform:scale(1.02);object-position:center;}
.participation .online .attendance-visual>img {filter:saturate(.8) blur(1px);object-position:65% center;}
.participation .attendance-card:hover .attendance-visual>img {transform:scale(1.06);}
.participation .attendance-badge {left:22px;top:20px;padding:8px 12px;border:1px solid #fff5e64d;background:#3b2921d9;color:#fff9f0;font:600 11px/1.4 var(--sans);letter-spacing:.035em;}
.participation .online .attendance-badge {background:#244c52ed;border-color:#c8e5e170;}
.participation .attendance-badge i {background:#edb786;box-shadow:0 0 0 4px #edb78620;}
.participation .attendance-visual h3 {left:24px;right:20px;bottom:22px;color:#fff9f0;font:400 35px/1.08 var(--serif);letter-spacing:-.02em;}
.participation .attendance-visual h3 em {display:block;color:#f1d1b0;font:400 19px/1.35 var(--sans);letter-spacing:0;margin-top:7px;}
.participation .online .attendance-visual h3 em {color:#c8e5e1;}
.participation .attendance-body {padding:25px 26px 26px;background:#fffdf9;border-top:4px solid #bd7650;}
.participation .online .attendance-body {background:#f9fcfc;border-top-color:#46858b;}
.participation .price {font:400 37px/1.12 var(--serif);color:var(--card-tone);}
.participation .price>span:last-child {font:400 13px/1.5 var(--sans);color:#73665e;}
.participation .price .currency {font-size:25px;}
.participation .attendance-reason {font-size:15px;color:#71645d;line-height:1.5;margin:14px 0 0;}
.participation .attendance-perks {margin-top:16px;padding:14px 0 18px;border-color:#e9ded4;gap:10px 18px;font-size:13px;}
.participation .attendance-perks svg {color:var(--card-tone);}
.participation .attendance-body .button {background:var(--card-tone);color:#fffdf9;border:0;border-radius:10px;min-height:52px;font-size:14px;padding:16px 20px;margin-top:auto;gap:14px;}
.participation .attendance-body .button:before {display:none;}
.participation .attendance-body .button:hover {background:var(--card-tone);filter:brightness(.9);transform:translateY(-1px);}
.participation .card-note {color:#5e7275;font-size:12px;margin-top:12px;}
.participation .participation-help {color:#6b5447;margin-top:25px;}
.recordings {row-gap:25px;}
.recordings-heading {grid-column:1/-1;max-width:880px;}
.recordings-heading .eyebrow {font-size:11px;color:var(--copper);margin-bottom:10px;}
.recordings-heading h2 {font-size:clamp(35px,4.4vw,52px);color:var(--burgundy);line-height:1.1;}
.recordings-heading>p:last-child {font-size:15px;color:var(--muted);margin-top:14px;max-width:620px;line-height:1.5;}
.recordings-copy .package-chips {margin-top:0;}
.coffee-intro .coffee-sponsor {display:inline-block;padding:7px 10px;border:1px solid #8b701a70;border-radius:5px;font-size:11px;letter-spacing:.055em;color:#463709;background:#fff4c340;}
.coffee-shop .button,.coffee-shop .button:hover {background:#332d24;color:#fff8e6;border:0;border-radius:8px;min-height:52px;}
.coffee-shop .button:hover {background:#1e1a15;}
.faq-heading #faq-title {font-size:clamp(34px,3.5vw,46px);line-height:1.12;}
.faq-heading .whatsapp-button,.faq-heading .whatsapp-button:hover {background:var(--burgundy);color:#fffaf2;border:0;border-radius:8px;min-height:52px;}
.faq-heading .whatsapp-button:hover {background:#963039;}
.closing.closing-worship {position:relative;display:grid;place-items:center;min-height:600px;padding:90px 24px;background:#1d1815;color:#fff8eb;overflow:hidden;}
.closing-worship:before {display:none;}
.closing-media {position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.closing-media>img,.closing-media>video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
.closing-media>video {opacity:0;transition:opacity .6s ease;}
.closing-worship.is-video-ready .closing-media>video {opacity:1;}
.closing-media:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#130e0fd9,#170f12a6 55%,#17100f85);}
.closing-content {position:relative;z-index:1;max-width:820px;width:100%;}
.closing-worship .eyebrow {color:#ecd5bb;font-size:12px;letter-spacing:.13em;margin-bottom:24px;}
.closing-worship h2 {font-size:clamp(42px,5.5vw,72px);color:#fff8eb;line-height:1.06;text-shadow:0 2px 24px #0004;}
.closing-worship h2 em {color:#efd1ad;}
.closing-worship .button,.closing-worship .button:hover {background:#fff5e5;color:#58292c;border:0;border-radius:8px;margin-top:4px;min-height:54px;}
.closing-worship .button:hover {background:#f2d5b3;}
.closing-content>p:last-child {font-size:14px;color:#e6d4c1;margin-top:20px;}
.closing-video-toggle {position:absolute;z-index:2;bottom:24px;right:24px;display:grid;place-items:center;width:44px;height:44px;background:#231e1bbf;color:#fff8eb;border:1px solid #fff8eb66;border-radius:50%;font-size:17px;}
.closing-video-toggle[hidden] {display:none;}
@media(max-width:800px) {
 .participation .attendance-visual {height:215px;}
 .participation .attendance-visual h3 {font-size:31px;left:20px;}
 .participation .attendance-visual h3 em {font-size:17px;}
 .participation .attendance-body {padding:22px;}
 .participation .attendance-badge {left:18px;font-size:10px;}
 .participation .price {font-size:33px;}
}
@media(max-width:600px) {
 .hero-cumbre-label .hero-cumbre-date {margin-top:12px;font-size:12px;letter-spacing:.12em;}
 .participation {padding:48px 0;}
 .participation .participation-grid {gap:22px;}
 .participation .attendance-visual {height:215px;}
 .participation .attendance-body {padding:23px;}
 .participation .attendance-visual h3 {font-size:33px;left:23px;}
 .participation .attendance-badge {left:23px;font-size:11px;}
 .recordings {gap:24px;}
 .recordings-heading h2 {font-size:35px;}
 .coffee-intro .coffee-sponsor {font-size:10px;max-width:100%;}
 .faq-heading #faq-title {font-size:35px;}
 .closing.closing-worship {min-height:530px;padding:75px 22px 85px;}
 .closing-media>img,.closing-media>video {object-position:50% center;}
 .closing-worship h2 {font-size:43px;}
 .closing-worship .button {font-size:14px;padding:17px 18px;gap:12px;}
 .closing-video-toggle {right:18px;bottom:18px;}
}
@media(prefers-reduced-motion:reduce) {
 .participation .attendance-card,.participation .attendance-visual>img,.closing-media>video {transition:none;}
 .participation .attendance-card:hover,.participation .attendance-card:hover .attendance-visual>img,.participation .attendance-visual>img {transform:none;}
}