:root{
 --ink:#5a352d;--rose:#9d536c;--rose-dark:#71384d;--rose-pale:#f8e8ee;
 --cream:#fffaf0;--cream-border:#e6c97d;--mint:#f9e9ee;--mint-border:#e4bccb;
 --green:#8f5265;--green2:#a9677d;--paper:#fffdfa;--line:#ead9df;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fffdfa;color:#332a2d;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.7}
a{color:#6d344a;text-decoration-thickness:1px;text-underline-offset:3px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:50}
.site-header{max-width:900px;margin:18px auto 0;padding:0 18px}
.header-card{display:flex;align-items:center;gap:16px;padding:13px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px rgba(63,39,48,.06)}
.logo{width:64px;height:64px;border-radius:50%;object-fit:cover}
.brand{color:var(--ink);font-weight:700;font-size:1.18rem;text-decoration:none}.brand small{display:block;font:15px/1.35 Arial,sans-serif;color:#765e67;font-weight:400}
main{max-width:900px;margin:auto;padding:0 18px 42px}
.breadcrumbs{padding:18px 3px 12px;font:14px/1.5 Arial,sans-serif;color:#755f67}.breadcrumbs a{color:#694152}
.hero{background:linear-gradient(135deg,#f9e6ed,#fff9fb);border:1px solid #e4bccb;border-radius:20px;padding:30px 28px;text-align:center;box-shadow:0 8px 22px rgba(103,55,73,.07)}
.eyebrow{font:700 13px/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--rose-dark)}
h1{margin:7px 0 5px;color:var(--ink);font-size:clamp(2rem,5vw,3rem);line-height:1.15}
.article{margin-top:24px;background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,38px);box-shadow:0 8px 24px rgba(63,39,48,.06)}
.article p{margin:.15em 0 1.1em}.article ul{padding-left:1.3em}.article li{margin:.65em 0}
.article img{max-width:100%;height:auto}.article img.suelta,.article-image{float:left;max-width:min(40%,360px);margin:5px 26px 16px 0;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.article:after{content:"";display:block;clear:both}
.signature{text-align:right;font-style:italic;font-weight:700}
.share,.subscribe,.related{margin-top:24px;border-radius:20px;text-align:center;padding:30px 24px}
.share{background:#8f5265;color:#fff}.share h2{color:#fff}
.subscribe{background:var(--cream);border:1px solid var(--cream-border)}
.related{background:#f9e9ee;border:1px solid #e4bccb}
.share h2,.subscribe h2,.related h2{margin:0 0 8px;font-size:1.8rem;color:var(--ink)}
.share h2{color:#fff}.share p,.subscribe p{margin:0 0 18px}
.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 17px;color:#fff!important;text-decoration:none;font:700 15px/1 Arial,sans-serif;box-shadow:0 6px 0 rgba(0,0,0,.13)}
.wa{background:#20cf6b}.fb{background:#1877ed}.x{background:#050b0d}.tg{background:#239ed0}.wa2{background:#9b5c70}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.related-card{display:flex;align-items:center;justify-content:center;min-height:90px;padding:14px;background:#fff;border:1px solid #dfb6c4;border-radius:12px;color:#6b3c35;text-decoration:none;font-weight:700;box-shadow:0 6px 14px rgba(111,60,72,.08)}
footer{max-width:900px;margin:auto;padding:0 18px 35px;text-align:center;color:#715e65;font:14px/1.7 Arial,sans-serif}
footer .foot{border-top:1px solid var(--line);padding-top:20px}
@media(max-width:650px){
 body{font-size:17px}.site-header,main,footer{padding-left:12px;padding-right:12px}.header-card{padding:10px 13px}.logo{width:52px;height:52px}
 .hero,.article,.share,.subscribe,.related{border-radius:16px}.article img.suelta,.article-image{float:none;display:block;max-width:100%;margin:0 auto 20px}
 .related-grid{grid-template-columns:1fr}.buttons{gap:10px}.btn{flex:1 1 135px;justify-content:center}
}

/* Paleta específica del grupo "fondo rosado / texto marrón" */
body{background:#fff8fa;color:#5a352d}
.brand,h1,.subscribe h2,.related h2{color:#5a352d}
.hero{background:linear-gradient(135deg,#f5dce5,#fff8fa);border-color:#dfb6c4}
.eyebrow{color:#7b4356}
.article{border-color:#ead0d9}
.share{background:#8f5265}
.subscribe{background:#fff3f6;border-color:#e5bdc9}
.related{background:#f8e8ee;border-color:#dfb6c4}
.related-card{background:#fffafc;border-color:#ddb3c1;color:#63382f}
.related-card:hover{background:#f4dce4}
footer .foot{border-color:#ead0d9}
/* Los botones sociales conservan los colores identificativos de cada servicio. */