/* PACK 004O · Recupera globos de Home + logo transparente integrado */

/* Logo */
.logo-badge-soft,
.cover-logo-badge,
.footer-logo-badge {
    display: inline-grid;
    place-items: center;
    background: rgba(255, 253, 248, 0.72);
    border: 1px solid rgba(98, 125, 60, 0.12);
    box-shadow: 0 12px 30px rgba(73, 89, 49, 0.12);
}

.logo-badge-soft {
    width: 82px;
    height: 82px;
    border-radius: 26px;
}

.logo-badge-soft .original-style-logo {
    width: 72px;
    height: 72px;
    object-fit: contain;
    filter: none;
}

.cover-logo-badge {
    width: clamp(118px, 15vw, 174px);
    height: clamp(118px, 15vw, 174px);
    border-radius: 34px;
    background: rgba(255, 253, 248, 0.86);
    backdrop-filter: blur(5px);
}

.cover-logo-badge .cover-logo {
    width: 88%;
    height: 88%;
    object-fit: contain;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

.footer-logo-badge {
    width: 74px;
    height: 74px;
    border-radius: 22px;
}

.footer-logo-badge img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

/* Instagram real */
.instagram-svg-tool svg {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

/* Recuperación de globos */
.home-bubbles {
    width: min(1480px, calc(100% - clamp(32px, 6vw, 112px)));
    margin-inline: auto;
    display: grid;
    gap: clamp(18px, 2.8vw, 28px);
}

.home-bubbles-main {
    margin-top: clamp(46px, 6vw, 84px);
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
    align-items: stretch;
}

.home-bubbles-secondary {
    margin-top: clamp(34px, 5vw, 64px);
    margin-bottom: clamp(64px, 8vw, 112px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-bubble {
    border-radius: 38px;
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid rgba(98, 125, 60, 0.13);
    box-shadow: 0 22px 58px rgba(73, 89, 49, 0.12);
    background: rgba(255, 253, 248, 0.88);
    min-height: 100%;
}

.home-bubble h2 {
    margin: 0 0 18px;
    font-size: clamp(34px, 4.7vw, 66px);
    line-height: 1.02;
    letter-spacing: -0.048em;
}

.home-bubble p {
    color: var(--muted);
    font-size: clamp(17px, 1.45vw, 20px);
    line-height: 1.62;
}

.home-bubble-about {
    background:
        radial-gradient(circle at 8% 12%, rgba(255, 133, 98, 0.10), transparent 24rem),
        radial-gradient(circle at 95% 5%, rgba(220, 235, 187, 0.48), transparent 24rem),
        rgba(255, 253, 248, 0.94);
}

.home-bubble-booking {
    background:
        linear-gradient(145deg, rgba(255, 226, 215, 0.90), rgba(255, 253, 248, 0.96));
}

.home-bubble-tariffs {
    background:
        linear-gradient(145deg, rgba(255, 226, 215, 0.86), rgba(255, 253, 248, 0.96));
}

.home-bubble-rules {
    background:
        linear-gradient(145deg, rgba(220, 235, 187, 0.88), rgba(255, 253, 248, 0.96));
}

.bubble-lead {
    max-width: 900px;
    color: var(--text) !important;
    font-weight: 500;
}

.bubble-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0;
}

.bubble-meta-grid div {
    padding: 18px;
    border-radius: 24px;
    background: rgba(255, 253, 248, 0.76);
    border: 1px solid rgba(98, 125, 60, 0.12);
}

.bubble-meta-grid span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background: var(--green-soft);
    margin-bottom: 10px;
}

.bubble-meta-grid strong {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
}

.bubble-meta-grid p {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
}

.activity-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 24px;
}

.activity-chip-grid span {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(238, 245, 223, 0.88);
    border: 1px solid rgba(98, 125, 60, 0.12);
    color: var(--green-dark);
    font-weight: 700;
    font-size: 15px;
}

.bubble-closing {
    margin: 0;
    color: var(--green-dark) !important;
    font-weight: 800;
}

.bubble-checklist {
    list-style: none;
    margin: 24px 0;
    padding: 0;
    display: grid;
    gap: 11px;
}

.bubble-checklist li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text);
    font-weight: 700;
}

.bubble-checklist li::before {
    content: "✓";
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--coral);
    color: white;
    font-weight: 900;
    font-size: 14px;
    flex: 0 0 auto;
}

.home-bubble-photo-row {
    width: min(1480px, calc(100% - clamp(32px, 6vw, 112px))) !important;
    margin: clamp(44px, 6vw, 78px) auto 0 !important;
    padding-inline: 0 !important;
}

/* Anula bloques compactos/piltrafa de 004J/004M si siguen cargados */
.home-intro-panel,
.home-intro-panel-fixed,
.home-summary,
.home-rates-rules,
.home-info-strip {
    display: none !important;
}

@media (max-width: 1120px) {
    .home-bubbles-main,
    .home-bubbles-secondary {
        grid-template-columns: 1fr;
    }

    .home-bubble h2 {
        font-size: clamp(34px, 7vw, 56px);
    }
}

@media (max-width: 700px) {
    .home-bubbles,
    .home-bubble-photo-row {
        width: calc(100% - 24px) !important;
    }

    .home-bubble {
        border-radius: 28px;
        padding: 24px;
    }

    .bubble-meta-grid {
        grid-template-columns: 1fr;
    }

    .activity-chip-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .activity-chip-grid span {
        border-radius: 18px;
    }

    .cover-logo-badge {
        width: 116px;
        height: 116px;
        border-radius: 26px;
    }
}