@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/LanguageAcademy/Pages/InteractiveMap.razor.rz.scp.css */
/* Barra de filtros (chips) */
.route-chips[b-e3tfr20goi] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0 0 1rem 0;
}

.chip[b-e3tfr20goi] {
    padding: .45rem .9rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    color: #111;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .1s;
    font-size: 18px;
    font-weight: bold;
}

    .chip:hover[b-e3tfr20goi] {
        background: #f1f5f9;
    }

    .chip:active[b-e3tfr20goi] {
        transform: scale(.98);
    }

    .chip.active[b-e3tfr20goi] {
        color: #fff;
        border-color: transparent;
    }

.chip--all[b-e3tfr20goi] {
    background: #eef2f7;
}

    .chip--all.active[b-e3tfr20goi] {
        background: #64748b;
    }

/* Layout: mapa + panel (responsive) */
.map-layout[b-e3tfr20goi] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
}

@media (max-width: 992px) {
    .map-layout[b-e3tfr20goi] {
        grid-template-columns: 1fr;
    }
}

/* Panel de detalle (no modal) */
.place-panel[b-e3tfr20goi] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    padding: 16px;
    align-self: start;
}

    .place-panel h4[b-e3tfr20goi] {
        margin: .2rem 0 .4rem;
    }

.place-badge[b-e3tfr20goi] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .85rem;
    color: #fff;
}

.place-panel img[b-e3tfr20goi] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    margin: 8px 0;
    border: 1px solid #e5e7eb;
}

/* Lista de intereses */
.interests[b-e3tfr20goi] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    padding: 16px;
}

    .interests h5[b-e3tfr20goi] {
        margin: 0 0 .6rem;
    }

    .interests .group[b-e3tfr20goi] {
        margin-bottom: 10px;
    }

    .interests ul[b-e3tfr20goi] {
        margin: 0;
        padding-left: 1.1rem;
    }

    .interests li[b-e3tfr20goi] {
        margin: .15rem 0;
    }

/* Nota (warning) y checklist */
.note-warning[b-e3tfr20goi] {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
    border-radius: 10px;
    padding: 14px;
}

.checklist[b-e3tfr20goi] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .4rem 1rem;
}

@media (max-width:576px) {
    .checklist[b-e3tfr20goi] {
        grid-template-columns: 1fr;
    }
}

.checklist li[b-e3tfr20goi] {
    list-style: disc;
    margin-left: 1rem;
}

/* Ajuste de sección */
#contact .section-title[b-e3tfr20goi] {
    margin-top: 100px;
}

/* ===== Layout de chips + hint + imagen (imagen flotante/absoluta) ===== */
.chips-with-image[b-e3tfr20goi] {
    position: relative; /* ancla para posicionar la imagen */
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.chips-text[b-e3tfr20goi] {
    flex: 1;
    position: relative;
    z-index: 3; /* por encima de la imagen */
}

/* Imagen a la derecha, superpuesta arriba (sobre el título) */
.chips-image[b-e3tfr20goi] {
    position: absolute;
    right: -140px;
    top: -165px; /* << súbela/bájala a gusto */
    z-index: 3;
    pointer-events: none; /* no bloquea clics en chips/tip */
}

    .chips-image img[b-e3tfr20goi] {
        width: clamp(180px, 26vw, 340px); /* tamaño fluido */
        height: auto;
        display: block;
        background: transparent; /* sin fondo */
        border-radius: 0;
        box-shadow: none;
        filter: drop-shadow(0 12px 18px rgba(0,0,0,.12));
    }

/* Caja de Tip */
.map-hint[b-e3tfr20goi] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    border: 1px solid rgba(249,115,22,.3);
    background: #fff7ed;
    color: #7c2d12;
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
    box-shadow: 0 6px 14px rgba(0,0,0,.04);
}

    .map-hint i[b-e3tfr20goi] {
        font-size: 1.1rem;
        color: #ea580c;
    }

/* ====== Responsive ====== */
@media (max-width: 992px) {
    /* dejamos la imagen pegada al título, a la derecha */
    .chips-with-image[b-e3tfr20goi] {
        padding-right: 180px; /* reserva espacio para la imagen */
    }

    .chips-image[b-e3tfr20goi] {
        right: 12px;
        top: -60px;
    }

        .chips-image img[b-e3tfr20goi] {
            width: clamp(130px, 28vw, 200px);
        }
}

@media (max-width: 600px) {
    .chips-with-image[b-e3tfr20goi] {
        padding-right: 140px; /* mantiene la imagen a la derecha del título */
    }

    .chips-image[b-e3tfr20goi] {
        right: 8px;
        top: -48px;
    }

        .chips-image img[b-e3tfr20goi] {
            width: 135px;
        }
}
/* _content/LanguageAcademy/Shared/EmptyLayout.razor.rz.scp.css */
/* _content/LanguageAcademy/Shared/MainLayout.razor.rz.scp.css */
.footer.footer-bg[b-ihp80vl9y9] {
    position: relative;
    background: url("assets/img/footer.png") no-repeat center center/cover;
    color: #fff;
    padding: 40px 0 20px; /* espacio arriba/abajo */
}

    .footer.footer-bg[b-ihp80vl9y9]::before {
        content: "";
        position: absolute;
        inset: 0;
    }

    .footer.footer-bg .footer-top[b-ihp80vl9y9],
    .footer.footer-bg .copyright[b-ihp80vl9y9] {
        position: relative;
        z-index: 2;
    }

    .footer.footer-bg a[b-ihp80vl9y9],
    .footer.footer-bg p[b-ihp80vl9y9],
    .footer.footer-bg h4[b-ihp80vl9y9],
    .footer.footer-bg span[b-ihp80vl9y9] {
        color: #000000 !important;
    }

    .footer.footer-bg .social-links a[b-ihp80vl9y9] {
        background: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
        color: #000000;
        margin-right: 8px;
        padding: 8px;
        display: flex;
        align-items: flex-start;
        justify-content: left;
        transition: background 0.3s;
    }

        .footer.footer-bg .social-links a:hover[b-ihp80vl9y9] {
            background: rgba(255, 255, 255, 0.35);
        }

    .footer.footer-bg .copyright[b-ihp80vl9y9] {
        margin-top: 30px;
        font-size: 14px;
        color: #ddd;
    }

    .footer.footer-bg .credits[b-ihp80vl9y9] {
        font-size: 13px;
        margin-top: 5px;
        color: #bbb;
    }


.nav-link[b-ihp80vl9y9] {
    color: #000000 !important;
}
/* _content/LanguageAcademy/Shared/NavMenu.razor.rz.scp.css */
.spiral-logo[b-ixe6h4p9dv] {
    width: 100px; /* o ajusta a 100px si quieres a�n m�s grande */
    height: auto;
    transition: transform 0.2s ease-out;
}

/* Wrapper de logo */
.logo-text[b-ixe6h4p9dv] {
    display: inline-block;
    position: relative;
    width: 190px;
}

    /* Sitename principal */
    .logo-text .sitename[b-ixe6h4p9dv] {
        font-size: 1.8rem; /* ajusta a lo que tengas */
        font-weight: 700;
        margin: 0;
    }

    /* Subt�tulo "Costa Rica" */
    .logo-text .subtitle[b-ixe6h4p9dv] {
        display: block;
        font-size: 1.2rem; /* m�s peque�o */
        font-weight: 600;
        color: #e63946; /* rojo estilo logo */
        text-align: right; /* alineado al final */
        margin-top: -2px; /* sube un poquito para acercar */
        letter-spacing: 0.5px; /* un toque de tracking */
    }