/* ============================================================
   Iterati · Cards de solución — mismo diseño que el home (index.php)
   Sección #sec-soluciones con .sol-card (tarjeta blanca, ícono azul,
   título, descripción y chips de marca). Copiado 1:1 de los estilos
   inline de index.php para que soluciones.php se vea idéntico.
   No fuerza font-family: hereda Raleway del sitio.
   ============================================================ */

/* Soluciones */
#sec-soluciones{background:#F0F6FF;padding:70px 0}
#sec-soluciones .sol-card{background:#fff;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,0.07);-webkit-transition:all 0.3s;transition:all 0.3s;height:calc(100% - 30px)}
#sec-soluciones .sol-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}
#sec-soluciones .sol-icon{font-size:2em;color:#0078D4;margin-bottom:12px}
#sec-soluciones .sol-card h3{font-size:1.15em;font-weight:600;margin:0 0 8px}
#sec-soluciones .sol-card p{font-size:0.88em;color:#777;margin-bottom:12px}
#sec-soluciones .v-chip{display:inline-block;background:#E8F2FD;color:#0078D4;padding:3px 12px;border-radius:15px;font-size:0.78em;margin:3px 2px;text-decoration:none;font-weight:500;-webkit-transition:all 0.2s;transition:all 0.2s}
#sec-soluciones .v-chip:hover{background:#0078D4;color:#fff;text-decoration:none}

/* Título de sección (compartido con el home) */
.sec-t{text-align:center;font-weight:700;font-size:1.8em;margin-bottom:45px;position:relative;padding-bottom:15px}
.sec-t::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-30px;width:60px;height:3px;background:#0078D4;border-radius:2px}

/* Animación de aparición (compartida con el home) */
.fade-up{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px);-webkit-transition:opacity 0.5s ease,-webkit-transform 0.5s ease;transition:opacity 0.5s ease,transform 0.5s ease}
.fade-up.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

@media(max-width:991px){ .sec-t{font-size:1.5em} }
@media(max-width:767px){
  .sec-t{font-size:1.4em;margin-bottom:35px}
  #sec-soluciones .sol-card{height:auto !important}
}