/* HappyTec360 - Equipo Sinergia V4.6.2
   Hoja exclusiva del módulo público. Se carga después de style.css. */

/* Protección ante CSS antiguo/cache: los SVG nunca deben heredar tamaños gigantes. */
.sinergia-hero-v2 svg,
.sinergia-members-v2 svg,
.sinergia-band-v2 svg,
.sinergia-cta-v2 svg { display:block; max-width:100%; fill:none; stroke:currentColor; }

.sinergia-hero-v2 {
    position:relative;
    overflow:hidden;
    isolation:isolate;
    color:#fff;
    padding:72px 0 76px;
    background:
      radial-gradient(circle at 82% 12%, rgba(39,215,255,.17), transparent 26%),
      radial-gradient(circle at 64% 95%, rgba(12,116,245,.16), transparent 35%),
      linear-gradient(135deg,#061327 0%,#071b37 56%,#0a2d59 100%) !important;
}
.sinergia-hero-v2::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    opacity:.7;
    background:
      linear-gradient(120deg,transparent 0 65%,rgba(255,255,255,.025) 65% 66%,transparent 66%),
      linear-gradient(0deg,rgba(255,255,255,.018),rgba(255,255,255,0));
}
.sinergia-wave { position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(39,215,255,.10);border-radius:50%; }
.sinergia-wave-one { width:980px;height:390px;right:-250px;bottom:-268px;transform:rotate(-8deg); }
.sinergia-wave-two { width:1120px;height:450px;right:-315px;bottom:-325px;transform:rotate(-8deg);opacity:.7; }

