:root{
  --bg:#fff9f1;--bg2:#f7eee3;--ink:#24130e;--muted:#6c564b;--brand:#7c3f19;--brand2:#ba7a22;--gold:#d9ac5c;--cream:#fff7e6;--card:#ffffff;--dark:#170d22;--dark2:#2b1836;--line:rgba(36,19,14,.12);--shadow:0 24px 70px rgba(74,39,16,.14);--radius:28px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#fffaf4 0%,#f8efe4 48%,#fffaf4 100%);color:var(--ink);font-size:18px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--brand);font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}p{margin:0 0 1rem}h1,h2,h3{line-height:1.06;margin:0 0 1rem;letter-spacing:-.035em}h1{font-size:clamp(2.45rem,6vw,5.7rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,46px);background:rgba(255,249,241,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:1.05rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#fff0bd);box-shadow:0 7px 20px rgba(186,122,34,.24)}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:999px;font-size:.95rem}.nav a:hover{background:#fff1d4}.nav-cta{background:var(--ink)!important;color:#fff!important;box-shadow:0 12px 28px rgba(36,19,14,.16)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;color:var(--ink)}
.hero{position:relative;isolation:isolate;max-width:calc(var(--max) + 80px);margin:0 auto;padding:86px 32px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero:before{content:"";position:absolute;inset:24px 12px auto;min-height:620px;border-radius:40px;background:radial-gradient(circle at 15% 18%,rgba(217,172,92,.42),transparent 28%),radial-gradient(circle at 88% 18%,rgba(124,63,25,.18),transparent 32%),linear-gradient(135deg,#fff7e5 0%,#f3e4cf 100%);z-index:-1}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}.eyebrow:before,.section-kicker:before{content:"";width:28px;height:2px;background:var(--gold)}.hero-sub{font-size:clamp(1.08rem,2.1vw,1.35rem);max-width:760px;color:#4e3b32}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:900;cursor:pointer;line-height:1.1}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 16px 35px rgba(124,63,25,.24)}.btn.ghost{background:rgba(255,255,255,.74);border-color:var(--line);color:var(--ink)}.btn.small{font-size:.88rem;padding:10px 15px}.trust-row{display:flex;gap:8px;flex-wrap:wrap}.trust-row span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:.87rem;font-weight:800;color:#5f4a3f}.hero-visual{margin:0;border-radius:38px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);background:#fff}.hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
.intro-strip,.toc,.section,.final-cta{max-width:var(--max);margin:34px auto;padding:0 28px}.intro-strip{background:#fff;border:1px solid var(--line);border-left:8px solid var(--gold);border-radius:24px;padding:26px 30px;box-shadow:0 14px 38px rgba(74,39,16,.08)}.toc{background:var(--dark);color:#fff;border-radius:32px;padding:34px}.toc h2{font-size:clamp(1.6rem,3vw,2.4rem)}.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.toc-grid a{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);color:#fff;text-decoration:none;border-radius:18px;padding:16px}.section{padding-top:54px;padding-bottom:54px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.quote-card{padding:42px;border-radius:34px;background:linear-gradient(145deg,#2b1836,#140d20);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.quote-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;bottom:-110px;background:radial-gradient(circle,rgba(217,172,92,.35),transparent 70%)}.quote-mark{font-size:5rem;line-height:1;color:var(--gold);font-family:Georgia,serif}.quote-card p{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.08;font-weight:900;letter-spacing:-.05em}.quote-card small{color:#f3dcae}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-cards article,.editorial-grid>div,.compare article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 16px 40px rgba(74,39,16,.07)}.three-cards span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff0cf;color:var(--brand);font-weight:900;margin-bottom:16px}.editorial{background:#fff5e6;border-radius:42px;padding:46px;margin-top:36px}.editorial-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.big-text{grid-row:span 2;background:linear-gradient(145deg,#fff,#f8e4c3)!important}.big-text p{font-size:clamp(1.35rem,2.7vw,2.2rem);line-height:1.25;font-weight:850;letter-spacing:-.035em}.visual-section{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.visual-section figure,.dark figure{margin:0;border-radius:34px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.visual-section figure img,.dark figure img{width:100%;aspect-ratio:1.05/1;object-fit:cover}.dark{max-width:none;background:radial-gradient(circle at 82% 12%,rgba(217,172,92,.22),transparent 28%),linear-gradient(135deg,var(--dark),var(--dark2));color:#fff;display:grid;grid-template-columns:minmax(0,620px) minmax(320px,520px);gap:44px;align-items:center;padding:72px max(28px,calc((100vw - var(--max))/2));margin:50px 0}.dark a{color:#ffe1a4}.dark p{color:#f2e9dc}.compare h2{max-width:820px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare ul{padding-left:1.1em;margin:0}.compare li{margin:.5rem 0}.wrong{border-top:7px solid #9b4b3c!important}.right{border-top:7px solid #4c7a54!important}.seo-block{background:#fff;border-radius:34px;border:1px solid var(--line);box-shadow:0 16px 40px rgba(74,39,16,.07);padding:42px}.faq{padding-bottom:90px}.faq-intro{max-width:820px;color:var(--muted)}.faq-list{display:grid;gap:12px;margin-top:22px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0;box-shadow:0 10px 28px rgba(74,39,16,.05);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:900;font-size:1.05rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--brand);font-size:1.35rem}.faq-item[open] summary:after{content:"–"}.faq-item div{padding:0 24px 22px;color:#4f3d34}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff,#ffe9be);border-radius:34px;border:1px solid var(--line);padding:38px;margin-bottom:60px;box-shadow:var(--shadow)}.final-cta h2{font-size:clamp(1.7rem,3vw,2.7rem)}.footer{background:#170d22;color:#fff;padding:34px clamp(20px,5vw,64px);display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.footer p{color:#d9cfbf;max-width:560px}.footer nav{display:flex;gap:12px;flex-wrap:wrap}.footer a{color:#ffe1a4}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:50;max-width:1050px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.18);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cookie-banner p{font-size:.92rem;margin:4px 0 0;color:#5b493e}.cookie-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cookie-link{font-size:.9rem;color:var(--brand)}.cookie-banner.is-hidden{display:none!important}
@media (max-width:900px){body{font-size:17px}.site-header{align-items:flex-start}.menu-toggle{display:inline-flex}.nav{display:none;width:100%;padding-top:12px}.nav.is-open{display:flex}.site-header{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:56px 18px}.hero:before{inset:10px;min-height:760px}.hero-actions .btn{width:100%}.hero-visual{border-radius:26px}.toc-grid,.three-cards,.editorial-grid,.visual-section,.split,.compare-grid,.dark{grid-template-columns:1fr}.dark{padding:56px 24px}.intro-strip,.toc,.section,.final-cta{padding-left:20px;padding-right:20px}.final-cta{display:block}.footer{display:block}.cookie-banner{display:block}.cookie-actions{margin-top:12px}.btn.small{width:auto}.toc{border-radius:24px}.editorial{border-radius:28px;margin-left:18px;margin-right:18px}.section{padding-top:38px;padding-bottom:38px}}
@media (max-width:520px){h1{font-size:2.35rem}.hero{padding-top:38px}.trust-row span{width:100%;text-align:center}.toc-grid{grid-template-columns:1fr}.faq-item summary{padding:18px;font-size:1rem}.faq-item div{padding:0 18px 18px}.footer nav{display:grid}.cookie-banner{left:10px;right:10px;bottom:10px;border-radius:18px}.cookie-actions .btn{width:100%}.cookie-link{display:block;width:100%;text-align:center}}


/* Ajuste final: imagen real de JavierMa sin deformar */
.hero-visual img{width:100%;height:auto;display:block;object-fit:cover;object-position:center;border-radius:32px;}
.hero-visual{overflow:hidden;}
@media (max-width: 760px){.hero-visual img{border-radius:22px;object-position:center top;}}