/* Colores de oficio: ajustar aca si no coinciden con el sitio */
:root{--os:#1d1b18;--tan:#c9a46a;--tan2:#a8854d;--bg:#f5f2ec;--tx:#26221e;--mu:#6f675f;--bd:#e2dcd2;--hogar:#2f6f5e;--pro:#8a5a2b;--hoy:#3d4f7a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
[hidden]{display:none!important}
.og-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.og-top{background:var(--os);position:sticky;top:0;z-index:20}
.og-top__in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:12px 20px;min-height:62px}
.og-logo img{height:34px;width:auto;display:block}
.og-nav{display:flex;gap:20px;flex:1}
.og-nav a,.og-menu nav a{color:#f1ece3;text-decoration:none;font-size:.92rem;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.og-nav a:hover,.og-nav a.on{color:var(--tan);border-bottom-color:var(--tan)}
.og-btn{display:inline-block;background:var(--tan);color:#1d1b18;text-decoration:none;font-weight:600;border:1px solid var(--tan);border-radius:10px;padding:12px 22px;font-size:.98rem}
.og-btn:hover{background:var(--tan2);border-color:var(--tan2)}
.og-btn--sm{padding:8px 14px;font-size:.88rem;white-space:nowrap}
.og-btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.og-btn--line:hover{background:rgba(255,255,255,.1);border-color:#fff}
.og-menu{display:none;margin-left:auto;position:relative}
.og-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 9px}
.og-menu summary::-webkit-details-marker{display:none}
.og-menu summary span{height:2px;background:#fff;border-radius:2px}
.og-menu nav{position:absolute;right:0;top:50px;min-width:250px;display:flex;flex-direction:column;background:var(--os);border:1px solid #3a352e;border-radius:12px;padding:8px 18px}
.og-menu nav a{padding:12px 0;border-bottom:1px solid #3a352e}
.og-menu nav a:last-child{border-bottom:0}
@media(max-width:1060px){.og-nav,.og-top .og-btn--sm{display:none}.og-menu{display:block}}
.og-hero{background:var(--os);color:#fff;padding:56px 0 30px}
.og-kicker{color:var(--tan);font-size:.8rem;font-weight:700;letter-spacing:.16em;margin:0 0 10px}
.og-hero h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.12;margin:0 0 14px;max-width:20ch;letter-spacing:-.01em}
.og-hero p{color:#d9d2c6;max-width:56ch;margin:0 0 28px}
.og-tabs{display:flex;gap:8px;flex-wrap:wrap}
.og-tabs button{appearance:none;background:transparent;border:1px solid #4a443b;color:#f1ece3;border-radius:999px;padding:8px 16px;font:inherit;font-size:.9rem;cursor:pointer}
.og-tabs button:hover{border-color:var(--tan)}
.og-tabs button.on{background:var(--tan);border-color:var(--tan);color:#1d1b18;font-weight:600}
.og-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:30px 0 10px}
.og-grid--3{padding-top:14px}
.og-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--bd);border-top:5px solid var(--c);border-radius:14px;padding:20px;text-decoration:none;color:var(--tx);box-shadow:0 2px 10px rgba(38,34,30,.04)}
.og-card:hover{box-shadow:0 10px 26px rgba(38,34,30,.12);transform:translateY(-2px)}
.og-card--hogar{--c:var(--hogar)}.og-card--pro{--c:var(--pro)}.og-card--hoy{--c:var(--hoy)}
.og-cat{color:var(--c);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.og-card strong{font-size:1.14rem;line-height:1.28}
.og-card__st{color:var(--mu);font-size:.92rem;line-height:1.45;flex:1}
.og-leer{font-weight:600;font-size:.9rem;color:var(--c);margin-top:4px}
.og-band{background:var(--os);color:#fff;margin-top:34px}
.og-band .og-wrap{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:36px;padding-bottom:38px}
.og-band h2{font-size:1.6rem;margin:0 0 4px}
.og-band p{margin:0;color:#d9d2c6}
.og-band__b{display:flex;gap:12px;flex-wrap:wrap}
.og-art__head{background:var(--os);color:#fff;border-bottom:6px solid var(--c)}
.og-art__head--hogar{--c:var(--hogar)}.og-art__head--pro{--c:var(--pro)}.og-art__head--hoy{--c:var(--hoy)}
.og-art__in{max-width:800px;margin:0 auto;padding:40px 20px 38px}
.og-miga{font-size:.84rem;color:#b9b1a4;margin-bottom:18px}
.og-miga a{color:var(--tan);text-decoration:none}
.og-art h1{font-size:clamp(1.8rem,4.6vw,2.7rem);line-height:1.14;margin:0 0 14px;letter-spacing:-.01em}
.og-stand{font-size:1.15rem;line-height:1.5;color:#e6dfd3;margin:0}
.og-art__body{max-width:720px;margin:0 auto;padding:34px 20px 6px;font-size:1.08rem;line-height:1.72}
.og-art__body h2{font-size:1.32rem;line-height:1.3;margin:32px 0 8px}
.og-art__body h2:first-child{margin-top:0}
.og-art__body p{margin:0}
.og-cta{margin:40px 0 0;padding:24px 26px;background:#fff;border:1px solid var(--bd);border-left:6px solid var(--tan);border-radius:14px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.og-cta p{margin:0;font-size:1.2rem;font-weight:600}
.og-rel{padding-top:34px}
.og-rel h2{font-size:1.3rem;margin:0}
.og-volver{margin:8px 0 36px}
.og-volver a{color:var(--pro);text-decoration:none;font-weight:600;font-size:.95rem}
.og-foot{background:var(--os);color:#d9d2c6;margin-top:0;border-top:1px solid #3a352e}
.og-band+.og-foot,.og-band~.og-foot{margin-top:0}
.og-foot__in{max-width:1140px;margin:0 auto;padding:34px 20px 30px}
.og-foot__lema{max-width:60ch;margin:0 0 18px;color:#f1ece3}
.og-foot nav{display:flex;gap:8px 22px;flex-wrap:wrap;margin-bottom:18px}
.og-foot nav a{color:#f1ece3;text-decoration:none;font-size:.92rem}
.og-foot nav a:hover{color:var(--tan)}
.og-foot__c{margin:0;font-size:.84rem;color:#a39b8e}
@media(max-width:900px){.og-grid,.og-grid--3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.og-grid,.og-grid--3{grid-template-columns:1fr}.og-hero{padding-top:40px}}