.sinergia-hero-grid-v2 {
    display:grid;
    grid-template-columns:minmax(0,.93fr) minmax(500px,1.07fr);
    gap:58px;
    align-items:center;
}
.sinergia-hero-copy-v2 { max-width:590px; }
.sinergia-hero-copy-v2 .eyebrow { color:#27d7ff; }
.sinergia-hero-v2 h1 {
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(46px,5vw,66px);
    line-height:.98;
    letter-spacing:-3px;
    font-weight:900;
}
.sinergia-hero-v2 h2 {
    margin:0 0 18px;
    color:#f5f9ff;
    font-size:clamp(22px,2.15vw,29px);
    line-height:1.2;
    font-weight:800;
}
.sinergia-hero-v2 p { margin:0;max-width:565px;color:#bdcde0;font-size:16px;line-height:1.75; }
.sinergia-hero-actions-v2 { display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0; }
.sinergia-primary-cta { gap:9px; }
.sinergia-primary-cta svg { width:20px !important;height:20px !important;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }

.sinergia-stats-panel {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:25px 17px;
    background:rgba(5,19,40,.70);
    border:1px solid rgba(149,190,236,.28);
    border-radius:18px;
    box-shadow:0 28px 70px rgba(0,0,0,.24);
    backdrop-filter:blur(10px);
}
.sinergia-stat { position:relative;min-width:0;text-align:center;padding:7px 14px; }
.sinergia-stat + .sinergia-stat::before { content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.10); }
.sinergia-stat-icon { width:38px;height:38px;margin:0 auto 10px;display:grid;place-items:center;color:#27d7ff; }
.sinergia-stat-icon svg { width:30px !important;height:30px !important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.sinergia-stat strong { display:block;color:#fff;font-size:clamp(21px,2vw,29px);line-height:1.1;letter-spacing:-.5px;font-weight:900; }
.sinergia-stat small { display:block;margin-top:8px;color:#adbed2;font-size:11px;line-height:1.45; }

.sinergia-members-v2 {
    padding:62px 0 82px;
    background:linear-gradient(180deg,#fff 0%,#f7faff 50%,#f3f7fc 100%);
}
.sinergia-section-head-v2 { max-width:860px;margin:0 auto 40px;text-align:center; }
.sinergia-section-head-v2 .eyebrow { margin-bottom:5px;color:#0c74f5; }
.sinergia-section-head-v2 h2 { margin:0 0 12px;color:#07152b;font-size:clamp(31px,3.45vw,44px);line-height:1.08;letter-spacing:-1.6px;font-weight:900; }
.sinergia-section-head-v2 p { margin:0 auto;max-width:790px;color:#65758b;font-size:15px;line-height:1.65; }

.sinergia-grid-v2 { display:flex;flex-wrap:wrap;justify-content:center;gap:20px; }
.sinergia-card-v2 {
    position:relative;
    flex:0 0 calc(25% - 15px);
    min-width:0;
    min-height:392px;
    padding:25px 17px 16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    text-align:center;
    background:#fff;
    border:1px solid #dfe7f1;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(12,36,70,.07);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.sinergia-card-v2::before { content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#27d7ff,#0c74f5);opacity:0;transition:.2s; }
.sinergia-card-v2:hover { transform:translateY(-5px);border-color:#b9d6f5;box-shadow:0 18px 42px rgba(12,48,90,.13); }
.sinergia-card-v2:hover::before,.sinergia-card-v2.is-featured::before { opacity:1; }
.sinergia-card-v2.is-featured { border-color:#acd2fb; }
.sinergia-featured-badge { position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:99px;background:#e8f7ff;color:#086dcf;font-size:8px;font-weight:900;letter-spacing:1px; }

.sinergia-avatar-v2 {
    position:relative;
    width:94px;
    height:94px;
    margin:0 auto 13px;
    flex:0 0 94px;
    border-radius:50%;
    padding:3px;
    background:linear-gradient(145deg,#27d7ff,#0c74f5);
    box-shadow:0 8px 24px rgba(12,116,245,.18);
}
.sinergia-avatar-v2::after { content:"";position:absolute;inset:3px;z-index:3;border:3px solid #fff;border-radius:50%;pointer-events:none; }
.sinergia-avatar-v2 img,
.sinergia-avatar-initials-v2 {
    position:absolute !important;
    inset:3px !important;
    width:calc(100% - 6px) !important;
    height:calc(100% - 6px) !important;
    max-width:none !important;
    border-radius:50% !important;
}
.sinergia-avatar-v2 img { z-index:2;display:block;object-fit:cover;object-position:center top; }
.sinergia-avatar-initials-v2 { z-index:1;display:grid;place-items:center;background:linear-gradient(145deg,#092348,#1768ae);color:#fff;font-size:26px;font-weight:900;letter-spacing:-1px; }

.sinergia-card-content-v2 { display:flex;flex:1;min-height:0;flex-direction:column;align-items:center; }
.sinergia-card-v2 h3 { margin:0 0 4px;color:#0a1830;font-size:19px;line-height:1.15;letter-spacing:-.35px;font-weight:900; }
.sinergia-specialty-v2 { min-height:36px;display:flex;align-items:flex-start;justify-content:center;color:#0c74f5;font-size:13px;line-height:1.35;font-weight:850; }
.sinergia-company-v2 { margin-top:2px;color:#728197;font-size:11px;font-weight:800; }
.sinergia-description-v2 { margin:10px 0 0;color:#6b7a90;font-size:11.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.sinergia-meta-v2 { width:100%;margin-top:auto;padding-top:12px;display:grid;gap:6px;border-top:1px solid #edf1f6; }
.sinergia-meta-v2 span { display:flex;align-items:flex-start;justify-content:center;gap:6px;color:#64748a;font-size:10.5px;line-height:1.35;font-weight:650; }
.sinergia-meta-v2 svg { flex:0 0 14px;width:14px !important;height:14px !important;color:#1183dd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px; }

.sinergia-card-actions-v2 { display:flex;gap:7px;margin-top:13px; }
.sinergia-contact-btn,.sinergia-web-btn { min-height:39px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:850;transition:.2s; }
.sinergia-contact-btn { flex:1;color:#fff;background:linear-gradient(135deg,#0876f5,#0b68df);box-shadow:0 8px 18px rgba(12,116,245,.19); }
.sinergia-contact-btn:hover { transform:translateY(-1px);box-shadow:0 11px 23px rgba(12,116,245,.27); }
.sinergia-contact-btn svg { width:18px !important;height:18px !important;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.sinergia-web-btn { flex:0 0 auto;padding:0 11px;color:#38506c;background:#f5f8fc;border:1px solid #dbe4ef; }
.sinergia-web-btn:hover { color:#0c74f5;border-color:#afd2f9;background:#eef6ff; }
.sinergia-web-btn svg { width:14px !important;height:14px !important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.sinergia-empty-v2 { width:100%;padding:42px;text-align:center;border:1px dashed #c9d6e7;border-radius:14px;background:#fff; }

.sinergia-band-v2 { padding:62px 0;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(39,215,255,.08),transparent 28%),linear-gradient(135deg,#061327,#081b37); }
.sinergia-band-inner-v2 { display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center; }
.sinergia-band-v2 h2 { margin:0 0 14px;font-size:clamp(31px,3.8vw,46px);line-height:1.05;letter-spacing:-1.6px; }
.sinergia-band-v2 p { max-width:560px;margin:0;color:#aebfd3;font-size:15px; }
.sinergia-capabilities-v2 { display:flex;flex-wrap:wrap;gap:10px; }
.sinergia-capabilities-v2 span { padding:10px 13px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.055);color:#dce8f4;font-size:12px;font-weight:800; }

.sinergia-cta-v2 { padding:55px 0 65px;background:#fff; }
.sinergia-cta-box-v2 { display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 42px;border:1px solid #cfe6fa;border-radius:18px;background:radial-gradient(circle at 84% 10%,rgba(39,215,255,.13),transparent 32%),linear-gradient(120deg,#eaf9ff,#eef4ff);box-shadow:0 14px 40px rgba(17,67,118,.07); }
.sinergia-cta-box-v2 h2 { margin:0 0 7px;color:#07152b;font-size:clamp(29px,3.3vw,40px);line-height:1.08;letter-spacing:-1.4px; }
.sinergia-cta-box-v2 p { margin:0;max-width:680px;color:#607089; }

@media (max-width:1120px) {
  .sinergia-hero-grid-v2 { grid-template-columns:1fr;gap:38px; }
  .sinergia-hero-copy-v2 { max-width:720px; }
  .sinergia-stats-panel { max-width:760px; }
  .sinergia-card-v2 { flex-basis:calc(33.333% - 14px); }
}
@media (max-width:860px) {
  .sinergia-stats-panel { grid-template-columns:repeat(2,1fr);padding:18px; }
  .sinergia-stat:nth-child(3)::before { display:none; }
  .sinergia-stat:nth-child(n+3) { border-top:1px solid rgba(255,255,255,.09);padding-top:20px;margin-top:10px; }
  .sinergia-card-v2 { flex-basis:calc(50% - 10px); }
  .sinergia-band-inner-v2 { grid-template-columns:1fr;gap:32px; }
  .sinergia-cta-box-v2 { align-items:flex-start;flex-direction:column; }
}
@media (max-width:600px) {
  .sinergia-hero-v2 { padding:54px 0 58px; }
  .sinergia-hero-v2 h1 { font-size:43px;letter-spacing:-2px; }
  .sinergia-hero-v2 h2 { font-size:22px; }
  .sinergia-hero-v2 p { font-size:15px; }
  .sinergia-hero-actions-v2 { display:grid; }
  .sinergia-hero-actions-v2 .btn { width:100%; }
  .sinergia-stats-panel { grid-template-columns:1fr 1fr;padding:14px 9px; }
  .sinergia-stat { padding:8px; }
  .sinergia-stat strong { font-size:20px; }
  .sinergia-stat small { font-size:10px; }
  .sinergia-members-v2 { padding:48px 0 58px; }
  .sinergia-section-head-v2 { margin-bottom:30px; }
  .sinergia-section-head-v2 h2 { font-size:33px; }
  .sinergia-card-v2 { flex-basis:100%;max-width:390px;min-height:382px; }
  .sinergia-avatar-v2 { width:96px;height:96px;flex-basis:96px; }
  .sinergia-band-v2 { padding:50px 0; }
  .sinergia-cta-v2 { padding:42px 0 52px; }
  .sinergia-cta-box-v2 { padding:30px 24px; }
  .sinergia-cta-box-v2 .btn { width:100%; }
}
