.latam-centros-hero { padding: 6.5rem 1.5rem 4rem; background: linear-gradient(140deg,#fff,#eef8fe 58%,#dff2fc); }
.latam-centros-hero__grid { display:grid; grid-template-columns:1.05fr .95fr; gap:2rem; align-items:center; }
.latam-centros-hero__content h1 { margin:0 0 1rem; font-size:clamp(2rem,3.4vw,3.8rem); line-height:1.1; color:#1d2f3f; }
.latam-centros-hero__content p { margin:0 0 .9rem; color:#5b6f80; line-height:1.6; }
.latam-centros-gradient { background:linear-gradient(90deg,#42b8ee,#fbc862,#42b8ee); background-size:200% auto; color:transparent; -webkit-background-clip:text; background-clip:text; animation:latam-centros-gradient 3s ease infinite; }
.latam-centros-hero__caption { font-size:.92rem; font-weight:700; margin-top:1.1rem; }
.latam-centros-hero__chips { display:flex; flex-wrap:wrap; gap:.45rem; margin:.6rem 0 1rem; }
.latam-centros-hero__chips span { border:1px solid rgba(67,190,239,.3); background:rgba(67,190,239,.08); color:#2a89b2; border-radius:999px; padding:.28rem .65rem; font-size:.8rem; }
.latam-centros-hero__actions { display:flex; flex-wrap:wrap; gap:.6rem; }
.latam-centros-btn { text-decoration:none; font-weight:700; border-radius:10px; padding:.78rem 1rem; display:inline-flex; }
.latam-centros-btn--gold { background:rgb(251,201,101); color:#223748; }
.latam-centros-btn--line { border:1px solid #bbd3e2; color:#2b3f50; background:#fff; }
.latam-centros-btn--blue { background:#42b8ee; color:#fff; }
.latam-centros-hero__media { position:relative; }
.latam-centros-hero__media img { width:88%; margin:0 auto; display:block; border-radius:1.4rem; border:1px solid #d8e7f2; }
.latam-centros-hero__bubble { position:absolute; display:none; align-items:center; gap:.45rem; white-space:nowrap; background:rgba(255,255,255,.95); border:1px solid #d7e8f3; border-radius:999px; padding:.38rem .68rem; font-size:.79rem; color:#365068; box-shadow:0 12px 24px rgba(21,35,46,.08); animation:latam-centros-float 3.8s ease-in-out infinite; }
.latam-centros-hero__bubble img { width:.78rem; height:.78rem; background:rgba(67,190,239,.18); border-radius:50%; box-shadow:0 0 12px rgba(67,190,239,.5); }
.latam-centros-hero__bubble--a { top:14%; right:-6%; }
.latam-centros-hero__bubble--b { bottom:35%; left:-9%; animation-delay:.45s; }
.latam-centros-hero__bubble--c { bottom:11%; right:2%; animation-delay:.9s; }
.latam-centros-hero__media p { text-align:center; color:#5f7385; margin:.7rem 0 0; }

.latam-centros-section { padding:4.7rem 1.5rem; }
.latam-centros-section--white { background:#fff; }
.latam-centros-section--muted { background:#f8fcff; }
.latam-centros-header { max-width:860px; margin:0 auto 2rem; text-align:center; }
.latam-centros-header h2 { margin:.2rem 0 .7rem; font-size:clamp(1.8rem,3.2vw,3rem); line-height:1.2; color:#1e3140; }
.latam-centros-header p { margin:0; color:#5f7385; line-height:1.6; }
.latam-centros-pill { display:inline-block; padding:.38rem .75rem; border-radius:999px; border:1px solid rgba(67,190,239,.35); background:rgba(67,190,239,.1); color:#1899d4; font-size:.84rem; font-weight:700; margin-bottom:.7rem; }
.latam-centros-grid { display:grid; gap:1rem; }
.latam-centros-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.latam-centros-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.latam-centros-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.latam-centros-card, .latam-centros-step, .latam-centros-trust article { border:1px solid #d9e8f2; border-radius:1rem; background:#fff; padding:1rem; }
.latam-centros-card, .latam-centros-step { transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.latam-centros-card:hover, .latam-centros-step:hover { transform:translateY(-4px); border-color:rgba(67,190,239,.32); box-shadow:0 20px 40px -15px rgba(66,184,238,.16); }
.latam-centros-card span, .latam-centros-trust article span { width:3rem; height:3rem; border-radius:.75rem; background:rgba(67,190,239,.1); display:inline-flex; align-items:center; justify-content:center; }
.latam-centros-card:hover span, .latam-centros-trust article:hover span { background:rgba(67,190,239,.2); }
.latam-centros-card img, .latam-centros-trust article img { width:1.2rem; height:1.2rem; }
.latam-centros-card h3, .latam-centros-trust article h3 { margin:.75rem 0 .35rem; color:#1f3442; font-size:1.05rem; }
.latam-centros-card p, .latam-centros-step p, .latam-centros-trust article p { margin:0; color:#5f7385; line-height:1.55; }
.latam-centros-panel { max-width:900px; margin:0 auto; border:1px solid #d9e8f2; border-radius:1.1rem; background:#fff; padding:1.3rem; text-align:center; }
.latam-centros-quote, .latam-centros-demo__quote { max-width:900px; margin:1rem auto 0; border:1px solid rgba(67,190,239,.25); background:rgba(67,190,239,.09); border-radius:1rem; padding:1.1rem 1rem; text-align:center; color:#355064; }
.latam-centros-step span { font-size:2.1rem; color:rgba(67,190,239,.18); font-weight:800; display:block; }
.latam-centros-step h3 { margin:.2rem 0 .35rem; color:#1f3442; }
.latam-centros-timeline { position:relative; max-width:64rem; margin:0 auto; }
.latam-centros-timeline__line { position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-50%); background:linear-gradient(to bottom, #42b8ee, #7fd3f4, #42b8ee); }
.latam-centros-timeline__item { position:relative; min-height:8.3rem; margin-bottom:1.05rem; }
.latam-centros-timeline__item--left { padding-right:calc(50% + 2.6rem); }
.latam-centros-timeline__item--right { padding-left:calc(50% + 2.6rem); }
.latam-centros-timeline__node { position:absolute; left:50%; top:1.1rem; transform:translateX(-50%); width:3.2rem; height:3.2rem; border-radius:999px; background:#42b8ee; box-shadow:0 10px 24px -12px rgba(66,184,238,.7); display:flex; align-items:center; justify-content:center; z-index:2; }
.latam-centros-timeline__node img { width:1.35rem; height:1.35rem; }
.latam-centros-timeline .latam-centros-step { margin:0; text-align:left; border-radius:1rem; background:#fff; }
.latam-centros-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; text-align:left; }
.latam-centros-list li { display:flex; gap:.45rem; color:#3a5163; align-items:flex-start; border-radius:.8rem; background:rgba(243, 245, 247, 0.5); border:none; padding:.75rem .8rem; transition:background-color .2s ease; }
.latam-centros-list li:hover { background:hsl(var(--accent)); animation:latam-centros-card-shake .28s ease-in-out 1; }
.latam-centros-list img { width:1rem; height:1rem; margin-top:.1rem; }
.latam-centros-demo__quote { max-width:900px; margin:1rem auto 0; background:transparent; border:none; border-radius:0; padding:0; text-align:center; color:#5f7385; font-style:italic; }
.latam-centros-trust { padding:3.8rem 1.5rem; border-top:1px solid #d8e6f1; border-bottom:1px solid #d8e6f1; background:#f8fcff; }
.latam-centros-trust article { text-align:center; background:transparent; border:none; }
.latam-centros-section#realidad .latam-centros-grid { max-width:72rem; margin:0 auto; }
.latam-centros-solution__orbit { max-width:72rem; margin:0 auto; min-height:720px; position:relative; }
.latam-centros-solution__card { position:absolute; width:min(31rem,46%); }
.latam-centros-solution__card--tl { left:0; top:0; }
.latam-centros-solution__card--tr { right:0; top:0; }
.latam-centros-solution__card--bl { left:0; bottom:0; }
.latam-centros-solution__card--br { right:0; bottom:0; }
.latam-centros-solution__thumb { width:100%; height:7rem; border-radius:.7rem; overflow:hidden; border:1px solid #d8e7f2; margin-bottom:.7rem; background:#f6fbff; }
.latam-centros-solution__thumb img { width:100%; height:100%; object-fit:cover; object-position:top; }
.latam-centros-solution__hub { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:13rem; height:13rem; z-index:3; }
.latam-centros-solution__hub-ring { position:absolute; inset:0; border-radius:50%; border:2px dashed rgba(67,190,239,.35); animation:latam-centros-hub-rotate 18s linear infinite; }
.latam-centros-solution__hub-core { position:absolute; inset:1rem; border-radius:50%; background:#fff; border:2px solid #42b8ee; display:flex; align-items:center; justify-content:center; box-shadow:0 20px 40px -18px rgba(29,59,77,.35); }
.latam-centros-solution__hub-core img { width:62%; height:auto; }
.latam-centros-section#diferencia .latam-centros-grid { max-width:68rem; margin:0 auto; }
.latam-centros-section .latam-centros-step { max-width:31rem; margin:0 auto; }
.latam-centros-section .latam-centros-grid--2 { max-width:64rem; margin:0 auto; }
.latam-centros-solution__cta { text-align:center; margin-top:1.4rem; }

@media (min-width: 981px) { .latam-centros-hero__bubble { display:inline-flex; } }
@media (max-width: 1000px) {
  .latam-centros-hero__grid,.latam-centros-grid--2,.latam-centros-grid--3,.latam-centros-grid--4,.latam-centros-list { grid-template-columns:1fr; }
  .latam-centros-solution__orbit { min-height:auto; display:grid; gap:1rem; }
  .latam-centros-solution__card { position:static; width:100%; }
  .latam-centros-solution__hub { position:relative; inset:auto; transform:none; margin:1rem auto; }
  .latam-centros-timeline__line { left:1.55rem; transform:none; }
  .latam-centros-timeline__item--left,
  .latam-centros-timeline__item--right { padding-left:4.5rem; padding-right:0; }
  .latam-centros-timeline__node { left:1.55rem; transform:translateX(-50%); }
}
@keyframes latam-centros-gradient { 0%,100%{background-position:0% 50%}50%{background-position:100% 50%} }
@keyframes latam-centros-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)} }
@keyframes latam-centros-hub-rotate { to { transform:rotate(360deg); } }
@keyframes latam-centros-card-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-1px); }
}