/* Scoped refinements: personal agenda, compact shop and cinematic recordings. */
.program .section-heading {align-items:flex-end;gap:24px;}
.program .section-heading h2 {font-size:clamp(32px,3.5vw,47px);}
.program .program-meta {flex-shrink:0;}
.program .calendar-button {min-height:46px;font-size:13px;border-radius:10px;}
.program .month-calendar {border:1px solid #e3cbb5;border-radius:20px;box-shadow:0 12px 40px #60372709;}
.month-calendar .calendar-heading {padding:28px 30px;background:#f0dfc7;min-height:0;border-color:#e3cbb5;}
.month-calendar .calendar-heading h3 {font-size:clamp(34px,4vw,51px);margin:10px 0;color:#66302c;}
.month-calendar .calendar-heading h3 em {font-size:.65em;}
.month-calendar .calendar-heading p {font:400 14px/1.5 var(--sans);color:#705745;max-width:400px;}
.month-calendar .calendar-month-art {display:flex;flex-direction:column;justify-content:center;gap:3px;background:#fff9ee;width:100px;height:106px;transform:rotate(4deg);box-shadow:3px 5px 0 #b18b6040;}
.month-calendar .calendar-month-art>span {font:600 10px/1.2 var(--sans);letter-spacing:.16em;color:#8c573d;}
.month-calendar .calendar-month-art>strong {font:400 57px/1 var(--serif);letter-spacing:-.05em;color:#7c322b;}
.month-calendar .calendar-month-art svg {width:16px;height:16px;right:8px;bottom:8px;}
.calendar-how {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 26px 8px;color:#76563d;}
.calendar-how p {display:flex;align-items:center;gap:9px;font:500 12px/1.5 var(--sans);}
.calendar-how b {display:grid;place-items:center;border-radius:50%;background:#efe0cd;color:#743629;width:26px;height:26px;flex-shrink:0;font-size:10px;}
.calendar-how>span {font-size:11px;color:#8a6e58;}
.month-calendar .calendar-viewport {padding:0 18px;}
.month-calendar .calendar-event {min-height:214px;padding:14px 10px 10px;}
.month-calendar .calendar-event strong {font-size:43px;margin-bottom:14px;}
/* Reset the old calendar card button's 170px flex-basis and paint pseudo-element. */
.month-calendar .program-tabs .calendar-select {flex:0 0 auto;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:44px;height:auto;width:100%;padding:8px 7px;margin-top:12px;border:1px solid #fff2d65c;border-radius:7px;background:#fff8e71a;color:#fff5e4;box-shadow:none;transform:none;scroll-snap-align:none;overflow:visible;font:500 10px/1.35 var(--sans);}
.month-calendar .program-tabs .calendar-select:before,.month-calendar .program-tabs .calendar-select:after {content:none;display:none;}
.month-calendar .program-tabs .calendar-select[hidden] {display:none;}
.month-calendar .program-tabs .calendar-select>span {display:block;position:static;margin:0;padding:0;background:none;flex:1;text-align:left;color:inherit;font:inherit;letter-spacing:0;}
.month-calendar .program-tabs .calendar-select>svg {flex:0 0 14px;width:14px;height:14px;color:inherit;opacity:.7;}
.month-calendar .program-tabs .calendar-select[aria-pressed=true] {background:#fff0d1;color:#62362a;border-color:#fff0d1;}
.month-calendar .program-tabs .calendar-select:hover {background:#fff4e338;transform:none;box-shadow:none;}
.month-calendar .program-tabs .calendar-select[aria-pressed=true]:hover {background:#fff5e0;}
.month-calendar .calendar-event.is-picked {box-shadow:0 0 0 2px #be8c58,0 7px 18px #59302120;}
.month-calendar .calendar-save {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 26px;background:#f6ecdc;border-top:1px solid #e6d4be;border-radius:0 0 20px 20px;}
.calendar-save #calendar-selection-status {font:500 14px/1.4 var(--sans);color:#673b2e;margin:0;max-width:none;}
.calendar-save small {display:block;font-size:11px;color:#7e6854;line-height:1.5;margin-top:7px;}
.calendar-save .calendar-button {flex-shrink:0;justify-content:center;min-height:48px;background:#74342f;color:#fff6e8;border:0;padding:12px 18px;font-size:13px;}
.calendar-save .calendar-button:disabled {background:#dfd0be;color:#776958;cursor:not-allowed;}
.calendar-save .calendar-button:not(:disabled):hover {background:#58252c;}
.calendar-save .calendar-button>span {font:inherit;background:none;}

.collection .collection-genders {gap:12px;max-width:410px;margin-bottom:24px;}
.collection .gender-card {display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;flex:1;min-height:64px;padding:12px 16px;border-radius:12px;border:1px solid #d2bca8;background:#f7ebdc;box-shadow:none;}
.collection .gender-card[data-view=mujer] {background:#f3e7e3;border-color:#d4bbb9;}
.collection .gender-label {display:block;color:#784337;font:600 15px/1.3 var(--sans);text-align:left;}
.collection .gender-label small {display:block;margin:4px 0 0;font:400 11px/1.4 var(--sans);letter-spacing:0;color:#896e5c;}
.collection .gender-card .gender-selected {display:grid;place-items:center;position:static;width:20px;height:20px;border:1px solid #b8987d;border-radius:50%;background:transparent;color:transparent;font-size:11px;flex-shrink:0;}
.collection .gender-card[aria-pressed=true] {background:#783b30;border-color:#783b30;transform:none;}
.collection .gender-card[data-view=mujer][aria-pressed=true] {background:#794b56;border-color:#794b56;}
.collection .gender-card[aria-pressed=true] .gender-label {color:#fff5e9;}
.collection .gender-card[aria-pressed=true] .gender-label small {color:#ecd4c2;}
.collection .gender-card[aria-pressed=true] .gender-selected {background:#fff2df;border-color:#fff2df;color:#723f35;}
.collection .merch-info>.button {background:#713329;color:#fff5e7;border:0;border-radius:9px;min-height:48px;padding:13px 18px;}
.collection .merch-info>.button:hover {background:#562823;}

#grabaciones.recordings {position:relative;isolation:isolate;max-width:1120px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px 38px;background:#231818;border:1px solid #674432;border-radius:20px;margin:44px auto;color:#fff3e2;overflow:hidden;}
#grabaciones:before {display:block;content:"";position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.2;transform:none;background:linear-gradient(90deg,#271619c9,#271619e6),url(assets/hero-manos-landscape-v17.webp) center/cover;pointer-events:none;}
#grabaciones:after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 0,#bc8d5435,transparent 65%);}
#grabaciones .recordings-heading {max-width:800px;grid-column:1/-1;}
#grabaciones .recordings-heading .eyebrow {color:#d2aa7d;font-size:10px;letter-spacing:.13em;}
#grabaciones .recordings-heading h2 {color:#fff2df;font:400 clamp(34px,4vw,51px)/1.08 var(--serif);max-width:700px;}
#grabaciones .recordings-heading h2 em {color:#e8bc86;}
#grabaciones .recordings-heading>p:last-child {color:#d8c1ad;font-size:14px;max-width:610px;line-height:1.6;}
#grabaciones .recording-package {max-width:none;margin:0;align-self:stretch;padding:0;}
#grabaciones .package-days {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#grabaciones .day-device {border-radius:8px;border:1px solid #d6b18142;aspect-ratio:16/10;box-shadow:none;transform:none;background:#211416;}
#grabaciones .day-device>img {filter:saturate(.7) brightness(.78);height:100%;width:100%;object-fit:cover;}
#grabaciones .device-label {padding:11px;background:linear-gradient(0deg,#170d13e8,transparent);}
#grabaciones .device-label>span {font:500 9px/1.4 var(--sans);color:#f0c996;letter-spacing:.08em;}
#grabaciones .device-label>strong {font:400 17px/1.3 var(--serif);color:#fff2df;}
#grabaciones .device-play {background:#fff1dc15;border:1px solid #fff0d376;backdrop-filter:blur(3px);width:32px;height:32px;}
#grabaciones .device-play svg {color:#fff1dc;width:12px;height:12px;}
#grabaciones .manual-mockup {padding:13px 16px;background:#bc8958;color:#281b18;border-radius:8px;}
#grabaciones .manual-mockup svg {color:#442722;}
#grabaciones .manual-mockup>strong {font-size:17px;color:#281b18;}
#grabaciones .manual-mockup .pdf-tag {color:#35241b;font-size:9px;}
#grabaciones .recordings-copy {align-self:center;}
#grabaciones .package-chips {gap:7px;margin:0;}
#grabaciones .package-chips>span {background:#ffffff09;border:1px solid #b8906255;color:#ebcba6;border-radius:5px;font-size:11px;padding:6px 8px;}
#grabaciones .recordings-offer {background:#fcf0dd;color:#633a2b;border:0;border-radius:12px;padding:19px;margin:14px 0;}
#grabaciones .recordings-copy>.button {background:#edc899;color:#4b2524;border:0;border-radius:9px;min-height:50px;padding:13px 17px;font-size:14px;}
#grabaciones .recordings-copy>.button:hover {background:#f6ddba;}
#grabaciones .recordings-copy>.small-note {color:#bfa78f;font-size:11px;line-height:1.5;}

#cafe .coffee-inner {max-width:1040px;grid-template-columns:1fr 1fr;gap:38px;padding:38px 0;}
#cafe .coffee-stage {max-width:460px;justify-self:end;}
#cafe .coffee-product-image {border-radius:14px;}
#cafe .coffee-sponsor-lockup {gap:13px;margin-bottom:16px;}
#cafe .coffee-brand-logo {width:51px;}
#cafe .coffee-sponsor {font-size:9px;max-width:135px;padding:4px 0 4px 13px;border-left:1px solid #4d3c2752;}
#cafe .coffee-exclusive {display:inline-block;border-radius:5px;padding:6px 8px;background:#221f20;color:#fff3cf;font:600 9px/1.3 var(--sans);letter-spacing:.08em;margin-bottom:13px;}
#cafe .coffee-copy h2,#cafe .coffee-copy h2 em {font-size:clamp(30px,3.4vw,43px);line-height:1.04;}
#cafe .coffee-invitation {font-size:14px;line-height:1.5;margin-top:13px;max-width:330px;}
#cafe .coffee-menu {display:block;font:500 12px/1.8 var(--sans);color:#473718;margin-top:12px;max-width:360px;}
#cafe .coffee-shop {margin-top:17px;}
#cafe .coffee-pack-promo {font:400 12px/1.6 var(--sans);border-top:1px solid #66531f40;padding-top:12px;margin-bottom:12px;color:#413117;}
#cafe .coffee-pack-promo strong {font-weight:600;}
#cafe .coffee-pack-promo del {font-size:10px;margin-left:4px;color:#6c5228;}
#cafe .coffee-shop .button {display:inline-flex;width:auto;min-height:48px;padding:12px 16px;font-size:12px;gap:12px;border-radius:8px;background:#221f20;color:#fff4d7;}
#cafe .coffee-shop .button:hover {background:#3f3426;}
#cafe .coffee-note {font-size:10px;margin-top:10px;max-width:350px;}

.faq-section .faq {gap:45px;padding-block:55px;align-items:start;}
.faq-section .faq-heading #faq-title {font-size:clamp(31px,3.2vw,43px);}
.faq-example {margin:24px 0 18px;max-width:380px;}
.faq-example-question {display:flex;align-items:center;gap:9px;width:fit-content;margin:0 0 10px auto;padding:11px 16px;background:#ecd9c5;border-radius:14px 14px 3px 14px;font:400 13px/1.5 var(--sans);color:#764d37;}
.faq-example-question svg {width:17px;height:17px;flex-shrink:0;}
.faq-example-answer {display:flex;gap:12px;align-items:flex-start;background:#eee9df;border:1px solid #d9c9b7;border-radius:3px 14px 14px;padding:17px;}
.faq-example-answer>svg {background:#ddded0;border-radius:10px;color:#426054;flex-shrink:0;padding:9px;width:41px;height:41px;}
.faq-example-answer p {font:400 12px/1.5 var(--sans);margin:0;color:#786453;}
.faq-example-answer strong {display:block;color:#564335;font-size:13px;font-weight:500;}
.faq-example-answer p>span {display:block;margin-top:5px;}
.faq-example-answer a {display:inline-flex;gap:14px;align-items:center;color:#704030;font-size:11px;min-height:44px;padding-top:7px;text-decoration:underline;text-underline-offset:3px;}
.faq-section .faq-invitation {font-size:13px;margin:16px 0 0;}
.faq-section .faq-contact {margin-top:12px;}
.faq-section .faq-heading .whatsapp-button {font-size:13px;min-height:48px;padding:12px 17px;}
.faq-section .faq-list {margin:0;display:grid;gap:10px;}
.faq-section .faq-list details {background:#fffaf3;border:1px solid #e4d7c8;border-radius:12px;padding:19px 20px;transition:background .25s,border-color .25s;}
.faq-section .faq-list details[open] {background:#f3e6d3;border-color:#cbb195;}
.faq-section .faq-list summary {font-size:14px;gap:12px;line-height:1.45;}
.faq-section .faq-list summary>svg {width:21px;height:21px;flex-shrink:0;color:#945e3e;}
.faq-section .faq-list summary>span {display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9dac7;font:400 18px/1 var(--sans);flex-shrink:0;}
.faq-section .faq-list details p {font-size:13px;line-height:1.7;margin-top:14px;}
@media(max-width:1000px) {
 .calendar-how {display:block;}.calendar-how>span {display:block;margin-top:8px;}
 #grabaciones.recordings {width:calc(100% - 48px);padding:30px;gap:24px;}
}
@media(max-width:800px) {
 .program .section-heading {display:block;}.program .program-meta {margin-top:20px;text-align:left;}
 .month-calendar .calendar-event {min-height:228px;}
 #grabaciones.recordings {grid-template-columns:1fr 1fr;}
 #grabaciones .offer-heading {flex-wrap:wrap;gap:7px;}
 #grabaciones .manual-mockup {flex-wrap:wrap;gap:7px;}
 #grabaciones .manual-mockup .pdf-tag {margin-left:0;}
 #cafe .coffee-inner {gap:24px;}
}
@media(max-width:600px) {
 .month-calendar .calendar-heading {padding:22px 18px;gap:14px;}
 .month-calendar .calendar-heading h3 {font-size:32px;}
 .month-calendar .calendar-heading p {font-size:12px;}
 .month-calendar .calendar-month-art {width:68px;height:82px;border-radius:14px;}
 .month-calendar .calendar-month-art>strong {font-size:43px;}
 .calendar-how {padding:17px 16px 4px;}
 .calendar-how p {flex-wrap:wrap;font-size:11px;gap:7px;}
 .calendar-how>span {font-size:11px;}
 .month-calendar .calendar-viewport {padding:12px;}
 .month-calendar .calendar-event {min-height:225px;padding:15px 12px 12px;}
 .month-calendar .calendar-event strong {font-size:47px;}
 .month-calendar .program-tabs .calendar-select {font-size:11px;padding:9px;}
 .month-calendar .calendar-save {display:block;padding:18px 16px;}
 .calendar-save #calendar-selection-status {font-size:13px;}
 .calendar-save .calendar-button {width:100%;margin-top:15px;}
 .collection .gender-card {padding:12px 14px;gap:10px;}
 #grabaciones.recordings {display:grid;grid-template-columns:1fr;width:calc(100% - 32px);padding:27px 20px;gap:22px;margin:28px auto;border-radius:16px;}
 #grabaciones .recordings-heading h2 {font-size:35px;}
 #grabaciones .recordings-heading .eyebrow {font-size:9px;letter-spacing:.06em;}
 #grabaciones .recordings-heading>p:last-child {font-size:13px;}
 #grabaciones .recordings-offer {margin-top:12px;}
 #grabaciones .manual-mockup {flex-wrap:nowrap;}
 #grabaciones .manual-mockup .pdf-tag {margin-left:auto;}
 #cafe .coffee-inner {display:flex;gap:23px;padding:30px 0;}
 #cafe .coffee-stage {width:100%;max-width:400px;align-self:center;}
 #cafe .coffee-product-image {max-height:215px;object-fit:contain;background:#f7e9d7;}
 #cafe .coffee-copy h2,#cafe .coffee-copy h2 em {font-size:35px;}
 #cafe .coffee-shop .button {width:100%;justify-content:space-between;}
 .faq-section .faq {padding-block:40px;display:block;}
 .faq-example {max-width:none;}
 .faq-section .faq-list {margin-top:28px;}
}
@media(prefers-reduced-motion:reduce) {
 .faq-section .faq-list details {transition:none;}
}
