:root{--bg:#f8fafc;--surface:#ffffff;--ink:#102033;--muted:#334155;--line:#d8e1ea;--brand:#0f5f6b;--brand-dark:#0b4650;--accent:#7c2d12;--accent-dark:#5f210d;--soft:#e9f6f8;--soft-2:#fff7ed;--focus:#facc15;--shadow:0 20px 50px rgba(16,32,51,.10);--radius:1.25rem;--radius-sm:.8rem;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;font-size:18px}a{color:var(--brand-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--accent-dark)}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #102033;outline-offset:3px;border-radius:.35rem;box-shadow:0 0 0 7px var(--focus)}:where(a,button,summary,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus,.skip-link:focus-visible{left:1rem;top:1rem;width:auto;height:auto;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:.5rem;z-index:100}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand-link{display:inline-flex;flex-direction:column;gap:.1rem;text-decoration:none;color:var(--ink);font-weight:800;line-height:1.1}.brand-kicker{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);font-weight:700}.nav{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem .7rem;border-radius:999px;text-decoration:none;color:var(--ink);font-size:.95rem}.nav a[aria-current="page"],.nav a:hover,.nav a:focus-visible{background:var(--soft);color:var(--brand-dark)}.lang{display:flex;gap:.25rem;border-left:1px solid var(--line);padding-left:.6rem;margin-left:.2rem}.top-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mobile-menu{display:none}.mobile-menu-summary{list-style:none;cursor:pointer;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:800}.mobile-menu-summary::-webkit-details-marker{display:none}.mobile-menu-panel{display:none}.mobile-nav-links{display:flex;flex-direction:column;gap:.35rem}.mobile-nav-links a{display:flex;align-items:center;min-height:44px;padding:.55rem .65rem;border-radius:.85rem;text-decoration:none;color:var(--ink);font-weight:700}.mobile-nav-links a[aria-current="page"],.mobile-nav-links a:hover,.mobile-nav-links a:focus-visible{background:var(--soft);color:var(--brand-dark)}.mobile-menu-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;border-radius:999px;padding:.75rem 1rem;text-decoration:none;font-weight:800;border:2px solid transparent}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover,.btn-primary:focus-visible{background:var(--brand-dark);color:#fff}.btn-secondary{background:var(--accent);color:#fff}.btn-secondary:hover,.btn-secondary:focus-visible{background:var(--accent-dark);color:#fff}.btn-outline{border-color:var(--brand);color:var(--brand-dark);background:#fff}.btn-outline:hover,.btn-outline:focus-visible{background:var(--soft);color:var(--brand-dark)}.hero{padding:4rem 0 2.2rem;background:linear-gradient(135deg,#e9f6f8 0%,#fff7ed 100%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.eyebrow{display:inline-block;margin:0 0 .75rem;padding:.35rem .7rem;border-radius:999px;background:#fff;color:var(--brand-dark);font-weight:800;font-size:.9rem;border:1px solid var(--line)}h1,h2,h3{line-height:1.18;margin:0 0 1rem}h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em}h2{font-size:clamp(1.55rem,3vw,2.45rem);letter-spacing:-.025em}h3{font-size:1.22rem}h1,h2,h3{scroll-margin-top:6.5rem}.lead{font-size:1.18rem;color:#263a50;max-width:72ch}.hero-card,.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:1.25rem}.hero-card ul,.check-list{margin:0;padding:0;list-style:none}.hero-card li,.check-list li{padding:.55rem 0 .55rem 1.8rem;position:relative;border-bottom:1px solid #edf2f7}.hero-card li:last-child,.check-list li:last-child{border-bottom:0}.hero-card li:before,.check-list li:before{content:'✓';position:absolute;left:0;top:.55rem;color:var(--brand-dark);font-weight:900}.section{padding:3.2rem 0}.section-tight{padding:2rem 0}.section-title{max-width:800px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{padding:1.25rem}.card strong{color:var(--brand-dark)}.panel{padding:1.5rem;background:#fff}.soft{background:var(--soft)}.soft-2{background:var(--soft-2)}.cta{background:var(--ink);color:#fff;border-radius:var(--radius);padding:2rem}.cta a{color:#fff}.cta .muted{color:#d9e5ee}.muted{color:var(--muted)}.meta{font-size:.95rem;color:var(--muted)}.breadcrumb{font-size:.95rem;margin:1rem 0;color:var(--muted)}.breadcrumb a{color:var(--muted)}.breadcrumb.is-hidden{display:none!important}.faq-list{display:grid;gap:.9rem}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem}.faq-item h2{font-size:1.05rem;margin-bottom:.4rem}.post-list{display:grid;gap:1rem}.post-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;text-decoration:none;color:var(--ink)}.post-card:hover{box-shadow:var(--shadow);color:var(--ink)}.image-slot{border:2px dashed #52677f;border-radius:var(--radius);padding:1.25rem;background:#fff;margin:1.5rem 0}.image-slot h3{color:var(--brand-dark)}.image-slot dl{display:grid;grid-template-columns:11rem 1fr;gap:.3rem .8rem;margin:0}.image-slot dt{font-weight:800}.image-slot dd{margin:0}.legal-content h2{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1.6rem}.site-footer{background:#0c1826;color:#e8f0f7;margin-top:3rem}.site-footer a{color:#e8f0f7}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1.5rem;padding:2.4rem 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:1rem 0;color:#c5d3df;font-size:.95rem}.footer-links{display:grid;gap:.4rem}.footer-contact-link{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none}.footer-contact-link:hover{text-decoration:underline}.notice{background:#fff;border-left:6px solid var(--accent);padding:1rem;border-radius:.8rem}.service-strip{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0}.tag{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-weight:700;font-size:.92rem}.article-body{max-width:850px}.article-body p{margin:0 0 1rem}.article-body ul{padding-left:1.3rem}.article-body li{margin:.35rem 0}.toc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem}.toc a{display:block;padding:.25rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.hero-grid,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.header-row{align-items:center;flex-direction:row;flex-wrap:wrap}.brand-link{flex:1 1 auto;max-width:calc(100% - 7.5rem)}.desktop-nav,.header-row>.top-actions{display:none}.mobile-menu{display:block;position:relative}.mobile-menu-summary{display:inline-flex}.mobile-menu[open] .mobile-menu-panel{display:block;position:absolute;right:0;top:calc(100% + .65rem);width:min(92vw,380px);max-height:calc(100vh - 7rem);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);padding:.85rem;z-index:40}.mobile-nav-links .lang{display:flex;gap:.35rem;border-left:0;border-top:1px solid var(--line);padding-left:0;margin-left:0;margin-top:.45rem;padding-top:.55rem}.mobile-nav-links .lang a{flex:1;justify-content:center}.mobile-menu-actions .btn{flex:1 1 10rem}.hero{padding-top:2rem}.image-slot dl{grid-template-columns:1fr}}@media (max-width:560px){body{font-size:16px}.wrap{padding:0 1rem}.nav a{padding:.4rem .55rem}.section{padding:2.3rem 0}.cta{padding:1.25rem}.hero-card,.card,.panel{border-radius:1rem}.btn{width:100%}}
.whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:999px;background-color:#075e54;background-image:url("../img/whatsapp-white.png");background-repeat:no-repeat;background-position:center;background-size:2rem 2rem;box-shadow:0 12px 28px rgba(15,23,42,.28);transition:transform 180ms ease,background-color 180ms ease,box-shadow 180ms ease}.whatsapp-float:hover,.whatsapp-float:focus-visible{background:#064e46;transform:translateY(-3px) scale(1.04);box-shadow:0 16px 34px rgba(15,23,42,.34)}.whatsapp-float:focus-visible{outline:3px solid #102033;outline-offset:3px;box-shadow:0 0 0 7px var(--focus),0 16px 34px rgba(15,23,42,.34)}
.footer-contact-note {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  color:#e8f0f7;
  font-size: 0.95rem;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Mejoras visuales y SEO: bloques de confianza, diagnóstico y enlazado relacionado */
.trust-band{background:linear-gradient(135deg,#f8fafc 0%,#e9f6f8 100%)}
.confidence-list .card{position:relative;overflow:hidden}
.confidence-list .card::before{content:"";display:block;width:3rem;height:.28rem;background:var(--brand);border-radius:999px;margin-bottom:1rem}
.service-note{border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:var(--shadow);margin:1.5rem 0}
.service-note h2{font-size:1.22rem;color:var(--brand-dark)}
.mini-list{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}
.mini-list li{position:relative;padding-left:1.65rem}
.mini-list li::before{content:"•";position:absolute;left:.35rem;color:var(--brand-dark);font-weight:900}
.related-guides{background:#fff}
.related-guides .post-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.related-guides .post-card{min-height:5.5rem}
@media (max-width:900px){.related-guides .post-list{grid-template-columns:1fr}}

.image-slot{display:none!important}


/* Imágenes optimizadas de contenido */
.media-card{margin:1.5rem 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.media-card picture,.media-card img{display:block;width:100%;height:auto}
.media-card figcaption{padding:.8rem 1rem;color:var(--muted);font-size:.95rem}

/* Miniaturas del blog */
.post-thumb{display:block;margin:-.35rem -.35rem .9rem;overflow:hidden;border-radius:calc(var(--radius) - .35rem);background:#f1f5f9}
.post-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.post-card strong{display:block;margin-bottom:.35rem}


/* Botones opción C: azul profesional, forma rectangular y hover visible */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:48px;
  padding:.82rem 1.25rem;
  border-radius:.55rem;
  border:1px solid transparent;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.btn-primary{
  background:#0b5ed7;
  border-color:#0b5ed7;
  color:#fff;
  box-shadow:0 8px 18px rgba(11,94,215,.18);
}
.btn-primary:hover,.btn-primary:focus-visible{
  background:#084298;
  border-color:#084298;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(8,66,152,.25);
}
.btn-secondary,.btn-outline{
  background:#eef5ff;
  border-color:#9ec5fe;
  color:#084298;
  box-shadow:0 6px 14px rgba(13,110,253,.10);
}
.btn-secondary:hover,.btn-secondary:focus-visible,.btn-outline:hover,.btn-outline:focus-visible{
  background:#d6e9ff;
  border-color:#0b5ed7;
  color:#052c65;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(13,110,253,.16);
}
.btn:active{
  transform:translateY(0);
}