body, html {
    font-family: 'Play', sans-serif;
}

h1, h2, h3, h3, h5, h6 {
    font-family: 'Play', sans-serif;
}

h1 {
    font-size: 1rem;
    margin: 20px 0;
}

h2 {
    margin: 0 0 40px;
}


header {
    margin: 20px 0;
}

header img {
    height: 100%;
}

.bg-fener {
    background: #004684;
    color: #FFF;
}

.bg-fener a {
    color: #FFF;
}

header .navbar a.navbar-brand {
    position: absolute;
    width: 150px;
    height: 150px;
    top: -100%;
}

header .navbar .navbar-collapse {
    margin-left: 180px;
}

header .navbar .navbar-collapse .navbar-nav .nav-item a.nav-link {
    text-transform: uppercase;
    font-weight: 700;
    color: #FFF;
}

header .navbar .navbar-collapse .navbar-nav .nav-item.active a.nav-link,
header .navbar .navbar-collapse .navbar-nav .nav-item a.nav-link:active,
header .navbar .navbar-collapse .navbar-nav .nav-item a.nav-link:focus,
header .navbar .navbar-collapse .navbar-nav .nav-item a.nav-link:hover {
    color: #ffff00;
}

header .navbar .navbar-collapse .social-part {
    color: #FFF;
    font-size: 24px;
}

header .navbar .navbar-collapse .social-part i {
    padding-right: 0.25em;
}

section {
    margin: 0 0 50px;
}

section.form .form-forma {
    padding: 1rem 1rem 0;
    margin: 0 0 1rem;
}

section.form .form-forma img {
    max-height: 200px;
}

section.form .form-forma .alert-added-to-cart {
    height: 30px;
    margin-top: 20px;
    font-size: 12px;
    color: #28a745;
}

section.form .card {
    margin: 0 0 1rem;
}


section.form .card h3 {
    margin: 0;
}

section.form .form-payment .panel-bank-bfbd {
    display: none;
}

#submit {
    margin: 0 0 1rem;
}

footer {
    padding: 20px 0;
}

footer ul {
    list-style: none;
    margin: 0; padding: 0;
}


.hidden-md,
.hidden-sm,
.hidden-xs {
    display: none!important;
}
@media (min-width: 576px) {
    .hidden-xs {
        display: block!important;
    }
    h1 {
        font-size: 1.5rem;
    }
}

@media (min-width: 768px) {
    .hidden-sm {
        display: block!important;
    }
    h1 {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .hidden-md {
        display: block!important;
    }
}

@media (min-width: 1200px) {
}

/* Homepage: simple coming-soon layout */
.fullscreen { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 24px; }
.content-a { display: flex; align-items: center; justify-content: center; width: 100%; }
.content-b { text-align: center; max-width: 900px; margin: 0 auto; }
.content-b img { height: auto; }
/* Logo */
.site-logo { width: clamp(180px, 28vw, 340px); height: auto; display: block; margin: 0 auto 16px; }
.content-b address, .content-b p, .content-b h1, .content-b h2, .content-b h3 { text-align: center; margin-left: auto; margin-right: auto; }
.poster { width: min(900px, 95vw); max-width: 100%; display: block; margin: 0 auto 16px; border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,.18); }

.lead { font-size: clamp(1rem, 2.5vw, 1.25rem); color: #0f192e; margin: 6px 0; }

/* Social icons */
.social-icons { margin-top: 16px; display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; }
.social-icons img { width: 40px; height: 40px; object-fit: contain; display: inline-block; filter: drop-shadow(0 2px 6px rgba(0,0,0,.25)); border-radius: 8px; background: #fff; }
.tiktok-link { display:inline-block; padding: 8px 12px; border-radius: 8px; background:#000; color:#fff; text-decoration:none; font-weight:700; font-size:14px; }
.tiktok-link:hover { opacity: .9; }

/* CTA and chip styles (kept for potential future use) */
.cta-wrap { margin: 4px 0 8px; }
.btn-cta { display:inline-block; background: linear-gradient(135deg, #ffd200, #ffea73); color:#0b1220; font-weight:700; padding:12px 18px; border-radius:12px; text-decoration:none; box-shadow: 0 6px 14px rgba(255,210,0,.35); transition: transform .15s ease, box-shadow .15s ease; }
.btn-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(255,210,0,.45); }
.chip { display:inline-block; background: #0f192e; color:#ffd200; border:1px solid rgba(255,210,0,.35); padding:6px 10px; border-radius:999px; font-size:.9rem; margin-bottom:8px; }
