.elementor-3911 .elementor-element.elementor-element-61f820a{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-66a5e56 *//* ============ 1) PALETA Y LOGO DE LA EMPRESA ============
     Esto es lo ÚNICO que cambia entre plantillas (Nubicom /
     StrongSystems / IDS Seguridad / EnterpriseSolutions).
     El resto del CSS y del JS se copia igual en las 4 páginas.  */
  .vcard-wrap{
    --primary:#0B4F8A;      /* color principal de marca */
    --secondary:#00A3A1;    /* color de acento (chips, botones) */
    --bg:#F4F7FA;           /* fondo de la página */
    --card-bg:#FFFFFF;
    --text:#1A1A1A;
    --muted:#6B7280;
    --logo-url:url('https://clientes.nubicom.com.ar/assets/img/logo.png');
  }
  /* ============ 2) ESTRUCTURA (no tocar por empresa) ============ */
  .vcard-wrap{
    font-family: 'Poppins','Segoe UI',Arial,sans-serif;
    background:var(--bg);
    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 10px 30px rgba(0,0,0,0.08);
    overflow:hidden;
    text-align:center;
    animation:vcard-in .35s ease;
  }
  @keyframes vcard-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

  .vcard-brandbar{
    background: linear-gradient(135deg, #127dda, #5bd6eb);
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .vcard-brandbar .vcard-logo{
    height:34px;
    background-image:var(--logo-url);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:160px;
  }

  .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:var(--primary);
    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 10px rgba(0,0,0,0.15);
  }

  .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(--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(--secondary);
  }
  .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:#1b8adc;
    color:#fff;
  }
  .vcard-btn-secondary{
    background:#fff;
    color:#1b8adc;
    border:1.5px solid #1b8adc;
  }
  .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;
  }
  
      a#vcard-btn-vcf {
        color: white;
    }/* End custom CSS */