/* El Árbol Hueco · Estudio, visita fotográfica. Exclusivo de #view-estudio. */
#view-estudio{background:#eee9dc;color:#202b22;overflow-x:clip}
#view-estudio .sv-page *{box-sizing:border-box}
#view-estudio .sv-page .sv-container{width:min(1180px,calc(100% - 64px));margin:0 auto}
#view-estudio .sv-intro{background:linear-gradient(125deg,#0c1912 0%,#182c1f 100%);color:#f4efdf;padding:clamp(80px,9vw,140px) 0 clamp(75px,8vw,115px)}
#view-estudio .sv-locale{font:500 17px/1.5 Arial,sans-serif;color:#c6cebb;margin:0 0 30px}
#view-estudio .sv-intro h1{font-family:"Noto Serif",Georgia,serif!important;font-size:clamp(47px,6vw,87px)!important;font-weight:400!important;line-height:1.09!important;letter-spacing:-.035em!important;color:#f4efdf!important;margin:0 0 32px!important;text-transform:none!important;text-wrap:balance}
#view-estudio .sv-intro .sv-container>p:last-child{max-width:690px;font:400 clamp(18px,1.55vw,22px)/1.67 Arial,sans-serif!important;color:#dbe0d6;margin:0}
#view-estudio .sv-interior{padding:clamp(70px,7vw,104px) 0 clamp(85px,8vw,118px);background:#eee9dc}
#view-estudio .sv-outside{padding:clamp(72px,7vw,105px) 0 clamp(85px,9vw,130px);background:#13251a;color:#f3efdd}
#view-estudio .sv-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:0 0 37px}
#view-estudio .sv-heading h2{font-family:"Noto Serif",Georgia,serif!important;font-size:clamp(38px,4vw,61px)!important;line-height:1.2!important;font-weight:400!important;letter-spacing:-.025em!important;margin:0!important;color:inherit!important;text-transform:none!important}
#view-estudio .sv-heading p{font:400 18px/1.55 Arial,sans-serif!important;max-width:375px;margin:0;color:#516053}
#view-estudio .sv-outside .sv-heading p{color:#c9d5c8}
#view-estudio .sv-pictures{display:grid;gap:24px}
#view-estudio .sv-pictures--studio{grid-template-columns:minmax(0,1fr);align-items:start;max-width:980px}
#view-estudio .sv-photo{margin:0;min-width:0}
#view-estudio .sv-photo__button{display:block;width:100%;border:0;background:#293a2b;cursor:zoom-in;overflow:hidden;padding:0;appearance:none}
#view-estudio .sv-photo__button:focus-visible{outline:3px solid #c69b63;outline-offset:4px}
#view-estudio .sv-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .35s ease}
#view-estudio .sv-photo__button:hover img{transform:scale(1.018);opacity:.94}
#view-estudio .sv-pictures--studio .sv-photo:first-child .sv-photo__button{height:clamp(310px,38vw,540px)}
#view-estudio .sv-pictures--studio .sv-photo:nth-child(2) .sv-photo__button{height:clamp(340px,46vw,645px)}
#view-estudio .sv-photo figcaption{font:400 17px/1.55 Arial,sans-serif;color:#596459;margin:12px 0 0}
#view-estudio .sv-outside .sv-photo figcaption{color:#cdd6cb}
#view-estudio .sv-pictures--land{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
#view-estudio .sv-pictures--land .sv-photo:first-child{grid-column:1/-1}
#view-estudio .sv-pictures--land .sv-photo:first-child .sv-photo__button{height:clamp(340px,42vw,590px)}
#view-estudio .sv-pictures--land .sv-photo:not(:first-child) .sv-photo__button{height:clamp(245px,28vw,365px)}
#view-estudio .sv-contact{padding:clamp(65px,6vw,95px) 0;background:#eee9dc}
#view-estudio .sv-contact__inner{display:flex;gap:30px;align-items:center;justify-content:space-between}
#view-estudio .sv-contact h2{font:400 clamp(32px,3.25vw,48px)/1.15 "Noto Serif",Georgia,serif!important;color:#24352a!important;letter-spacing:-.022em!important;text-transform:none!important;margin:0 0 15px!important}
#view-estudio .sv-contact p{font:400 19px/1.5 Arial,sans-serif!important;color:#536052;margin:0}
#view-estudio .sv-contact a{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;text-decoration:none;background:#28432f;color:#f8f4e8;padding:20px 27px;font:600 17px/1.3 Arial,sans-serif;transition:background .2s ease}
#view-estudio .sv-contact a:hover{background:#40664c}
#view-estudio .sv-contact a:focus-visible{outline:3px solid #28432f;outline-offset:4px}
#view-estudio .sv-lightbox{position:fixed;inset:0;margin:auto;background:#08100c;border:1px solid #60725f;padding:0;color:#f5f1e8;max-width:min(95vw,1150px);max-height:94vh;width:max-content}
#view-estudio .sv-lightbox::backdrop{background:rgba(3,8,5,.91)}
#view-estudio .sv-lightbox__body{display:flex;align-items:center;justify-content:center;position:relative;gap:8px;padding:55px 15px 18px;max-width:95vw}
#view-estudio .sv-lightbox figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}
#view-estudio .sv-lightbox img{max-width:min(80vw,1000px);max-height:72vh;width:auto;height:auto;object-fit:contain}
#view-estudio .sv-lightbox figcaption{font:400 18px/1.5 Arial,sans-serif;color:#e5e6d9;margin:12px 0 0}
#view-estudio .sv-lightbox button{border:0;background:#25402d;color:#fff;padding:10px 15px;font:500 18px/1.4 Arial,sans-serif;cursor:pointer}
#view-estudio .sv-lightbox button:hover{background:#436348}
#view-estudio .sv-lightbox__close{position:absolute;top:8px;right:10px}
#view-estudio .sv-lightbox__prev,#view-estudio .sv-lightbox__next{flex:0 0 auto}
@media(max-width:760px){
#view-estudio .sv-page .sv-container{width:calc(100% - 40px)}
#view-estudio .sv-intro{padding:70px 0 76px}
#view-estudio .sv-intro h1{font-size:clamp(40px,10.8vw,61px)!important}
#view-estudio .sv-intro .sv-container>p:last-child{font-size:18px!important}
#view-estudio .sv-locale{font-size:16px!important}
#view-estudio .sv-heading{display:block;margin-bottom:28px}
#view-estudio .sv-heading p{margin-top:16px;font-size:18px!important}
#view-estudio .sv-pictures--studio,#view-estudio .sv-pictures--land{grid-template-columns:1fr;gap:34px}
#view-estudio .sv-pictures--studio .sv-photo:first-child .sv-photo__button{height:280px}
#view-estudio .sv-pictures--studio .sv-photo:nth-child(2) .sv-photo__button{height:430px}
#view-estudio .sv-pictures--land .sv-photo:first-child{grid-column:auto}
#view-estudio .sv-pictures--land .sv-photo:first-child .sv-photo__button{height:270px}
#view-estudio .sv-pictures--land .sv-photo:not(:first-child) .sv-photo__button{height:240px}
#view-estudio .sv-contact__inner{display:block}
#view-estudio .sv-contact a{margin-top:29px}
#view-estudio .sv-lightbox__body{padding:64px 6px 18px;gap:4px}
#view-estudio .sv-lightbox__prev,#view-estudio .sv-lightbox__next{padding:9px 10px}
#view-estudio .sv-lightbox img{max-width:68vw;max-height:67vh}
}
@media(prefers-reduced-motion:reduce){#view-estudio .sv-photo img,#view-estudio .sv-contact a{transition:none}#view-estudio .sv-photo__button:hover img{transform:none}}