:root{--navy:#12304a;--teal:#0b8f86;--mint:#e8f7f4;--ink:#17232d;--muted:#60717d;--line:#dbe5e9;--bg:#f7fafb;--white:#fff;--shadow:0 14px 40px rgba(18,48,74,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}.wrap{max-width:1160px;margin:auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);font-weight:800;font-size:1.28rem;text-decoration:none}.brand small{display:block;font-size:.68rem;color:var(--muted);font-weight:600;letter-spacing:.04em}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;display:grid;place-items:center}.nav nav{display:flex;gap:28px}.nav nav a,.footer-grid a{color:var(--navy);text-decoration:none;font-weight:700}.menu{display:none;border:0;background:none;font-size:1.5rem}.hero{background:linear-gradient(135deg,#eef8f7,#e9f0f7);padding:80px 0 68px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow{color:var(--teal);font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem}.hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.02;margin:.2em 0;color:var(--navy)}.hero p{font-size:1.15rem;color:var(--muted);max-width:700px}.hero-card{background:#fff;padding:30px;border-radius:24px;box-shadow:var(--shadow)}.hero-card ul{padding-left:18px}.btn{display:inline-block;background:var(--teal);color:white;text-decoration:none;font-weight:800;padding:13px 20px;border-radius:12px}.section{padding:64px 0}.section h2{font-size:2rem;color:var(--navy);margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 22px rgba(18,48,74,.05)}.card h3{color:var(--navy);margin:8px 0}.card a{color:var(--teal);font-weight:800;text-decoration:none}.icon{width:46px;height:46px;border-radius:14px;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-weight:900}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding:54px 0}.article{background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,50px);box-shadow:var(--shadow)}.article h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.15;color:var(--navy)}.article h2{margin-top:34px;color:var(--navy)}.article .lead{font-size:1.16rem;color:var(--muted)}.note{background:var(--mint);border-left:4px solid var(--teal);padding:18px;border-radius:10px}.sidebar{align-self:start;position:sticky;top:100px}.sidebar .card{margin-bottom:18px}.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--teal);text-decoration:none}.category-hero{padding:55px 0 30px;background:linear-gradient(135deg,#eff8f6,#edf3f8)}.category-hero h1{font-size:3rem;color:var(--navy);margin:.15em 0}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-link{display:block;background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;color:var(--navy);text-decoration:none;font-weight:750}.article-link:hover{border-color:var(--teal);transform:translateY(-1px)}footer{background:var(--navy);color:#dce8ee;padding:45px 0 20px;margin-top:55px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid a{color:white;margin-left:20px}.copyright{text-align:center;color:#9fb3bf;font-size:.85rem}.prose{background:white;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:var(--shadow)}
@media(max-width:800px){.hero-grid,.article-layout,.grid,.list-grid{grid-template-columns:1fr}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav-open .nav nav{display:flex}.menu{display:block}.sidebar{position:static}.footer-grid{display:block}.footer-grid a{display:block;margin:10px 0}.hero{padding:55px 0}.category-hero h1{font-size:2.3rem}}

.hero-photo{width:100%;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 20px 50px rgba(8,47,73,.18)}
.hero-media{position:relative}.hero-badge{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.94);padding:12px 16px;border-radius:14px;font-weight:800;color:#0d3b4c;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.share-bar{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0;padding:16px;background:#f2fbfb;border:1px solid #ccebea;border-radius:16px}.share-bar strong{width:100%;color:#123b4a}.share-bar button{border:0;border-radius:999px;padding:10px 15px;font-weight:700;cursor:pointer;background:#fff;color:#0c5360;box-shadow:0 3px 12px rgba(13,83,96,.12)}
.affiliate-cta{margin:28px 0;padding:24px;border-radius:20px;background:linear-gradient(135deg,#063b4b,#0b8b8f);color:#fff;box-shadow:0 15px 35px rgba(6,59,75,.22)}.affiliate-cta h3{margin:0 0 8px;color:#fff}.affiliate-cta p{margin:0 0 16px;color:#e7ffff}.affiliate-cta .btn{background:#ffd166;color:#14333b}.affiliate-note{font-size:.8rem;opacity:.86;margin-top:10px}
@media(max-width:800px){.hero-photo{height:300px}}


.card-photo{width:100%;height:210px;object-fit:cover;border-radius:16px 16px 12px 12px;display:block;margin:-24px -24px 16px -24px;border-bottom:1px solid var(--line)}
.card-photo-wrap{overflow:hidden;border-radius:16px}
.article-hero{width:100%;height:360px;object-fit:cover;border-radius:24px;display:block;margin:18px 0 26px;box-shadow:0 12px 34px rgba(18,48,74,.12)}
.share-card{margin:26px 0;padding:30px 28px;background:#f9fcfc;border:1px solid #d7e6e8;border-radius:28px;box-shadow:0 10px 26px rgba(18,48,74,.06)}
.share-card h3{font-size:2rem;line-height:1.1;margin:0 0 22px;color:var(--navy)}
.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.share-btn{appearance:none;border:1px solid #d7e0e4;background:#fff;border-radius:18px;padding:20px 18px;font-size:1.15rem;font-weight:800;color:#173044;cursor:pointer;text-align:left;box-shadow:0 4px 12px rgba(18,48,74,.05)}
.share-btn:hover{transform:translateY(-1px);border-color:#9ac4cb}
.share-btn.copy{grid-column:1/span 1;text-align:center;justify-self:start;min-width:230px}
.share-btn.facebook{color:#1c5fd4}.share-btn.pinterest{color:#d9143c}.share-btn.whatsapp{color:#167f42}.share-btn.x{color:#111}
.cta-media{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta-thumb{width:84px;height:84px;border-radius:20px;object-fit:cover;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.affiliate-cta .btn{min-width:210px;text-align:center;border-radius:16px;padding:15px 24px;background:#ff8a73;color:#fff}
.category-hero-media{margin-top:22px;max-width:360px}.category-hero-media img{width:100%;height:220px;object-fit:cover;border-radius:24px;box-shadow:0 18px 44px rgba(18,48,74,.16)}
@media(max-width:800px){.card-photo{height:190px}.article-hero{height:250px}.share-card{padding:24px 22px;border-radius:26px}.share-card h3{font-size:1.5rem}.share-grid{grid-template-columns:1fr 1fr}.share-btn{padding:16px 15px;font-size:1.05rem}.share-btn.copy{grid-column:1/span 1;min-width:0;width:100%}.cta-media{align-items:flex-start}.cta-thumb{width:72px;height:72px}}