:root{--blue:#0A6EFF;--navy:#071326;--text:#111827;--muted:#64748B;--border:#E5EDF8;--soft:#F3F8FF}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff}
.logo-box{width:210px;max-width:52vw;overflow:hidden}.brand-logo{height:52px;max-width:210px;width:auto;object-fit:contain}.footer-logo{height:48px;max-width:190px;width:auto;object-fit:contain;background:#fff;border-radius:12px;padding:5px}
.main-header{box-shadow:0 8px 24px rgba(15,23,42,.04)}
.hero{background:linear-gradient(135deg,#F8FBFF,#EAF3FF);padding:72px 0;border-bottom:1px solid var(--border)}
.eyebrow{display:inline-block;border:1px solid #BFDBFE;background:#E6F2FF;color:#003B8F;border-radius:999px;padding:.45rem .8rem;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.hero h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:900;line-height:1.05;margin:1rem 0}.hero p{font-size:1.15rem;color:var(--muted);max-width:760px}
.search-box{display:flex;gap:.5rem;background:#fff;border:1px solid var(--border);padding:.45rem;border-radius:999px;box-shadow:0 16px 42px rgba(15,23,42,.08);max-width:760px}.search-box input{border:0;outline:0;flex:1;padding:.9rem 1rem;border-radius:999px}.search-box button{border:0;background:var(--blue);color:#fff;border-radius:999px;padding:.85rem 1.4rem;font-weight:800}
.hero-panel,.info-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 14px 36px rgba(15,23,42,.06)}.hero-panel{display:grid;gap:.7rem}.hero-panel span{background:var(--soft);border:1px solid var(--border);border-radius:14px;padding:.75rem;font-weight:800}
.section-title{max-width:760px;margin-bottom:28px}.section-title span{color:#003B8F;font-weight:900;text-transform:uppercase;font-size:.78rem}.section-title h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;margin-top:.4rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card-grid.two{grid-template-columns:repeat(2,1fr)}
.sp-card{display:block;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 14px 36px rgba(15,23,42,.06);transition:.18s}.sp-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(10,110,255,.14)}.sp-card img{width:100%;height:210px;object-fit:cover;display:block}.sp-card-body{padding:20px}.sp-card-body span{color:var(--blue);font-weight:900;font-size:.82rem}.sp-card-body h3{font-size:1.22rem;font-weight:900;margin:.45rem 0}.sp-card-body p{color:var(--muted)}.sp-card-body strong{color:var(--blue)}
.page-hero,.article-hero{background:#F8FBFF;padding:56px 0;border-bottom:1px solid var(--border)}.page-hero h1,.article-hero h1{font-weight:900}.page-hero p,.article-hero p{color:var(--muted);font-size:1.08rem}.article-photo{width:100%;height:320px;object-fit:cover;border-radius:24px;box-shadow:0 14px 36px rgba(15,23,42,.10)}
.article-body{display:grid;grid-template-columns:230px 1fr;gap:2rem}.toc{position:sticky;top:100px;align-self:start;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.toc a{display:block;text-decoration:none;color:var(--muted);font-weight:700;margin:.7rem 0}.article-body article{max-width:850px}.article-body h2{font-weight:900;margin-top:2rem}.checklist{display:grid;gap:.7rem;background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:18px}
.site-footer{background:var(--navy);color:#fff}.site-footer a{display:block;color:rgba(255,255,255,.75);text-decoration:none;margin:.35rem 0}.site-footer a:hover{color:#fff}.footer-copy{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:rgba(255,255,255,.62)}
.narrow{max-width:860px}.admin-login{background:#F8FBFF}
@media(max-width:991px){.card-grid,.card-grid.two{grid-template-columns:repeat(2,1fr)}.article-body{display:block}.logo-box{width:165px}.brand-logo{height:40px;max-width:165px}.search-box{border-radius:22px;flex-direction:column}.search-box button{width:100%}}
@media(max-width:575px){.card-grid,.card-grid.two{grid-template-columns:1fr}.sp-card img{height:190px}.hero{padding:48px 0}.logo-box{width:142px}.brand-logo{height:34px;max-width:142px}}

/* CMS v1.1 */
.admin-bg{background:#F8FBFF}.admin-sidebar{min-height:100vh;background:#071326;color:#fff;position:sticky;top:0}.admin-sidebar a{color:rgba(255,255,255,.78);text-decoration:none;padding:.75rem 1rem;border-radius:14px;font-weight:700}.admin-sidebar a:hover{background:rgba(255,255,255,.1);color:#fff}label{font-weight:800;margin-bottom:.35rem}


/* PATCH 004 - Trust patterns */
.trust-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}
.trust-aside{position:sticky;top:100px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.trust-aside strong{display:block;margin-bottom:.7rem;color:var(--navy)}
.trust-aside span{display:block;border:1px solid var(--border);background:var(--soft);border-radius:14px;padding:.7rem;margin:.55rem 0;font-weight:800;font-size:.9rem}
.trust-content{max-width:900px}
.trust-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}
.trust-mini-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.trust-section{background:#fff;border:1px solid var(--border);border-radius:22px;padding:1.5rem;margin-bottom:1rem}
.trust-section h2{font-weight:900;color:var(--navy)}
.trust-section p{color:var(--muted);font-size:1.05rem}
@media(max-width:991px){.trust-layout{display:block}.trust-aside{position:static;margin-bottom:1.5rem}.trust-card-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.trust-card-row{grid-template-columns:1fr}}


/* v1.5 Motor editorial */
.article-meta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.article-meta span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.45rem .8rem;font-weight:800;color:var(--muted)}
.editorial-block{background:#fff;border:1px solid var(--border);border-radius:22px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.editorial-block h2{font-weight:900;color:var(--navy)}
.summary-block{background:linear-gradient(135deg,#F8FBFF,#EEF6FF)}
.guide-map,.action-grid,.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.guide-map a,.related-grid a,.action-grid div{background:var(--soft);border:1px solid var(--border);border-radius:14px;padding:.85rem;text-decoration:none;color:var(--navy);font-weight:800}
.alert-pattern{border-left:6px solid var(--blue)}
@media(max-width:575px){.guide-map,.action-grid,.related-grid{grid-template-columns:1fr}}


/* v1.6 Home Premium */
.home-premium-hero{background:linear-gradient(135deg,#F8FBFF 0%,#EAF3FF 55%,#FFFFFF 100%);padding:78px 0;border-bottom:1px solid var(--border)}
.home-premium-hero h1{font-size:clamp(2.4rem,5vw,4.25rem);font-weight:950;line-height:1.03;margin:1rem 0}
.home-premium-hero p{font-size:1.18rem;color:var(--muted);max-width:760px}.hero-trust-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.hero-trust-row span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.5rem .85rem;font-weight:800;color:var(--navy)}
.premium-hero-card{background:#fff;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 22px 58px rgba(15,23,42,.10)}.premium-hero-card img{width:100%;height:310px;object-fit:cover;display:block}.premium-hero-card div{padding:1.4rem}.premium-hero-card strong{color:var(--blue);text-transform:uppercase;font-size:.8rem}.premium-hero-card h2{font-weight:900;font-size:1.55rem;margin:.4rem 0}.premium-hero-card a{font-weight:900;color:var(--blue);text-decoration:none}
.featured-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.featured-layout .sp-card img{height:180px}.guide-list{display:grid;gap:.85rem}.guide-list a{display:block;text-decoration:none;background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:1rem;color:var(--navy)}.guide-list strong{display:block;font-weight:900}.guide-list span{display:block;color:var(--muted);margin-top:.25rem}
.home-checklist{display:grid;gap:.75rem}.home-checklist label{background:#fff;border:1px solid var(--border);border-radius:14px;padding:.85rem;color:var(--navy)}.home-trust-band{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;background:#fff;border:1px solid var(--border);border-radius:28px;padding:2rem;box-shadow:0 16px 42px rgba(15,23,42,.06)}.home-trust-band h2{font-weight:950}.home-trust-band p{color:var(--muted)}.trust-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.trust-links a{background:var(--soft);border:1px solid var(--border);border-radius:16px;padding:1rem;text-decoration:none;color:var(--navy);font-weight:900}
@media(max-width:991px){.featured-layout{grid-template-columns:repeat(2,1fr)}.home-trust-band{grid-template-columns:1fr}}@media(max-width:575px){.featured-layout,.trust-links{grid-template-columns:1fr}.premium-hero-card img{height:230px}}


/* PATCH 010 - Layout navbar/footer/images */
html,body{overflow-x:hidden}
.main-header .navbar{padding:.55rem 0}
.logo-box{display:flex!important;align-items:center!important;width:210px!important;max-width:52vw!important;overflow:hidden!important}
.brand-logo{display:block!important;height:52px!important;max-height:52px!important;max-width:210px!important;width:auto!important;object-fit:contain!important}
.navbar-nav{gap:.15rem}
.navbar .nav-link{white-space:nowrap}
.site-footer{background:var(--navy)!important;color:#fff!important;clear:both}
.site-footer .row{align-items:flex-start!important}
.site-footer h5{font-weight:900;margin-bottom:1rem}
.site-footer a{display:block!important;color:rgba(255,255,255,.76)!important;text-decoration:none!important;margin:.38rem 0!important;line-height:1.35}
.site-footer a:hover{color:#fff!important}
.footer-logo{display:block!important;height:48px!important;max-width:190px!important;width:auto!important;object-fit:contain!important;background:#fff;border-radius:12px;padding:5px}
.sp-card{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}
.sp-card img,.card-grid .sp-card img,.featured-layout .sp-card img{width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;object-fit:cover!important;object-position:center!important;display:block!important;flex:0 0 auto!important}
.premium-hero-card img{width:100%!important;height:300px!important;object-fit:cover!important;object-position:center!important;display:block!important}
.article-photo{width:100%!important;height:320px!important;object-fit:cover!important;object-position:center!important;display:block!important}
@media(max-width:991px){.logo-box{width:165px!important}.brand-logo{height:40px!important;max-width:165px!important}.navbar .nav-link{white-space:normal}}
@media(max-width:575px){.logo-box{width:142px!important}.brand-logo{height:34px!important;max-width:142px!important}.sp-card img,.card-grid .sp-card img,.featured-layout .sp-card img{height:190px!important;min-height:190px!important;max-height:190px!important}.premium-hero-card img,.article-photo{height:230px!important}}


/* PATCH 011 - Home Impacto Visual */
.home-impact-hero{position:relative;background:radial-gradient(circle at 80% 10%,rgba(10,110,255,.18),transparent 32%),linear-gradient(135deg,#071326 0%,#0B2347 48%,#F8FBFF 48%,#fff 100%);padding:88px 0;border-bottom:1px solid var(--border);overflow:hidden}
.home-impact-hero .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.home-impact-hero h1{font-size:clamp(2.45rem,5.4vw,4.6rem);font-weight:950;line-height:1.02;margin:1rem 0;color:#fff;letter-spacing:-.04em}
.home-impact-hero p{font-size:1.18rem;color:rgba(255,255,255,.78);max-width:760px}
.impact-search{margin-top:1.3rem}
.impact-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.25rem}
.impact-metrics div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:.9rem;color:#fff}
.impact-metrics strong{display:block;font-size:1.35rem;font-weight:950}.impact-metrics span{font-size:.82rem;color:rgba(255,255,255,.75);font-weight:800}
.impact-visual{position:relative;border-radius:32px;overflow:visible}
.impact-visual img{width:100%;height:430px;object-fit:cover;object-position:center;border-radius:32px;box-shadow:0 28px 70px rgba(15,23,42,.28);display:block}
.floating-card{position:absolute;background:#fff;border:1px solid var(--border);box-shadow:0 18px 44px rgba(15,23,42,.18);border-radius:20px;padding:1rem;max-width:230px}
.floating-card strong{display:block;color:var(--blue);font-size:.78rem;text-transform:uppercase;font-weight:950}.floating-card span{display:block;color:var(--navy);font-weight:900}
.floating-card.top{top:24px;left:-28px}.floating-card.bottom{bottom:24px;right:-22px}
.wide-title{max-width:900px}.wide-title p{color:var(--muted);font-size:1.05rem}
.premium-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
.premium-category-grid .sp-card{border-radius:26px}
.premium-category-grid .sp-card img{height:230px!important}
.bg-soft-panel{background:linear-gradient(180deg,#F8FBFF,#EEF6FF)}
.impact-featured .sp-card{border-radius:24px}
.premium-panel{border-radius:28px;padding:2rem}
.premium-panel h2{font-weight:950;margin:.7rem 0 1rem}
.premium-guide-list a small{display:inline-block;color:var(--blue);font-weight:950;text-transform:uppercase;font-size:.72rem;margin-bottom:.35rem}
.premium-checklist label{box-shadow:0 8px 20px rgba(15,23,42,.04)}
.impact-trust-band{border-radius:32px}
@media(max-width:991px){
  .home-impact-hero{background:linear-gradient(135deg,#071326,#0B2347);padding:64px 0}
  .impact-metrics{grid-template-columns:repeat(2,1fr)}
  .impact-visual img{height:320px}
  .floating-card{position:static;margin-top:.75rem;max-width:none}
  .premium-category-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575px){
  .impact-metrics,.premium-category-grid{grid-template-columns:1fr}
  .home-impact-hero h1{font-size:2.35rem}
  .impact-visual img{height:250px}
}


/* PATCH 012 - Fix definitivo imágenes */
.sp-card-media{position:relative!important;width:100%!important;height:220px!important;overflow:hidden!important;background:#eef3f8!important;flex:0 0 220px!important}
.sp-card-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;max-width:none!important;min-width:100%!important;min-height:100%!important}
.sp-card > img{width:100%!important;height:220px!important;object-fit:cover!important;object-position:center!important;display:block!important}
.featured-layout .sp-card-media{height:200px!important;flex-basis:200px!important}
.featured-layout .sp-card > img{height:200px!important}
.premium-hero-card,.impact-visual{overflow:hidden!important}
.premium-hero-card img,.impact-visual img{width:100%!important;height:300px!important;object-fit:cover!important;object-position:center center!important;display:block!important;max-width:none!important}
.home-impact-hero .impact-visual img{height:430px!important}
.article-photo{width:100%!important;height:320px!important;object-fit:cover!important;object-position:center center!important;display:block!important;max-width:none!important}
@media(max-width:991px){.home-impact-hero .impact-visual img{height:320px!important}}
@media(max-width:575px){.sp-card-media{height:190px!important;flex-basis:190px!important}.featured-layout .sp-card-media{height:190px!important;flex-basis:190px!important}.premium-hero-card img,.impact-visual img,.home-impact-hero .impact-visual img,.article-photo{height:230px!important}}


/* PATCH 013 - INLINE image fallback */
img{max-width:100%}
.sp-card img,
.sp-card-media img,
.premium-hero-card img,
.impact-visual img,
.article-photo{
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.sp-card-media{
  overflow:hidden!important;
}


/* PATCH 016 - Imágenes por background definitivo */
.sp-card img,
.sp-card-media,
.sp-card-media img,
.sp-card > img{
  display:none!important;
}

.sp-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  overflow:hidden!important;
}

.sp-card-bg{
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#eef3f8!important;
  flex:0 0 220px!important;
}

.featured-layout .sp-card-bg{
  height:200px!important;
  min-height:200px!important;
  max-height:200px!important;
  flex-basis:200px!important;
}

.hero-bg-image{
  width:100%!important;
  height:420px!important;
  background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Man_at_a_laptop_in_an_office_%28Unsplash%29.jpg/960px-Man_at_a_laptop_in_an_office_%28Unsplash%29.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-radius:30px!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
}

.article-photo-bg{
  width:100%!important;
  height:320px!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-radius:24px!important;
  box-shadow:0 14px 36px rgba(15,23,42,.10)!important;
  background-color:#eef3f8!important;
}

@media(max-width:991px){
  .hero-bg-image{height:310px!important}
}

@media(max-width:575px){
  .sp-card-bg,
  .featured-layout .sp-card-bg{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    flex-basis:190px!important;
  }
  .hero-bg-image,
  .article-photo-bg{
    height:230px!important;
  }
}