:root{--ink:#232522;--paper:#f2f0e9;--line:#d1d0c7;--accent:#b3b99e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #937043;outline-offset:6px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:0}.demo{background:#dce0d1;color:#363c30;padding:7px 5%;font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between}.demo span{letter-spacing:.6px}header{height:85px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #23252216}.brand{display:flex;gap:18px;align-items:center;font-family:Georgia,serif;font-size:30px}.brand span{font:11px Arial,sans-serif;letter-spacing:2px}nav{display:flex;gap:34px;font-size:12px}nav a{padding:10px 0}nav a:hover{border-bottom:1px solid}.hero{height:min(740px,80vw);min-height:590px;position:relative;color:#fff;overflow:hidden;background:#33332f}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center top}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#11160ed9 0%,#13150d6b 38%,transparent 70%),linear-gradient(0deg,#11160c77,transparent 25%)}.hero-copy{position:absolute;left:8%;top:17%}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:normal;margin:0 0 23px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.02;letter-spacing:-3px}h1{font-size:clamp(78px,8.7vw,145px);margin-bottom:38px}em{font-weight:normal}h2{font-size:clamp(42px,5vw,75px);margin-bottom:0}h3{font-family:Georgia,serif;font-size:30px;font-weight:normal;line-height:1.15;letter-spacing:-.6px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 22px;border:0;font-size:12px}.light{background:var(--paper);color:var(--ink)}.button:hover{background:#dce0d1}.text-link{font-size:12px;border-bottom:1px solid #ffffff60;padding:7px 0}.hero-footer{position:absolute;bottom:30px;left:8%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.section{padding:100px 8%;scroll-margin-top:0}.section-title{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:48px}.section-title>p{font-size:13px;max-width:260px;color:#66695f;margin:0 0 4px}.video-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:55px}.reel-poster{min-height:460px;position:relative;overflow:hidden;background:#252820;color:white}.reel-poster>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:70%;filter:brightness(.5)}.reel-label{position:absolute;bottom:35px;left:35px;right:30px}.reel-label h3{font-size:37px;margin-bottom:12px}.reel-label p{font-size:12px}.scenes{display:flex;flex-direction:column;justify-content:space-between}.scenes article{padding:10px 0 24px;border-bottom:1px solid var(--line)}.scenes article+article{padding-top:32px}.scenes h3{margin-bottom:16px}.scenes p:not(.eyebrow){font-size:13px;color:#6a6c64}.line-button{display:flex;justify-content:space-between;width:100%;padding:10px 0;background:none;color:inherit;border:0;font-size:12px;text-align:left}.line-button:hover{text-decoration:underline}.photo-section{background:#e5e5dc}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.photo-button{background:transparent;border:0;padding:0;text-align:left;color:inherit;min-width:0}.photo-frame{display:block;aspect-ratio:3/8;background-image:url('assets/eder-retratos-v4.png');background-repeat:no-repeat;background-size:400% 100%;transition:filter .2s}.photo-button:hover .photo-frame{filter:brightness(.86)}.photo-name{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;padding-top:15px}.caption{font-size:11px;color:#66695f;margin:30px 0 0}.credits{border-top:1px solid var(--line);margin-bottom:28px}.credit{display:grid;grid-template-columns:65px 1.7fr 1fr;gap:30px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.credit h3{font-size:28px;margin:0 0 6px}.credit p{font-size:11px;color:#66695f;margin:0}.credit>span{font-size:12px;color:#676a60}.credit .role{font-size:13px;color:var(--ink)}details{border-bottom:1px solid var(--line);margin-bottom:30px}summary{padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;font-size:13px}.bio{display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:13px;padding:25px 0}.bio p{max-width:440px}.bio dl{margin:0}.bio dl div{margin-bottom:16px}.bio dt{color:#73766c;font-size:11px}.bio dd{margin:0}.dark{border-color:#777}.contact-section{background:#272d26;color:var(--paper)}.contact-section h2{font-size:clamp(70px,8vw,118px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;gap:70px}.contact-grid>p{font-size:16px;color:#c7cabc}.contact-grid h3{margin-bottom:10px}.contact-grid .eyebrow{color:#c7cabc}.contact-grid p:not(.eyebrow){font-size:13px;color:#c7cabc}.contact-grid .line-button{border-bottom:1px solid #ffffff55}footer{padding:30px 5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}dialog{border:0;background:var(--paper);color:var(--ink);padding:38px;max-width:min(780px,92vw);width:780px;max-height:90vh}dialog::backdrop{background:#10130fd9}dialog h2{font-size:36px;letter-spacing:-1px;margin:25px 0}#close-modal{display:block;margin-left:auto;border:0;background:transparent;padding:8px}#modal-content{font-size:14px}#modal-content .photo-frame{width:min(370px,100%);margin:auto}#modal-content video{width:100%}@media(max-width:760px){.demo{font-size:8px;padding:8px 6%;display:block}.demo span{display:block;margin-top:2px}header{height:auto;min-height:90px;padding:14px 6%;align-items:start;gap:12px;flex-direction:column}.brand{font-size:22px}.brand span{font-size:10px}nav{width:100%;justify-content:space-between;gap:15px;font-size:11px}nav a{padding:0}.hero{min-height:680px;height:calc(100svh - 137px);max-height:860px}.hero>img{object-position:70% center}.shade{background:linear-gradient(0deg,#10140ff2 0%,#11150d99 38%,transparent 78%)}.hero-copy{left:7%;top:auto;bottom:90px}.hero-copy .eyebrow{font-size:9px}h1{font-size:78px;margin-bottom:25px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:10px}.button{gap:25px;padding:14px 18px}.hero-footer{left:7%;right:7%;font-size:7px;letter-spacing:1px;bottom:28px}.section{padding:65px 7%}.section-title{display:block;margin-bottom:35px}.section-title>p{margin-top:24px;font-size:12px}.section-title h2{font-size:46px;letter-spacing:-2px}.video-layout{grid-template-columns:1fr;gap:30px}.reel-poster{min-height:400px}.reel-label{left:25px;bottom:28px}.reel-label h3{font-size:30px}.gallery{grid-template-columns:repeat(2,1fr);gap:26px 14px}.credit{grid-template-columns:38px 1fr;gap:15px}.credit h3{font-size:25px}.credit>div:last-child{grid-column:2}.bio{grid-template-columns:1fr;gap:15px}.contact-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}footer{gap:20px;align-items:start;font-size:8px}footer span{max-width:170px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,.demo,footer,button{display:none}}
.video-placeholder{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5e5dc;border:1px solid #d1d0c7;padding:35px;text-align:center}.video-placeholder h3{margin:0;font-size:32px}.training{padding-bottom:30px}.training p{display:grid;grid-template-columns:85px 1fr 1fr;gap:20px;font-size:12px}.training strong{font-weight:normal}.training span{color:#66695f}#modal-content .photo-frame{width:min(260px,100%)}@media(max-width:760px){.training p{grid-template-columns:1fr;gap:2px}.video-placeholder{min-height:260px}.video-placeholder h3{font-size:27px}footer{flex-wrap:wrap}}
#modal-content .photo-frame{width:min(260px,100%,calc((90vh - 235px)*.375))}dialog h2{margin:15px 0}dialog .caption{margin-top:16px}

/* Refinamiento editorial y navegación, edición 4 */
nav a{position:relative;border-bottom:1px solid transparent}
nav a[aria-current="location"]{border-bottom-color:currentColor}
header{height:76px}
.section{padding-top:84px;padding-bottom:84px}
.hero{height:auto;min-height:0;aspect-ratio:3/2;max-height:820px}
.hero>img{object-fit:cover}
.hero-copy{top:20%}
.section-title>p{max-width:285px}
.gallery{gap:22px}
.photo-name{padding-top:13px;font-size:11px}
.photo-button:hover .photo-name{text-decoration:underline;text-underline-offset:4px}
dialog{padding:22px 30px;width:520px;max-height:96svh;overflow:auto}
dialog h2{font-size:25px;margin:4px 0 18px;letter-spacing:-.5px}
#modal-content .photo-frame{width:min(100%,calc((96svh - 175px)*.375))}
.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}
.photo-controls button{border:1px solid var(--line);background:transparent;padding:9px 13px;font-size:12px}
#photo-count{font-size:11px;color:#66695f}
body:has(dialog[open]){overflow:hidden}
.contact-section .line-button{font-size:14px;padding:16px 0}
@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1344px)/2));padding-right:max(8%,calc((100vw - 1344px)/2))}}
@media(max-width:760px){
 header{height:auto;min-height:86px;padding:12px 6%;gap:9px}
 nav{gap:10px}nav a{padding-bottom:3px}
 html{scroll-padding-top:100px}
 .hero{aspect-ratio:auto;height:730px;min-height:0;max-height:none}
 .hero>img{object-fit:cover;object-position:71% top}
 .hero-copy{top:auto;bottom:84px}
 .section{padding:58px 7%}
 .section-title{margin-bottom:28px}
 .section-title>p{margin-top:18px}
 .gallery{gap:24px 14px}
 .photo-name{font-size:10px}
 dialog{padding:15px 20px}
 .hero .eyebrow{margin-bottom:18px}
 footer{line-height:1.8}
}
@media(max-width:380px){nav{font-size:10px;gap:7px}.hero-actions{gap:12px}h1{font-size:70px}}
@media(max-width:760px){
 .hero{height:670px;background:#252722}
 .hero>img{width:150%;height:auto;max-width:none;left:-50%;object-fit:initial}
 .shade{background:linear-gradient(0deg,#252722 0%,#252722 29%,#252722bb 43%,transparent 66%)}
 .hero-copy{bottom:85px}
}
@media(max-width:760px){.shade{background:linear-gradient(0deg,#252722 0%,#252722 47%,#25272280 60%,transparent 78%)}}
/* Edición 5: portada de ancho completo y sustitución selectiva de fotos. */
main{width:100%;min-width:0}
.hero{width:100%;max-width:none;aspect-ratio:auto;height:clamp(570px,58vw,780px);max-height:none}
.hero>img{width:100%;height:100%;left:0;object-fit:cover;object-position:center 36%}
.hero-copy{top:19%}
.shade{background:linear-gradient(90deg,#171a16ce 0%,#171a1660 39%,transparent 65%),linear-gradient(0deg,#171a1655,transparent 24%)}
.single-photo{width:100%;height:auto;object-fit:cover;background:none;aspect-ratio:3/8}
#modal-content .single-photo{width:auto;max-width:100%;height:auto;max-height:calc(96svh - 175px);aspect-ratio:2/3;object-fit:contain}
@media(max-width:760px){
 .hero{width:100%;height:680px;min-height:0}
 .hero>img{width:100%;height:100%;left:0;object-fit:cover;object-position:72% center}
 .hero-copy{top:auto;bottom:85px}
 .shade{background:linear-gradient(0deg,#1c201cf2 0%,#1c201ca8 29%,transparent 65%)}
 .single-photo{object-position:center}
}
.gallery{grid-template-columns:16fr 9fr 9fr 16fr;gap:18px;align-items:start}
.single-photo{aspect-ratio:2/3;object-fit:contain}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr;gap:24px 14px}.photo-button .photo-frame:not(img){width:56.25%;margin-inline:auto}.photo-button{background:transparent}.photo-name{letter-spacing:0}}
#modal-content .single-photo{max-height:calc(96svh - 215px)}
#modal-content .photo-frame:not(img){width:min(100%,calc((96svh - 215px)*.375))}
/* Edición6: controles suaves y selección aprobada */
.button,.photo-controls button{border-radius:999px}
.hero-actions .button{padding:15px 30px;min-width:135px;justify-content:center}
.instagram-link{display:inline-flex;align-items:center;gap:9px}
.gallery{grid-template-columns:16fr 9fr 9fr 9fr}
nav a{min-height:32px}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr}}
/* Galería con fotografías originales: proporciones naturales y encuadres completos. */
.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.photo-button .single-photo{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center;display:block}
.photo-button:last-child .single-photo{object-fit:contain;background:#f1f1ef}
#modal-content .single-photo{width:auto;max-width:100%;height:auto;max-height:calc(96svh - 215px);aspect-ratio:auto;object-fit:contain}
@media(max-width:760px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}}
.showreel-player{position:relative;aspect-ratio:16/9;background:#141713;overflow:hidden;border-radius:4px}.showreel-player iframe{position:absolute;width:100%;height:100%;border:0}.video-note{text-align:right;font-size:13px;margin-top:15px}.video-note a{color:inherit;text-underline-offset:5px}
.reel-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;color:white;background:#141713;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.reel-cover img{position:absolute;width:100%;height:100%;object-fit:cover}.reel-cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.12))}.reel-play-icon{position:relative;width:76px;height:76px;border:1px solid #ffffffb0;border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:25px;background:#0004}.reel-cover-title{position:relative;font-size:14px;letter-spacing:.05em}.reel-cover:hover .reel-play-icon{background:#0009}.reel-cover:focus-visible{outline:3px solid #b7c1a9;outline-offset:-5px}.video-status{font-size:13px;color:#62665e;margin:12px 0 0}.video-status:empty{display:none}
.showreel-player video{display:block;width:100%;height:100%;object-fit:contain;background:#10120f}.showreel-player{aspect-ratio:16/9}
.cv-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:26px}.cv-download{border:1px solid var(--ink);background:transparent;color:var(--ink)}.cv-download:hover{background:#e0e3d6}.contact-section h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-2px}.contact-grid{margin-top:36px}@media(max-width:760px){nav a{min-height:44px;display:flex;align-items:center;padding:0 3px}header{gap:5px;padding-block:8px}.hero{height:570px;min-height:0}.hero-copy{bottom:76px}.section{padding-top:42px;padding-bottom:42px}.section-title{margin-bottom:24px}.contact-section h2{font-size:38px;letter-spacing:-1.5px}.contact-grid{margin-top:25px}.cv-actions{gap:18px}.cv-actions a{min-height:44px;display:inline-flex;align-items:center}}
.showreel-player.poster-visible::after{content:"";position:absolute;top:0;left:0;right:0;height:10.8%;background:#000;pointer-events:none}

/* Revisión de legibilidad: conserva titulares, imágenes y estructura aprobados. */
body{font-size:16px}
nav{font-size:15px}
.brand span{font-size:12px}
.eyebrow{font-size:12px;letter-spacing:2px}
.hero-footer{font-size:13px;letter-spacing:1.3px;align-items:center}
.hero-footer a{display:inline-flex;align-items:center;min-height:44px}
.hero-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.hero-actions .button,.hero-actions .text-link{font-size:14px}
.photo-name{font-size:14px;letter-spacing:.3px}
.caption,.section-title>p,.credit p,.credit>span,.credit .role,.bio,.bio dt,.training p,summary,.contact-grid p:not(.eyebrow),.video-note,.video-status{font-size:14px}
.bio dd,.bio>p,.contact-grid>p{font-size:16px}
.line-button,.photo-controls button,#photo-count{font-size:14px}
footer{font-size:12px}
@media(max-width:760px){
 nav{font-size:14px;gap:5px}
 nav a{padding-inline:2px}
 .hero .eyebrow{font-size:12px;letter-spacing:1.5px}
 .hero-footer{font-size:12px;letter-spacing:1px;bottom:20px}
 .hero-actions{gap:18px}
 .hero-actions .text-link{font-size:14px}
 .hero-actions .button{min-width:120px;padding-inline:22px}
 .photo-name{font-size:14px;letter-spacing:0}
 .section-title>p{font-size:14px}
 footer{font-size:12px}
}
@media(max-width:380px){nav{font-size:14px;gap:2px}.hero-actions{gap:12px}.hero-actions .button{min-width:110px;padding-inline:18px}}