
:root{--tlc-cap-blue:#1769f6;--tlc-cap-blue2:#0f56d9;--tlc-cap-ink:#162033;--tlc-cap-muted:#66758a;--tlc-cap-line:#dfe8f3;--tlc-cap-soft:#f4f8fd;--tlc-cap-shadow:0 18px 55px rgba(28,70,125,.10)}
body.tlc-capacidad-v20-page .content-area,
body.tlc-capacidad-v20-page .site-main,
body.tlc-capacidad-v20-page .entry-content,
body.tlc-capacidad-v20-page .entry-content-wrap,
body.tlc-capacidad-v20-page .content-container,
body.tlc-capacidad-v20-page #primary,
body.tlc-capacidad-v20-page .site-content{margin-top:0!important;padding-top:0!important}
body.tlc-capacidad-v20-page .entry-header{margin:0!important;padding:0!important}
.tlc-capv20,.tlc-capv20 *,.tlc-capv20 *:before,.tlc-capv20 *:after{box-sizing:border-box}
.tlc-capv20{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tlc-cap-ink);background:#f6f9fd;max-width:100%;overflow-x:hidden}
.tlc-capv20 button,.tlc-capv20 input,.tlc-capv20 select{font:inherit}
.tlc-capv20 button{cursor:pointer}
.tlc-cap-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 46px}
.tlc-cap-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 2px 24px}
.tlc-cap-hero>div{max-width:780px}
.tlc-cap-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#0f56d9;font-size:12px;font-weight:800;margin-bottom:10px}
.tlc-cap-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-2px;margin:0 0 10px;color:var(--tlc-cap-ink)}
.tlc-cap-hero p{font-size:17px;line-height:1.65;color:var(--tlc-cap-muted);margin:0}
.tlc-cap-hero-badge{flex:0 0 auto;background:#fff;border:1px solid var(--tlc-cap-line);border-radius:18px;padding:15px 17px;box-shadow:var(--tlc-cap-shadow);min-width:205px}
.tlc-cap-hero-badge small{display:block;color:var(--tlc-cap-muted);font-size:11px;margin-bottom:3px}
.tlc-cap-hero-badge strong{font-size:19px}
.tlc-cap-modebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;border:1px solid var(--tlc-cap-line);border-radius:18px;padding:8px;margin-bottom:14px;box-shadow:0 8px 30px rgba(28,70,125,.06)}
.tlc-cap-mode{border:1px solid transparent!important;background:transparent!important;border-radius:13px!important;padding:13px 16px!important;text-align:left!important;color:var(--tlc-cap-ink)!important;box-shadow:none!important}
.tlc-cap-mode strong{display:block;font-size:15px;color:inherit!important}
.tlc-cap-mode span{display:block;color:var(--tlc-cap-muted)!important;font-size:12px;margin-top:3px}
.tlc-cap-mode.is-active{background:#eef5ff!important;border-color:#bcd4fb!important;color:#0f56d9!important}
.tlc-cap-mode.is-active span{color:#426b9d!important}
.tlc-cap-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:14px;align-items:start}
.tlc-cap-card{background:#fff;border:1px solid var(--tlc-cap-line);border-radius:22px;box-shadow:var(--tlc-cap-shadow);min-width:0}
.tlc-cap-form{padding:22px}
.tlc-cap-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.tlc-cap-card-head h2{font-size:23px;letter-spacing:-.4px;margin:0 0 5px;color:var(--tlc-cap-ink)}
.tlc-cap-card-head p{font-size:13px;line-height:1.55;color:var(--tlc-cap-muted);margin:0}
.tlc-cap-live{font-size:11px;font-weight:800;color:#0c865c;background:#e9fbf4;padding:7px 9px;border-radius:999px;white-space:nowrap}
.tlc-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tlc-cap-full{grid-column:1/-1}
.tlc-cap-field label{display:block;font-size:13px;font-weight:800;margin:0 0 7px}
.tlc-cap-field label small{font-weight:500;color:var(--tlc-cap-muted)}
.tlc-cap-control{position:relative}
.tlc-cap-control input,.tlc-cap-control select{width:100%!important;height:54px!important;border:1.5px solid #d9e3ef!important;border-radius:13px!important;background:#fbfdff!important;color:var(--tlc-cap-ink)!important;padding:0 46px 0 13px!important;font-size:17px!important;font-weight:750!important;outline:none!important;transition:.18s;box-shadow:none!important}
.tlc-cap-control select{padding-right:36px!important}
.tlc-cap-control input:focus,.tlc-cap-control select:focus{border-color:#6ca3ff!important;box-shadow:0 0 0 4px rgba(23,105,246,.09)!important;background:#fff!important}
.tlc-cap-control>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;color:#7b8a9d;pointer-events:none}
.tlc-cap-hint{font-size:11px;line-height:1.5;color:#7a8797;margin:5px 0 0}
.tlc-cap-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.tlc-cap-presets button{border:1px solid #d8e5f5!important;background:#f7fbff!important;color:#315a8b!important;border-radius:999px!important;padding:6px 9px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
.tlc-cap-range-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}
.tlc-cap-range-head label{margin:0}
.tlc-cap-range-head span{font-size:12px;font-weight:900;color:#0f56d9;background:#eef5ff;padding:6px 8px;border-radius:8px}
.tlc-cap-range{width:100%;accent-color:var(--tlc-cap-blue)}
.tlc-cap-range-scale{display:flex;justify-content:space-between;color:#8a97a8;font-size:10px;margin-top:3px}
.tlc-cap-cta{width:100%!important;min-height:56px!important;margin-top:18px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--tlc-cap-blue),var(--tlc-cap-blue2))!important;color:#fff!important;font-weight:900!important;font-size:16px!important;box-shadow:0 12px 25px rgba(23,105,246,.24)!important}
.tlc-cap-result{position:sticky;top:10px;overflow:hidden}
.tlc-cap-result-top{background:linear-gradient(145deg,#1769f6,#0f56d9 70%,#0e47b5);color:#fff;padding:24px}
.tlc-cap-result-top>span{font-size:11px;font-weight:900;opacity:.82;letter-spacing:.4px}
.tlc-cap-result-top>strong{display:block;font-size:clamp(45px,6vw,68px);line-height:.98;letter-spacing:-2px;font-weight:950;margin:10px 0 9px;color:#fff!important}
.tlc-cap-result-top p{font-size:13px;line-height:1.55;color:#fff!important;margin:0;opacity:.94}
.tlc-cap-result-top em{display:inline-flex;margin-top:13px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);padding:8px 10px;border-radius:999px;font-size:11px;font-weight:800;font-style:normal}
.tlc-cap-result-body{padding:18px}
.tlc-cap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}
.tlc-cap-stats>div{background:#f7faff;border:1px solid #e1eaf5;border-radius:13px;padding:11px;min-width:0}
.tlc-cap-stats span{display:block;font-size:10px;color:#718095;line-height:1.25;min-height:25px}
.tlc-cap-stats strong{display:block;font-size:17px;margin-top:4px;overflow-wrap:anywhere}
.tlc-cap-visual{border-top:1px solid #edf1f6;padding-top:15px}
.tlc-cap-visual-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.tlc-cap-visual-head strong{font-size:15px}
.tlc-cap-visual-head span{font-size:11px;color:var(--tlc-cap-muted)}
.tlc-cap-barline{margin-bottom:12px}
.tlc-cap-barline>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:5px}
.tlc-cap-barline>i{display:block;height:8px;background:#edf2f7;border-radius:999px;overflow:hidden}
.tlc-cap-barline>i>b{display:block;height:100%;width:0;background:var(--tlc-cap-blue);border-radius:999px;transition:.25s}
.tlc-cap-barline>i>b.is-green{background:#15a36d}
.tlc-cap-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.tlc-cap-breakdown>div{border:1px solid #e3ebf5;border-radius:12px;padding:10px;background:#fff}
.tlc-cap-breakdown span{display:block;color:#7a8796;font-size:10px}
.tlc-cap-breakdown strong{display:block;font-size:15px;margin-top:3px}
.tlc-cap-advice{margin-top:13px;padding:13px;border-radius:13px;background:#eff6ff;border:1px solid #d9e9ff;font-size:12px;line-height:1.55;color:#31557f}
.tlc-cap-advice strong{color:#163a66}
.tlc-cap-info-section,.tlc-cap-faq{margin-top:16px;background:#fff;border:1px solid var(--tlc-cap-line);border-radius:22px;padding:24px;box-shadow:0 12px 40px rgba(28,70,125,.05)}
.tlc-cap-section-kicker{display:inline-block;color:#1769f6;background:#eef5ff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;margin-bottom:8px}
.tlc-cap-info-section h2,.tlc-cap-faq h2{font-size:28px;letter-spacing:-.6px;margin:0 0 8px;color:var(--tlc-cap-ink)}
.tlc-cap-info-section>p{font-size:14px;color:var(--tlc-cap-muted);line-height:1.7;margin:0 0 18px}
.tlc-cap-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.tlc-cap-info-grid article{background:#f8fbff;border:1px solid #e3ebf5;border-radius:15px;padding:15px}
.tlc-cap-info-grid article>span{font-size:23px}
.tlc-cap-info-grid h3{font-size:15px;margin:8px 0 4px}
.tlc-cap-info-grid p{font-size:12px;line-height:1.6;color:var(--tlc-cap-muted);margin:0}
.tlc-cap-faq details{border-top:1px solid #edf1f6}
.tlc-cap-faq details:first-of-type{border-top:0}
.tlc-cap-faq summary{list-style:none;cursor:pointer;padding:16px 0;font-size:14px;font-weight:850;display:flex;justify-content:space-between;gap:12px}
.tlc-cap-faq summary::-webkit-details-marker{display:none}
.tlc-cap-faq summary b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eef5ff;color:#1769f6;font-size:17px;flex:0 0 auto}
.tlc-cap-faq details[open] summary b{transform:rotate(45deg)}
.tlc-cap-faq details p{font-size:13px;line-height:1.7;color:var(--tlc-cap-muted);margin:0 36px 15px 0}
.is-hidden{display:none!important}

@media(max-width:900px){
  body.tlc-capacidad-v20-page,
  body.tlc-capacidad-v20-page #page,
  body.tlc-capacidad-v20-page .site,
  body.tlc-capacidad-v20-page .site-content,
  body.tlc-capacidad-v20-page .content-area,
  body.tlc-capacidad-v20-page .site-main,
  body.tlc-capacidad-v20-page .entry-content,
  body.tlc-capacidad-v20-page .entry-content-wrap{max-width:100%!important;overflow-x:clip!important}
  .tlc-cap-wrap{width:min(100% - 18px,760px);padding-top:8px}
  .tlc-cap-hero{align-items:flex-start}
  .tlc-cap-hero-badge{display:none}
  .tlc-cap-layout{grid-template-columns:1fr}
  .tlc-cap-result{position:static}
  .tlc-cap-hero h1{font-size:40px}
  .tlc-cap-hero p{font-size:16px}
  .tlc-cap-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .tlc-cap-wrap{width:calc(100% - 8px);padding:4px 0 30px}
  .tlc-cap-hero{padding:12px 5px 16px}
  .tlc-cap-eyebrow{font-size:12px;padding:7px 9px}
  .tlc-cap-hero h1{font-size:32px;letter-spacing:-1.2px}
  .tlc-cap-hero p{font-size:16px;line-height:1.55}
  .tlc-cap-modebar{gap:6px;padding:6px;border-radius:15px}
  .tlc-cap-mode{padding:11px 9px!important;min-height:76px}
  .tlc-cap-mode strong{font-size:14px}
  .tlc-cap-mode span{font-size:11px!important;line-height:1.35}
  .tlc-cap-card{border-radius:17px}
  .tlc-cap-form{padding:15px 12px}
  .tlc-cap-card-head{display:block;margin-bottom:16px}
  .tlc-cap-card-head h2{font-size:22px}
  .tlc-cap-card-head p{font-size:14px}
  .tlc-cap-live{display:inline-flex;margin-top:9px}
  .tlc-cap-grid{grid-template-columns:1fr;gap:15px}
  .tlc-cap-full{grid-column:auto}
  .tlc-cap-field label{font-size:16px;margin-bottom:8px}
  .tlc-cap-field label small{font-size:12px}
  .tlc-cap-control input,.tlc-cap-control select{height:62px!important;border-radius:15px!important;font-size:19px!important;padding-left:14px!important}
  .tlc-cap-control>span{font-size:14px}
  .tlc-cap-hint{font-size:13px;line-height:1.5}
  .tlc-cap-presets{gap:7px}
  .tlc-cap-presets button{padding:8px 10px!important;font-size:12px!important}
  .tlc-cap-range-head label{font-size:15px}
  .tlc-cap-range-head span{font-size:13px}
  .tlc-cap-range{height:28px}
  .tlc-cap-cta{min-height:62px!important;font-size:18px!important;border-radius:15px!important}
  .tlc-cap-result-top{padding:21px 15px}
  .tlc-cap-result-top>span{font-size:12px}
  .tlc-cap-result-top>strong{font-size:44px}
  .tlc-cap-result-top p{font-size:15px}
  .tlc-cap-result-top em{font-size:12px}
  .tlc-cap-result-body{padding:15px 12px}
  .tlc-cap-stats{grid-template-columns:1fr}
  .tlc-cap-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px}
  .tlc-cap-stats span{font-size:13px;min-height:0}
  .tlc-cap-stats strong{font-size:18px;text-align:right;margin:0}
  .tlc-cap-visual-head strong{font-size:17px}
  .tlc-cap-visual-head span{font-size:12px}
  .tlc-cap-barline>div{font-size:14px}
  .tlc-cap-barline>i{height:10px}
  .tlc-cap-breakdown{grid-template-columns:1fr}
  .tlc-cap-breakdown>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px}
  .tlc-cap-breakdown span{font-size:13px}
  .tlc-cap-breakdown strong{font-size:17px;margin:0;text-align:right}
  .tlc-cap-advice{font-size:14px;padding:14px}
  .tlc-cap-info-section,.tlc-cap-faq{padding:18px 13px;border-radius:17px}
  .tlc-cap-info-section h2,.tlc-cap-faq h2{font-size:26px}
  .tlc-cap-info-section>p{font-size:15px}
  .tlc-cap-info-grid{grid-template-columns:1fr}
  .tlc-cap-info-grid article{padding:15px}
  .tlc-cap-info-grid h3{font-size:17px}
  .tlc-cap-info-grid p{font-size:14px}
  .tlc-cap-faq summary{font-size:16px;min-height:58px;align-items:center}
  .tlc-cap-faq details p{font-size:15px;margin-right:0}
}


/* =========================================================
   v2.1 — Cabecera compacta para enseñar antes los números
   Mantiene intacto el resto del diseño v2.0
   ========================================================= */

/* Escritorio */
.tlc-capv20 .tlc-cap-wrap{
  padding-top:8px;
}
.tlc-capv20 .tlc-cap-hero{
  padding:4px 2px 12px;
  gap:14px;
}
.tlc-capv20 .tlc-cap-eyebrow{
  margin-bottom:6px;
  padding:5px 8px;
  font-size:11px;
}
.tlc-capv20 .tlc-cap-hero h1{
  font-size:clamp(31px,3.8vw,45px);
  line-height:1.02;
  margin-bottom:6px;
}
.tlc-capv20 .tlc-cap-hero p{
  font-size:14px;
  line-height:1.5;
  max-width:760px;
}
.tlc-capv20 .tlc-cap-hero-badge{
  padding:11px 13px;
  min-width:185px;
  border-radius:14px;
}
.tlc-capv20 .tlc-cap-hero-badge small{
  font-size:10px;
}
.tlc-capv20 .tlc-cap-hero-badge strong{
  font-size:15px;
  line-height:1.25;
}
.tlc-capv20 .tlc-cap-modebar{
  margin-bottom:10px;
  padding:6px;
  gap:7px;
  border-radius:15px;
}
.tlc-capv20 .tlc-cap-mode{
  min-height:55px;
  padding:8px 12px!important;
}
.tlc-capv20 .tlc-cap-mode strong{
  font-size:14px;
}
.tlc-capv20 .tlc-cap-mode span{
  font-size:11px;
  margin-top:1px;
}

/* Compactamos ligeramente el inicio del formulario para que el resultado
   entre más arriba en la primera pantalla, sin cambiar el diseño general. */
.tlc-capv20 .tlc-cap-form{
  padding-top:17px;
}
.tlc-capv20 .tlc-cap-card-head{
  margin-bottom:13px;
}
.tlc-capv20 .tlc-cap-card-head h2{
  font-size:21px;
  margin-bottom:3px;
}
.tlc-capv20 .tlc-cap-card-head p{
  line-height:1.4;
}

/* El número principal gana todavía más protagonismo */
.tlc-capv20 .tlc-cap-result-top{
  padding-top:20px;
  padding-bottom:20px;
}
.tlc-capv20 .tlc-cap-result-top>strong{
  font-size:clamp(52px,6.5vw,74px);
  margin:7px 0 7px;
}

/* Tablet */
@media(max-width:900px){
  .tlc-capv20 .tlc-cap-wrap{
    padding-top:3px;
  }
  .tlc-capv20 .tlc-cap-hero{
    padding:6px 4px 10px;
  }
  .tlc-capv20 .tlc-cap-eyebrow{
    margin-bottom:5px;
  }
  .tlc-capv20 .tlc-cap-hero h1{
    font-size:34px;
    margin-bottom:5px;
  }
  .tlc-capv20 .tlc-cap-hero p{
    font-size:14px;
    line-height:1.45;
  }
  .tlc-capv20 .tlc-cap-modebar{
    margin-bottom:8px;
  }
}

/* Móvil: cabecera especialmente corta para llegar antes a los datos */
@media(max-width:640px){
  .tlc-capv20 .tlc-cap-wrap{
    padding-top:0;
  }
  .tlc-capv20 .tlc-cap-hero{
    padding:5px 5px 9px;
  }
  .tlc-capv20 .tlc-cap-eyebrow{
    font-size:10px;
    padding:5px 7px;
    margin-bottom:5px;
  }
  .tlc-capv20 .tlc-cap-hero h1{
    font-size:27px;
    line-height:1.04;
    letter-spacing:-.8px;
    margin-bottom:5px;
  }
  .tlc-capv20 .tlc-cap-hero p{
    font-size:13px;
    line-height:1.4;
  }

  .tlc-capv20 .tlc-cap-modebar{
    padding:5px;
    gap:5px;
    margin-bottom:7px;
    border-radius:13px;
  }
  .tlc-capv20 .tlc-cap-mode{
    min-height:58px;
    padding:8px 7px!important;
    border-radius:10px!important;
  }
  .tlc-capv20 .tlc-cap-mode strong{
    font-size:13px;
    line-height:1.2;
  }
  .tlc-capv20 .tlc-cap-mode span{
    font-size:10px!important;
    line-height:1.25;
    margin-top:2px;
  }

  .tlc-capv20 .tlc-cap-form{
    padding-top:13px;
  }
  .tlc-capv20 .tlc-cap-card-head{
    margin-bottom:12px;
  }
  .tlc-capv20 .tlc-cap-card-head h2{
    font-size:19px;
  }
  .tlc-capv20 .tlc-cap-card-head p{
    font-size:12.5px;
    line-height:1.35;
  }
  .tlc-capv20 .tlc-cap-live{
    margin-top:6px;
    padding:5px 7px;
    font-size:10px;
  }

  /* Cuando el usuario llega al resultado, la cifra ocupa el protagonismo */
  .tlc-capv20 .tlc-cap-result-top{
    padding:17px 14px;
  }
  .tlc-capv20 .tlc-cap-result-top>strong{
    font-size:49px;
    line-height:.98;
    margin:6px 0;
  }
}
