/* ==========================================================
   V8.2 · COMPATIBILIDAD REAL CON LA HOME
   El CSS de la home usa --ink, --teal, --green-2, --paper,
   --line y --mint-2. Las páginas SEO habían usado aliases
   distintos. Aquí se mapean explícitamente para evitar reglas
   CSS inválidas y textos blancos sobre fondo blanco.
   ========================================================== */
:root{
  --primary:var(--ink);
  --accent:var(--teal);
  --accent-dark:var(--green-2);
  --bg:var(--paper);
  --border:var(--line);
  --soft:var(--mint-2);
}


/* ==========================================================
   FAACIL · SEO CLUSTER
   Extensión de faacil-v3.css. Mantiene exactamente la misma
   identidad visual de la home.
   ========================================================== */

.seo-progress{
  position:fixed;top:0;left:0;z-index:10000;width:0;height:3px;
  background:linear-gradient(90deg,var(--accent),#7fd3c7);
  box-shadow:0 1px 7px rgba(62,183,168,.26)
}
.seo-page{background:var(--bg)}
.seo-hero{
  position:relative;overflow:hidden;padding:82px 0 60px;
  background:
    radial-gradient(circle at 12% 13%,rgba(62,183,168,.15),transparent 25%),
    radial-gradient(circle at 90% 5%,rgba(255,229,91,.14),transparent 22%),
    linear-gradient(180deg,#fbfdfc 0%,#f2f8f5 100%);
}
.seo-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(23,63,64,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(23,63,64,.028) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 82%)
}
.seo-hero-grid{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 370px;
  gap:72px;align-items:center
}
.seo-eyebrow{
  display:inline-flex;align-items:center;gap:8px;color:var(--accent-dark);
  font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.seo-eyebrow:before{content:"";width:26px;height:2px;background:var(--accent);border-radius:99px}
.seo-hero h1{
  max-width:780px;margin:18px 0 21px;color:var(--primary);
  font-family:"Space Grotesk",sans-serif;font-size:clamp(49px,5.5vw,76px);
  line-height:.98;letter-spacing:-.055em
}
.seo-hero h1 em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}
.seo-hero h1 em:after{
  content:"";position:absolute;left:0;right:0;bottom:3px;height:9px;
  background:rgba(255,229,91,.8);z-index:-1;transform:rotate(-.5deg)
}
.seo-lead{max-width:730px;margin:0;color:var(--muted);font-size:18px;line-height:1.72}
.seo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.seo-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}
.seo-proof span{
  padding:7px 10px;border:1px solid var(--border);border-radius:999px;
  background:rgba(255,255,255,.77);color:#607a76;font-size:11px;font-weight:700
}
.seo-answer{
  padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;
  background:linear-gradient(145deg,var(--primary),#245e5b);color:#fff;
  box-shadow:0 28px 75px rgba(23,63,64,.19)
}
.seo-answer>span{
  display:block;color:#8bd3c8;font-size:10px;font-weight:900;letter-spacing:.13em
}
.seo-answer strong{
  display:block;margin:10px 0 7px;color:#fff;
  font-family:"Space Grotesk",sans-serif;font-size:44px;line-height:1;letter-spacing:-.04em
}
.seo-answer h2{
  margin:9px 0 8px;color:#fff;font-family:"Space Grotesk",sans-serif;
  font-size:25px;line-height:1.08;letter-spacing:-.03em
}
.seo-answer p{margin:0;color:#c2d8d4;font-size:12px;line-height:1.65}
.seo-answer hr{height:1px;border:0;background:rgba(255,255,255,.12);margin:18px 0}
.seo-answer small{display:block;color:#98b8b3;font-size:9px;line-height:1.6}
.seo-answer a{display:inline-block;margin-top:14px;color:var(--yellow);font-size:10px;font-weight:900}

.seo-subnav{
  position:sticky;top:82px;z-index:18;border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px)
}
.seo-subnav .shell{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-top:9px;padding-bottom:9px;scrollbar-width:none}
.seo-subnav .shell::-webkit-scrollbar{display:none}
.seo-subnav a{
  flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#617975;
  font-size:10px;font-weight:800;transition:.18s
}
.seo-subnav a:hover,.seo-subnav a.is-active{background:var(--soft);color:var(--primary)}

.seo-summary{padding:34px 0 74px;background:#f2f8f5}
.seo-summary-grid{
  display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;
  border:1px solid var(--border);border-radius:22px;background:#fff;
  box-shadow:0 18px 54px rgba(23,63,64,.055)
}
.seo-summary-grid article{padding:23px;border-left:1px solid #e3ece9}
.seo-summary-grid article:first-child{border-left:0}
.seo-summary-grid i{font-style:normal;color:#68a79f;font-size:9px;font-weight:800}
.seo-summary-grid h3{margin:8px 0 4px;color:#78908c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.seo-summary-grid strong{display:block;color:var(--primary);font-size:14px}
.seo-summary-grid p{margin:7px 0 0;color:#748a86;font-size:10px;line-height:1.56}

.seo-section{padding:84px 0;background:#fff}
.seo-section.soft{background:#f5faf8}
.seo-section.dark{background:var(--primary);color:#fff}
.seo-two{display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center}
.seo-copy>span,.seo-heading>span{
  display:block;color:var(--accent-dark);font-size:10px;font-weight:900;
  letter-spacing:.14em;text-transform:uppercase
}
.seo-section.dark .seo-copy>span,.seo-section.dark .seo-heading>span{color:#84d1c6}
.seo-copy h2,.seo-heading h2{
  margin:8px 0 17px;color:var(--primary);font-family:"Space Grotesk",sans-serif;
  font-size:42px;line-height:1.04;letter-spacing:-.04em
}
.seo-section.dark .seo-copy h2,.seo-section.dark .seo-heading h2{color:#fff}
.seo-copy p{color:#5f7773;font-size:15px;line-height:1.77}
.seo-section.dark .seo-copy p,.seo-section.dark .seo-heading p{color:#acc4bf}
.seo-heading{text-align:center;max-width:790px;margin:0 auto 31px}
.seo-heading p{color:#657d79;font-size:14px;line-height:1.68}

.seo-source{
  margin-top:20px;padding:15px 17px;border:1px solid var(--border);
  border-radius:14px;background:#f9fbfa
}
.seo-source b{color:var(--primary);font-size:11px}
.seo-source p{margin:5px 0 8px!important;color:#758985!important;font-size:10px!important;line-height:1.55!important}
.seo-source a{color:var(--accent-dark);font-size:10px;font-weight:900}

.seo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.seo-card{
  padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff;
  box-shadow:0 12px 35px rgba(23,63,64,.04)
}
.seo-card i{
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:var(--soft);color:var(--accent-dark);font-style:normal;font-size:9px;font-weight:900
}
.seo-card h3{margin:14px 0 7px;color:var(--primary);font-family:"Space Grotesk",sans-serif;font-size:19px}
.seo-card p{margin:0;color:#6a817d;font-size:11px;line-height:1.65}
.dark .seo-card{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.045);box-shadow:none}
.dark .seo-card i{background:rgba(126,210,197,.13);color:#8bd3c8}
.dark .seo-card h3{color:#fff}.dark .seo-card p{color:#a8c1bc}

.seo-checklist{display:grid;gap:10px}
.seo-check{
  display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px;
  border:1px solid var(--border);border-radius:15px;background:#fff
}
.seo-check i{
  display:grid;place-items:center;width:28px;height:28px;border-radius:9px;
  background:#e5f6ef;color:#2c8a72;font-style:normal;font-weight:900
}
.seo-check b{display:block;color:var(--primary);font-size:12px}
.seo-check p{margin:4px 0 0;color:#6b827e;font-size:10px;line-height:1.55}

.seo-timeline{display:grid;gap:0;padding-left:22px}
.seo-time{padding:22px;border:1px solid var(--border);border-radius:17px;background:#fff}
.seo-time.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 20px 45px rgba(23,63,64,.15)}
.seo-time>span{display:block;color:#738d89;font-family:"Space Grotesk",sans-serif;font-size:27px;font-weight:700}
.seo-time.active>span{color:var(--yellow)}
.seo-time b{display:block;margin-top:4px;color:var(--primary);font-size:13px}
.seo-time.active b{color:#fff}
.seo-time p{margin:4px 0 0;color:#788d89;font-size:10px;line-height:1.5}
.seo-time.active p{color:#aac5c0}
.seo-time-line{width:2px;height:26px;margin-left:29px;background:#bfd6d1}

.seo-callout{padding:0 0 76px;background:#f5faf8}
.seo-callout-box{
  display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;
  padding:28px 31px;border:1px solid #eedf98;border-radius:23px;background:#fff2a9
}
.seo-callout-box>div>span{color:#756928;font-size:9px;font-weight:900;letter-spacing:.13em}
.seo-callout-box h2{margin:5px 0;color:var(--primary);font-family:"Space Grotesk",sans-serif;font-size:28px}
.seo-callout-box p{margin:0;color:#716a43;font-size:11px;line-height:1.55}

.seo-faq{max-width:840px;margin:30px auto 0}
.seo-faq details{padding:17px 2px;border-bottom:1px solid #e1eae7}
.seo-faq summary{cursor:pointer;list-style:none;color:var(--primary);font-size:13px;font-weight:800}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary:after{content:"+";float:right;color:#56a096}
.seo-faq details[open] summary:after{content:"–"}
.seo-faq details p{margin:10px 24px 0 0;color:#667e7a;font-size:11px;line-height:1.72}

.seo-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px;background:#fff}
.seo-table{width:100%;border-collapse:collapse;min-width:760px}
.seo-table th,.seo-table td{padding:15px 17px;text-align:left;border-bottom:1px solid #e6eeeb;vertical-align:top}
.seo-table th{background:#f5f9f7;color:#617a76;font-size:10px;letter-spacing:.06em}
.seo-table td{color:#607874;font-size:11px;line-height:1.55}
.seo-table td:first-child{color:var(--primary);font-weight:800}
.seo-table tr:last-child td{border-bottom:0}

.seo-final{padding:0 0 84px;background:#fff}
.seo-final-box{
  display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;
  padding:32px 34px;border-radius:25px;background:linear-gradient(135deg,var(--primary),#245e5b);color:#fff
}
.seo-final-box>div>span{color:#80d0c4;font-size:9px;font-weight:900;letter-spacing:.13em}
.seo-final-box h2{margin:6px 0;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:31px}
.seo-final-box p{margin:0;color:#b8cfca;font-size:11px}
.seo-final-box .btn{background:var(--yellow);color:var(--primary);white-space:nowrap}

.seo-related{padding:58px 0 74px;background:#f5faf8}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.seo-related a{
  padding:20px;border:1px solid var(--border);border-radius:17px;background:#fff;transition:.18s
}
.seo-related a:hover{transform:translateY(-2px);border-color:#a7cec7}
.seo-related a span{display:block;color:var(--accent-dark);font-size:9px;font-weight:900;letter-spacing:.1em}
.seo-related a b{display:block;margin:5px 0;color:var(--primary);font-size:13px}
.seo-related a small{color:#748985;font-size:10px;line-height:1.5}

@media(max-width:900px){
  .seo-hero-grid,.seo-two{grid-template-columns:1fr;gap:38px}
  .seo-summary-grid{grid-template-columns:1fr 1fr}
  .seo-summary-grid article:nth-child(3){border-left:0;border-top:1px solid #e3ece9}
  .seo-summary-grid article:nth-child(4){border-top:1px solid #e3ece9}
  .seo-cards,.seo-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .seo-hero{padding:50px 0 45px}.seo-hero h1{font-size:45px}.seo-lead{font-size:15px}
  .seo-answer strong{font-size:38px}.seo-subnav{top:70px}
  .seo-summary-grid,.seo-cards,.seo-related-grid{grid-template-columns:1fr}
  .seo-summary-grid article{border-left:0;border-top:1px solid #e3ece9}
  .seo-summary-grid article:first-child{border-top:0}
  .seo-section{padding:64px 0}.seo-copy h2,.seo-heading h2{font-size:34px}
  .seo-callout-box,.seo-final-box{grid-template-columns:1fr}
  .seo-callout-box .btn,.seo-final-box .btn{width:100%}
}

/* V8 · LEGIBILIDAD Y CONVERSIÓN */
.seo-lead{font-size:19px;line-height:1.72}
.seo-answer p{font-size:14px;line-height:1.7}
.seo-answer small{font-size:11px;line-height:1.65}
.seo-summary-grid p{font-size:12px;line-height:1.62}
.seo-summary-grid strong{font-size:15px}
.seo-copy p{font-size:16px;line-height:1.78}
.seo-heading p{font-size:15px;line-height:1.72}
.seo-source b{font-size:12px}
.seo-source p{font-size:12px!important;line-height:1.62!important}
.seo-source a{font-size:11px}
.seo-card h3{font-size:20px}
.seo-card p{font-size:13px;line-height:1.7}
.seo-check b{font-size:13px}
.seo-check p{font-size:12px;line-height:1.62}
.seo-time b{font-size:14px}
.seo-time p{font-size:12px;line-height:1.6}
.seo-callout-box p{font-size:13px;line-height:1.62}
.seo-faq summary{font-size:14px}
.seo-faq details p{font-size:13px;line-height:1.75}
.seo-table th{font-size:11px}
.seo-table td{font-size:13px;line-height:1.62}
.seo-related a small{font-size:12px;line-height:1.58}
.seo-proof span{font-size:12px}
.seo-subnav a{font-size:11px}

.growth-choice{padding:76px 0;background:#fff}
.growth-choice-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}
.growth-choice-copy>span{display:block;color:var(--accent-dark);font-size:10px;font-weight:900;letter-spacing:.14em}
.growth-choice-copy h2{margin:8px 0 16px;color:var(--primary);font-family:"Space Grotesk",sans-serif;font-size:42px;line-height:1.04;letter-spacing:-.04em}
.growth-choice-copy p{margin:0;color:#5f7773;font-size:16px;line-height:1.75}
.growth-selector{padding:22px;border:1px solid var(--border);border-radius:22px;background:#f9fcfb;box-shadow:0 18px 50px rgba(23,63,64,.055)}
.growth-selector-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}
.growth-selector-head span{color:var(--accent-dark);font-size:9px;font-weight:900;letter-spacing:.12em}
.growth-selector-head b{color:var(--primary);font-size:13px}
.growth-q{margin-top:16px}
.growth-q>label{display:block;margin-bottom:7px;color:#496460;font-size:12px;font-weight:800}
.growth-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.growth-options button{min-height:44px;border:1px solid #d7e6e1;border-radius:12px;background:#fff;color:#5e7773;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.18s}
.growth-options button:hover,.growth-options button.is-selected{border-color:#70b9af;background:#eef8f5;color:var(--primary);box-shadow:0 0 0 3px rgba(62,183,168,.08)}
.growth-result{margin-top:18px;padding:16px;border-radius:14px;background:var(--primary);color:#fff}
.growth-result>span{display:block;color:#8fd3c8;font-size:9px;font-weight:900;letter-spacing:.11em}
.growth-result strong{display:block;margin:4px 0;color:#fff;font-size:18px}
.growth-result p{margin:0;color:#c0d5d1;font-size:12px;line-height:1.6}
.growth-result a{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:999px;background:var(--yellow);color:var(--primary);font-size:10px;font-weight:900}

.growth-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.growth-value{padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff}
.growth-value span{display:block;color:var(--accent-dark);font-size:9px;font-weight:900;letter-spacing:.1em}
.growth-value h3{margin:7px 0;color:var(--primary);font-family:"Space Grotesk",sans-serif;font-size:20px}
.growth-value p{margin:0;color:#667e7a;font-size:13px;line-height:1.68}
.growth-proof-band{padding:28px 0;background:#f4faf7;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.growth-proof-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.growth-proof-inner div{text-align:center;padding:9px}
.growth-proof-inner strong{display:block;color:var(--primary);font-size:14px}
.growth-proof-inner span{display:block;margin-top:3px;color:#758a86;font-size:11px}

.growth-dock{position:fixed;left:50%;bottom:16px;z-index:9996;width:min(780px,calc(100% - 28px));transform:translate(-50%,150%);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px 11px 17px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(15,51,52,.96);color:#fff;box-shadow:0 24px 65px rgba(15,51,52,.26);backdrop-filter:blur(18px);transition:.28s}
.growth-dock.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.growth-dock span{display:block;color:#8ed4c8;font-size:9px;font-weight:900;letter-spacing:.08em}
.growth-dock strong{display:block;margin-top:2px;font-size:12px}
.growth-dock-actions{display:flex;gap:8px}
.growth-dock a{display:flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:999px;font-size:10px;font-weight:900}
.growth-dock .secondary{border:1px solid rgba(255,255,255,.22);color:#fff}
.growth-dock .primary{background:var(--yellow);color:var(--primary)}
@media(max-width:900px){.growth-choice-grid{grid-template-columns:1fr}.growth-value-grid,.growth-proof-inner{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .seo-lead{font-size:16px}.seo-copy p{font-size:15px}.seo-card p,.seo-faq details p,.seo-table td{font-size:12.5px}
  .growth-options{grid-template-columns:1fr}.growth-value-grid,.growth-proof-inner{grid-template-columns:1fr}.growth-choice-copy h2{font-size:34px}
  .growth-dock{bottom:9px;display:grid;grid-template-columns:1fr;gap:8px;text-align:center}.growth-dock-actions{display:grid;grid-template-columns:.85fr 1.15fr}
}


/* ==========================================================
   V8.1 · CONTRASTE Y LEGIBILIDAD
   ========================================================== */

/* Texto sobre fondos claros: más oscuro y nunca "lavado". */
.seo-copy p,
.seo-heading p,
.seo-card p,
.seo-check p,
.seo-time p,
.seo-summary-grid p,
.seo-related a small,
.growth-choice-copy p,
.growth-value p,
.growth-proof-inner span,
.growth-q>label,
.growth-result p {
  color:#506965;
}

/* Información pequeña que sí necesita seguir siendo secundaria,
   pero debe poder leerse sin esfuerzo. */
.seo-answer small{
  color:#d2e2df;
  font-size:12px;
}
.seo-answer p{
  color:#f1f7f5;
}
.seo-answer>span{
  color:#9fe0d6;
}
.seo-answer strong,
.seo-answer h2{
  color:#ffffff;
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}

/* Precios y cifras importantes nunca heredan colores atenuados. */
.seo-card p strong,
.growth-value p strong,
.plan-helper strong{
  color:var(--primary);
  font-size:16px;
  font-weight:900;
}
.dark .seo-card p strong{
  color:#ffffff;
}

/* Tarjetas oscuras: elevar contraste de párrafos. */
.seo-section.dark .seo-card p,
.seo-section.dark .seo-copy p,
.seo-section.dark .seo-heading p{
  color:#d5e4e1;
}

/* Selector interactivo: feedback inequívoco. */
.growth-options button{
  color:#405d59;
}
.growth-options button.is-selected{
  color:#173f40;
  border-color:#4aa99e;
  background:#e4f5f0;
  box-shadow:0 0 0 3px rgba(62,183,168,.13);
}
.growth-options button.is-selected::before{
  content:"✓ ";
  font-weight:900;
}

/* Resultado interactivo: contraste alto. */
.growth-result{
  background:#173f40;
}
.growth-result>span{
  color:#a8e3da;
}
.growth-result strong{
  color:#ffffff;
  font-size:21px;
}
.growth-result p{
  color:#e0ece9;
  font-size:13px;
}
.growth-result a{
  background:#ffe45a;
  color:#173f40;
}

/* Footer y textos secundarios: un poco más visibles. */
.footer p,
.footer a,
.footer span{
  opacity:1;
}
.footer p{color:#9eb7b2}
.footer a{color:#c2d4d0}
.footer-conversion-note{color:#afc4bf}

/* En móvil no reducir por debajo de una lectura cómoda. */
@media(max-width:700px){
  .seo-answer p{font-size:13px}
  .seo-answer small{font-size:11px}
  .growth-result p{font-size:12.5px}
}


/* V8.2 · guardas de contraste */
.seo-answer{
  background:linear-gradient(145deg,#173f40,#245e5b)!important;
  color:#fff!important;
}
.seo-answer>span{color:#9fe0d6!important}
.seo-answer strong,.seo-answer h2{color:#fff!important}
.seo-answer p{color:#eef6f4!important}
.seo-answer small{color:#cfdfdc!important}
.seo-answer a{color:#ffe55b!important}

.seo-section.dark{
  background:#173f40!important;
  color:#fff!important;
}
.seo-section.dark .seo-heading h2,
.seo-section.dark .seo-copy h2,
.seo-section.dark .seo-card h3{color:#fff!important}
.seo-section.dark .seo-heading p,
.seo-section.dark .seo-copy p,
.seo-section.dark .seo-card p{color:#d5e4e1!important}

.growth-result{
  background:#173f40!important;
  color:#fff!important;
}
.growth-result>span{color:#9fe0d6!important}
.growth-result strong{color:#fff!important}
.growth-result p{color:#e1ece9!important}
.growth-result a{background:#ffe55b!important;color:#173f40!important}

.seo-card p strong,
.growth-value p strong{
  color:#173f40!important;
  font-weight:900!important;
}
.seo-section.dark .seo-card p strong{color:#fff!important}

/* Etiquetas, precios y cifras: visibles, no decorativas */
.seo-summary-grid strong,
.growth-proof-inner strong,
.growth-value h3,
.growth-selector-head b{
  color:#173f40!important;
}


/* ==========================================================
   V9 · COMPARATIVAS COMERCIALES
   ========================================================== */
.compare-hero-note{
  margin-top:14px;padding:12px 14px;border:1px solid var(--line);
  border-radius:13px;background:#fff;color:#5b726e;font-size:12px;line-height:1.6
}
.compare-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px
}
.compare-brand-card{
  padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;
  box-shadow:0 14px 40px rgba(23,63,64,.045)
}
.compare-brand-card .tag{
  display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--mint);
  color:var(--green-2);font-size:9px;font-weight:900;letter-spacing:.1em
}
.compare-brand-card h3{
  margin:12px 0 7px;color:var(--ink);font-family:"Space Grotesk",sans-serif;
  font-size:25px;letter-spacing:-.03em
}
.compare-price{
  margin:14px 0;padding:15px;border-radius:14px;background:#f5faf8;border:1px solid var(--line)
}
.compare-price strong{
  display:block;color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:27px
}
.compare-price small{display:block;margin-top:4px;color:#5e746f;font-size:11px;line-height:1.55}
.compare-brand-card ul{margin:16px 0 0;padding-left:18px;color:#536965;font-size:13px;line-height:1.8}
.compare-source{
  margin-top:16px;padding-top:14px;border-top:1px solid #e5eeeb
}
.compare-source a{color:var(--green-2);font-size:10px;font-weight:900}

.compare-table td:nth-child(2),
.compare-table td:nth-child(3){width:31%}
.compare-table .yes{color:#267b68;font-weight:900}
.compare-table .limited{color:#876a24;font-weight:800}
.compare-table .note{display:block;margin-top:3px;color:#6c817d;font-size:11px;font-weight:400}

.compare-choose{
  display:grid;grid-template-columns:1fr 1fr;gap:16px
}
.compare-choose article{
  padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff
}
.compare-choose h3{
  margin:0 0 10px;color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:20px
}
.compare-choose p{margin:0;color:#5f7672;font-size:13px;line-height:1.7}

.compare-updated{
  display:inline-flex;margin-top:12px;padding:6px 9px;border-radius:999px;
  background:#edf8f4;color:#4b6a65;font-size:10px;font-weight:800
}

@media(max-width:760px){
  .compare-grid,.compare-choose{grid-template-columns:1fr}
}


/* ==========================================================
   V10 · NAVEGACIÓN CONTEXTUAL + CENTRO DE RECURSOS
   ========================================================== */

.context-nav{
  position:relative;
  z-index:17;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.context-nav-inner{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.context-nav-left{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}
.context-back{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#49635f;
  font-size:11px;
  font-weight:900;
}
.context-back:hover{color:var(--ink)}
.context-sep{
  width:1px;
  height:17px;
  background:#dfe9e6;
  flex:0 0 auto;
}
.context-crumbs{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  color:#7a8f8b;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
}
.context-crumbs a{
  color:#607873;
  font-weight:800;
}
.context-crumbs .current{
  overflow:hidden;
  text-overflow:ellipsis;
}
.context-nav-right{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.context-nav-right a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
}
.context-resources{
  border:1px solid #cfe0dc;
  color:#45625d;
  background:#fff;
}
.context-signup{
  background:#173f40;
  color:#fff;
}

.resource-progress{
  position:fixed;
  z-index:10002;
  top:0;
  left:0;
  height:3px;
  width:0;
  background:linear-gradient(90deg,#3eb7a8,#80d8cc);
  box-shadow:0 1px 7px rgba(62,183,168,.23)
}

/* Centro de recursos */
.resources-hero{
  position:relative;
  overflow:hidden;
  padding:82px 0 64px;
  background:
    radial-gradient(circle at 12% 13%,rgba(62,183,168,.15),transparent 25%),
    radial-gradient(circle at 90% 4%,rgba(255,229,91,.13),transparent 22%),
    linear-gradient(180deg,#fbfdfc,#f2f8f5);
}
.resources-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(23,63,64,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,63,64,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
.resources-hero-inner{
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.resources-hero .seo-eyebrow{justify-content:center}
.resources-hero h1{
  margin:17px 0 20px;
  color:var(--ink);
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(50px,5.4vw,74px);
  line-height:.98;
  letter-spacing:-.055em;
}
.resources-hero h1 em{font-style:normal;color:var(--teal)}
.resources-hero p{
  max-width:760px;
  margin:0 auto;
  color:#58716d;
  font-size:18px;
  line-height:1.72;
}
.resource-tabs{
  margin-top:25px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.resource-tabs a{
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#58706c;
  font-size:11px;
  font-weight:800;
}
.resource-tabs a:hover{border-color:#96c8bf;color:var(--ink)}

.resource-section{
  padding:74px 0;
  background:#fff;
}
.resource-section.soft{background:#f5faf8}
.resource-heading{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:25px;
  margin-bottom:26px;
}
.resource-heading span{
  display:block;
  color:var(--green-2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.resource-heading h2{
  margin:6px 0 0;
  color:var(--ink);
  font-family:"Space Grotesk",sans-serif;
  font-size:34px;
  letter-spacing:-.035em;
}
.resource-heading p{
  max-width:520px;
  margin:0;
  color:#647d78;
  font-size:13px;
  line-height:1.65;
}
.resource-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.resource-card{
  position:relative;
  display:flex;
  min-height:230px;
  flex-direction:column;
  padding:23px;
  border:1px solid var(--line);
  border-radius:19px;
  background:#fff;
  box-shadow:0 12px 34px rgba(23,63,64,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.resource-card:hover{
  transform:translateY(-3px);
  border-color:#9bcac1;
  box-shadow:0 20px 44px rgba(23,63,64,.07);
}
.resource-card .type{
  display:inline-flex;
  align-self:flex-start;
  padding:5px 8px;
  border-radius:999px;
  background:#eaf7f3;
  color:#357b73;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}
.resource-card h3{
  margin:14px 0 8px;
  color:var(--ink);
  font-family:"Space Grotesk",sans-serif;
  font-size:21px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.resource-card p{
  margin:0;
  color:#607873;
  font-size:13px;
  line-height:1.65;
}
.resource-card .go{
  margin-top:auto;
  padding-top:16px;
  color:#2f7f76;
  font-size:11px;
  font-weight:900;
}
.resource-card.featured{
  background:#173f40;
  border-color:#173f40;
}
.resource-card.featured .type{
  background:rgba(132,209,198,.13);
  color:#9fe0d6;
}
.resource-card.featured h3{color:#fff}
.resource-card.featured p{color:#d2e3df}
.resource-card.featured .go{color:#ffe55b}

.resources-final{
  padding:0 0 80px;
  background:#fff;
}
.resources-final-box{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:24px;
  padding:30px 34px;
  border-radius:24px;
  background:linear-gradient(135deg,#173f40,#245e5b);
  color:#fff;
}
.resources-final-box span{
  color:#8ad2c7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.resources-final-box h2{
  margin:6px 0;
  color:#fff;
  font-family:"Space Grotesk",sans-serif;
  font-size:31px;
}
.resources-final-box p{
  margin:0;
  color:#bed2ce;
  font-size:12px;
}
.resources-final-box a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:#ffe55b;
  color:#173f40;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

@media(max-width:880px){
  .resource-grid{grid-template-columns:1fr 1fr}
  .resource-heading{grid-template-columns:1fr}
}
@media(max-width:700px){
  .context-nav-right .context-resources{display:none}
  .context-crumbs .home-crumb{display:none}
  .context-nav-inner{min-height:45px;gap:10px}
  .context-nav-left{gap:9px}
  .context-nav-right a{min-height:32px;padding:0 10px}
  .resources-hero{padding:55px 0 48px}
  .resources-hero h1{font-size:45px}
  .resources-hero p{font-size:15px}
  .resource-grid{grid-template-columns:1fr}
  .resources-final-box{grid-template-columns:1fr}
  .resources-final-box a{width:100%}
}