@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--teal:#103e45;--teal2:#0c343a;--cream:#f5f1e8;--paper:#fcfaf5;--gold:#c3a879;--ink:#202728}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.75;background:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{max-width:1140px;padding:0 28px;margin:auto}.narrow{max-width:790px;text-align:center}.site-header{background:var(--teal2);color:#fff;border-bottom:1px solid #ffffff24}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-family:'Libre Baskerville',Georgia,serif;font-size:1.06rem;font-weight:700;white-space:nowrap}.brand span{color:var(--gold)}nav{display:flex;gap:32px}nav a{font-size:.84rem;color:#e7f0ec}nav a:hover,nav a.active{color:var(--gold)}.hero{background:radial-gradient(ellipse at 75% 30%,#24636a 0,#12434b 42%,#0d3339 100%);color:white;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:center;min-height:690px;padding-top:66px;padding-bottom:72px}.eyebrow{letter-spacing:.19em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:700}.hero h1,.archive-hero h1{font:400 clamp(2.4rem,4.4vw,4.5rem)/1.18 'Libre Baskerville',Georgia,serif;letter-spacing:-.04em;margin:22px 0 28px}.hero h1 em,.archive-hero h1 em{font-weight:400;color:#dfcb9f}.lede{font-size:1.12rem;max-width:555px;color:#e5e9e6}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:38px}.button{display:inline-block;background:var(--gold);color:#122e32;font-weight:700;font-size:.88rem;padding:16px 24px;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#d9c49c}.text-link{font-size:.88rem;border-bottom:1px solid var(--gold);padding-bottom:4px}.byline{font-size:.79rem;margin-top:58px;letter-spacing:.1em;color:#b6cdca;text-transform:uppercase}.cover-frame{justify-self:center;max-width:350px;transform:rotate(2deg);box-shadow:20px 30px 75px #021d23b8}.cover-frame img{width:100%;height:auto;display:block}.quote-block{background:var(--cream);padding:110px 0}.ornament{color:#a78c59;font-size:29px}.quote-block blockquote{font:400 clamp(1.7rem,3vw,2.7rem)/1.5 'Libre Baskerville',Georgia,serif;margin:18px auto 32px}.quote-block p{color:#646762;max-width:650px;margin:0 auto 24px}.dark{color:var(--teal)}.archive-preview{padding:100px 0}.archive-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:11%}.portrait{border:12px solid var(--cream);box-shadow:0 16px 60px #183e3b21;max-width:350px}.portrait img{display:block;aspect-ratio:3/4;object-fit:cover;width:100%}.archive-preview h2,.recording-section h2{font:400 clamp(2rem,3.5vw,3.2rem)/1.3 'Libre Baskerville',Georgia,serif;margin:16px 0}.muted{color:#6c7774}.button-dark{background:var(--teal);color:white;margin-top:16px}.button-dark:hover{background:#275c61}footer{background:#0b3036;color:#b6ccca;padding:28px 0;font-size:.78rem}.foot{display:flex;justify-content:space-between;gap:20px}.archive-hero{background:var(--teal);color:white;padding:95px 0 85px}.archive-head{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:60px}.archive-hero h1{max-width:720px}.archive-hero .muted{color:#b5cbca}.round-portrait{width:260px;height:260px;object-fit:cover;border-radius:50%;border:7px solid #cbb48e}.recording-section{padding:84px 0 110px}.recording-section .intro{max-width:790px;color:#586461}.recordings{display:grid;gap:18px;margin:35px 0 42px}.recording{border:1px solid #deded4;background:white;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 22px #233c3709}.chapter{font-size:.73rem;letter-spacing:.13em;color:#987a48;font-weight:700}.recording h3{font:400 1.45rem 'Libre Baskerville',Georgia,serif;margin:8px 0}.recording p{font-size:.86rem;margin:0;color:#6c7774}.status{font-size:.77rem;background:#ece9df;color:#6e6657;padding:7px 12px;white-space:nowrap;border-radius:100px}.note{padding:24px 30px;background:#e9f1ef;border-left:4px solid #3b7475;margin-bottom:35px}.note p{margin:5px 0 0;overflow-wrap:anywhere}@media(max-width:760px){.wrap{padding:0 22px}.nav{min-height:72px;flex-wrap:wrap;padding-block:16px}.brand{font-size:.88rem}nav{gap:16px}nav a{font-size:.76rem}.hero-inner{grid-template-columns:1fr;gap:48px;padding-top:60px;min-height:0}.hero h1,.archive-hero h1{font-size:clamp(2.25rem,9vw,3.5rem)}.cover-frame{max-width:265px}.byline{margin-top:38px}.quote-block{padding:72px 0}.archive-preview{padding:65px 0}.archive-grid{grid-template-columns:1fr;gap:32px}.portrait{max-width:250px}.archive-head{grid-template-columns:1fr;gap:36px}.archive-hero{padding:55px 0}.round-portrait{width:180px;height:180px}.recording-section{padding:65px 0}.recording{padding:24px;align-items:flex-start;flex-direction:column;gap:12px}.foot{flex-direction:column}.actions{gap:21px}}

/* Reproductores de las grabaciones */
.recording audio {display:block; width:min(100%, 460px); margin-top:18px; height:48px;}
.recording {align-items:flex-start;}

