/* 1) Base (tokens, tipografía, resets mínimos) */
@import url("./base.css");

/* 2) Layout global (fondos, espaciados base, contenedores) */
@import url("./layout.css");

/* 3) Componentes reutilizables (botones, cards, etc.) */
@import url("./components.css");

/* 4) Secciones */
@import url("./sections/header.css");
@import url("./sections/hero.css");

@import url("./sections/benefits.css");
@import url("./sections/services.css");


@import url("./sections/footer.css");

/* 5) Página (opcional) */
@import url("./pages/home.css");

@import url("./sections/coverage.css");
@import url("./sections/fleet.css");
@import url("./sections/cta-final.css");
@import url("./sections/contact.css");

/* === FIX Google Translate === */
#google_translate_container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background: rgba(15, 23, 42, 0.95);
    padding: 8px 10px;
    border-radius: 10px;
}

#google_translate_container select {
    background: #0f172a !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .3) !important;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 14px;
}

.goog-logo-link,
.goog-te-gadget span {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

/* Icon badges (Bootstrap Icons) */
.tg-icon--bi {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8px);
}

.tg-icon--bi i {
    font-size: 26px;
    line-height: 1;
}

/* Fleet meta icons alignment */
.tg-metaItem {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tg-metaItem i {
    font-size: 16px;
    line-height: 1;
}

/* ========== LOGOS ========== */

/* HEADER (navbar) */
.tg-logo-header {
    height: 64px;
    /* antes 40 */
    width: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 12px rgba(0, 153, 255, 0.25));
}

/* HEADER (navbar) */
.tg-logo-header {
    height: 64px;
    /* + */
    width: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 12px rgba(0, 153, 255, 0.25));
}

/* HERO */
.tg-logo-hero {
    height: 115px;
    /* + */
    width: auto;
    object-fit: contain;
    display: inline-block;
    margin-bottom: 12px;
    filter: drop-shadow(0 0 22px rgba(0, 153, 255, 0.45));
    opacity: 0.99;
}

/* Tablet */
@media (max-width: 991.98px) {
    .tg-logo-header {
        height: 66px;
    }

    .tg-logo-hero {
        height: 96px;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .tg-logo-header {
        height: 62px;
    }

    .tg-logo-hero {
        height: 82px;
    }
}


@media (max-width: 575.98px) {
    .navbar {
        padding-top: .35rem;
        padding-bottom: .35rem;
    }
}

/* Fondo global unificado */
html, body {
  background: radial-gradient(1200px 800px at 50% -20%, rgba(18,118,255,.28), transparent 60%),
              linear-gradient(180deg, #07101f 0%, #040a14 100%);
  background-attachment: fixed;
}

/* Secciones transparentes */
main,
section,
.tg-section {
  background: transparent;
  background-image: none;
}