.cf-answer-layer{
  border-top:1px solid #e2e8f0;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  color:#334155;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
.cf-answer-layer *{box-sizing:border-box}
.cf-answer-layer__inner{max-width:1152px;margin:0 auto;padding:52px 16px 58px}
.cf-answer-layer__eyebrow{margin:0 0 8px;color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cf-answer-layer h2,.cf-answer-layer h3{color:#0f172a;line-height:1.2}
.cf-answer-layer h2{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.025em}
.cf-answer-layer h3{margin:0 0 8px;font-size:18px}
.cf-answer-layer p{margin:0;line-height:1.68}
.cf-answer-layer a{color:#4338ca;font-weight:750;text-decoration:none}
.cf-answer-layer a:hover{text-decoration:underline}
.cf-answer-layer__lead{max-width:820px;margin-top:14px!important;color:#475569;font-size:17px}
.cf-answer-layer__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 34px}
.cf-answer-fact{padding:16px 17px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035)}
.cf-answer-fact dt{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.cf-answer-fact dd{margin:5px 0 0;color:#0f172a;font-size:17px;font-weight:900;line-height:1.35}
.cf-answer-layer__section{margin-top:36px}
.cf-answer-layer__section>p{margin-top:10px;max-width:900px}
.cf-answer-table-wrap{overflow-x:auto;margin-top:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.cf-answer-table{width:100%;border-collapse:collapse;min-width:720px;font-size:14px}
.cf-answer-table th,.cf-answer-table td{padding:13px 15px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}
.cf-answer-table th{background:#f8fafc;color:#0f172a;font-size:12px;letter-spacing:.025em;text-transform:uppercase}
.cf-answer-table tr:last-child td{border-bottom:0}
.cf-answer-table td:first-child{color:#0f172a;font-weight:850}
.cf-answer-layer__method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px;counter-reset:cfmethod}
.cf-answer-method{position:relative;padding:18px 18px 18px 58px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;counter-increment:cfmethod}
.cf-answer-method::before{content:counter(cfmethod);position:absolute;left:17px;top:17px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef2ff;color:#4338ca;font-size:13px;font-weight:900}
.cf-answer-method p{color:#475569;font-size:14px}
.cf-answer-case{margin-top:16px;padding:20px;border:1px solid #c7d2fe;border-radius:18px;background:linear-gradient(135deg,#eef2ff,#fff);box-shadow:0 9px 24px rgba(79,70,229,.06)}
.cf-answer-case__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}
.cf-answer-case__metric{padding:12px;border-radius:13px;background:rgba(255,255,255,.88);border:1px solid rgba(199,210,254,.8)}
.cf-answer-case__metric span{display:block;color:#64748b;font-size:12px;font-weight:750}
.cf-answer-case__metric strong{display:block;margin-top:3px;color:#0f172a;font-size:17px}
.cf-answer-layer__notice{margin-top:16px;padding:15px 17px;border-left:4px solid #4f46e5;border-radius:10px;background:#eef2ff;color:#334155}
.cf-answer-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.cf-answer-faq details{border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}
.cf-answer-faq summary{position:relative;padding:15px 42px 15px 16px;color:#0f172a;font-weight:850;line-height:1.35;cursor:pointer;list-style:none}
.cf-answer-faq summary::-webkit-details-marker{display:none}
.cf-answer-faq summary::after{content:"+";position:absolute;right:16px;top:12px;color:#4f46e5;font-size:23px;font-weight:500}
.cf-answer-faq details[open] summary::after{content:"–"}
.cf-answer-faq details p{padding:0 16px 16px;color:#475569;font-size:14px}
.cf-answer-faq summary:focus-visible{outline:3px solid rgba(79,70,229,.28);outline-offset:-3px}
.cf-answer-layer__sources{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:15px}
.cf-answer-layer__updated{margin-top:18px!important;color:#64748b;font-size:12px}
@media(max-width:800px){
  .cf-answer-layer__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cf-answer-case__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cf-answer-faq{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cf-answer-layer__inner{padding:38px 16px 44px}
  .cf-answer-layer__facts,.cf-answer-layer__method{grid-template-columns:1fr}
  .cf-answer-layer__lead{font-size:16px}
}

/* Home compacta: el contenido SEO sigue en el DOM, pero queda plegado por defecto. */
.cf-answer-layer{padding:18px 16px 20px}
.cf-answer-layer__disclosure{max-width:1152px;margin:0 auto;border:1px solid #dbe4ee;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);overflow:hidden}
.cf-answer-layer__disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:18px 22px;color:#0f172a;font-size:15px;font-weight:850;line-height:1.35;cursor:pointer;list-style:none;user-select:none}
.cf-answer-layer__disclosure>summary::-webkit-details-marker{display:none}
.cf-answer-layer__disclosure>summary:hover{background:#f8fafc}
.cf-answer-layer__disclosure>summary:focus-visible{outline:3px solid rgba(79,70,229,.28);outline-offset:-3px}
.cf-answer-layer__summary-text{display:block}
.cf-answer-layer__summary-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:22px;line-height:1;transition:transform .2s ease}
.cf-answer-layer__disclosure[open]>.cf-answer-layer__summary-icon,.cf-answer-layer__disclosure[open]>summary .cf-answer-layer__summary-icon{transform:rotate(180deg)}
.cf-answer-layer__disclosure[open]>summary{border-bottom:1px solid #e2e8f0;background:#f8fafc}
.cf-answer-layer__disclosure-body .cf-answer-layer__inner{padding:34px 20px 44px}
.cf-answer-layer__explore{padding-top:4px}
#cf-home-seo-slot{width:100%}
/* Home: un único contenedor visible para el desplegable SEO/GEO.
   El borde pertenece al summary clicable; el details exterior queda neutro. */
#cf-home-seo-slot .cf-answer-layer__disclosure{
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
@media(max-width:560px){
  .cf-answer-layer{padding:14px 12px 16px}
  .cf-answer-layer__disclosure>summary{min-height:62px;padding:16px 16px;font-size:14px}
  .cf-answer-layer__disclosure-body .cf-answer-layer__inner{padding:28px 14px 36px}
}