/*
Theme Name: The Squab Coworking
Version: 1.1
Description: Portada de The Squab Coworking.
*/
:root{--ink:#233b33;--cream:#f7f5ef;--gold:#a18552;--line:#deded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}img{display:block;width:100%;object-fit:cover}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;background:var(--cream);border-bottom:1px solid var(--line);gap:25px}.brand{text-decoration:none;font:24px/1.1 Georgia,serif;letter-spacing:2px}.brand small{font:10px Arial;letter-spacing:4px;display:block;margin-top:6px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:13px}.button{display:inline-block;background:var(--ink);color:white;padding:14px 25px;text-decoration:none;border:1px solid var(--ink);font-size:13px;cursor:pointer}.light{background:var(--cream);color:var(--ink)}.hero{display:grid;grid-template-columns:1.65fr 1fr;min-height:610px}.hero-photo{position:relative}.hero-photo img{height:100%;min-height:610px}.photo-caption{position:absolute;bottom:20px;left:30px;background:#f7f5efe6;padding:8px 15px;font-size:11px;letter-spacing:2px}.hero-copy{background:var(--ink);color:var(--cream);padding:70px 11%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 20px}h1{font:clamp(38px,4vw,64px)/1.08 Georgia,serif;letter-spacing:-1px;margin:0 0 25px}h2{font:clamp(32px,3vw,46px)/1.15 Georgia,serif;margin:0 0 22px}h3{font:25px/1.2 Georgia,serif;margin:0 0 15px}.hero-copy p:not(.eyebrow){font-size:15px;color:#d9dfd9;margin:0 0 30px}.strip{display:flex;justify-content:space-around;gap:20px;padding:23px 5%;border-bottom:1px solid var(--line);font-size:12px}.section{padding:85px 6%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.intro p{margin-top:0;color:#647069}.intro a{font-size:13px;text-underline-offset:6px}.gallery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin-top:45px}.gallery img{height:280px}.gallery figure{margin:0}.gallery figcaption{font-size:12px;padding-top:12px}.video-section{background:#eaece4;display:grid;grid-template-columns:1fr 1.7fr;gap:7%;align-items:center}.video-section p{color:#647069}video{width:100%;display:block;border-radius:2px}.pricing-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.pricing-head p{color:#647069;font-size:14px;max-width:320px}.rates{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.rate{padding:30px 24px;border-right:1px solid var(--line)}.rate:last-child{border:0}.rate h3{font:12px Arial;letter-spacing:2px;text-transform:uppercase}.price{font:40px Georgia,serif;margin:25px 0 8px}.price small{font:13px Arial}.rate p{font-size:13px;color:#647069;min-height:45px}.rate a{font-size:12px;text-underline-offset:5px}.mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:0 6% 85px}.mosaic img{height:230px}.contact{background:var(--ink);color:var(--cream);padding:70px 6%;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact p{color:#d9dfd9}.contact a.email{display:block;font:clamp(16px,2vw,25px) Georgia;margin-bottom:20px;text-underline-offset:8px}.contact small{font-size:12px}footer{padding:25px 6%;display:flex;justify-content:space-between;font-size:11px;color:#647069}.dialog{border:0;padding:0;max-width:95vw;background:transparent}.dialog::backdrop{background:#000c}.dialog img{max-height:85vh;width:auto;max-width:94vw}.dialog button{position:absolute;right:10px;top:10px;padding:10px;border:0;cursor:pointer}.zoom{cursor:zoom-in}@media(max-width:850px){header{flex-wrap:wrap}nav{gap:17px;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-photo img{min-height:0;height:390px}.hero-copy{padding:45px 8%}.strip{flex-wrap:wrap}.intro,.video-section{grid-template-columns:1fr;gap:25px}.section{padding:55px 6%}.gallery{grid-template-columns:1fr}.gallery img{height:auto}.rates{grid-template-columns:1fr 1fr}.rate{border-bottom:1px solid var(--line)}.mosaic{grid-template-columns:1fr;padding-bottom:55px}.mosaic img{height:auto}.pricing-head,.contact{display:block}.pricing-head p{max-width:none}.contact a.email{margin-top:30px}footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
