:root{
    --navy-950:#0c2436;
    --navy-800:#123a54;
    --navy-700:#1c4a6b;
    --paper:#ffffff;
    --paper-dim:#f4f4f2;
    --ink:#12201d;
    --ink-soft:#4a5a58;
    --gold:#b9863a;
    --gold-soft:#d9b784;
    --gold-hover:#8a6428;
    --line: rgba(12,36,54,0.12);
    --radius: 2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 40px;}
  h1,h2,h3{font-family:'Fraunces', serif; font-weight:600; letter-spacing:-0.01em;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--gold);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{
    content:"";
    width:22px; height:1px;
    background:var(--gold);
    display:inline-block;
  }

  /* reduced motion */
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
  }

  /* ===== HEADER ===== */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(246,244,238,0.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex;
    align-items:center;
    width:100%;
    padding:10px 70px 10px 150px;
    margin:0;
    box-sizing:border-box;
}
  .brand{
    display:flex; flex-direction:column; line-height:1.1;
  }
  .brand .mark{
    display:flex; align-items:center; gap:10px;
  }
  .brand-logo{
    height:84px;
    width:auto;
    display:block;
  }
  nav.links{
    margin-left:auto;
    padding-left:32px;
    display:flex;
    align-items:center;
    gap:clamp(18px, 2vw, 30px);
    flex-shrink:0;
    font-size:14px;
    font-weight:500;
}
  nav.links a{
    position:relative;
    color:var(--navy-950);
    padding:4px 0;
  }
  nav.links a::after{
    content:"";
    position:absolute; left:0; bottom:0;
    width:0%; height:1.5px;
    background:var(--gold);
    transition:width 0.25s ease;
  }
  nav.links a:hover::after{width:100%;}
  .nav-cta{
    display:none;
  }
  .menu-btn{display:none;}

  @media(max-width:900px){

    .nav{
        padding:8px 18px;
    }

    nav.links{
        display:none;
    }

    .menu-btn{
        display:block;
        background:none;
        border:none;
        cursor:pointer;
        font-family:'IBM Plex Mono', monospace;
        font-size:12px;
        letter-spacing:0.1em;
        text-transform:uppercase;
        border:1px solid var(--navy-950);
        padding:8px 14px;
    }
}

  /* ===== HERO ===== */
  .hero{
    display:grid;
    grid-template-columns: 1.05fr 1fr;
    min-height:calc(100vh - 104px);
    background:var(--navy-950);
  }
  .hero-copy{
    padding:80px 56px 80px 40px;
    display:flex; flex-direction:column; justify-content:center;
    color:var(--paper);
    max-width:640px;
  }
  .hero-copy .eyebrow{color:var(--gold-soft); margin-bottom:26px;}
  .hero-copy .eyebrow::before{background:var(--gold-soft);}
  .hero-copy h1{
    font-size:clamp(36px, 4.6vw, 58px);
    line-height:1.05;
    color:#fbf9f4;
    margin-bottom:26px;
    opacity:0;
    animation: rise 0.8s ease forwards 0.15s;
  }
  .hero-copy h1 em{
    font-style:normal;
    color:var(--gold-soft);
  }
  .hero-copy p.lede{
    font-size:17px;
    color:#c7d3d8;
    max-width:480px;
    margin-bottom:38px;
    opacity:0;
    animation: rise 0.8s ease forwards 0.32s;
  }
  .hero-actions{
    display:flex; align-items:center; gap:28px;
    opacity:0;
    animation: rise 0.8s ease forwards 0.48s;
  }
  .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:15px 26px;
    font-size:14px; font-weight:600;
    font-family:'Inter', sans-serif;
    border:1px solid var(--gold-soft);
    color:#0c2436;
    background:var(--gold-soft);
    border-radius:var(--radius);
    transition:transform 0.2s ease, background 0.2s ease;
  }
  .btn:hover{ background:var(--gold-hover); color:#fbf9f4; transform:translateY(-2px); }
  .btn-ghost{
    color:#f2ede2; border-color:rgba(242,237,226,0.35); background:transparent;
    font-size:13px; letter-spacing:0.04em;
  }
  .btn-ghost:hover{ border-color:#f2ede2; background:rgba(255,255,255,0.06); }

  @keyframes rise{
    from{opacity:0; transform:translateY(16px);}
    to{opacity:1; transform:translateY(0);}
  }

  .hero-visual{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg, #163852 0%, #0c2436 100%);
  }
  .skyline-svg{
    position:absolute; inset:0;
    width:100%; height:100%;
  }
  .hero-visual .frame-label{
    position:absolute; bottom:28px; right:28px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; letter-spacing:0.08em;
    color:rgba(255,255,255,0.55);
    writing-mode:vertical-rl;
  }

  @media(max-width:900px){
    .hero{grid-template-columns:1fr; min-height:auto;}
    .hero-copy{padding:64px 24px 40px;}
    .hero-visual{height:320px;}
  }

  /* ===== TICKER STRIP ===== */
  .strip{
    background:var(--navy-800);
    color:#dbe6ea;
    padding:14px 0;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .strip-inner{
    display:flex; gap:60px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; letter-spacing:0.08em; text-transform:uppercase;
    white-space:nowrap;
    animation: scroll-left 26s linear infinite;
    width:max-content;
  }
  @keyframes scroll-left{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }

  /* ===== SECTIONS ===== */
  section{padding:110px 0;}
  .section-head{
    display:flex; justify-content:space-between; align-items:flex-end;
    gap:40px; margin-bottom:64px;
    border-bottom:1px solid var(--line);
    padding-bottom:32px;
  }
  .section-head h2{
    font-size:clamp(28px,3.4vw,42px);
    max-width:560px;
    line-height:1.12;
  }
  .section-head p{
    max-width:340px;
    color:var(--ink-soft);
    font-size:15px;
  }

  /* Areas de practica - triptych */
  .practice-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .practice-card{
    background:var(--paper);
    padding:44px 36px;
    position:relative;
    transition:background 0.3s ease;
  }
  .practice-card:hover{ background:var(--paper-dim); }
  .practice-card .num{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--gold);
    letter-spacing:0.1em;
    margin-bottom:26px;
    display:block;
  }
  .practice-card h3{
    font-size:22px;
    margin-bottom:14px;
    color:var(--navy-950);
  }
  .practice-card p{
    font-size:14.5px;
    color:var(--ink-soft);
    margin-bottom:22px;
  }
  .practice-card .tag-row{
    display:flex; flex-wrap:wrap; gap:8px;
  }
  .practice-card .tag{
    font-family:'IBM Plex Mono', monospace;
    font-size:10.5px;
    letter-spacing:0.04em;
    padding:5px 10px;
    border:1px solid var(--line);
    color:var(--ink-soft);
  }

  @media(max-width:900px){
    .practice-grid{grid-template-columns:1fr;}
  }

  /* Vision - quote block */
  .vision{
    background:var(--navy-950);
    color:var(--paper);
  }
  .vision .wrap{
    display:grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap:60px;
    align-items:center;
  }
  .vision-quote{
    font-family:'Fraunces', serif;
    font-size:clamp(24px,2.6vw,34px);
    line-height:1.35;
    color:#f4efe3;
  }
  .vision-quote .gold{color:var(--gold-soft);}
  .vision-meta{
    margin-top:34px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; letter-spacing:0.06em;
    color:#93a6ad;
  }
  .vision-stats{
    display:grid; grid-template-columns:1fr 1fr; gap:1px;
    background:rgba(255,255,255,0.1);
  }
  .stat{
    background:#0f2c41;
    padding:34px 28px;
  }
  .stat b{
    font-family:'Fraunces', serif;
    font-size:38px; font-weight:600;
    color:var(--gold-soft);
    display:block; margin-bottom:6px;
  }
  .stat span{
    font-size:13px; color:#b6c4c9;
  }

  @media(max-width:900px){
    .vision .wrap{grid-template-columns:1fr;}
  }

  /* Abogados */
  .team-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(190px,1fr));
    gap:36px;
  }
  .team-card{
    border-top:1px solid var(--navy-950);
    padding-top:20px;
  }
  .avatar{
    width:100%; aspect-ratio:3/3.6;
    background:linear-gradient(160deg,#dedad0,#c7d3d8);
    margin-bottom:18px;
    position:relative;
    overflow:hidden;
  }
  .avatar img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
  }
  .team-card h4{
    font-family:'Fraunces', serif; font-size:17px; margin-bottom:4px;
  }
  .team-card p{
    font-size:13px; color:var(--ink-soft);
    font-family:'IBM Plex Mono', monospace;
    letter-spacing:0.02em;
  }

  @media(max-width:900px){
    .team-grid{grid-template-columns:repeat(2,1fr); gap:28px;}
  }
  /* ===== ACTUALIDAD Y ANÁLISIS ===== */
  .actualidad{
    background:var(--paper-dim);
    border-top:1px solid var(--line);
  }

  .video-feature{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:0;
    background:var(--navy-950);
    border:1px solid var(--navy-950);
    margin-bottom:44px;
  }

  .video-feature-player{
    position:relative;
    aspect-ratio:16/9;
    background:#071824;
    overflow:hidden;
  }

  .video-feature-player iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
  }

  .video-feature-copy{
    padding:42px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--paper);
  }

  .video-feature-copy .eyebrow{
    color:var(--gold-soft);
    margin-bottom:18px;
  }

  .video-feature-copy .eyebrow::before{
    background:var(--gold-soft);
  }

  .video-feature-copy h3{
    color:#fbf9f4;
    font-size:clamp(24px,2.6vw,34px);
    line-height:1.15;
    margin-bottom:18px;
  }

  .video-feature-copy p{
    color:#c7d3d8;
    font-size:14px;
    margin-bottom:24px;
  }

  .video-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .video-meta span{
    font-family:'IBM Plex Mono', monospace;
    font-size:10.5px;
    letter-spacing:.05em;
    text-transform:uppercase;
    padding:6px 9px;
    border:1px solid rgba(242,237,226,.2);
    color:#aebdc2;
  }

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

  .video-card{
    background:var(--paper);
    border:1px solid var(--line);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    cursor:pointer;
    overflow:hidden;
  }

  .video-card:hover{
    transform:translateY(-4px);
    border-color:rgba(185,134,58,.5);
    box-shadow:0 12px 28px rgba(12,36,54,.10);
  }

  .video-thumb{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:linear-gradient(135deg,#123a54,#0c2436);
  }

  .video-thumb iframe{
    width:100%;
    height:100%;
    border:0;
    pointer-events:none;
    display:block;
  }

  .video-thumb::after{
    content:"▶";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:54px;
    height:54px;
    border:1px solid rgba(255,255,255,.75);
    border-radius:50%;
    background:rgba(12,36,54,.72);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    padding-left:2px;
    pointer-events:none;
    opacity:.95;
  }

  .video-info{
    padding:22px 22px 24px;
  }

  .video-category{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    font-size:10px;
    letter-spacing:.10em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:9px;
  }

  .video-info h3{
    font-size:20px;
    line-height:1.2;
    color:var(--navy-950);
    margin-bottom:9px;
  }

  .video-info p{
    color:var(--ink-soft);
    font-size:13.5px;
    line-height:1.55;
  }

  .video-empty-note{
    margin-top:22px;
    padding:16px 18px;
    border-left:2px solid var(--gold);
    background:rgba(185,134,58,.07);
    color:var(--ink-soft);
    font-size:13px;
  }

  @media(max-width:900px){
    .video-feature{
      grid-template-columns:1fr;
    }

    .video-feature-copy{
      padding:30px 24px 34px;
    }

    .video-grid{
      grid-template-columns:1fr;
      gap:20px;
    }
  }

  @media(max-width:600px){
    .video-feature-copy h3{
      font-size:25px;
    }

    .video-info{
      padding:20px;
    }
  }

  /* Modal de video */
  .video-modal{
    position:fixed;
    inset:0;
    z-index:100000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(4,16,25,.88);
    backdrop-filter:blur(8px);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease, visibility .25s ease;
  }

  .video-modal.active{
    opacity:1;
    visibility:visible;
  }

  .video-modal-inner{
    width:min(1000px,100%);
    background:var(--paper);
    box-shadow:0 25px 70px rgba(0,0,0,.35);
    transform:translateY(15px);
    transition:transform .25s ease;
  }

  .video-modal.active .video-modal-inner{
    transform:translateY(0);
  }

  .video-modal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 20px;
    border-bottom:1px solid var(--line);
  }

  .video-modal-title{
    font-family:'Fraunces', serif;
    font-size:20px;
    color:var(--navy-950);
  }

  .video-modal-close{
    width:34px;
    height:34px;
    border:1px solid var(--line);
    background:transparent;
    color:var(--navy-950);
    cursor:pointer;
    font-size:18px;
  }

  .video-modal-player{
    aspect-ratio:16/9;
    background:#071824;
  }

  .video-modal-player iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
  }
  /* Portal de libros */
  .portal{
    background:var(--navy-950);
    color:var(--paper);
    padding:96px 0;
  }
  .portal .eyebrow{ color:var(--gold-soft); }
  .portal .eyebrow::before{ background:var(--gold-soft); }
  .portal h2{ color:#fbf9f4; }
  .portal .lede{ color:#c7d3d8; max-width:420px; }
  .portal-wrap{
    display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center;
  }
  .portal-card{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(242,237,226,0.16);
    padding:36px;
    border-radius:var(--radius);
  }
  .portal-card .field label{ color:#c7d3d8; }
  .portal-card .field input{
    border-bottom:1.4px solid rgba(242,237,226,0.4);
    color:var(--paper);
  }
  .portal-card .field input::placeholder{ color:#6f8189; }
  .portal-card .field input:focus{ border-bottom-color:var(--gold-soft); }
  .portal-card form .btn{
    border:1px solid var(--gold-soft); background:var(--gold-soft); color:#0c2436;
  }
  .portal-card form .btn:hover{ background:var(--gold); }
  .portal-msg{
    margin-top:14px; font-size:13px; font-family:'IBM Plex Mono', monospace;
    color:var(--gold-soft); min-height:16px;
  }
  @media(max-width:900px){
    .portal-wrap{grid-template-columns:1fr;}
  }

  /* Contacto */
  .contact{
    background:var(--paper-dim);
  }
  .contact .wrap{
    display:grid; grid-template-columns:1fr 1fr; gap:70px;
  }
  .contact h2{ font-size:clamp(28px,3.4vw,40px); margin-bottom:20px; }
  .contact p.lede{ color:var(--ink-soft); max-width:420px; margin-bottom:36px; }
  .contact-detail{
    display:flex; gap:16px; padding:16px 0;
    border-top:1px solid var(--line);
    font-size:14.5px;
  }
  .contact-detail:last-child{ border-bottom:1px solid var(--line); }
  .contact-detail .k{
    width:110px; flex-shrink:0;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--gold);
    padding-top:2px;
  }
  form{ display:flex; flex-direction:column; gap:18px; }
  .field{ display:flex; flex-direction:column; gap:8px; }
  .field label{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--ink-soft);
  }
  .field input, .field select, .field textarea{
    border:none; border-bottom:1.4px solid var(--navy-950);
    background:transparent;
    padding:11px 2px;
    font-family:'Inter', sans-serif; font-size:15px;
    color:var(--ink);
  }
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:none; border-bottom-color:var(--gold);
  }
  form .btn{ align-self:flex-start; margin-top:10px; border:1px solid var(--navy-950); background:var(--navy-950); color:var(--paper); }
  form .btn:hover{ background:var(--navy-800); }

  @media(max-width:900px){
    .contact .wrap{grid-template-columns:1fr;}
  }

  /* Footer */
  footer{
    background:var(--navy-950);
    color:#93a6ad;
    padding:44px 0 30px;
  }
  footer .wrap{
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap; gap:18px;
  }
  footer .foot-brand{
    display:flex; align-items:center;
    background:var(--paper);
    padding:10px 18px;
    border-radius:var(--radius);
  }
  .foot-logo{
    height:34px;
    width:auto;
    display:block;
  }
  footer .foot-links{
    display:flex; gap:26px; font-size:13px;
  }
  footer .foot-fine{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; color:#5f757d;
  }

  /* focus visibility */
  a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
    outline:2px solid var(--gold); outline-offset:2px;
  }
