/* IAGO GAMES V27 */

.iago27-promo {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    gap:25px;
    align-items:center;
    isolation:isolate;
    overflow:hidden;
    margin-top:22px;
    margin-bottom:38px;
    padding:clamp(26px,4vw,50px);
    min-height:270px;
    border-radius:24px;
    border:1px solid #e58bbb55;
    background:
      radial-gradient(circle at 85% 35%,#a43c884d,transparent 47%),
      linear-gradient(120deg,#22092f,#49164f 62%,#260d35);
    box-shadow:0 22px 47px #0c02134d;
}

.iago27-promo::before {
    content:"";
    position:absolute;
    inset:-80% -35%;
    pointer-events:none;
    background:linear-gradient(
      105deg,transparent 40%,#ffe3a71d 50%,transparent 60%
    );
    animation:iago27-light 9s ease-in-out infinite;
}

@keyframes iago27-light {
    from {transform:translateX(-90%)}
    to {transform:translateX(95%)}
}

.iago27-promo-text {
    position:relative;
    z-index:2;
}

.iago27-eyebrow {
    display:block;
    color:#ffcd76;
    font-size:11px;
    font-weight:800;
    letter-spacing:.15em;
    margin-bottom:14px;
}

.iago27-promo h2 {
    font:900 clamp(34px,4.4vw,58px)/.95
      'Barlow Condensed',Impact,sans-serif;
    text-transform:uppercase;
    color:#fff7ee;
    margin:0 0 14px;
}

.iago27-promo h2 em,
.iago27-head h1 em {
    color:#ffbc49;
    font-style:normal;
}

.iago27-promo p {
    color:#ecd8e9;
    font-size:14px;
    max-width:570px;
    line-height:1.7;
    margin:0 0 22px;
}

.iago27-promo a,
.iago27-empty a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border-radius:12px;
    min-height:46px;
    padding:12px 18px;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    background:linear-gradient(110deg,#ffca34,#ff941c);
    color:#29101b;
}

.iago27-promo a:hover,
.iago27-empty a:hover {
    filter:brightness(1.1);
}

.iago27-promo-symbol {
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    height:160px;
    border-radius:30px;
    background:radial-gradient(
      circle,#b13c936b,transparent 65%
    );
}

.iago27-promo-symbol .icon {
    width:130px;
    height:130px;
    stroke:#ffc67f;
    stroke-width:1.1;
    filter:drop-shadow(0 0 24px #f47ec959);
}

/* Pagina exclusiva */

.iago27-page {
    padding-top:30px;
    padding-bottom:85px;
}

.iago27-head {
    padding:clamp(26px,4vw,48px);
    border:1px solid #ec89cf4a;
    border-radius:24px;
    background:
      radial-gradient(circle at 90% 5%,#f4a52f22,transparent 45%),
      linear-gradient(120deg,#3c1647,#1b0928);
}

.iago27-head h1 {
    margin:0 0 14px;
    font:900 clamp(44px,5vw,74px)/.93
      'Barlow Condensed',Impact,sans-serif;
    text-transform:uppercase;
    color:#fff7f1;
}

.iago27-head p {
    max-width:650px;
    color:#dac6dc;
    font-size:14px;
    line-height:1.7;
}

.iago27-empty {
    display:flex;
    gap:22px;
    align-items:center;
    margin-top:25px;
    border:1px solid #e390cc38;
    border-radius:19px;
    padding:clamp(20px,3vw,34px);
    background:linear-gradient(120deg,#41164896,#1b0929);
}

.iago27-empty-icon {
    display:grid;
    place-items:center;
    width:70px;
    height:70px;
    flex:0 0 70px;
    border:1px solid #f6ba7145;
    border-radius:17px;
    background:#f3a54912;
}

.iago27-empty-icon .icon {
    width:38px;
    height:38px;
    color:#ffc578;
}

.iago27-empty h2 {
    margin:0 0 8px;
    font-size:22px;
    color:#fff;
}

.iago27-empty p {
    margin:0 0 15px;
    color:#ddc5de;
    font-size:13px;
}

.iago27-warning {
    font-size:11px;
    color:#bca8bb;
    line-height:1.6;
    margin-top:18px;
}

/* Adaptacao */

@media(min-width:761px) and (max-width:1250px) {
    #mainNav.nav {gap:2px}
    #mainNav.nav a {
        padding-left:8px;
        padding-right:8px;
        font-size:12px;
    }
}

@media(max-width:650px) {
    .iago27-promo {
        grid-template-columns:1fr;
        min-height:235px;
        padding:24px;
    }
    .iago27-promo-symbol {
        position:absolute;
        right:-18px;
        top:32px;
        width:130px;
        opacity:.22;
        pointer-events:none;
    }
    .iago27-promo-symbol .icon {
        width:110px;
        height:110px;
    }
    .iago27-promo-text {max-width:100%}
    .iago27-promo h2 {max-width:320px}
    .iago27-empty {
        gap:12px;
        align-items:flex-start;
    }
    .iago27-empty-icon {
        width:46px;
        height:46px;
        flex-basis:46px;
    }
    .iago27-empty-icon .icon {
        width:27px;
        height:27px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .iago27-promo::before {
        animation:none;
    }
}