{% include 'header.twig' %}

<script>
  (function(){
    var viewport = document.querySelector('meta[name="viewport"]');
    if(!viewport){
      viewport = document.createElement('meta');
      viewport.name = 'viewport';
      document.head.appendChild(viewport);
    }
    viewport.setAttribute('content', 'width=device-width, initial-scale=1, viewport-fit=cover');
  })();
</script>

<style>
  :root{
    --gl-max: 1240px;
    --gl-blue:#173f74;
    --gl-blue-2:#0b2f5f;
    --gl-blue-3:#082244;
    --gl-beige:#f7efe1;
    --gl-beige-2:#ead7b2;
    --gl-gold:#d8b46a;
    --gl-text:#0f172a;
    --gl-muted:#64748b;
    --gl-border:#dce5ef;
    --gl-soft:#f8fafc;
    --gl-success:#0f8a5f;
    --gl-danger:#b42318;
    --gl-shadow:0 18px 46px rgba(15, 23, 42, .12);
    --gl-radius:18px;
  }

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

  body{
    margin:0;
    background:
      radial-gradient(circle at 12% 0%, rgba(216,180,106,.22), transparent 32%),
      linear-gradient(180deg, #ffffff 0%, var(--gl-beige) 100%);
    color:var(--gl-text);
  }

  /* Não deixa elementos do tema ficarem presos/fixos na tela */
  body header,
  body #header,
  body .header,
  body .navbar,
  body .navbar-fixed-top,
  body .fixed-top,
  body .sticky-top,
  body .topbar{
    position:static !important;
    top:auto !important;
  }

  .gl-page,
  .gl-page *{
    box-sizing:border-box;
  }

  .gl-page{
    font-family:Inter, Arial, Helvetica, sans-serif;
  }

  .gl-container{
    width:100%;
    max-width:var(--gl-max);
    margin:0 auto;
    padding-left:22px;
    padding-right:22px;
  }

  .gl-trustbar{
    background:linear-gradient(90deg, #f1d185 0%, #f8e7ad 50%, #f1d185 100%);
    color:#172033;
    border-bottom:1px solid rgba(15,23,42,.08);
    font-size:14px;
    font-weight:900;
    text-align:center;
    padding:9px 12px;
  }

  .gl-header{
    background:linear-gradient(135deg, var(--gl-blue) 0%, #275ea5 100%);
    color:#fff;
    box-shadow:0 12px 30px rgba(10,36,72,.16);
  }

  .gl-header-main{
    display:grid;
    grid-template-columns:250px minmax(260px, 1fr) auto;
    gap:22px;
    align-items:center;
    padding:21px 0 15px;
  }

  .gl-brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#fff;
    min-width:0;
  }

  .gl-brand-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:1000;
    letter-spacing:-.08em;
    color:var(--gl-blue-3);
    background:linear-gradient(135deg, #fff 0%, var(--gl-beige-2) 68%, var(--gl-gold) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 10px 24px rgba(0,0,0,.16);
  }

  .gl-brand-text{
    display:flex;
    flex-direction:column;
    line-height:1;
  }

  .gl-brand-text strong{
    font-size:28px;
    letter-spacing:-.04em;
    font-weight:1000;
  }

  .gl-brand-text span{
    margin-top:6px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:#e8f1ff;
    font-weight:850;
  }

  .gl-search{
    width:100%;
    height:48px;
    border-radius:10px;
    background:#fff;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 16px;
    color:#94a3b8;
    box-shadow:0 10px 22px rgba(0,0,0,.10);
  }

  .gl-search span{
    font-size:18px;
    line-height:1;
  }

  .gl-search input{
    border:0;
    outline:0;
    width:100%;
    font-size:15px;
    color:#0f172a;
    background:transparent;
  }

  .gl-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    white-space:nowrap;
  }

  .gl-action-btn{
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.10);
    color:#fff;
    text-decoration:none;
    height:44px;
    padding:0 14px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:900;
    font-size:14px;
  }

  .gl-menu{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 0 16px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .gl-menu::-webkit-scrollbar{
    height:0;
  }

  .gl-menu a{
    flex:0 0 auto;
    color:#f8fbff;
    text-decoration:none;
    font-size:14px;
    font-weight:850;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.14);
  }

  .gl-menu a.gl-active{
    background:#fff;
    color:var(--gl-blue-2);
  }

  .gl-main{
    padding:28px 0 70px;
  }

  .gl-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    color:var(--gl-muted);
    font-size:13px;
    margin-bottom:20px;
  }

  .gl-breadcrumb a{
    color:var(--gl-blue);
    text-decoration:none;
    font-weight:850;
  }

  .gl-product{
    display:grid;
    grid-template-columns:minmax(340px, 500px) minmax(0, 1fr);
    gap:46px;
    align-items:start;
  }

  .gl-visual-card{
    width:100%;
    border-radius:8px;
    overflow:hidden;
    background:linear-gradient(150deg, #5f2eea 0%, #d91b8d 46%, #ff8b2c 100%);
    min-height:500px;
    position:relative;
    box-shadow:var(--gl-shadow);
  }

  .gl-visual-card:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(135deg, rgba(255,255,255,.08) 25%, transparent 25%),
      linear-gradient(135deg, transparent 75%, rgba(255,255,255,.08) 75%);
    background-size:112px 112px;
    opacity:.35;
  }

  .gl-post-frame{
    position:absolute;
    inset:64px 58px 76px;
    border:4px solid rgba(255,255,255,.92);
    display:flex;
    flex-direction:column;
    padding:34px 32px 28px;
    color:#fff;
  }

  .gl-post-top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:28px;
    font-weight:900;
  }

  .gl-avatar{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
  }

  .gl-post-image{
    flex:1;
    min-height:180px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
  }

  .gl-insta-icon{
    width:86px;
    height:86px;
    border-radius:27px;
    border:8px solid #d22d80;
    position:relative;
    display:block;
  }

  .gl-insta-icon:before{
    content:"";
    position:absolute;
    width:30px;
    height:30px;
    border-radius:50%;
    border:7px solid #d22d80;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
  }

  .gl-insta-icon:after{
    content:"";
    position:absolute;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#d22d80;
    right:14px;
    top:14px;
  }

  .gl-like-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:24px;
    font-size:20px;
    font-weight:1000;
  }

  .gl-like-row span{
    font-size:36px;
    line-height:1;
  }

  .gl-lines{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .gl-lines i{
    height:7px;
    background:#fff;
    display:block;
    width:42%;
  }

  .gl-lines i:last-child{
    width:72%;
  }

  .gl-info{
    padding-top:2px;
  }

  .gl-kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#8a5b07;
    background:#fff8e8;
    border:1px solid #e5c46d;
    border-radius:999px;
    padding:8px 12px;
    font-size:13px;
    font-weight:900;
  }

  .gl-title{
    margin:15px 0 8px;
    color:#06182f;
    font-size:clamp(32px, 4vw, 48px);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:1000;
  }

  .gl-rating{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:10px;
    color:#06182f;
    font-size:15px;
  }

  .gl-stars{
    color:#f59e0b;
    letter-spacing:.04em;
    font-weight:1000;
  }

  .gl-rating a{
    color:#1d4ed8;
    text-decoration:none;
    font-weight:850;
  }

  .gl-description{
    margin:0 0 16px;
    color:#42526b;
    line-height:1.55;
    font-size:16px;
    max-width:760px;
  }

  .gl-alert{
    border-radius:12px;
    padding:13px 14px;
    margin:18px 0 18px;
    font-weight:900;
  }

  .gl-alert.gl-ok{
    background:#ecfdf3;
    color:#075f44;
    border:1px solid #a7f3d0;
  }

  .gl-form-card{
    background:#fff;
    border:1px solid var(--gl-border);
    border-radius:var(--gl-radius);
    box-shadow:0 14px 34px rgba(15,23,42,.08);
    padding:20px;
  }

  .gl-form-row{
    margin-bottom:14px;
  }

  .gl-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
    color:#071933;
    font-size:14px;
    font-weight:950;
  }

  .gl-required{
    color:#dc2626;
  }

  .gl-sample{
    color:#fff;
    background:#1746db;
    border-radius:5px;
    padding:4px 7px;
    font-size:11px;
    white-space:nowrap;
  }

  .gl-select,
  .gl-input{
    width:100%;
    min-height:52px;
    border:1px solid #b8c7d9;
    border-radius:8px;
    background:#fff;
    color:#102033;
    padding:0 14px;
    font-size:15px;
    outline:0;
  }

  .gl-select:focus,
  .gl-input:focus{
    border-color:#2358a3;
    box-shadow:0 0 0 4px rgba(35,88,163,.12);
  }

  .gl-output{
    margin:0 0 15px;
    padding:14px;
    border-radius:9px;
    border:1px solid #bad7ff;
    background:linear-gradient(180deg, #f8fbff, #edf6ff);
    color:#06244c;
    text-align:center;
    font-weight:950;
  }

  .gl-btn-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:10px;
  }

  .gl-btn{
    min-height:54px;
    border:0;
    border-radius:7px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:13px 16px;
    font-weight:1000;
    font-size:14px;
    text-transform:uppercase;
    cursor:pointer;
  }

  .gl-btn-primary{
    background:#e7edf4;
    color:#06182f;
  }

  .gl-btn-primary:hover{
    background:#dce7f2;
  }

  .gl-btn-secondary{
    background:#06182f;
    color:#fff;
  }

  .gl-btn-secondary:hover{
    background:#0b2f5f;
  }

  .gl-note{
    margin-top:13px;
    color:var(--gl-muted);
    line-height:1.5;
    font-size:13px;
  }

  .gl-benefits{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
    margin-top:18px;
  }

  .gl-benefit{
    border:1px solid var(--gl-border);
    background:rgba(255,255,255,.72);
    border-radius:14px;
    padding:14px;
  }

  .gl-benefit strong{
    display:block;
    color:#06182f;
    font-weight:1000;
    margin-bottom:5px;
  }

  .gl-benefit span{
    color:var(--gl-muted);
    line-height:1.45;
    font-size:13px;
  }

  .gl-article{
    margin-top:42px;
    background:rgba(255,255,255,.74);
    border:1px solid var(--gl-border);
    border-radius:20px;
    padding:24px;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
  }

  .gl-article h2{
    margin:0 0 10px;
    font-size:26px;
    letter-spacing:-.03em;
    color:#06182f;
  }

  .gl-article p{
    margin:0;
    color:#42526b;
    line-height:1.65;
    font-size:15px;
  }

  .gl-article-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
    margin-top:18px;
  }

  .gl-article-card{
    background:#fff;
    border:1px solid var(--gl-border);
    border-radius:14px;
    padding:16px;
  }

  .gl-article-card strong{
    display:block;
    margin-bottom:6px;
    color:#06182f;
    font-weight:1000;
  }

  .gl-article-card span{
    color:var(--gl-muted);
    line-height:1.45;
    font-size:13px;
  }

  @media (max-width:1100px){
    .gl-container{
      max-width:980px;
    }

    .gl-header-main{
      grid-template-columns:220px 1fr;
    }

    .gl-actions{
      grid-column:1 / -1;
      justify-content:flex-start;
    }

    .gl-product{
      grid-template-columns:minmax(320px, 430px) minmax(0, 1fr);
      gap:30px;
    }

    .gl-visual-card{
      min-height:430px;
    }

    .gl-post-frame{
      inset:48px 40px 58px;
      padding:28px 24px 24px;
    }
  }

  @media (max-width:860px){
    .gl-header-main{
      grid-template-columns:1fr;
      gap:14px;
    }

    .gl-actions{
      justify-content:stretch;
    }

    .gl-action-btn{
      flex:1;
    }

    .gl-product{
      grid-template-columns:1fr;
      gap:24px;
    }

    .gl-visual-card{
      max-width:560px;
      margin:0 auto;
      min-height:430px;
    }

    .gl-info{
      padding-top:0;
    }

    .gl-benefits,
    .gl-article-grid{
      grid-template-columns:1fr;
    }
  }

  @media (max-width:560px){
    .gl-container{
      padding-left:14px;
      padding-right:14px;
    }

    .gl-trustbar{
      font-size:12px;
      padding:8px 10px;
    }

    .gl-header-main{
      padding:16px 0 13px;
    }

    .gl-brand-icon{
      width:44px;
      height:44px;
      border-radius:14px;
    }

    .gl-brand-text strong{
      font-size:24px;
    }

    .gl-brand-text span{
      font-size:9px;
    }

    .gl-search{
      height:44px;
      padding:0 12px;
    }

    .gl-menu{
      padding-bottom:12px;
    }

    .gl-menu a{
      font-size:12px;
      padding:7px 10px;
    }

    .gl-main{
      padding-top:18px;
      padding-bottom:44px;
    }

    .gl-breadcrumb{
      font-size:12px;
      margin-bottom:14px;
    }

    .gl-visual-card{
      min-height:330px;
      border-radius:7px;
    }

    .gl-post-frame{
      inset:36px 26px 42px;
      padding:22px 18px 18px;
      border-width:3px;
    }

    .gl-post-top{
      margin-bottom:18px;
    }

    .gl-avatar{
      width:40px;
      height:40px;
    }

    .gl-post-image{
      min-height:120px;
    }

    .gl-insta-icon{
      width:62px;
      height:62px;
      border-radius:20px;
      border-width:6px;
    }

    .gl-insta-icon:before{
      width:20px;
      height:20px;
      border-width:5px;
    }

    .gl-insta-icon:after{
      width:8px;
      height:8px;
      right:10px;
      top:10px;
    }

    .gl-like-row{
      margin-top:16px;
      font-size:16px;
    }

    .gl-like-row span{
      font-size:28px;
    }

    .gl-title{
      font-size:34px;
      line-height:1.04;
    }

    .gl-description{
      font-size:14px;
    }

    .gl-form-card{
      padding:15px;
      border-radius:15px;
    }

    .gl-btn-row{
      grid-template-columns:1fr;
      gap:10px;
    }

    .gl-label{
      align-items:flex-start;
      flex-direction:column;
      gap:7px;
    }

    .gl-sample{
      align-self:flex-start;
    }

    .gl-article{
      padding:18px;
      margin-top:28px;
    }
  }


  /* ===== Ajustes extras para mobile + popup de oferta ===== */
  .gl-exit-popup{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999;
    padding:18px;
    background:rgba(6,24,47,.72);
    backdrop-filter:blur(7px);
    align-items:center;
    justify-content:center;
  }

  .gl-exit-popup.gl-show{
    display:flex;
  }

  .gl-exit-box{
    width:100%;
    max-width:470px;
    background:#fff;
    border:1px solid rgba(216,180,106,.55);
    border-radius:22px;
    box-shadow:0 26px 70px rgba(0,0,0,.28);
    padding:28px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }

  .gl-exit-box:before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:8px;
    background:linear-gradient(90deg, var(--gl-blue), var(--gl-gold), var(--gl-blue));
  }

  .gl-exit-close{
    position:absolute;
    top:12px;
    right:12px;
    width:36px;
    height:36px;
    border:1px solid var(--gl-border);
    border-radius:50%;
    background:#fff;
    color:#0f172a;
    font-size:24px;
    line-height:1;
    cursor:pointer;
  }

  .gl-exit-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:8px 0 12px;
    padding:8px 12px;
    border-radius:999px;
    color:#8a5b07;
    background:#fff8e8;
    border:1px solid #e5c46d;
    font-weight:1000;
    font-size:13px;
  }

  .gl-exit-title{
    margin:0 0 10px;
    color:#06182f;
    font-size:30px;
    line-height:1.05;
    letter-spacing:-.04em;
    font-weight:1000;
  }

  .gl-exit-text{
    margin:0 auto 18px;
    max-width:390px;
    color:#42526b;
    line-height:1.55;
    font-size:15px;
  }

  .gl-exit-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .gl-exit-buy,
  .gl-exit-stay{
    width:100%;
    min-height:52px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px 16px;
    font-weight:1000;
    text-transform:uppercase;
    font-size:14px;
    cursor:pointer;
  }

  .gl-exit-buy{
    color:#fff;
    background:#06182f;
    text-decoration:none;
    border:0;
  }

  .gl-exit-buy:hover{
    background:#0b2f5f;
  }

  .gl-exit-stay{
    color:#06182f;
    background:#f8fafc;
    border:1px solid var(--gl-border);
  }

  @media (max-width:760px){
    body{
      background:linear-gradient(180deg, #ffffff 0%, #fbf4e8 42%, var(--gl-beige) 100%);
    }

    .gl-container{
      padding-left:14px;
      padding-right:14px;
    }

    .gl-trustbar{
      font-size:11px;
      line-height:1.35;
      padding:7px 10px;
    }

    .gl-header-main{
      grid-template-columns:1fr;
      gap:10px;
      padding:14px 0 11px;
    }

    .gl-brand{
      justify-content:center;
    }

    .gl-brand-icon{
      width:42px;
      height:42px;
      border-radius:13px;
      font-size:14px;
    }

    .gl-brand-text strong{
      font-size:25px;
    }

    .gl-brand-text span{
      font-size:9px;
      letter-spacing:.13em;
    }

    .gl-search{
      height:42px;
      border-radius:11px;
      box-shadow:0 8px 18px rgba(0,0,0,.10);
    }

    .gl-search input{
      font-size:13px;
    }

    .gl-actions{
      display:none;
    }

    .gl-menu{
      gap:6px;
      padding:0 0 12px;
      overflow-x:auto;
    }

    .gl-menu a{
      font-size:12px;
      padding:7px 10px;
    }

    .gl-main{
      padding:15px 0 42px;
    }

    .gl-breadcrumb{
      display:none;
    }

    .gl-product{
      display:block;
    }

    .gl-visual-card{
      display:none;
    }

    .gl-info{
      max-width:540px;
      margin:0 auto;
      padding-top:0;
    }

    .gl-kicker{
      font-size:12px;
      padding:7px 10px;
      margin-bottom:2px;
    }

    .gl-title{
      font-size:30px;
      line-height:1.06;
      margin:11px 0 8px;
      letter-spacing:-.045em;
    }

    .gl-rating{
      font-size:13px;
      gap:5px;
      margin-bottom:10px;
    }

    .gl-description{
      font-size:14px;
      line-height:1.55;
      margin-bottom:13px;
    }

    .gl-alert{
      margin:13px 0;
      padding:12px;
      font-size:13px;
      line-height:1.35;
    }

    .gl-form-card{
      padding:14px;
      border-radius:15px;
      box-shadow:0 12px 26px rgba(15,23,42,.08);
    }

    .gl-form-row{
      margin-bottom:12px;
    }

    .gl-label{
      font-size:13px;
      gap:6px;
      align-items:flex-start;
      flex-direction:column;
    }

    .gl-sample{
      align-self:flex-start;
      font-size:10px;
      padding:4px 6px;
    }

    .gl-select,
    .gl-input{
      min-height:47px;
      border-radius:9px;
      font-size:14px;
      padding:0 12px;
    }

    .gl-output{
      font-size:13px;
      line-height:1.35;
      padding:12px;
      margin-bottom:12px;
    }

    .gl-btn-row{
      grid-template-columns:1fr;
      gap:10px;
    }

    .gl-btn{
      min-height:50px;
      border-radius:9px;
      padding:12px 14px;
      font-size:12px;
      line-height:1.25;
    }

    .gl-note{
      font-size:12px;
      line-height:1.45;
    }

    .gl-benefits{
      grid-template-columns:1fr;
      gap:10px;
      margin-top:14px;
    }

    .gl-benefit{
      padding:12px;
    }

    .gl-article{
      margin-top:24px;
      padding:17px;
      border-radius:17px;
    }

    .gl-article h2{
      font-size:22px;
      line-height:1.15;
    }

    .gl-article p{
      font-size:13px;
    }

    .gl-article-grid{
      grid-template-columns:1fr;
      gap:10px;
    }

    .gl-article-card{
      padding:13px;
    }
  }

  @media (max-width:390px){
    .gl-container{
      padding-left:12px;
      padding-right:12px;
    }

    .gl-title{
      font-size:27px;
    }

    .gl-menu a:nth-child(5),
    .gl-menu a:nth-child(6){
      display:none;
    }

    .gl-exit-box{
      padding:22px 16px 18px;
      border-radius:18px;
    }

    .gl-exit-title{
      font-size:25px;
    }

    .gl-exit-text{
      font-size:13px;
    }

    .gl-exit-buy,
    .gl-exit-stay{
      min-height:48px;
      font-size:12px;
    }
  }

</style>

<main class="gl-page">
  <div class="gl-trustbar">
    ⭐ Glikes • curtidas grátis no Instagram • sem senha, sem login e com envio rápido
  </div>

  <section class="gl-header">
    <div class="gl-container">
      <div class="gl-header-main">
        <a class="gl-brand" href="/" aria-label="Glikes">
          <div class="gl-brand-icon">GL</div>
          <div class="gl-brand-text">
            <strong>GLIKES</strong>
            <span>Curtidas no Instagram</span>
          </div>
        </a>

        <div class="gl-search" aria-label="Busca visual">
          <span>🔎</span>
          <input type="text" value="" placeholder="Encontre serviços: curtidas grátis, Instagram, Reels..." aria-label="Buscar serviços">
        </div>

        <div class="gl-actions">
          <a class="gl-action-btn" href="/">🌐 Português</a>
          <a class="gl-action-btn" href="https://viralnaweb.com/curtidas-instagram-2/" target="_blank" rel="noopener">🛒 Carrinho (0)</a>
        </div>
      </div>

      <nav class="gl-menu" aria-label="Serviços principais">
        <a class="gl-active" href="/">Todos os serviços</a>
        <a href="/">Instagram</a>
        <a href="/">Curtidas grátis</a>
        <a href="/">Reels</a>
        <a href="https://viralnaweb.com/" target="_blank" rel="noopener">Comprar curtidas</a>
        <a href="/">Suporte</a>
      </nav>
    </div>
  </section>

  <section class="gl-main">
    <div class="gl-container">
      <div class="gl-breadcrumb">
        <a href="/">Início</a>
        <span>/</span>
        <a href="/">Instagram</a>
        <span>/</span>
        <span>Curtidas grátis no Instagram</span>
      </div>

      <div class="gl-product">
        <div class="gl-visual-card" aria-label="Imagem ilustrativa de curtidas no Instagram">
          <div class="gl-post-frame">
            <div class="gl-post-top">
              <div class="gl-avatar"></div>
              <span>Username</span>
            </div>

            <div class="gl-post-image">
              <span class="gl-insta-icon" aria-hidden="true"></span>
            </div>

            <div class="gl-like-row">
              <span>❤</span>
              <strong>Free Likes</strong>
            </div>

            <div class="gl-lines">
              <i></i>
              <i></i>
            </div>
          </div>
        </div>

        <div class="gl-info">
          <span class="gl-kicker">✅ Sem senha • rápido • simples</span>
          <h1 class="gl-title">Curtidas grátis no Instagram</h1>

          <div class="gl-rating">
            <strong>4.8 / 5</strong>
            <span class="gl-stars">★★★★★</span>
            <a href="/">Mais de 10 mil pedidos processados</a>
          </div>

          <p class="gl-description">
            Aumente sua credibilidade, engajamento e prova social com curtidas gratuitas no Instagram. Informe o link da publicação e envie o pedido sem colocar senha.
          </p>

          <div class="gl-alert gl-ok">✅ Teste grátis disponível hoje. Não precisa login nem senha.</div>

          <div class="gl-form-card">
            <form method="post" id="glOrderForm">
              <div class="gl-form-row">
                <label class="gl-label" for="service">
                  <span>Selecione a quantidade <span class="gl-required">*</span></span>
                </label>
                <select class="gl-select" id="service" name="service" onchange="glUpdateQuantityRange()" required>
                  <option value="curtidas" selected>10 Free Instagram Likes</option>
                </select>
              </div>

              <div class="gl-output" id="outputRange">
                Você receberá entre 10 e 80 curtidas.
              </div>

              <div class="gl-form-row">
                <label class="gl-label" for="email">
                  <span>Insira seu endereço de e-mail <span class="gl-required">*</span></span>
                </label>
                <input class="gl-input" type="email" id="email" name="email" placeholder="exemplo@gmail.com" autocomplete="email" required>
              </div>

              <div class="gl-form-row">
                <label class="gl-label" for="arroba">
                  <span>URL da publicação do Instagram <span class="gl-required">*</span></span>
                  <span class="gl-sample">Sample URLs ?</span>
                </label>
                <input class="gl-input" type="text" id="arroba" name="arroba" placeholder="https://www.instagram.com/p/..." required>
              </div>

              <div class="gl-btn-row">
                <button class="gl-btn gl-btn-primary" type="submit">
                  Ganhe 10 curtidas grátis no Instagram
                </button>
                <a class="gl-btn gl-btn-secondary" href="https://viralnaweb.com/curtidas-instagram-2/" target="_blank" rel="noopener">
                  Comprar mais curtidas
                </a>
              </div>

              <div class="gl-note">
                Sua conta do Instagram não pode estar privada. Para curtidas, use o link do post, foto ou Reels. Não informe sua senha em nenhum momento.
              </div>
            </form>
          </div>

          <div class="gl-benefits">
            <div class="gl-benefit">
              <strong>Sem senha</strong>
              <span>O pedido usa apenas o link público da publicação.</span>
            </div>
            <div class="gl-benefit">
              <strong>Pedido rápido</strong>
              <span>Formulário simples, direto e fácil de preencher.</span>
            </div>
            <div class="gl-benefit">
              <strong>Foco em curtidas</strong>
              <span>Site preparado especialmente para likes no Instagram.</span>
            </div>
          </div>
        </div>
      </div>

      <section class="gl-article">
        <h2>Como ganhar curtidas grátis no Instagram sem senha?</h2>
        <p>
          No Glikes, o processo foi pensado para ser simples: você informa o link da publicação, confirma o pedido e acompanha o envio. Não é necessário colocar login, senha ou dados sensíveis da sua conta.
        </p>

        <div class="gl-article-grid">
          <div class="gl-article-card">
            <strong>1. Copie o link</strong>
            <span>Use o link da foto, vídeo ou Reels que deseja impulsionar.</span>
          </div>
          <div class="gl-article-card">
            <strong>2. Envie o pedido</strong>
            <span>Preencha o formulário e confirme o teste gratuito.</span>
          </div>
          <div class="gl-article-card">
            <strong>3. Aguarde o envio</strong>
            <span>O processamento é feito de forma prática e automática.</span>
          </div>
        </div>
      </section>
    </div>
  </section>


  <div class="gl-exit-popup" id="glExitPopup" role="dialog" aria-modal="true" aria-labelledby="glExitTitle" aria-hidden="true">
    <div class="gl-exit-box">
      <button class="gl-exit-close" type="button" id="glExitClose" aria-label="Fechar oferta">×</button>
      <div class="gl-exit-badge">🔥 Oferta especial</div>
      <h2 class="gl-exit-title" id="glExitTitle">Quer mais curtidas no Instagram?</h2>
      <p class="gl-exit-text">
        Antes de sair, veja pacotes de curtidas para impulsionar seu perfil com mais força na Viral na Web.
      </p>
      <div class="gl-exit-actions">
        <a class="gl-exit-buy" href="https://viralnaweb.com/curtidas-instagram-2/" target="_blank" rel="noopener">Ver oferta agora</a>
        <button class="gl-exit-stay" type="button" id="glExitStay">Continuar no Glikes</button>
      </div>
    </div>
  </div>

</main>

<script>
  function glUpdateQuantityRange(){
    var output = document.getElementById('outputRange');
    if(output){
      output.textContent = 'Você receberá entre 10 e 80 curtidas.';
    }
  }

  document.addEventListener('DOMContentLoaded', function(){
    glUpdateQuantityRange();

    var form = document.getElementById('glOrderForm');
    var linkInput = document.getElementById('arroba');

    if(form && linkInput){
      form.addEventListener('submit', function(){
        linkInput.value = (linkInput.value || '').trim();
      });
    }
  });


  (function(){
    var popup = null;
    var closeBtn = null;
    var stayBtn = null;
    var storageKey = 'glikes_exit_popup_seen';

    function markShown(){
      try{ sessionStorage.setItem(storageKey, '1'); }catch(e){}
    }

    function wasShown(){
      try{ return sessionStorage.getItem(storageKey) === '1'; }catch(e){ return false; }
    }

    function showExitOffer(){
      if(!popup || wasShown()) return;
      markShown();
      popup.classList.add('gl-show');
      popup.setAttribute('aria-hidden', 'false');
      document.body.style.overflow = 'hidden';
    }

    function closeExitOffer(){
      if(!popup) return;
      popup.classList.remove('gl-show');
      popup.setAttribute('aria-hidden', 'true');
      document.body.style.overflow = '';
    }

    document.addEventListener('DOMContentLoaded', function(){
      popup = document.getElementById('glExitPopup');
      closeBtn = document.getElementById('glExitClose');
      stayBtn = document.getElementById('glExitStay');

      if(closeBtn) closeBtn.addEventListener('click', closeExitOffer);
      if(stayBtn) stayBtn.addEventListener('click', closeExitOffer);

      if(popup){
        popup.addEventListener('click', function(event){
          if(event.target === popup) closeExitOffer();
        });
      }

      document.addEventListener('keydown', function(event){
        if(event.key === 'Escape') closeExitOffer();
      });

      document.addEventListener('mouseout', function(event){
        if(event.clientY <= 8 && !event.relatedTarget && window.innerWidth > 760){
          showExitOffer();
        }
      });

      if(window.history && window.history.pushState && window.innerWidth <= 760){
        try{
          window.history.pushState({glikesExitGuard:true}, '', window.location.href);
          window.addEventListener('popstate', function(){
            if(!wasShown()){
              showExitOffer();
              window.history.pushState({glikesExitGuard:true}, '', window.location.href);
            }else{
              window.history.back();
            }
          });
        }catch(e){}
      }
    });
  })();
</script>

{% include 'footer.twig' %}