:root{--paper:#f6f2e9;--ink:#174b78;--rust:#bd4e2b;--line:#d7d0c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rust)}.preview{text-align:center;background:var(--ink);color:var(--paper);padding:9px 18px;font-size:12px;letter-spacing:.03em}header{max-width:1440px;padding:30px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:26px;line-height:.86;font-weight:800;letter-spacing:-1.5px}.symbol{font-size:64px;line-height:1;color:var(--rust)}.dot{color:var(--rust)}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{text-decoration:none}.nav-contact{border:1px solid var(--line);padding:13px 21px;border-radius:30px}.nav-contact span{margin-left:20px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:35px 6% 75px;gap:45px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{height:7px;width:7px;background:var(--rust);border-radius:100%}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-3.7px;line-height:1.07}h1{font-size:clamp(48px,5.4vw,80px);margin:29px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--rust)}.intro{font-size:18px;line-height:1.7;color:#454545}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border:0;background:var(--ink);border-radius:40px;padding:19px 26px;color:white;text-decoration:none;font-size:14px;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--rust);transform:translateY(-2px)}.hero .button{margin-top:20px}.hero-caption{font-size:11px;margin-top:29px;color:#454545}.art{border-radius:140px 140px 8px 8px;background:#e7d9c6;position:relative;overflow:hidden;aspect-ratio:.86;display:flex;align-items:center;justify-content:center}.art svg{width:100%}.art-label{position:absolute;top:65px;font-size:8px;letter-spacing:1.5px}.art-bottom{position:absolute;bottom:35px;font-size:9px;letter-spacing:2px}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:65px 6%;max-width:1440px;margin:auto}.statement .eyebrow{align-self:start}.statement h2{font-size:44px;letter-spacing:-2px;margin:0 0 25px}.statement p:not(.eyebrow){max-width:540px;line-height:1.8;color:#454545;font-size:17px}.text-link{display:inline-block;text-underline-offset:6px;font-size:14px;margin-top:12px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;max-width:1440px;margin:auto;padding:90px 6% 60px}.contact h2{font-size:70px;margin:20px 0 25px}.contact h2 span{color:var(--rust)}.contact-copy>p:not(.eyebrow){line-height:1.8;color:#454545}.email-block{margin-top:65px}.email-block>span{font-size:9px;letter-spacing:1.5px;display:block;margin-bottom:12px}.email-block a{font-size:14px;text-underline-offset:6px}form label{display:block;font-size:12px;margin-bottom:9px}label>span:not(:only-child){color:var(--rust)}input,select,textarea{display:block;width:100%;padding:14px 13px;background:transparent;border:1px solid #cfc6c2;border-radius:7px;font-family:inherit;font-size:14px;color:var(--ink);margin-bottom:23px}input:focus,select:focus,textarea:focus{outline:2px solid var(--rust);border-color:transparent}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.consent{display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.7;margin-bottom:22px}.consent input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ink);flex-shrink:0}.consent span{color:#454545!important}.form-note{font-size:11px;line-height:1.6;color:#454545;max-width:430px}.honeypot{display:none}.privacy{padding:0 6% 55px;max-width:1440px;margin:auto;font-size:12px;color:#454545}.privacy summary{cursor:pointer}.privacy p{max-width:780px;line-height:1.8}footer{background:var(--ink);color:var(--paper);padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{font-weight:700;font-size:25px;letter-spacing:-1px;text-decoration:none}.footer-brand span{color:#f0a47a}footer>a:last-child{text-decoration:none}::selection{background:#c5dcea}@media(min-width:1600px){.hero{padding-top:65px}.art{max-height:600px}}@media(max-width:760px){header{padding:23px 6%}.brand{font-size:23px}.symbol{font-size:50px}nav{gap:15px;font-size:12px}.nav-contact{padding:11px 16px}.hero{grid-template-columns:1fr;padding-top:24px;gap:35px}.hero h1{font-size:clamp(43px,8.8vw,66px);letter-spacing:-2.5px}.hero-copy{padding:0 0 5px}.art{aspect-ratio:1.1;border-radius:100px 100px 8px 8px;max-height:400px}.art svg{max-width:410px}.art-label{top:25px}.art-bottom{bottom:22px}.statement{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:45px}.statement h2{font-size:36px}.contact{grid-template-columns:1fr;gap:40px;padding-top:50px}.contact h2{font-size:58px;letter-spacing:-3px}.email-block{margin-top:30px}.fields{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap}footer>span{display:none}.preview{font-size:10px}.intro{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.projects{max-width:1440px;margin:auto;padding:75px 6%;background:#efe8dd}.projects-heading h2{font-size:54px;letter-spacing:-2.7px;margin:18px 0}.projects-heading h2 span{color:var(--rust)}.projects-heading>p:last-child{color:#454545}.project-group{margin-top:48px}.group-heading{display:flex;gap:18px;align-items:center;margin-bottom:22px}.group-number{font-size:13px;color:var(--rust);border:1px solid #c5b9ae;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.group-heading h3{font-size:24px;font-weight:500;margin:0;letter-spacing:-.6px}.group-heading p{font-size:12px;color:#454545;margin:5px 0 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:var(--paper);padding:28px;border-radius:9px;display:flex;flex-direction:column;align-items:start}.project-card h4{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0 0 15px}.project-address{font-size:13px;line-height:1.7;color:#454545;margin:0 0 20px;flex:1}.project-phone{font-size:16px;text-decoration:none;margin-bottom:10px}.project-email{font-size:12px;overflow-wrap:anywhere;max-width:100%;text-underline-offset:4px}.map-link{display:inline-block;font-size:11px;color:var(--rust);text-decoration:none;margin-top:22px}.map-link:hover{text-decoration:underline}.source-note{font-size:11px;color:#454545;line-height:1.7;margin-top:35px}.office{margin-top:28px}.office h3{font-size:15px;font-weight:600;margin-bottom:8px}.office p{font-size:14px;color:#454545;line-height:1.8}.office>a:not(.map-link){text-decoration:none;font-size:16px}.office+.email-block{margin-top:28px}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.projects{padding-top:45px;padding-bottom:45px}.projects-heading h2{font-size:40px;letter-spacing:-2px}.project-grid{grid-template-columns:1fr}.project-card{padding:24px}nav{gap:12px}.nav-contact span{margin-left:8px}}@media(max-width:380px){nav>a:first-child{display:none}}

/* Identidad visual de Otras Manos */
header{background:var(--ink);color:var(--paper);max-width:none;padding-top:20px;padding-bottom:20px}.brand{display:block;line-height:0}.brand img{display:block;width:225px;height:auto}.nav-contact{border-color:#6385a1}.footer-brand{display:block;line-height:0}.footer-brand img{display:block;width:180px;height:auto}@media(max-width:760px){.brand img{width:155px}header{gap:16px}.footer-brand img{width:155px}}@media(max-width:420px){.brand img{width:125px}nav{gap:9px;font-size:11px}.nav-contact{padding:10px 12px}}

/* Tamaño compacto del logo */
.brand img{width:160px}.footer-brand img{width:135px}@media(max-width:760px){.brand img{width:120px}.footer-brand img{width:115px}}@media(max-width:420px){.brand img{width:105px}}

/* Alinear la marca y la navegación con la caja central de 1440 px */
header{padding-left:max(6%,calc((100% - 1440px)/2 + 86.4px));padding-right:max(6%,calc((100% - 1440px)/2 + 86.4px))}

.direct-contact{align-self:center;padding:35px;border:1px solid var(--line);border-radius:12px}.direct-contact h3{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:20px 0}.direct-contact>p:not(.eyebrow){line-height:1.8;color:#454545}.direct-contact .button{margin-top:15px}.direct-contact .form-note{overflow-wrap:anywhere}@media(max-width:760px){.direct-contact{padding:25px}.direct-contact h3{font-size:28px}}

footer{flex-wrap:wrap}.developer-credit{flex-basis:100%;border-top:1px solid #486d8c;padding-top:20px;margin-top:8px;text-align:right;font-size:11px;color:#dce8f2;text-decoration:none}.developer-credit strong{font-weight:700;color:white}.developer-credit:hover strong{text-decoration:underline;text-underline-offset:4px}

.about-identity{align-self:start}.about-identity img{display:block;width:230px;max-width:100%;height:auto;margin:0 0 25px}.about-identity .eyebrow{font-size:10px}@media(max-width:760px){.about-identity img{width:190px;margin-bottom:20px}}

.about-identity .eyebrow{margin:0 0 25px}.about-identity img{margin-bottom:0}

.hero-photo{margin:0}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo figcaption{position:absolute;bottom:16px;right:16px;font-size:10px;color:white;background:#174b78d9;padding:5px 9px;border-radius:20px}

/* Texto de lectura en gris grafito; títulos e identidad en azul */
main p,main .hero-caption,main .project-address,main .project-phone,main .project-email,main .text-link,main .office>a:not(.map-link){color:#454545}main .eyebrow{color:var(--ink)}main h1,main h2,main h3,main h4{color:var(--ink)}.hero-photo figcaption{color:#fff}

.group-number{color:var(--ink);border-color:var(--ink)}

/* Footer alineado con la caja general del sitio */
footer{max-width:1440px;margin-left:auto;margin-right:auto}

/* Ajustes responsive del sitio público */
:root{--page-gutter:clamp(20px,6vw,86.4px)}
body{min-width:0}
.hero,.statement,.projects,.contact,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
header{padding-left:max(var(--page-gutter),calc((100% - 1440px)/2 + 86.4px));padding-right:max(var(--page-gutter),calc((100% - 1440px)/2 + 86.4px))}
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.statement{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.contact{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(30px,6vw,86px)}
.hero-copy,.statement>div,.contact>div,.project-card,.group-heading>div{min-width:0}
.hero h1,.statement h2,.projects h2,.contact h2,.direct-contact h3,.project-card h4{overflow-wrap:break-word}
.intro,.hero-caption,.statement p,.direct-contact p,.project-address{overflow-wrap:anywhere}
.group-number{flex:0 0 38px}
.project-card a{max-width:100%;overflow-wrap:anywhere}
.project-phone,.map-link{min-height:44px;display:inline-flex;align-items:center}
.project-phone{margin-bottom:0}
.hero-photo{width:100%;min-width:0}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.button{max-width:100%;min-height:44px;gap:20px}
.button>span{flex-shrink:0}
nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:960px){
 .contact{grid-template-columns:minmax(0,1fr);gap:30px}
 .direct-contact{max-width:650px;width:100%}
 .hero{gap:28px}
 .hero h1{font-size:clamp(38px,5.4vw,52px);letter-spacing:-2px}
 .statement{gap:28px}
}
@media(max-width:760px){
 .hero,.statement{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:clamp(38px,8.8vw,66px);letter-spacing:-2px}
 .hero{padding-bottom:48px}
 .hero-photo{aspect-ratio:1.1;max-height:400px;border-radius:85px 85px 8px 8px}
 .statement h2{font-size:clamp(29px,5.5vw,36px)}
 .projects-heading h2{font-size:clamp(32px,6vw,40px)}
 .project-grid{grid-template-columns:minmax(0,1fr)}
 .contact h2{font-size:clamp(44px,9vw,58px)}
 .group-heading{gap:13px}
 .group-heading h3{font-size:22px}
 .direct-contact{padding:24px}
}
@media(max-width:540px){
 header{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:12px}
 header nav{flex-basis:100%;justify-content:space-between;gap:12px;font-size:13px}
 header nav>a:first-child{display:inline-flex}
 .nav-contact{padding:9px 15px}
 .brand img{width:120px}
 .direct-contact .button{width:100%;font-size:13px;padding:16px 18px}
 .project-card{padding:22px}
 .project-email{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
 .about-identity img{width:190px}
}

/* Fondo del footer a todo el ancho, contenido dentro de la caja central */
footer{max-width:none;width:100%;margin:0;padding-left:max(var(--page-gutter),calc((100% - 1440px)/2 + 86.4px));padding-right:max(var(--page-gutter),calc((100% - 1440px)/2 + 86.4px))}