.elementor-1015 .elementor-element.elementor-element-485ed49{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-1015:not(.elementor-motion-effects-element-type-background), body.elementor-page-1015 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f27e797 *//* ============ 1) PALETA Y LOGO DE STRONG SYSTEMS ============
     Tema claro: blanco -> gris claro/azulino, teal corporativo,
     acentos cyan, degradés suaves. */
  .vcard-wrap{
    --primary:#0F9B8E;         /* teal corporativo */
    --secondary:#22D3EE;       /* acento cyan */
    --bg-start:#FFFFFF;        /* fondo: arranca blanco... */
    --bg-end:#E7F1F5;          /* ...degrada a gris claro/azulino */
    --card-bg:#FFFFFF;
    --text:#132D2A;            /* texto principal, verde-gris muy oscuro */
    --muted:#5C7A76;           /* texto secundario / labels */
    --chip-bg:#F0F7F6;         /* chips en un teal muy claro */
    --logo-url:url('https://strongsystems.com.ar/wp-content/uploads/2024/08/strong-logo.png');
  }

  /* ============ 2) ESTRUCTURA (no tocar por empresa) ============ */
  .vcard-wrap{
    font-family: 'Poppins','Segoe UI',Arial,sans-serif;
    background:linear-gradient(160deg,var(--bg-start),var(--bg-end));
    min-height:100vh;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:32px 16px;
    box-sizing:border-box;
  }
  .vcard-wrap *{box-sizing:border-box;}
  .vcard-loading, .vcard-error{
    color:var(--muted);
    font-size:15px;
    text-align:center;
    padding-top:60px;
  }
  .vcard-card{
    background:var(--card-bg);
    width:100%;
    max-width:380px;
    border-radius:20px;
    box-shadow:0 12px 32px rgba(15,155,142,0.14), 0 2px 8px rgba(15,23,42,0.06);
    overflow:hidden;
    text-align:center;
    animation:vcard-in .35s ease;
    border:1px solid rgba(15,155,142,0.08);
  }
  @keyframes vcard-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

  .vcard-brandbar{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    height:72px;
  }

  .vcard-photo-wrap{
    margin-top:-40px;
    display:flex;
    justify-content:center;
  }
  .vcard-photo{
    width:96px;
    height:96px;
    border-radius:50%;
    border:4px solid var(--card-bg);
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:32px;
    font-weight:600;
    box-shadow:0 4px 14px rgba(15,155,142,0.25);
  }

  .vcard-nombre{
    margin:14px 20px 2px;
    font-size:21px;
    font-weight:700;
    color:var(--text);
    line-height:1.25;
  }
  .vcard-cargo{
    margin:0 20px 18px;
    font-size:14px;
    color:var(--muted);
    font-weight:500;
  }

  .vcard-chips{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:0 20px;
  }
  .vcard-chip{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--chip-bg);
    border-radius:12px;
    padding:11px 14px;
    text-decoration:none;
    color:var(--text);
    font-size:14px;
    text-align:left;
    transition:transform .15s ease;
  }
  .vcard-chip:active{transform:scale(0.98);}
  .vcard-chip .vcard-icon{
    width:20px;height:20px;flex:0 0 20px;
    color:var(--primary);
  }
  .vcard-chip .vcard-chip-text{
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .vcard-chip .vcard-chip-label{
    font-size:11px;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.03em;
  }
  .vcard-chip .vcard-chip-value{
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .vcard-actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:22px 20px 26px;
  }
  .vcard-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 16px;
    border-radius:12px;
    font-size:14.5px;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    border:none;
  }
  .vcard-btn-primary{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
  }
  a.vcard-btn-primary{
    color:#fff !important;
  }
  .vcard-btn-secondary{
    background:transparent;
    color:var(--primary) !important;
    border:1.5px solid rgba(15,155,142,0.35);
  }
  .vcard-btn svg{width:18px;height:18px;}

  /* ============ LOGO ABAJO, SOBRE EL NOMBRE DEL EVENTO ============
     brightness(0) lo vuelve negro puro; opacity(55%) lo aclara a
     gris oscuro porque queda semitransparente sobre --card-bg
     (blanco). Si el logo termina viéndose muy claro/oscuro, ajustá
     el % de opacity. */
  .vcard-logo-bottom{
    height:28px;
    width:110px;
    margin:6px auto 8px;
    background-image:var(--logo-url);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    filter:brightness(0) opacity(55%);
  }

  .vcard-footer{
    font-size:11px;
    color:var(--muted);
    padding-bottom:18px;
  }/* End custom CSS */