
/* Vigilo Phase 2: arquitectura SEO, accesibilidad y conversión */
:root{--vigilo-orange:#f7931e;--vigilo-dark:#17202a;--vigilo-soft:#f7f8fa;--vigilo-border:#e6e8eb}
.seo-breadcrumb{background:#f7f8fa;border-bottom:1px solid var(--vigilo-border);padding:12px 0;font-size:14px}
.seo-breadcrumb a{color:#555}.seo-breadcrumb span{color:#777}
.pillar-hero{padding:72px 0 58px;background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)}
.pillar-hero h1{font-size:44px;line-height:1.15;margin-bottom:20px;color:var(--vigilo-dark)}
.pillar-hero .lead{font-size:20px;line-height:1.65;max-width:900px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}
.pillar-card{background:#fff;border:1px solid var(--vigilo-border);border-radius:12px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.05);height:100%}
.pillar-card h2,.pillar-card h3{color:var(--vigilo-dark);margin-top:0}
.pillar-card .fa{color:var(--vigilo-orange);font-size:28px;margin-bottom:15px}
.content-section{padding:64px 0}.content-section.alt{background:var(--vigilo-soft)}
.content-section h2{font-size:32px;margin-bottom:22px}.content-section p,.content-section li{font-size:17px;line-height:1.75}
.feature-list{padding-left:0;list-style:none}.feature-list li{position:relative;padding-left:28px;margin-bottom:10px}
.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--vigilo-orange);font-weight:700}
.seo-faq{padding:64px 0}.seo-faq details{background:#fff;border:1px solid var(--vigilo-border);border-radius:8px;margin-bottom:12px;padding:0 20px}
.seo-faq summary{cursor:pointer;font-weight:700;padding:18px 0;color:var(--vigilo-dark)}
.seo-faq details p{padding:0 0 18px;margin:0;line-height:1.7}
.cta-band{background:var(--vigilo-dark);color:#fff;padding:48px 0;text-align:center}
.cta-band h2,.cta-band p{color:#fff}.cta-band .main_bt{margin:8px}
.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:22px 0;border-top:1px solid var(--vigilo-border);border-bottom:1px solid var(--vigilo-border)}
.trust-strip strong{color:var(--vigilo-orange);font-size:22px;display:block}
.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:991px){.pillar-grid{grid-template-columns:1fr}.pillar-hero h1{font-size:35px}}
@media(max-width:600px){.pillar-hero{padding:48px 0 38px}.pillar-hero h1{font-size:30px}.pillar-hero .lead{font-size:18px}.content-section{padding:45px 0}}