.art-section{background:#f4f0e8;padding:85px 0 100px}.art-section h2{font:400 clamp(2rem,3.5vw,3.1rem)/1.28 'Libre Baskerville',Georgia,serif;margin:14px 0 32px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.art-frame img{width:100%;height:auto;max-height:640px;object-fit:contain;display:block;box-shadow:0 18px 54px #173b3828}.art-copy h3,.video-heading h3{font:400 clamp(1.4rem,2.5vw,2rem)/1.4 'Libre Baskerville',Georgia,serif}.video-heading{margin-top:75px;max-width:780px}.video-embed{position:relative;aspect-ratio:16/9;background:#0e3138;max-width:950px}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-credit a{text-decoration:underline}.nav nav{flex-wrap:wrap}
@media(max-width:760px){.art-grid{grid-template-columns:1fr;gap:24px}.art-section{padding:60px 0}.video-heading{margin-top:55px}}

/* Galería de imágenes de alta resolución */
.art-open{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;color:inherit;text-align:left}
.art-open img{width:100%;height:auto;display:block}
.enlarge-hint{position:absolute;right:10px;bottom:10px;background:#0b3036e8;color:#fff;padding:7px 12px;font-size:.78rem;border-radius:3px}
.art-open:focus-visible,#art-lightbox button:focus-visible,#art-lightbox a:focus-visible{outline:3px solid #d9c49c;outline-offset:4px}
.art-instructions{color:#55605c;font-size:.92rem;margin-top:18px}
#art-lightbox{border:0;padding:0;background:#111a1c;color:#fff;width:min(96vw,1400px);max-width:none;max-height:94vh;box-shadow:0 28px 110px #0009}
#art-lightbox::backdrop{background:#061014ed}
.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;font-size:.9rem}
.viewer-top button,.viewer-actions button{font:inherit;cursor:pointer;border:1px solid #78908f;background:#173e43;color:#fff;border-radius:3px;padding:7px 12px}
.viewer-stage{height:min(72vh,850px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px}
.viewer-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;flex-shrink:0}
.viewer-stage.is-zoomed{justify-content:flex-start;align-items:flex-start}
.viewer-stage.is-zoomed img{max-width:none;max-height:none}
.viewer-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 16px 18px}
.viewer-actions a{text-decoration:underline;padding:7px;color:#f2dfba}
@media(max-width:650px){#art-lightbox{width:100vw;max-height:96vh}.viewer-stage{height:65vh}.viewer-top{font-size:.8rem}.viewer-actions{gap:6px;font-size:.85rem}.viewer-actions button{padding:8px}}

/* v7: Las obras se presentan en parejas: imagen + making of */
.art-section{padding:86px 0 108px}
.art-intro{color:#59645f;max-width:750px;margin:0 0 38px}
.works-list{display:grid;gap:42px}
.work-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(25px,5vw,72px);border-top:1px solid #d4cabe;padding-top:42px}
.work-image{min-width:0;display:flex;align-items:center;justify-content:center;background:#eae5da;min-height:320px;aspect-ratio: 1 / 1;overflow:hidden;padding:12px}
.work-image .art-open{height:100%;display:flex;align-items:center;justify-content:center}
.work-image .art-open img{width:100%;height:100%;object-fit:contain;max-height:none;box-shadow:none}
.work-details{min-width:0}.work-details h3{font:400 clamp(1.35rem,2.2vw,2rem)/1.36 'Libre Baskerville',Georgia,serif;margin:10px 0 18px}
.work-details h4{font:600 1rem 'DM Sans',Arial,sans-serif;margin:30px 0 12px}
.work-details .video-embed{width:100%;max-width:none}
.video-placeholder{aspect-ratio:16/9;background:#e7e0d3;border:1px dashed #b8aa91;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:24px;color:#615849}
.video-placeholder-icon{font-size:2.6rem;line-height:1;color:#998460}
.video-placeholder span:last-child{font-size:.88rem}
@media(max-width:760px){.work-card{grid-template-columns:1fr;gap:22px}.work-image{min-height:0;aspect-ratio: 1 / 1;padding:10px}.works-list{gap:35px}.art-section{padding:64px 0 80px}}

/* v8: acceso a grabaciones y contacto */
.recording {scroll-margin-top:110px;}
.recording:target{outline:3px solid #bd9b63;outline-offset:5px;border-radius:10px;}
.contact-wrap{background:#f8f5ed;min-height:600px;padding:75px 0 90px;color:#173f46;}
.contact-wrap h1{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,4.2rem);margin:10px 0 20px;}
.contact-wrap p{line-height:1.7;}
.contact-form{display:grid;gap:10px;margin:26px 0 18px;max-width:620px;}
.contact-form label{font-weight:600;margin-top:8px;}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border:1px solid #a4aca8;background:#fff;color:#123b42;border-radius:5px;padding:12px;font:inherit;width:100%;box-sizing:border-box;}
.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form select:focus-visible{outline:3px solid #bd9b63;outline-offset:1px;}
.contact-consent{display:flex;gap:12px;align-items:flex-start;font-size:.93rem;line-height:1.55;font-weight:400!important;}
.contact-consent input{width:18px;height:18px;margin-top:3px;flex:none;}
.contact-form .button{border:none;justify-self:start;margin-top:10px;}
.contact-form .button:disabled{opacity:.55;cursor:not-allowed;}
.contact-privacy{padding:14px 18px;background:#eaf0e9;border-left:4px solid #b89b6c;}
.contact-form .honey{position:absolute;left:-9999px;width:1px!important;height:1px!important;}
