.hero{background:linear-gradient(180deg,rgba(13,110,253,.10),rgba(255,255,255,0));}

/* Marca */
.brand-text{color:#fff;font-weight:700;letter-spacing:.2px}
.brand-text:hover{color:#fff}

/* Mini iconos decorativos */
.mini-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(13,110,253,.08);border:1px solid rgba(13,110,253,.15);color:#0d6efd}

/* Mini diagrama "Cómo funciona" */
.flow-mini{display:flex;align-items:stretch;justify-content:space-between;gap:10px;flex-wrap:wrap}
.flow-node{flex:1 1 120px;min-width:120px;background:rgba(13,110,253,.05);border:1px solid rgba(13,110,253,.12);
  border-radius:16px;padding:12px;text-align:center}
.flow-ico{width:42px;height:42px;border-radius:14px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid rgba(0,0,0,.06);font-size:20px;color:#0d6efd}
.flow-t{font-weight:700}
.flow-s{font-size:12px;color:#6c757d}
.flow-arrow{display:flex;align-items:center;justify-content:center;min-width:26px;color:#6c757d}

/* Evita que el menú sticky tape el título cuando navegás por #secciones */
html{scroll-behavior:smooth;scroll-padding-top:92px;}
section{scroll-margin-top:92px;}

/* Marca en el navbar (solo el marker) */
 .brand-logo{width:38px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}

@media (max-width: 576px){
  html{scroll-padding-top:80px;}
  section{scroll-margin-top:80px;}
  .brand-logo{width:34px;height:34px}
  .mini-icon{width:32px;height:32px;border-radius:12px}
  .flow-arrow{display:none}
}

.card{border-radius:1rem}
.rounded-4{border-radius:1rem!important}

/* Contacto */
.icon-bubble{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(13,110,253,.10);font-size:18px;flex:0 0 40px}


/* Imagen del flujo (se adapta a la altura del texto) */
.flow-card{min-height:100%}
.flow-img{width:100%;height:100%;object-fit:contain;display:block}


.icon-bubble {
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}