@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700;800&family=Source+Sans+3:wght@400;600;700&display=swap");

  :root {
    --tb-navy: #001543;
    --tb-navy-deep: #001233;
    --tb-navy-panel: color-mix(in srgb, #001543 90%, white 10%);
    --tb-blue: #0056E9;
    --tb-cyan: #0E9BDB;
    --tb-orange: #FF5322;
    --tb-yellow:#FFB200;
    --tb-green:#21A366;
  }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: 'Source Sans 3', sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: inherit; text-decoration: none; }
  a:hover { color: var(--tb-cyan); }
  .tbx-footer-link:hover { color: var(--tb-cyan) !important; }
  .tc-navitem .tc-dropdown { opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s ease, transform .16s ease, visibility .16s; pointer-events: none; }
  .tc-navitem:hover .tc-dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
  @keyframes tc-marquee-l { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes tc-marquee-r { from { transform: translateX(-50%); } to { transform: translateX(0); } }
  .tc-row-l { animation: tc-marquee-l 64s linear infinite; }
  .tc-row-r { animation: tc-marquee-r 72s linear infinite; }
  .tc-marquee-wrap:hover .tc-row-l, .tc-marquee-wrap:hover .tc-row-r { animation-play-state: paused; }
  .tc-slide { opacity: 0; pointer-events: none; transition: opacity .7s ease; }
  .tc-slide.is-active { opacity: 1; pointer-events: auto; }
  [data-tc-dot] { background: rgba(255,255,255,0.35); }
  [data-tc-dot].is-active { background: var(--tb-orange); }
  h1, h2, h3 { font-family: 'Titillium Web', sans-serif; }


/* Ajustes productivos comunes a los paquetes TIBOX Cloud */
.tbx-cloud-design{min-width:0!important;overflow-x:clip}
.tbx-cloud-design img{max-width:100%;height:auto}
.tbx-cloud-design a:focus-visible,.tbx-cloud-design button:focus-visible,.tbx-cloud-design input:focus-visible,.tbx-cloud-design select:focus-visible,.tbx-cloud-design textarea:focus-visible{outline:3px solid #0E9BDB;outline-offset:3px}
@media(max-width:700px){
  .tbx-cloud-design [style*="padding:108px 40px"]{padding:64px 18px!important}
  .tbx-cloud-design [style*="padding:88px 40px"]{padding:56px 18px!important}
  .tbx-cloud-design .tc-page-cta{padding-top:52px!important;padding-bottom:52px!important}
}


/* Producción: el export de Home de Claude fue diseñado a 1280px; estos overrides eliminan el min-width y completan responsive. */
.tbx-cloud-home{min-width:0!important;overflow-x:clip;background:#fff}
.tbx-cloud-home img{max-width:100%;height:auto}
@media(max-width:1024px){
  .tbx-cloud-home .tc-home-needs,
  .tbx-cloud-home .tc-home-plans{padding:72px 24px!important}
  .tbx-cloud-home .tc-home-diff{padding:72px 0!important}
  .tbx-cloud-home .tc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
  .tbx-cloud-home .tc-grid-3{grid-template-columns:1fr!important;gap:20px!important}
  .tbx-cloud-home .tc-home-diff>.tc-flex-between{align-items:flex-start!important}
  .tbx-cloud-home .tc-home-diff [style*="width: 320px"],
  .tbx-cloud-home .tc-home-diff [style*="width:320px"]{width:min(100%,420px)!important}
}
@media(max-width:700px){
  .tbx-cloud-home .tc-home-needs,
  .tbx-cloud-home .tc-home-plans{padding:56px 18px!important}
  .tbx-cloud-home .tc-grid-4{grid-template-columns:1fr!important}
  .tbx-cloud-home .tc-home-needs .tc-flex-between,
  .tbx-cloud-home .tc-home-diff .tc-flex-between,
  .tbx-cloud-home .tc-home-cta .tc-flex-between{display:block!important}
  .tbx-cloud-home .tc-home-needs .tc-flex-between>*+*,
  .tbx-cloud-home .tc-home-diff .tc-flex-between>*+*,
  .tbx-cloud-home .tc-home-cta .tc-flex-between>*+*{margin-top:22px!important}
  .tbx-cloud-home .tc-home-cta{padding:48px 0!important}
  .tbx-cloud-home .tc-home-cta>div{padding-left:18px!important;padding-right:18px!important}
  .tbx-cloud-home h2{font-size:clamp(30px,9vw,42px)!important}
}
@media(prefers-reduced-motion:reduce){
  .tbx-cloud-home .tc-row-l,.tbx-cloud-home .tc-row-r{animation:none!important;transform:none!important}
}