/* ===== MENÚ MÓVIL CORREGIDO ===== */

.mobile-menu{
    display:none;
}

@media (max-width:900px){

    .mobile-menu{
        display:flex;
        flex-direction:column;

        position:fixed;
        top:104px;
        left:0;
        width:100%;

        background:rgba(246,244,238,0.98);
        backdrop-filter:blur(12px);

        border-bottom:1px solid var(--line);
        box-shadow:0 10px 25px rgba(0,0,0,.12);

        padding:10px 24px 20px;

        opacity:0;
        visibility:hidden;
        transform:translateY(-15px);

        transition:
            opacity .25s ease,
            transform .25s ease,
            visibility .25s ease;

        z-index:9999;
        pointer-events:none;
    }

    .mobile-menu.active{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        pointer-events:auto;
    }

    .mobile-menu a{
        padding:16px 4px;
        border-bottom:1px solid var(--line);

        font-size:14px;
        font-weight:500;
        color:var(--navy-950);
    }

    .mobile-menu a:last-child{
        border-bottom:none;
    }
}
  ::selection{ background:var(--gold-soft); color:var(--navy-950); }
/* ================================
   WHATSAPP FLOTANTE ZARCONSAC
   ================================ */

.whatsapp-widget{
  position:fixed;
  right:50px;
  bottom:25px;
  z-index:99999;
  font-family:'Inter', sans-serif;
}

