/* El archivo conserva su fotografía: el espectro térmico pertenece a los marcos. */
.photography-page { background:#09090a; }
.ph-header { position:absolute; z-index:40; inset:0 0 auto; height:108px; }
.ph-header .mobile-menu { position:fixed; min-height:100dvh; }
.ph-main { --ph-spectrum:linear-gradient(100deg,var(--blue),var(--violet) 27%,var(--pink) 54%,var(--orange) 77%,var(--amber)); overflow:clip; background:#09090a; }
.ph-main [id] { scroll-margin-top:30px; }
.ph-main h1,.ph-main h2,.ph-main h3 { font-family:var(--font-title); font-weight:900; text-transform:uppercase; line-height:1.23; letter-spacing:-.025em; overflow-wrap:anywhere; }
.ph-main :is(a,button,summary):focus-visible { outline:3px solid var(--amber); outline-offset:5px; }
.ph-main [hidden] { display:none!important; }
.ph-eyebrow { margin:0 0 22px; color:#bfb8c5; font:600 9px/1.7 var(--font-body); letter-spacing:.16em; text-transform:uppercase; }
.ph-body { margin:0; color:#c5c0c8; font:400 clamp(14px,1.05vw,16px)/1.85 var(--font-body); }
.ph-hero { position:relative; display:grid; grid-template-rows:1fr auto; min-height:100svh; padding:130px var(--pad) 23px; isolation:isolate; background:radial-gradient(ellipse at 12% 90%,rgba(106,0,255,.1),transparent 45%),#09090a; }
.ph-hero-grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(36px,5vw,82px); width:min(1560px,100%); margin:auto; }
.ph-hero-copy { min-width:0; padding:13px 0; }
.ph-hero-copy>.ph-eyebrow { margin-bottom:22px; }
.ph-statement { margin:0 0 24px; color:#fff6e0; font:900 clamp(34px,3.55vw,60px)/1.12 var(--font-title); letter-spacing:-.04em; text-transform:uppercase; overflow-wrap:anywhere; }
.ph-statement>span { color:#d6c4f5; }
.ph-hero h1 { max-width:490px; margin:0 0 19px; font-size:clamp(19px,1.48vw,25px); color:#fff6e0; }
.ph-hero .ph-body { max-width:520px; font-size:clamp(13px,.96vw,15px); line-height:1.8; }
.ph-actions { display:flex; align-items:center; flex-wrap:wrap; gap:17px 23px; margin-top:25px; }
.ph-main .contact-cta { justify-content:space-between; gap:20px; min-height:50px; padding:13px 17px; font:600 11px/1.6 var(--font-body); }
.ph-main .contact-cta>span { color:var(--amber); font-size:20px; }
.ph-text-link { display:inline-flex; align-items:center; gap:20px; min-height:44px; padding:8px 0; border-bottom:1px solid rgba(255,246,224,.4); color:#fff6e0; font:500 10px/1.6 var(--font-body); }
.ph-text-link>span { color:var(--amber); font-size:19px; }
.ph-viewfinder { min-width:0; padding:0 0 0 8px; }
.ph-hero-triptych { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr); gap:11px; align-items:center; }
.ph-viewfinder-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 13px; color:#bfb8c5; font:500 8px/1.8 var(--font-body); letter-spacing:.13em; text-transform:uppercase; }
.ph-viewfinder-top>span:last-child { color:#fff6e0; font-variant-numeric:tabular-nums; }
.ph-hero-photo { position:relative; display:block; height:clamp(340px,53svh,650px); min-width:0; margin:0; padding:12px; background:#101013; border:1px solid rgba(255,246,224,.19); }
.ph-hero-photo>img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.ph-hero-photo--side { height:clamp(300px,48svh,595px); padding:6px; border-color:rgba(255,246,224,.13); }
.ph-side-number { display:none; }
.ph-corner { position:absolute; width:25px; height:25px; pointer-events:none; border:solid var(--pink); }
.ph-corner--tl { top:-1px; left:-1px; border-width:2px 0 0 2px; border-color:#6a62ff; }.ph-corner--tr { top:-1px; right:-1px; border-width:2px 2px 0 0; border-color:var(--violet); }.ph-corner--bl { bottom:-1px; left:-1px; border-width:0 0 2px 2px; border-color:var(--pink); }.ph-corner--br { bottom:-1px; right:-1px; border-width:0 2px 2px 0; border-color:var(--amber); }
.ph-enlarge { position:absolute; display:flex; align-items:center; justify-content:space-between; gap:15px; right:20px; bottom:20px; left:20px; min-height:33px; padding:8px 9px; border:1px solid rgba(255,246,224,.5); color:#fff6e0; background:#101013; font:500 8px/1.5 var(--font-body); }
.ph-enlarge>b { color:var(--amber); font-weight:400; font-size:18px; }
.ph-hero-caption { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:42px; padding:9px 0; color:#bfb8c5; font:500 9px/1.7 var(--font-body); }
.ph-hero-caption>span { min-width:0; }
.ph-hero-caption>button { flex:none; display:flex; align-items:center; gap:10px; min-height:32px; padding:6px 0 6px 10px; color:#c5c0c8; border:0; background:none; font:500 8px/1.7 var(--font-body); cursor:pointer; }
.ph-hero-caption>button>span { color:var(--amber); font-size:11px; }
.ph-hero-selections { display:flex; align-items:center; gap:12px; padding:2px 0 0; }
.ph-hero-selections>button { display:flex; align-items:center; gap:10px; position:relative; width:calc(25% - 9px); max-width:150px; min-height:45px; padding:0 0 9px; border:0; border-bottom:1px solid #49434e; color:#a49bab; background:none; cursor:pointer; }
.ph-hero-selections>button>img { width:54px; height:38px; object-fit:cover; opacity:.55; }
.ph-hero-selections>button>span { font:500 9px/1.5 var(--font-body); font-variant-numeric:tabular-nums; }
.ph-hero-selections>button[aria-pressed="true"] { color:#fff6e0; border-bottom-color:transparent; }
.ph-hero-selections>button[aria-pressed="true"]::after { position:absolute; content:""; left:0; right:0; bottom:-1px; height:2px; background:var(--ph-spectrum); }
.ph-hero-selections>button[aria-pressed="true"]>img { opacity:1; }
.ph-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; width:min(1560px,100%); margin:32px auto 0; padding-top:17px; border-top:1px solid rgba(255,246,224,.17); color:#bfb8c5; font:500 8px/1.7 var(--font-body); letter-spacing:.14em; text-transform:uppercase; }
.ph-spectrum { display:block; width:clamp(100px,20vw,300px); height:3px; background:var(--ph-spectrum); }
.ph-hero-bottom>a { display:flex; align-items:center; gap:26px; min-height:30px; padding-right:75px; color:#fff6e0; }
.ph-hero-bottom>a>span { font-size:21px; color:var(--amber); }
.ph-section { width:min(1600px,100%); margin:auto; padding:96px var(--pad); border-bottom:1px solid rgba(255,246,224,.16); }
.ph-section h2 { margin:0; font-size:clamp(24px,2.3vw,38px); }
.ph-section-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); align-items:end; gap:60px; margin-bottom:44px; }
.ph-section-heading h2 { max-width:620px; }
.ph-section-heading>.ph-body { max-width:450px; justify-self:end; }
.ph-archive-line { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:27px; padding-bottom:17px; border-bottom:1px solid rgba(255,246,224,.23); color:#bfb8c5; font:500 9px/1.7 var(--font-body); }
.ph-archive-line>span:last-child { color:#fff6e0; font-variant-numeric:tabular-nums; }
.ph-gallery { columns:3; column-gap:25px; }
.ph-photo { break-inside:avoid; margin:0 0 33px; }
.ph-photo>a { position:relative; display:block; overflow:hidden; background:#151316; }
.ph-photo>a>img { display:block; width:100%; height:auto; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.ph-photo-expand { position:absolute; display:grid; place-items:center; width:37px; height:37px; right:13px; bottom:13px; background:#101013; border:1px solid rgba(255,246,224,.65); color:#fff6e0; font:400 20px/1 var(--font-body); transition:color .2s; }
.ph-photo>a:hover>img { transform:scale(1.025); }.ph-photo>a:hover>.ph-photo-expand { color:var(--amber); }
.ph-photo>figcaption { display:flex; align-items:start; gap:15px; padding:12px 0 0; color:#bfb8c5; font:500 8px/1.8 var(--font-body); letter-spacing:.03em; }
.ph-photo>figcaption>span:first-child { flex:none; color:#82758f; font-variant-numeric:tabular-nums; }
.ph-intention { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(40px,8vw,130px); align-items:start; background:radial-gradient(ellipse at 6% 40%,rgba(106,0,255,.1),transparent 50%); }
.ph-intention-heading { position:sticky; top:40px; }
.ph-intention-heading>h2 { font-size:clamp(26px,2.5vw,41px); }
.ph-intention-heading>.ph-body { margin-top:25px; max-width:430px; }
.ph-intention-heading>.ph-text-link { margin-top:23px; }
.ph-service-list>article { display:grid; grid-template-columns:24px minmax(0,1fr); gap:25px; padding:32px 0 34px; border-top:1px solid rgba(255,246,224,.27); }
.ph-service-list>article:last-child { padding-bottom:0; }
.ph-service-number { color:#bd9fef; font:500 10px/1.7 var(--font-body); }
.ph-service-list h2 { font-size:clamp(20px,1.7vw,28px); }.ph-service-list .ph-body { margin-top:23px; }
.ph-session { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(40px,7vw,112px); }
.ph-session-image { position:relative; min-width:0; margin:0; padding:12px; border:1px solid rgba(255,246,224,.23); }
.ph-session-image>img { display:block; width:100%; height:clamp(380px,40vw,620px); object-fit:cover; object-position:center 35%; }
.ph-session-image>figcaption { position:absolute; left:24px; right:24px; bottom:24px; width:fit-content; padding:10px 13px; color:#fff6e0; background:#101013; font:500 8px/1.7 var(--font-body); letter-spacing:.06em; }
.ph-session-marks { position:absolute; inset:28px 26px 68px; pointer-events:none; }.ph-session-marks>i { position:absolute; width:20px; height:20px; border:solid rgba(255,246,224,.8); }.ph-session-marks>i:nth-child(1) { top:0; left:0; border-width:1px 0 0 1px; }.ph-session-marks>i:nth-child(2) { top:0; right:0; border-width:1px 1px 0 0; }.ph-session-marks>i:nth-child(3) { bottom:0; left:0; border-width:0 0 1px 1px; }.ph-session-marks>i:nth-child(4) { bottom:0; right:0; border-width:0 1px 1px 0; }
.ph-session-copy>h2 { max-width:690px; font-size:clamp(23px,2.1vw,35px); }
.ph-session-copy>.ph-body { margin-top:25px; }
.ph-session-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:30px 0 0; padding:0; list-style:none; }
.ph-session-steps>li { display:flex; align-items:start; gap:13px; min-height:53px; padding:16px 0; color:#d8d1db; border-top:1px solid rgba(255,246,224,.2); font:500 10px/1.7 var(--font-body); }
.ph-session-steps>li>span { color:#bca2e7; font-size:8px; }
.ph-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(40px,8vw,130px); align-items:start; }
.ph-faq>div>.ph-body { margin-top:25px; max-width:350px; }
.ph-faq-list>details { border-top:1px solid rgba(255,246,224,.26); }.ph-faq-list>details:last-child { border-bottom:1px solid rgba(255,246,224,.26); }
.ph-faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:26px; min-height:72px; padding:19px 0; list-style:none; color:#fff6e0; font:500 14px/1.7 var(--font-body); cursor:pointer; }.ph-faq-list summary::-webkit-details-marker { display:none; }.ph-faq-list summary>span { flex:none; color:var(--amber); font-size:24px; font-weight:300; }.ph-faq-list details[open] summary>span { transform:rotate(45deg); }
.ph-faq-list details>p { margin:0; padding:0 30px 25px 0; color:#c5c0c8; font:400 13px/1.85 var(--font-body); }
.ph-related { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:22px 40px; width:min(1600px,100%); margin:auto; padding:29px var(--pad); font:500 10px/1.8 var(--font-body); border-bottom:1px solid rgba(255,246,224,.18); }.ph-related>span { color:#a99eaf; }.ph-related>a { display:flex; align-items:center; gap:30px; min-height:44px; color:#fff6e0; }.ph-related>a>span { color:var(--amber); font-size:18px; }
.ph-dialog { width:min(92vw,1380px); max-width:calc(100vw - 26px); max-height:91dvh; margin:auto; padding:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; color:#fff6e0; border:1px solid rgba(255,246,224,.3); border-radius:4px; background:#101013; box-shadow:0 35px 110px rgba(0,0,0,.7); scrollbar-width:thin; scrollbar-color:#9881ae #101013; }
.ph-dialog:not([open]) { display:none; }.ph-dialog::backdrop { background:rgba(5,4,8,.88); backdrop-filter:blur(9px); }
.ph-dialog :is(button,a):focus-visible { outline:3px solid var(--amber); outline-offset:4px; }
.ph-dialog-toolbar { position:sticky; z-index:4; top:0; display:flex; align-items:center; gap:22px; min-height:58px; padding:8px 20px; color:#c9bfce; background:#101013; border-bottom:1px solid rgba(255,246,224,.18); font:500 8px/1.7 var(--font-body); letter-spacing:.13em; text-transform:uppercase; }
.ph-dialog-toolbar>[data-ph-dialog-count] { margin-left:auto; color:#fff6e0; font-variant-numeric:tabular-nums; }
.ph-dialog-toolbar>button { display:grid; place-items:center; flex:none; width:40px; height:40px; padding:0; border:1px solid rgba(255,246,224,.6); border-radius:50%; color:#fff6e0; background:none; cursor:pointer; font:300 27px/1 var(--font-body); }
.ph-dialog-stage { position:relative; display:grid; place-items:center; height:clamp(250px,calc(91dvh - 220px),780px); min-height:0; margin:0 20px; background:#080809; }
.ph-dialog-stage>img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.ph-dialog-stage>p { padding:25px; color:#c5c0c8; font:400 14px/1.8 var(--font-body); }
.ph-dialog-stage>button { position:absolute; z-index:2; top:50%; display:grid; place-items:center; width:42px; height:42px; margin-top:-21px; padding:0; border:1px solid rgba(255,246,224,.7); color:#fff6e0; background:#101013; font:400 22px/1 var(--font-body); cursor:pointer; }.ph-dialog-prev { left:12px; }.ph-dialog-next { right:12px; }
.ph-dialog-stage>button:hover { color:var(--amber); }
.ph-dialog-caption { display:flex; justify-content:space-between; align-items:baseline; gap:25px; padding:17px 25px 10px; }
.ph-dialog-caption>h2 { flex:none; max-width:40%; margin:0; font:900 clamp(11px,1vw,16px)/1.4 var(--font-title); text-transform:uppercase; letter-spacing:-.02em; }.ph-dialog-caption>p { margin:0; color:#c5c0c8; font:400 11px/1.75 var(--font-body); }
.ph-dialog-thumbs { position:relative; display:flex; gap:9px; overflow-x:auto; overscroll-behavior-x:contain; margin:0 20px 15px; padding:8px 3px 10px; scrollbar-width:thin; scrollbar-color:#9881ae #101013; }
.ph-dialog-thumbs>button { position:relative; flex:none; width:65px; height:48px; padding:2px; border:1px solid rgba(255,246,224,.2); color:#fff6e0; background:#151319; cursor:pointer; }
.ph-dialog-thumbs>button>img { display:block; width:100%; height:100%; object-fit:cover; opacity:.55; }.ph-dialog-thumbs>button[aria-pressed="true"] { border-color:var(--amber); }.ph-dialog-thumbs>button[aria-pressed="true"]>img { opacity:1; }
@media (min-width:1600px) { .ph-hero-copy { padding-right:25px; }.ph-hero-photo { height:clamp(450px,57svh,700px); } }
@media (max-width:1100px) { .ph-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:32px; }.ph-statement { font-size:35px; }.ph-hero-photo { height:390px; }.ph-hero .ph-body { font-size:13px; }.ph-hero-selections>button>img { width:42px; height:32px; }.ph-hero-selections { gap:8px; }.ph-gallery { column-gap:20px; }.ph-intention,.ph-session,.ph-faq { gap:40px; }.ph-section { padding-top:78px; padding-bottom:78px; } }
@media (max-width:820px) { .ph-header { height:85px; }.ph-hero { padding-top:114px; }.ph-hero-grid { grid-template-columns:minmax(0,1fr); gap:34px; }.ph-hero-copy { padding:0; }.ph-statement { margin-bottom:20px; font-size:clamp(36px,6.5vw,54px); }.ph-statement>br { display:none; }.ph-statement>span { display:block; }.ph-hero h1 { max-width:560px; font-size:clamp(19px,3.1vw,25px); }.ph-hero .ph-body { max-width:610px; font-size:14px; }.ph-viewfinder { padding:0; }.ph-hero-photo { height:clamp(330px,58vw,490px); }.ph-hero-selections>button { max-width:170px; }.ph-hero-selections>button>img { width:63px; height:43px; }.ph-hero-caption { min-height:44px; }.ph-hero-bottom { margin-top:27px; gap:20px; }.ph-hero-bottom>a { padding-right:65px; }.ph-hero-bottom>.ph-spectrum { display:none; }.ph-section-heading { grid-template-columns:1fr; gap:25px; }.ph-section-heading>.ph-body { justify-self:start; max-width:600px; }.ph-gallery { columns:2; }.ph-intention,.ph-faq { grid-template-columns:1fr; gap:35px; }.ph-intention-heading { position:static; }.ph-intention-heading>.ph-body { max-width:600px; }.ph-intention-heading>h2 { font-size:30px; }.ph-intention-heading>h2>br { display:none; }.ph-service-list h2 { font-size:23px; }.ph-session { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:30px; align-items:start; }.ph-session-image>img { height:480px; }.ph-session-copy>h2 { font-size:23px; }.ph-session-steps { grid-template-columns:1fr; }.ph-session-copy>.ph-actions { gap:12px; }.ph-session-copy>.ph-actions>.contact-cta { width:100%; }.ph-dialog { width:94vw; }.ph-dialog-caption { flex-direction:column; gap:8px; }.ph-dialog-caption>h2 { max-width:100%; }.ph-dialog-stage { height:clamp(260px,calc(91dvh - 245px),650px); } }
@media (max-width:560px) { .ph-hero { padding-top:105px; padding-bottom:22px; }.ph-hero-grid { gap:28px; }.ph-hero-copy>.ph-eyebrow { margin-bottom:17px; }.ph-statement { font-size:clamp(30px,8.1vw,44px); line-height:1.17; }.ph-hero h1 { font-size:20px; line-height:1.35; }.ph-hero .ph-body { font-size:13px; line-height:1.8; }.ph-actions { gap:12px 20px; margin-top:22px; }.ph-main .contact-cta { font-size:10px; }.ph-hero-photo { height:clamp(300px,91vw,430px); padding:8px; }.ph-enlarge { right:18px; bottom:18px; }.ph-viewfinder-top { font-size:7px; letter-spacing:.1em; }.ph-hero-caption { font-size:8px; }.ph-hero-caption>button { font-size:7px; }.ph-hero-selections>button { width:calc(25% - 6px); gap:7px; min-width:0; }.ph-hero-selections>button>img { width:41px; height:33px; }.ph-hero-selections>button>span { font-size:8px; }.ph-hero-bottom { align-items:start; gap:12px; font-size:7px; letter-spacing:.08em; }.ph-hero-bottom>span { max-width:180px; padding-top:4px; line-height:1.9; }.ph-hero-bottom>a { gap:15px; padding-right:0; flex:none; }.ph-section { padding-top:63px; padding-bottom:63px; }.ph-section h2 { font-size:clamp(21px,5.7vw,29px); }.ph-section-heading { gap:22px; margin-bottom:30px; }.ph-eyebrow { margin-bottom:17px; font-size:8px; }.ph-body { font-size:13px; line-height:1.9; }.ph-archive-line { font-size:8px; gap:15px; align-items:start; }.ph-archive-line>span:first-child { max-width:160px; }.ph-archive-line>span:last-child { flex:none; }.ph-gallery { column-gap:13px; }.ph-photo { margin-bottom:23px; }.ph-photo-expand { right:8px; bottom:8px; width:30px; height:30px; font-size:17px; }.ph-photo>figcaption { gap:7px; font-size:7px; padding-top:9px; }.ph-intention { gap:31px; }.ph-service-list>article { gap:13px; grid-template-columns:20px minmax(0,1fr); padding:26px 0; }.ph-service-list h2 { font-size:20px; }.ph-service-list .ph-body { margin-top:18px; }.ph-service-number { font-size:8px; }.ph-session { grid-template-columns:1fr; gap:32px; }.ph-session-image { width:100%; padding:8px; }.ph-session-image>img { height:390px; }.ph-session-image>figcaption { left:18px; bottom:18px; right:18px; font-size:7px; }.ph-session-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 15px; margin-top:24px; }.ph-session-steps>li { font-size:9px; gap:9px; }.ph-session-copy>.ph-actions>.contact-cta { width:auto; }.ph-faq { gap:30px; }.ph-faq-list summary { font-size:13px; min-height:65px; }.ph-faq-list details>p { font-size:12px; }.ph-related { display:grid; grid-template-columns:1fr; gap:12px; padding-top:25px; padding-bottom:25px; }.ph-related>a { justify-content:space-between; border-bottom:1px solid rgba(255,246,224,.16); }.ph-dialog { width:calc(100vw - 24px); max-width:calc(100vw - 24px); max-height:92dvh; }.ph-dialog-toolbar { padding:8px 12px; gap:14px; font-size:7px; min-height:55px; }.ph-dialog-toolbar>button { width:36px; height:36px; font-size:25px; }.ph-dialog-stage { height:calc(92dvh - 250px); min-height:220px; margin:0 8px; }.ph-dialog-stage>button { width:34px; height:34px; margin-top:-17px; font-size:19px; }.ph-dialog-prev { left:7px; }.ph-dialog-next { right:7px; }.ph-dialog-caption { padding:16px 15px 8px; }.ph-dialog-caption>p { font-size:10px; }.ph-dialog-caption>h2 { font-size:12px; }.ph-dialog-thumbs { margin:0 12px 10px; gap:7px; }.ph-dialog-thumbs>button { width:58px; height:44px; } }
@media (prefers-reduced-motion:reduce) { .ph-photo>a>img,.ph-photo-expand { transition:none; }.ph-photo>a:hover>img { transform:none; } }
/* Las fotografías verticales del archivo se presentan completas, como una tira de selección. */
@media (min-width:1600px) { .ph-hero-photo--side { height:clamp(400px,52svh,640px); } }
@media (min-width:821px) and (max-width:1100px) { .ph-hero-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }.ph-hero-triptych { gap:7px; }.ph-hero-photo { height:350px; padding:6px; }.ph-hero-photo--side { height:310px; padding:4px; }.ph-enlarge { left:10px; right:10px; bottom:13px; gap:8px; font-size:7px; padding:7px; }.ph-enlarge>b { font-size:15px; } }
@media (min-width:561px) and (max-width:820px) { .ph-hero-photo { height:410px; }.ph-hero-photo--side { height:370px; }.ph-enlarge { left:16px; right:16px; bottom:20px; } }
@media (max-width:560px) { .ph-hero-triptych { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:10px; }.ph-hero-photo { height:285px; padding:5px; }.ph-hero-photo--side { height:250px; padding:4px; }.ph-hero-photo--side:first-child { display:none; }.ph-hero-photo--main { order:0; }.ph-hero-photo--side:last-child { order:1; }.ph-enlarge { left:11px; right:11px; bottom:13px; padding:7px; min-height:30px; font-size:7px; }.ph-enlarge>b { font-size:15px; }.ph-corner { width:18px; height:18px; } }

/* El banner presenta las fotografías horizontales completas. */
.ph-hero-frame { display:block; min-width:0; }
.ph-hero-frame .ph-hero-photo { width:100%; height:auto; aspect-ratio:16/9; padding:9px; }
.ph-hero-frame .ph-hero-photo>img { width:100%; height:100%; object-fit:contain; }
.ph-hero-frame .ph-enlarge { left:auto; right:22px; bottom:22px; width:auto; }