/*
Theme Name: Hogar San José de Malambo
Theme URI: https://hogar-san-jose-malambo.hello525938.chatgpt.site
Author: Kadima Digital
Description: Tema institucional para el Hogar San José de Malambo.
Version: 1.0.0
Text Domain: hogar-malambo
*/
:root{--wine:#6f252a;--dark:#4e191d;--cream:#f5efe5;--paper:#fffdf8;--ink:#28231f;--muted:#716862;--gold:#e9a62f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-header{height:88px;display:flex;align-items:center;gap:42px;padding:0 clamp(24px,5vw,76px);background:#fffdf8;position:relative;z-index:10;border-bottom:1px solid #6f252a1a}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:64px;height:64px;object-fit:contain;border-radius:50%}.brand span{display:flex;flex-direction:column;color:var(--wine);line-height:1.1}.brand strong{font:18px Georgia,serif}.brand small{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:700}.site-header nav a:hover{color:#e96f2d}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#311a12;padding:15px 22px;border-radius:2px;font-size:13px;font-weight:800;transition:.2s}.button:hover{background:#f2b746;transform:translateY(-2px)}.button.small{padding:12px 17px}.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--dark)}.cover,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#270a0def,#421115c7 42%,#42111529 72%,#42111514)}.hero-content{position:relative;z-index:2;width:min(720px,60%);padding:80px clamp(24px,7.5vw,115px);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--wine);margin:0 0 20px}.eyebrow.light{color:#f1c46e}.hero h1,.section h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(49px,5.2vw,78px);line-height:.98;margin:0 0 28px}.hero h1 em,.section h2 em{color:var(--gold);font-weight:400}.hero-content>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:620px;color:#ffffffd9}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--wine);border-bottom:1px solid;padding-bottom:5px}.text-link svg{width:16px}.light-link{color:white}.hero-stat{position:absolute;right:clamp(25px,6vw,90px);bottom:0;z-index:3;background:var(--gold);padding:28px 34px;display:flex;align-items:center;gap:15px;color:var(--dark)}.hero-stat strong{font:50px/1 Georgia,serif}.hero-stat span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.5}.section{padding:110px clamp(24px,7.5vw,115px)}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:end}.section h2{font-size:clamp(38px,4.1vw,60px);line-height:1.08;margin:0}.section h2 em{color:var(--wine)}.intro-copy{font-size:17px;line-height:1.85;color:var(--muted);max-width:590px}.intro-copy .text-link{margin-top:18px}.mission-grid{padding-top:0;display:grid;grid-template-columns:1fr 1fr}.mission-card{min-height:440px;padding:60px;position:relative}.mission-card>span{position:absolute;right:34px;top:25px;font:74px/1 Georgia,serif;opacity:.09}.mission-card h3{font:37px/1.15 Georgia,serif;max-width:480px;margin:25px 0}.mission-card>p:last-child{font-size:15px;line-height:1.8;max-width:540px}.wine{background:var(--wine);color:white}.wine>p:last-child{color:#ffffffbf}.cream{background:var(--cream)}.cream>p:last-child{color:var(--muted)}.work{background:#fff}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end;margin-bottom:65px}.section-heading>p{line-height:1.8;color:var(--muted)}.program-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.program-image{position:sticky;top:25px}.program-image>img{width:100%;height:620px;object-fit:cover}.image-note{position:absolute;left:-20px;bottom:-20px;background:var(--gold);display:flex;gap:14px;align-items:center;padding:22px 25px;color:var(--dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.5}.image-note svg{width:28px;height:28px}.program-list article{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:26px 0;border-top:1px solid #ddd3c8}.program-list article:last-child{border-bottom:1px solid #ddd3c8}.program-list article>span{font:18px Georgia,serif;color:var(--gold)}.program-list h3{margin:0 0 8px;font:23px Georgia,serif;color:var(--wine)}.program-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.history{background:var(--dark);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.history-year{font:clamp(100px,16vw,240px)/1 Georgia,serif;color:transparent;-webkit-text-stroke:1px #f0bf646b}.history-copy>p:not(.eyebrow){color:#ffffffb8;line-height:1.85;max-width:700px}.history h2 em{color:var(--gold)}.values{text-align:center}.value-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:55px}.value-list div{border:1px solid #d9cec3;padding:18px 25px;color:var(--wine);font:20px Georgia,serif;background:#fff}.value-list span{font:10px Arial;color:var(--gold);margin-right:12px}.help{background:var(--wine);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.help>div:first-child>p:last-child{line-height:1.8;color:#ffffffb8;max-width:580px}.help h2 em{color:var(--gold)}.help-options{border-top:1px solid #ffffff40}.help-options>a{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:15px;padding:22px 5px;border-bottom:1px solid #ffffff40;transition:.2s}.help-options>a:hover{padding-left:15px;background:#ffffff0d}.help-options>a>span{width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--wine);display:grid;place-items:center}.help-options strong,.help-options small{display:block}.help-options strong{font:20px Georgia,serif}.help-options small{color:#ffffff99;margin-top:5px}footer{padding:65px clamp(24px,7.5vw,115px) 25px;background:#211c19;color:#e9e2db;display:grid;grid-template-columns:1.7fr .8fr 1fr;gap:50px;font-size:14px}footer p,footer a{color:#aca19a;line-height:1.7}.footer-brand{display:flex;gap:18px;align-items:center}.footer-brand img{width:78px;height:78px;object-fit:contain;border-radius:50%;background:white}.footer-brand strong{font:23px Georgia,serif}.footer-brand p{margin:8px 0 0}.footer-title{color:#f1c46e!important;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.footer-brand+div p:last-child{margin:0}.footer-bottom{grid-column:1/-1;border-top:1px solid #3c3530;padding-top:22px;margin-top:18px;display:flex;justify-content:space-between;color:#746b65;font-size:11px}footer small{display:block;color:#756a64;margin-top:5px}
@media(max-width:900px){.site-header{height:76px}.site-header nav{display:none}.brand img{width:52px;height:52px}.brand span{display:none}.hero{min-height:650px}.hero-content{width:80%;padding-left:35px}.intro,.section-heading,.program-layout,.history,.help{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}.program-image{position:relative}.history-year{display:none}.help{gap:55px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.program-image>img{height:500px}}
@media(max-width:600px){.site-header{padding:0 18px}.button.small{font-size:11px;padding:10px}.hero{min-height:680px;align-items:flex-end}.cover{object-position:60% center}.shade{background:linear-gradient(0deg,#2c0b0ef7,#370e11c7 60%,#370e1133)}.hero-content{width:100%;padding:70px 24px 120px}.hero h1{font-size:45px}.hero-content>p:not(.eyebrow){font-size:15px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-stat{right:0;padding:18px 22px}.hero-stat strong{font-size:38px}.section{padding:75px 24px}.intro{gap:35px}.mission-grid{padding:0}.mission-card{min-height:0;padding:45px 28px}.mission-card h3{font-size:31px}.program-image>img{height:380px}.image-note{left:0;bottom:0}.program-layout{gap:40px}.value-list div{font-size:17px;padding:15px 18px}.help{gap:45px}footer{grid-template-columns:1fr;gap:28px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.section-heading{gap:30px}}