/* VENTANA */
.whatsapp-box{
  position:absolute;
  right:0;
  bottom:78px;
  width:310px;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 35px rgba(0,0,0,.20);

  opacity:0;
  visibility:hidden;
  transform:translateY(15px);
  transition:all .3s ease;
}

.whatsapp-widget.active .whatsapp-box{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* CABECERA */
.whatsapp-box-header{
  background:#0c2436;
  color:#fff;
  padding:18px 20px;

  display:flex;
  align-items:center;
  gap:12px;
}

.whatsapp-box-icon{
  width:42px;
  height:42px;
  min-width:42px;

  background:#25D366;
  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;
}

.whatsapp-box-icon svg{
  width:24px;
  height:24px;
  fill:#fff;
}

/* TEXTO CABECERA */
.whatsapp-box-title{
  font-size:14px;
  font-weight:700;
  margin-bottom:2px;
}

.whatsapp-box-status{
  font-size:11px;
  color:#b8c7cc;
}

/* BOTÓN CERRAR */
.whatsapp-close{
  position:absolute;
  right:10px;
  top:10px;

  width:25px;
  height:25px;

  border:0;
  border-radius:50%;

  background:rgba(255,255,255,.15);
  color:#fff;

  cursor:pointer;
  font-size:17px;
}

/* CUERPO */
.whatsapp-box-body{
  padding:20px;
}

.whatsapp-box-body p{
  font-family:'Inter',sans-serif;
  font-size:13px;
  line-height:1.55;
  color:#4a5a58;
  margin:0 0 16px;
}

/* BOTÓN INICIAR */
.whatsapp-start{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  width:100%;
  padding:12px 16px;

  background:#25D366;
  color:#fff !important;

  border-radius:6px;

  font-size:13px;
  font-weight:600;

  transition:.2s ease;
}

.whatsapp-start:hover{
  background:#1ebe5d;
  transform:translateY(-1px);
}

/* BOTÓN FLOTANTE */
.whatsapp-float{
  position:relative;

  width:62px;
  height:62px;

  padding:0;
  border:0;

  border-radius:50%;

  background:#25D366;
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  box-shadow:0 5px 20px rgba(0,0,0,.25);

  transition:transform .25s ease;
}

.whatsapp-float:hover{
  transform:scale(1.08);
}

/* IMPORTANTE: tamaño del SVG */
.whatsapp-float svg{
  width:34px !important;
  height:34px !important;
  display:block;
  fill:#fff;
}

/* ANIMACIÓN */
.whatsapp-float::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:100%;
  border-radius:50%;
  border:2px solid #25D366;
  transform:translate(-50%, -50%);
  animation:whatsapp-pulse 2.2s infinite;
  pointer-events:none;
}

@keyframes whatsapp-pulse{

  0%{
    transform:translate(-50%, -50%) scale(1);
    opacity:.7;
  }

  70%{
    transform:translate(-50%, -50%) scale(1.4);
    opacity:0;
  }

  100%{
    transform:translate(-50%, -50%) scale(1.4);
    opacity:0;
  }

}

/* CELULARES */
@media(max-width:600px){

  .whatsapp-widget{
    right:18px;
    bottom:18px;
  }

  .whatsapp-box{
    width:calc(100vw - 36px);
  }

  .whatsapp-float{
    width:56px;
    height:56px;
  }

  .whatsapp-float svg{
    width:30px !important;
    height:30px !important;
  }

}