/* ============================================
   SERVICES.CSS — Cards de servicios + Why Us
   ============================================ */

.services{background:var(--frost);padding:64px 0 72px}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* Nav del carrusel: oculto en desktop, se activa en mobile (ver responsive.css) */
.services-carousel-nav{display:none;justify-content:center;gap:14px;margin-top:20px}
.services-nav-btn{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--azure);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(8,28,51,.08);transition:.2s}
.services-nav-btn:hover{background:var(--azure);color:#fff;border-color:var(--azure)}
.services-nav-btn svg{width:20px;height:20px}
.services-nav-btn:disabled{opacity:.35;pointer-events:none}

.card{background:#fff;border-radius:18px;padding:30px 26px;box-shadow:0 2px 10px rgba(8,28,51,.05);transition:.25s;border:1px solid transparent}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,28,51,.12);border-color:var(--azure)}
.card .ic{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#eaf4fd,#d5e9fa);display:flex;align-items:center;justify-content:center;color:var(--azure);margin-bottom:18px}
.card .ic svg{width:24px;height:24px}
.card h4{color:var(--deep);font-size:1.05rem;margin-bottom:8px;font-weight:800}
.card p{font-size:1rem;color:#4a6584}

/* ── TEAM (personal con foto y biografía) ── */
/* Oculta temporalmente hasta tener fotos/bios reales del equipo. Quitar esta línea para reactivar. */
.team{display:none}
.team{padding:64px 0}

/* Carrusel */
.team-carousel{position:relative}
.team-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px 2px 26px;-ms-overflow-style:none;scrollbar-width:none}
.team-track::-webkit-scrollbar{display:none}
.team-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 26px 30px;text-align:center;box-shadow:0 2px 10px rgba(8,28,51,.05);transition:.25s}
.team-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,28,51,.12);border-color:var(--azure)}
.team-photo{width:120px;height:120px;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#eaf4fd,#d5e9fa);border:3px solid #fff;outline:2px solid var(--azure);display:flex;align-items:center;justify-content:center;color:var(--azure)}
.team-photo img{width:100%;height:100%;object-fit:cover}
.team-photo-placeholder{width:56px;height:56px;opacity:.55}
.team-name{font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--deep);margin-bottom:4px}
.team-role{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--azure);font-weight:800;margin-bottom:12px}
.team-bio{font-size:1rem;color:#4a6584}

.team-carousel-nav{display:flex;justify-content:center;gap:14px;margin-top:6px}
.team-nav-btn{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--azure);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(8,28,51,.08);transition:.2s}
.team-nav-btn:hover{background:var(--azure);color:#fff;border-color:var(--azure)}
.team-nav-btn svg{width:20px;height:20px}
.team-nav-btn:disabled{opacity:.35;pointer-events:none}

/* Popup de perfil */
.team-modal{position:fixed;inset:0;background:rgba(5,15,29,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.team-modal.active{display:flex}
.team-modal-card{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:40px 32px 34px;position:relative;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35);max-height:90vh;overflow-y:auto}
.team-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--frost);color:var(--navy);display:flex;align-items:center;justify-content:center;transition:.2s}
.team-modal-close:hover{background:var(--azure);color:#fff}
.team-modal-close svg{width:18px;height:18px}
.team-modal-photo{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#eaf4fd,#d5e9fa);border:3px solid #fff;outline:2px solid var(--azure);display:flex;align-items:center;justify-content:center;color:var(--azure)}
.team-modal-photo img{width:100%;height:100%;object-fit:cover}
.team-modal-photo svg{width:64px;height:64px;opacity:.55}
.team-modal-name{font-family:var(--display);font-weight:600;font-size:1.5rem;color:var(--deep);margin-bottom:6px}
.team-modal-role{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--azure);font-weight:800;margin-bottom:18px}
.team-modal-bio{font-size:1rem;color:#4a6584;line-height:1.65}