/* ==========================================================================
   GLOBAL CARGO
   ARCHIVO GENERAL DE ESTILOS

   RUTA:
   assets/css/estilos.css

   ==========================================================================

   ÍNDICE ACTUAL

   01. Variables Global Cargo
   02. Base / utilidades del Header
   03. Contenedor
   04. Topbar
   05. Header / Navbar
   06. Logo
   07. Navegación Desktop
   08. Estados activos
   09. Submenú Servicios Desktop
   10. Acciones Header
   11. Botón Menú Responsive
   12. Overlay
   13. Off Canvas
   14. Navegación Off Canvas
   15. Servicios Mobile
   16. Acciones Off Canvas
   17. App Dock Inferior
   18. Popup Rastreo
   19. Loader Rastreo
   20. Estado Header Scroll
   21. Responsive Laptop
   22. Responsive Tablet
   23. Responsive Mobile
   24. Mobile Pequeño

   ========================================================================== */



/* ==========================================================================
   01. VARIABLES GLOBAL CARGO
   ========================================================================== */

:root {

    /* ----------------------------------------------------------------------
       IDENTIDAD
       ---------------------------------------------------------------------- */

    --gc-orange: #f15a24;
    --gc-orange-dark: #c94618;
    --gc-orange-light: #ff7541;

    --gc-black: #08090c;
    --gc-black-soft: #101216;

    --gc-graphite: #17191e;
    --gc-graphite-light: #23262d;

    --gc-white: #ffffff;
    --gc-white-soft: #f7f7f5;

    --gc-text: #17191d;
    --gc-muted: #747880;

    --gc-gold: #c79a4b;
    --gc-gold-light: #e3ba70;


    /* ----------------------------------------------------------------------
       BORDES
       ---------------------------------------------------------------------- */

    --gc-border:
        rgba(18, 20, 24, 0.10);

    --gc-border-dark:
        rgba(255, 255, 255, 0.10);


    /* ----------------------------------------------------------------------
       SOMBRAS
       ---------------------------------------------------------------------- */

    --gc-shadow-small:
        0 8px 24px rgba(0, 0, 0, 0.08);

    --gc-shadow-medium:
        0 18px 55px rgba(0, 0, 0, 0.14);

    --gc-shadow-large:
        0 35px 90px rgba(0, 0, 0, 0.28);


    /* ----------------------------------------------------------------------
       TIPOGRAFÍA CORPORATIVA
       ---------------------------------------------------------------------- */

    --gc-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;


    /* ----------------------------------------------------------------------
       Z-INDEX
       ---------------------------------------------------------------------- */

    --gc-z-header: 1000;
    --gc-z-dock: 1100;
    --gc-z-overlay: 1190;
    --gc-z-offcanvas: 1200;
    --gc-z-modal: 5000;

}



/* ==========================================================================
   02. BASE / UTILIDADES DEL HEADER
   ========================================================================== */

.gc-header,
.gc-header *,
.gc-offcanvas,
.gc-offcanvas *,
.gc-app-dock,
.gc-app-dock *,
.gc-tracking-modal,
.gc-tracking-modal * {

    box-sizing: border-box;

}


.gc-header,
.gc-offcanvas,
.gc-app-dock,
.gc-tracking-modal {

    font-family: var(--gc-font);

}


.gc-header svg,
.gc-offcanvas svg,
.gc-app-dock svg,
.gc-tracking-modal svg {

    display: block;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

}


body.gc-menu-open,
body.gc-tracking-open {

    overflow: hidden;

}



/* ==========================================================================
   03. CONTENEDOR
   ========================================================================== */

.gc-container {

    width:
        min(
            calc(100% - 48px),
            1480px
        );

    margin-inline: auto;

}



/* ==========================================================================
   04. TOPBAR
   ========================================================================== */

.gc-topbar {

    position: relative;

    z-index: 5;

    color: var(--gc-white);

    border-bottom:
        1px solid rgba(255, 255, 255, 0.07);

    background:

        radial-gradient(
            circle at 18% -130%,
            rgba(241, 90, 36, 0.28),
            transparent 48%
        ),

        radial-gradient(
            circle at 82% 180%,
            rgba(199, 154, 75, 0.08),
            transparent 35%
        ),

        linear-gradient(
            90deg,
            #07080a 0%,
            #13151a 50%,
            #07080a 100%
        );

}


/* --------------------------------------------------------------------------
   INTERIOR TOPBAR
   -------------------------------------------------------------------------- */

.gc-topbar__inner {

    min-height: 40px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

}


/* --------------------------------------------------------------------------
   GRUPOS
   -------------------------------------------------------------------------- */

.gc-topbar__left,
.gc-topbar__right {

    display: flex;

    align-items: center;

    gap: 15px;

}


/* --------------------------------------------------------------------------
   TEXTOS
   -------------------------------------------------------------------------- */

.gc-topbar__message,
.gc-topbar__action {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color:
        rgba(255, 255, 255, 0.76);

    font-size: 12px;

    font-weight: 500;

    line-height: 1;

    text-decoration: none;

    white-space: nowrap;

}


.gc-topbar__message strong {

    color: var(--gc-white);

    font-weight: 700;

}


/* --------------------------------------------------------------------------
   ICONOS
   -------------------------------------------------------------------------- */

.gc-topbar__icon {

    width: 17px;

    height: 17px;

    flex: 0 0 auto;

    display: grid;

    place-items: center;

    color: var(--gc-orange);

}


.gc-topbar__icon svg {

    width: 100%;

    height: 100%;

}


.gc-topbar__action svg {

    width: 16px;

    height: 16px;

    flex: 0 0 auto;

    color: var(--gc-orange);

}


/* --------------------------------------------------------------------------
   DIVISORES
   -------------------------------------------------------------------------- */

.gc-topbar__divider {

    width: 1px;

    height: 14px;

    flex: 0 0 auto;

    background:
        rgba(255, 255, 255, 0.16);

}


/* --------------------------------------------------------------------------
   HOVER
   -------------------------------------------------------------------------- */

.gc-topbar__action {

    transition:
        color .25s ease;

}


.gc-topbar__action:hover {

    color: var(--gc-white);

}



/* ==========================================================================
   05. HEADER / NAVBAR
   ========================================================================== */

.gc-header {

    position: sticky;

    top: 0;

    z-index: var(--gc-z-header);

    width: 100%;

}


.gc-navbar {

    position: relative;

    background:
        rgba(255, 255, 255, 0.96);

    border-bottom:
        1px solid var(--gc-border);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

    transition:

        background .3s ease,
        box-shadow .3s ease;

}


/* --------------------------------------------------------------------------
   LÍNEA PREMIUM INFERIOR
   -------------------------------------------------------------------------- */

.gc-navbar::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    height: 1px;

    pointer-events: none;

    opacity: .7;

    background:

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(241, 90, 36, 0.28) 30%,
            rgba(199, 154, 75, 0.24) 55%,
            transparent 100%
        );

}


/* --------------------------------------------------------------------------
   INTERIOR NAVBAR
   -------------------------------------------------------------------------- */

.gc-navbar__inner {

    min-height: 86px;

    display: flex;

    align-items: center;

    gap:
        clamp(
            25px,
            3vw,
            55px
        );

}



/* ==========================================================================
   06. LOGO
   ========================================================================== */

.gc-brand {

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    text-decoration: none;

}


.gc-brand__logo {

    display: block;

    width: auto;

    height: 64px;

    max-width: 205px;

    object-fit: contain;

    transition:

        height .3s ease,
        transform .3s ease;

}


.gc-brand:hover
.gc-brand__logo {

    transform:
        translateY(-2px);

}



/* ==========================================================================
   07. NAVEGACIÓN DESKTOP
   ========================================================================== */

.gc-nav {

    flex: 1 1 auto;

    min-width: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap:
        clamp(
            22px,
            2.4vw,
            46px
        );

}


/* --------------------------------------------------------------------------
   LINKS
   -------------------------------------------------------------------------- */

.gc-nav__link {

    position: relative;

    min-height: 86px;

    padding: 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    color: var(--gc-text);

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: -0.01em;

    text-decoration: none;

    white-space: nowrap;

    transition:

        color .25s ease;

}


/* --------------------------------------------------------------------------
   LÍNEA INFERIOR
   -------------------------------------------------------------------------- */

.gc-nav__link::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 22px;

    width: 0;

    height: 2px;

    border-radius: 999px;

    transform:
        translateX(-50%);

    background:

        linear-gradient(
            90deg,
            var(--gc-orange),
            var(--gc-gold)
        );

    transition:

        width .28s ease;

}


.gc-nav__link:hover {

    color: var(--gc-orange-dark);

}


.gc-nav__link:hover::after {

    width: 100%;

}



/* ==========================================================================
   08. ESTADOS ACTIVOS
   ========================================================================== */

.gc-nav__link.is-active {

    color: var(--gc-orange-dark);

}


.gc-nav__link.is-active::after {

    width: 100%;

}


.gc-services-menu__item.is-active {

    color: var(--gc-orange-dark);

    background:

        linear-gradient(
            90deg,
            rgba(241, 90, 36, .085),
            rgba(199, 154, 75, .03)
        );

}


.gc-send-button.is-active {

    box-shadow:

        0 0 0 3px
        rgba(241, 90, 36, .13),

        0 14px 32px
        rgba(241, 90, 36, .30);

}



/* ==========================================================================
   09. SUBMENÚ SERVICIOS DESKTOP
   ========================================================================== */

.gc-nav-dropdown {

    position: relative;

    height: 86px;

    display: flex;

    align-items: stretch;

}


/* --------------------------------------------------------------------------
   SERVICIOS + CHEVRON
   -------------------------------------------------------------------------- */

.gc-nav__link--dropdown {

    cursor: pointer;

}


.gc-nav__chevron {

    width: 14px;

    height: 14px;

    transition:

        transform .25s ease;

}


.gc-nav-dropdown:hover
.gc-nav__chevron,

.gc-nav-dropdown:focus-within
.gc-nav__chevron {

    transform:
        rotate(180deg);

}


/* --------------------------------------------------------------------------
   PANEL
   -------------------------------------------------------------------------- */

.gc-services-menu {

    position: absolute;

    top:
        calc(100% - 7px);

    left: 50%;

    width: 405px;

    padding: 10px;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:

        translate(-50%, 15px)
        scale(.98);

    transform-origin:
        top center;

    border:
        1px solid rgba(18, 20, 24, .08);

    border-radius: 22px;

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(241, 90, 36, .09),
            transparent 35%
        ),

        linear-gradient(
            145deg,
            rgba(255, 255, 255, .995),
            rgba(249, 249, 247, .99)
        );

    box-shadow:

        0 30px 80px
        rgba(0, 0, 0, .17);

    backdrop-filter:
        blur(22px);

    -webkit-backdrop-filter:
        blur(22px);

    transition:

        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease;

}


/* --------------------------------------------------------------------------
   PUENTE INVISIBLE
   -------------------------------------------------------------------------- */

.gc-services-menu::before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: -20px;

    height: 22px;

}


/* --------------------------------------------------------------------------
   MOSTRAR
   -------------------------------------------------------------------------- */

.gc-nav-dropdown:hover
.gc-services-menu,

.gc-nav-dropdown:focus-within
.gc-services-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:

        translate(-50%, 0)
        scale(1);

}


/* --------------------------------------------------------------------------
   CABECERA SUBMENÚ
   -------------------------------------------------------------------------- */

.gc-services-menu__heading {

    padding:
        13px 14px 15px;

    margin-bottom: 4px;

    border-bottom:
        1px solid rgba(18, 20, 24, .07);

}


.gc-services-menu__heading span {

    display: block;

    margin-bottom: 4px;

    color: var(--gc-orange);

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .10em;

    text-transform: uppercase;

}


.gc-services-menu__heading strong {

    display: block;

    color: var(--gc-text);

    font-size: 18px;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -.025em;

}


/* --------------------------------------------------------------------------
   ITEM
   -------------------------------------------------------------------------- */

.gc-services-menu__item {

    min-height: 67px;

    padding:
        9px 11px;

    display: grid;

    grid-template-columns:
        42px 1fr 19px;

    align-items: center;

    gap: 11px;

    color: var(--gc-text);

    border-radius: 14px;

    text-decoration: none;

    transition:

        color .22s ease,
        background .22s ease,
        transform .22s ease;

}


.gc-services-menu__item:hover {

    color: var(--gc-orange-dark);

    background:

        linear-gradient(
            90deg,
            rgba(241, 90, 36, .075),
            rgba(199, 154, 75, .035)
        );

    transform:
        translateX(3px);

}


/* --------------------------------------------------------------------------
   ICONO
   -------------------------------------------------------------------------- */

.gc-services-menu__icon {

    width: 40px;

    height: 40px;

    display: grid;

    place-items: center;

    color: var(--gc-orange);

    border:
        1px solid rgba(241, 90, 36, .11);

    border-radius: 12px;

    background:
        rgba(241, 90, 36, .055);

}


.gc-services-menu__icon svg {

    width: 20px;

    height: 20px;

}


/* --------------------------------------------------------------------------
   TEXTO
   -------------------------------------------------------------------------- */

.gc-services-menu__text {

    min-width: 0;

}


.gc-services-menu__text strong {

    display: block;

    margin-bottom: 3px;

    color: inherit;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.25;

}


.gc-services-menu__text small {

    display: block;

    color: var(--gc-muted);

    font-size: 11px;

    font-weight: 400;

    line-height: 1.4;

}


/* --------------------------------------------------------------------------
   FLECHA
   -------------------------------------------------------------------------- */

.gc-services-menu__arrow {

    width: 16px;

    height: 16px;

    color: var(--gc-orange);

    opacity: .4;

    transition:

        opacity .22s ease,
        transform .22s ease;

}


.gc-services-menu__item:hover
.gc-services-menu__arrow {

    opacity: 1;

    transform:
        translateX(3px);

}


/* --------------------------------------------------------------------------
   VER TODOS
   -------------------------------------------------------------------------- */

.gc-services-menu__all {

    min-height: 47px;

    margin-top: 7px;

    padding:
        0 15px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    color: var(--gc-white);

    border-radius: 13px;

    background:

        linear-gradient(
            135deg,
            var(--gc-black-soft),
            var(--gc-black)
        );

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    transition:

        background .25s ease,
        transform .25s ease;

}


.gc-services-menu__all:hover {

    transform:
        translateY(-1px);

    background:

        linear-gradient(
            135deg,
            var(--gc-orange),
            var(--gc-orange-dark)
        );

}


.gc-services-menu__all svg {

    width: 17px;

    height: 17px;

}



/* ==========================================================================
   10. ACCIONES HEADER
   ========================================================================== */

.gc-navbar__actions {

    flex: 0 0 auto;

    display: flex;

    align-items: center;

    gap: 10px;

}


/* --------------------------------------------------------------------------
   WHATSAPP
   -------------------------------------------------------------------------- */

.gc-header-whatsapp {

    min-height: 46px;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    color: var(--gc-text);

    border:
        1px solid rgba(18, 20, 24, .13);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .72);

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    transition:

        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}


.gc-header-whatsapp svg {

    width: 18px;

    height: 18px;

    color: var(--gc-orange);

}


.gc-header-whatsapp:hover {

    color: var(--gc-orange-dark);

    border-color:
        rgba(241, 90, 36, .32);

    transform:
        translateY(-2px);

    box-shadow:
        var(--gc-shadow-small);

}


/* --------------------------------------------------------------------------
   ENVÍA TU CAJA
   -------------------------------------------------------------------------- */

.gc-send-button {

    position: relative;

    overflow: hidden;

    min-height: 46px;

    padding:
        0 17px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    color: var(--gc-white);

    border-radius: 12px;

    background:

        linear-gradient(
            135deg,
            var(--gc-orange),
            var(--gc-orange-dark)
        );

    box-shadow:

        0 11px 26px
        rgba(241, 90, 36, .25);

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

    transition:

        transform .25s ease,
        box-shadow .25s ease;

}


.gc-send-button::before {

    content: "";

    position: absolute;

    top: -50%;

    left: -50px;

    width: 27px;

    height: 200%;

    opacity: .30;

    transform:
        rotate(22deg);

    background:
        var(--gc-white);

    transition:
        left .55s ease;

}


.gc-send-button:hover {

    transform:
        translateY(-2px);

    box-shadow:

        0 16px 34px
        rgba(241, 90, 36, .34);

}


.gc-send-button:hover::before {

    left:
        calc(100% + 40px);

}


.gc-send-button svg {

    width: 17px;

    height: 17px;

}



/* ==========================================================================
   11. BOTÓN MENÚ RESPONSIVE
   ========================================================================== */

.gc-menu-trigger {

    display: none;

    min-height: 46px;

    padding:
        0 13px;

    align-items: center;

    justify-content: center;

    gap: 10px;

    color: var(--gc-text);

    border:
        1px solid rgba(18, 20, 24, .10);

    border-radius: 13px;

    background:

        linear-gradient(
            145deg,
            #ffffff,
            #f4f4f2
        );

    box-shadow:
        0 8px 22px rgba(0, 0, 0, .07);

    cursor: pointer;

}


/* --------------------------------------------------------------------------
   TEXTO
   -------------------------------------------------------------------------- */

.gc-menu-trigger__label {

    font-family: var(--gc-font);

    font-size: 12px;

    font-weight: 600;

}


/* --------------------------------------------------------------------------
   BARRAS
   -------------------------------------------------------------------------- */

.gc-menu-trigger__bars {

    width: 21px;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 4px;

}


.gc-menu-trigger__bars i {

    width: 21px;

    height: 2px;

    display: block;

    border-radius: 99px;

    background: var(--gc-black);

    transition:

        width .25s ease,
        transform .25s ease;

}


.gc-menu-trigger__bars i:nth-child(2) {

    width: 15px;

}


.gc-menu-trigger:hover
.gc-menu-trigger__bars i:nth-child(2) {

    width: 21px;

}



/* ==========================================================================
   12. OVERLAY
   ========================================================================== */

.gc-menu-overlay {

    position: fixed;

    inset: 0;

    z-index: var(--gc-z-overlay);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    background:

        rgba(3, 4, 6, .69);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    transition:

        opacity .32s ease,
        visibility .32s ease;

}


.gc-menu-overlay.is-visible {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}



/* ==========================================================================
   13. OFF CANVAS
   ========================================================================== */

.gc-offcanvas {

    position: fixed;

    top: 0;

    right: 0;

    z-index: var(--gc-z-offcanvas);

    width:
        min(
            430px,
            92vw
        );

    height: 100dvh;

    padding:

        max(
            20px,
            env(safe-area-inset-top)
        )

        20px

        max(
            25px,
            env(safe-area-inset-bottom)
        );

    display: flex;

    flex-direction: column;

    color: var(--gc-white);

    overflow-y: auto;

    overscroll-behavior: contain;

    transform:
        translateX(105%);

    border-left:
        1px solid rgba(255, 255, 255, .09);

    background:

        radial-gradient(
            circle at 86% 0%,
            rgba(241, 90, 36, .23),
            transparent 34%
        ),

        radial-gradient(
            circle at 0% 78%,
            rgba(199, 154, 75, .08),
            transparent 34%
        ),

        linear-gradient(
            150deg,
            #17191e 0%,
            #090a0d 59%,
            #050607 100%
        );

    box-shadow:

        -30px 0 90px
        rgba(0, 0, 0, .42);

    transition:

        transform
        .38s
        cubic-bezier(.2, .85, .2, 1);

}


.gc-offcanvas.is-open {

    transform:
        translateX(0);

}



/* --------------------------------------------------------------------------
   HEADER OFF CANVAS
   -------------------------------------------------------------------------- */

.gc-offcanvas__header {

    min-height: 70px;

    padding-bottom: 17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid rgba(255, 255, 255, .09);

}


/* --------------------------------------------------------------------------
   LOGO
   -------------------------------------------------------------------------- */

.gc-offcanvas__brand {

    display: inline-flex;

    align-items: center;

}


.gc-offcanvas__brand img {

    display: block;

    width: auto;

    height: 58px;

    max-width: 180px;

    object-fit: contain;

}


/* --------------------------------------------------------------------------
   CERRAR
   -------------------------------------------------------------------------- */

.gc-offcanvas__close {

    width: 44px;

    height: 44px;

    flex: 0 0 auto;

    display: grid;

    place-items: center;

    color: var(--gc-white);

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .055);

    cursor: pointer;

    transition:

        color .25s ease,
        background .25s ease,
        transform .25s ease;

}


.gc-offcanvas__close svg {

    width: 20px;

    height: 20px;

}


.gc-offcanvas__close:hover {

    color: var(--gc-orange);

    background:
        rgba(241, 90, 36, .10);

    transform:
        rotate(5deg);

}


/* --------------------------------------------------------------------------
   INTRO
   -------------------------------------------------------------------------- */

.gc-offcanvas__intro {

    padding:
        25px 4px 18px;

}


.gc-offcanvas__intro span {

    display: block;

    margin-bottom: 6px;

    color: var(--gc-orange-light);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.gc-offcanvas__intro strong {

    display: block;

    max-width: 310px;

    color:
        rgba(255, 255, 255, .90);

    font-size: 16px;

    font-weight: 600;

    line-height: 1.45;

}



/* ==========================================================================
   14. NAVEGACIÓN OFF CANVAS
   ========================================================================== */

.gc-mobile-nav {

    display: flex;

    flex-direction: column;

    border-top:
        1px solid rgba(255, 255, 255, .05);

}


/* --------------------------------------------------------------------------
   LINK
   -------------------------------------------------------------------------- */

.gc-mobile-nav__link {

    width: 100%;

    min-height: 62px;

    padding:
        9px 5px;

    display: grid;

    grid-template-columns:
        34px 1fr 22px;

    align-items: center;

    gap: 8px;

    color:
        rgba(255, 255, 255, .86);

    border: 0;

    border-bottom:
        1px solid rgba(255, 255, 255, .065);

    background: transparent;

    font-family: var(--gc-font);

    font-size: 15px;

    font-weight: 600;

    text-align: left;

    text-decoration: none;

    cursor: pointer;

    transition:

        color .25s ease,
        padding-left .25s ease,
        background .25s ease;

}


.gc-mobile-nav__link:hover {

    color: var(--gc-white);

    padding-left: 9px;

    background:
        rgba(255, 255, 255, .025);

}


/* --------------------------------------------------------------------------
   NÚMERO
   -------------------------------------------------------------------------- */

.gc-mobile-nav__number {

    color:
        rgba(255, 255, 255, .30);

    font-size: 10px;

    font-weight: 600;

    letter-spacing: .08em;

}


/* --------------------------------------------------------------------------
   FLECHA
   -------------------------------------------------------------------------- */

.gc-mobile-nav__link > svg {

    width: 17px;

    height: 17px;

    color: var(--gc-orange);

    opacity: .70;

}


/* --------------------------------------------------------------------------
   ACTIVO
   -------------------------------------------------------------------------- */

.gc-mobile-nav__link.is-active {

    color: var(--gc-white);

}


.gc-mobile-nav__link.is-active
.gc-mobile-nav__number {

    color: var(--gc-orange);

}



/* ==========================================================================
   15. SERVICIOS MOBILE
   ========================================================================== */

.gc-mobile-services {

    border-bottom:
        1px solid rgba(255, 255, 255, .065);

}


/* --------------------------------------------------------------------------
   BOTÓN
   -------------------------------------------------------------------------- */

.gc-mobile-services
.gc-mobile-services__trigger {

    border-bottom: 0;

}


/* --------------------------------------------------------------------------
   INDICADOR PÁGINA ACTUAL
   -------------------------------------------------------------------------- */

.gc-mobile-services.is-current
.gc-mobile-services__trigger {

    color: var(--gc-white);

}


.gc-mobile-services.is-current
.gc-mobile-nav__number {

    color: var(--gc-orange);

}


/* --------------------------------------------------------------------------
   CHEVRON
   -------------------------------------------------------------------------- */

.gc-mobile-services__chevron {

    width: 17px;

    height: 17px;

    color: var(--gc-orange);

    transition:
        transform .28s ease;

}


.gc-mobile-services.is-open
.gc-mobile-services__chevron {

    transform:
        rotate(180deg);

}


/* --------------------------------------------------------------------------
   SUBMENÚ
   -------------------------------------------------------------------------- */

.gc-mobile-services__menu {

    max-height: 0;

    padding:
        0 9px 0 48px;

    overflow: hidden;

    opacity: 0;

    transition:

        max-height .35s ease,
        opacity .25s ease,
        padding .35s ease;

}


.gc-mobile-services.is-open
.gc-mobile-services__menu {

    max-height: 430px;

    padding:
        0 9px 15px 48px;

    opacity: 1;

}


/* --------------------------------------------------------------------------
   LINKS SUBMENÚ
   -------------------------------------------------------------------------- */

.gc-mobile-services__menu a {

    position: relative;

    display: block;

    padding:
        10px 8px 10px 15px;

    color:
        rgba(255, 255, 255, .60);

    font-size: 13px;

    font-weight: 500;

    line-height: 1.3;

    text-decoration: none;

    transition:

        color .22s ease,
        padding-left .22s ease;

}


.gc-mobile-services__menu a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    transform:
        translateY(-50%);

    background:
        var(--gc-orange);

}


.gc-mobile-services__menu a:hover,
.gc-mobile-services__menu a.is-active {

    color: var(--gc-white);

    padding-left: 19px;

}



/* ==========================================================================
   16. ACCIONES OFF CANVAS
   ========================================================================== */

.gc-offcanvas__actions {

    margin-top: auto;

    padding-top: 24px;

}


/* --------------------------------------------------------------------------
   ENVÍA TU CAJA
   -------------------------------------------------------------------------- */

.gc-offcanvas__send {

    min-height: 70px;

    padding:
        12px 14px 12px 17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    color: var(--gc-white);

    border-radius: 17px;

    background:

        linear-gradient(
            135deg,
            var(--gc-orange),
            var(--gc-orange-dark)
        );

    box-shadow:

        0 16px 35px
        rgba(241, 90, 36, .24);

    text-decoration: none;

}


.gc-offcanvas__send small {

    display: block;

    margin-bottom: 3px;

    color:
        rgba(255, 255, 255, .72);

    font-size: 10px;

    font-weight: 500;

}


.gc-offcanvas__send strong {

    display: block;

    font-size: 15px;

    font-weight: 700;

}


.gc-offcanvas__send > span {

    width: 40px;

    height: 40px;

    flex: 0 0 auto;

    display: grid;

    place-items: center;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .13);

}


.gc-offcanvas__send svg {

    width: 19px;

    height: 19px;

}


/* --------------------------------------------------------------------------
   QUICK ACTIONS
   -------------------------------------------------------------------------- */

.gc-offcanvas__quick {

    margin-top: 10px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

}


.gc-offcanvas__quick a,
.gc-offcanvas__tracking-button {

    min-height: 46px;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        rgba(255, 255, 255, .76);

    border:
        1px solid rgba(255, 255, 255, .09);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .035);

    font-family: var(--gc-font);

    font-size: 11px;

    font-weight: 600;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;

    cursor: pointer;

    transition:

        color .22s ease,
        background .22s ease,
        border-color .22s ease;

}


.gc-offcanvas__quick a:hover,
.gc-offcanvas__tracking-button:hover {

    color: var(--gc-white);

    border-color:
        rgba(241, 90, 36, .28);

    background:
        rgba(241, 90, 36, .08);

}


/* --------------------------------------------------------------------------
   WHATSAPP OFF CANVAS
   -------------------------------------------------------------------------- */

.gc-offcanvas__whatsapp {

    min-height: 46px;

    margin-top: 8px;

    padding:
        0 13px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    color:
        rgba(255, 255, 255, .55);

    border:
        1px solid rgba(255, 255, 255, .08);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .02);

    font-size: 11px;

    text-decoration: none;

}


.gc-offcanvas__whatsapp strong {

    color: var(--gc-white);

    font-size: 12px;

    font-weight: 600;

}



/* ==========================================================================
   17. APP DOCK INFERIOR
   ========================================================================== */

.gc-app-dock {

    position: fixed;

    left: 50%;

    bottom:
        max(
            14px,
            env(safe-area-inset-bottom)
        );

    z-index: var(--gc-z-dock);

    width:
        min(
            calc(100% - 28px),
            510px
        );

    transform:
        translateX(-50%);

}


/* --------------------------------------------------------------------------
   CONTENEDOR
   -------------------------------------------------------------------------- */

.gc-app-dock__inner {

    position: relative;

    min-height: 72px;

    padding:
        7px 8px;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    align-items: center;

    border:
        1px solid rgba(255, 255, 255, .12);

    border-radius: 23px;

    background:

        radial-gradient(
            circle at 35% 0%,
            rgba(241, 90, 36, .12),
            transparent 35%
        ),

        radial-gradient(
            circle at 80% 100%,
            rgba(199, 154, 75, .06),
            transparent 30%
        ),

        linear-gradient(
            145deg,
            rgba(29, 31, 37, .97),
            rgba(7, 8, 10, .985)
        );

    box-shadow:

        0 20px 55px
        rgba(0, 0, 0, .33),

        inset
        0 1px 0
        rgba(255, 255, 255, .08);

    backdrop-filter:
        blur(22px);

    -webkit-backdrop-filter:
        blur(22px);

}


/* --------------------------------------------------------------------------
   ITEMS
   -------------------------------------------------------------------------- */

.gc-app-dock__item {

    min-width: 0;

    min-height: 56px;

    padding:
        5px 3px;

    border: 0;

    border-radius: 15px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 4px;

    color:
        rgba(255, 255, 255, .67);

    background: transparent;

    font-family: var(--gc-font);

    font-size: 10px;

    font-weight: 600;

    line-height: 1;

    text-decoration: none;

    cursor: pointer;

    transition:

        color .22s ease,
        background .22s ease,
        transform .22s ease;

}


.gc-app-dock__item:hover {

    color: var(--gc-white);

    background:
        rgba(255, 255, 255, .055);

    transform:
        translateY(-2px);

}


/* --------------------------------------------------------------------------
   ICONOS
   -------------------------------------------------------------------------- */

.gc-app-dock__icon {

    width: 27px;

    height: 27px;

    display: grid;

    place-items: center;

}


.gc-app-dock__icon svg {

    width: 21px;

    height: 21px;

}


/* --------------------------------------------------------------------------
   LABEL
   -------------------------------------------------------------------------- */

.gc-app-dock__label {

    overflow: hidden;

    max-width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

}


/* --------------------------------------------------------------------------
   RASTREAR DESTACADO
   -------------------------------------------------------------------------- */

.gc-app-dock__item--featured {

    color: var(--gc-white);

}


.gc-app-dock__item--featured
.gc-app-dock__icon {

    width: 45px;

    height: 45px;

    margin-top: -25px;

    border:
        4px solid #0d0f12;

    border-radius: 14px;

    color: var(--gc-white);

    background:

        linear-gradient(
            135deg,
            var(--gc-orange),
            var(--gc-orange-dark)
        );

    box-shadow:

        0 11px 27px
        rgba(241, 90, 36, .31);

}


/* --------------------------------------------------------------------------
   ACTIVO
   -------------------------------------------------------------------------- */

.gc-app-dock__item.is-active {

    color: var(--gc-orange-light);

}



/* ==========================================================================
   18. POPUP RASTREO
   ========================================================================== */

.gc-tracking-modal {

    position: fixed;

    inset: 0;

    z-index: var(--gc-z-modal);

    padding: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:

        opacity .28s ease,
        visibility .28s ease;

}


.gc-tracking-modal.is-open {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}


/* --------------------------------------------------------------------------
   BACKDROP
   -------------------------------------------------------------------------- */

.gc-tracking-modal__backdrop {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(
            circle at 72% 8%,
            rgba(241, 90, 36, .16),
            transparent 35%
        ),

        rgba(4, 5, 7, .79);

    backdrop-filter:
        blur(13px);

    -webkit-backdrop-filter:
        blur(13px);

}


/* --------------------------------------------------------------------------
   DIALOG
   -------------------------------------------------------------------------- */

.gc-tracking-modal__dialog {

    position: relative;

    z-index: 2;

    width:
        min(
            960px,
            100%
        );

    max-height:
        calc(100dvh - 48px);

    display: flex;

    flex-direction: column;

    overflow: hidden;

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 28px;

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(241, 90, 36, .12),
            transparent 32%
        ),

        linear-gradient(
            145deg,
            #17191e,
            #090a0d
        );

    box-shadow:

        0 45px 120px
        rgba(0, 0, 0, .56),

        inset
        0 1px 0
        rgba(255, 255, 255, .06);

    transform:

        translateY(22px)
        scale(.97);

    transition:

        transform
        .36s
        cubic-bezier(.2, .8, .2, 1);

}


.gc-tracking-modal.is-open
.gc-tracking-modal__dialog {

    transform:

        translateY(0)
        scale(1);

}


/* --------------------------------------------------------------------------
   HEADER MODAL
   -------------------------------------------------------------------------- */

.gc-tracking-modal__header {

    position: relative;

    min-height: 92px;

    padding:
        20px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    border-bottom:
        1px solid rgba(255, 255, 255, .08);

}


.gc-tracking-modal__header::after {

    content: "";

    position: absolute;

    left: 24px;

    right: 24px;

    bottom: -1px;

    height: 1px;

    background:

        linear-gradient(
            90deg,
            var(--gc-orange),
            rgba(199, 154, 75, .48),
            transparent 72%
        );

}


/* --------------------------------------------------------------------------
   HEADING
   -------------------------------------------------------------------------- */

.gc-tracking-modal__heading {

    display: flex;

    align-items: center;

    gap: 14px;

}


.gc-tracking-modal__icon {

    width: 52px;

    height: 52px;

    flex: 0 0 auto;

    display: grid;

    place-items: center;

    color: var(--gc-white);

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 15px;

    background:

        linear-gradient(
            135deg,
            var(--gc-orange),
            var(--gc-orange-dark)
        );

    box-shadow:

        0 12px 30px
        rgba(241, 90, 36, .25);

}


.gc-tracking-modal__icon svg {

    width: 25px;

    height: 25px;

}


.gc-tracking-modal__eyebrow {

    display: block;

    margin-bottom: 4px;

    color: var(--gc-orange-light);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.gc-tracking-modal__heading h2 {

    margin: 0;

    color: var(--gc-white);

    font-size:
        clamp(
            20px,
            2vw,
            27px
        );

    font-weight: 700;

    line-height: 1.1;

    letter-spacing: -.025em;

}


/* --------------------------------------------------------------------------
   CERRAR MODAL
   -------------------------------------------------------------------------- */

.gc-tracking-modal__close {

    width: 46px;

    height: 46px;

    flex: 0 0 auto;

    display: grid;

    place-items: center;

    color:
        rgba(255, 255, 255, .74);

    border:
        1px solid rgba(255, 255, 255, .10);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, .05);

    cursor: pointer;

    transition:

        color .22s ease,
        background .22s ease,
        transform .22s ease;

}


.gc-tracking-modal__close:hover {

    color: var(--gc-white);

    background:
        rgba(241, 90, 36, .14);

    transform:
        rotate(5deg);

}


.gc-tracking-modal__close svg {

    width: 20px;

    height: 20px;

}


/* --------------------------------------------------------------------------
   INTRO
   -------------------------------------------------------------------------- */

.gc-tracking-modal__intro {

    padding:
        17px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    background:
        rgba(255, 255, 255, .025);

}


.gc-tracking-modal__intro p {

    margin: 0;

    color:
        rgba(255, 255, 255, .69);

    font-size: 13px;

    font-weight: 400;

    line-height: 1.5;

}


.gc-tracking-modal__security {

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color:
        rgba(255, 255, 255, .53);

    font-size: 10px;

    font-weight: 600;

}


.gc-tracking-modal__security svg {

    width: 16px;

    height: 16px;

    color: var(--gc-gold);

}


/* --------------------------------------------------------------------------
   SISTEMA
   -------------------------------------------------------------------------- */

.gc-tracking-modal__system {

    position: relative;

    flex: 1 1 auto;

    min-height: 470px;

    overflow: hidden;

    background:
        #f5f5f5;

}


/* --------------------------------------------------------------------------
   IFRAME
   -------------------------------------------------------------------------- */

.gc-tracking-modal__iframe {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 520px;

    display: block;

    border: 0;

    opacity: 0;

    background: #ffffff;

    transition:
        opacity .3s ease;

}


.gc-tracking-modal__iframe.is-loaded {

    opacity: 1;

}


/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */

.gc-tracking-modal__footer {

    padding:
        17px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-top:
        1px solid rgba(255, 255, 255, .08);

}


.gc-tracking-modal__help span {

    display: block;

    margin-bottom: 2px;

    color:
        rgba(255, 255, 255, .41);

    font-size: 10px;

    font-weight: 500;

}


.gc-tracking-modal__help strong {

    display: block;

    color:
        rgba(255, 255, 255, .77);

    font-size: 12px;

    font-weight: 600;

}


/* --------------------------------------------------------------------------
   ACCIONES FOOTER MODAL
   -------------------------------------------------------------------------- */

.gc-tracking-modal__footer-actions {

    display: flex;

    align-items: center;

    gap: 8px;

}


.gc-tracking-modal__button {

    min-height: 43px;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    border-radius: 11px;

    font-size: 11px;

    font-weight: 600;

    text-decoration: none;

    transition:

        transform .22s ease,
        background .22s ease,
        border-color .22s ease;

}


.gc-tracking-modal__button:hover {

    transform:
        translateY(-2px);

}


.gc-tracking-modal__button svg {

    width: 16px;

    height: 16px;

}


/* SECUNDARIO */

.gc-tracking-modal__button--secondary {

    color: var(--gc-white);

    border:
        1px solid rgba(255, 255, 255, .12);

    background:
        rgba(255, 255, 255, .05);

}


/* PRINCIPAL */

.gc-tracking-modal__button--primary {

    color: var(--gc-white);

    background:

        linear-gradient(
            135deg,
            var(--gc-orange),
            var(--gc-orange-dark)
        );

    box-shadow:

        0 10px 25px
        rgba(241, 90, 36, .21);

}



/* ==========================================================================
   19. LOADER RASTREO
   ========================================================================== */

.gc-tracking-modal__loader {

    position: absolute;

    inset: 0;

    z-index: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 7px;

    color: var(--gc-text);

    background:

        radial-gradient(
            circle at 50% 40%,
            rgba(241, 90, 36, .07),
            transparent 35%
        ),

        #f7f7f5;

}


.gc-tracking-modal__loader.is-hidden {

    display: none;

}


.gc-tracking-modal__spinner {

    width: 35px;

    height: 35px;

    margin-bottom: 6px;

    border:
        3px solid
        rgba(241, 90, 36, .15);

    border-top-color:
        var(--gc-orange);

    border-radius: 50%;

    animation:

        gcTrackingSpin
        .8s
        linear
        infinite;

}


.gc-tracking-modal__loader strong {

    font-size: 13px;

    font-weight: 700;

}


.gc-tracking-modal__loader small {

    color: var(--gc-muted);

    font-size: 11px;

}


@keyframes gcTrackingSpin {

    to {

        transform:
            rotate(360deg);

    }

}



/* ==========================================================================
   20. HEADER AL HACER SCROLL
   ========================================================================== */

.gc-header.is-scrolled
.gc-navbar {

    background:
        rgba(255, 255, 255, .985);

    box-shadow:

        0 10px 36px
        rgba(0, 0, 0, .10);

}


.gc-header.is-scrolled
.gc-brand__logo {

    height: 57px;

}



/* ==========================================================================
   21. RESPONSIVE LAPTOP
   ========================================================================== */

@media (max-width: 1280px) {

    .gc-navbar__inner {

        gap: 22px;

    }


    .gc-nav {

        gap: 20px;

    }


    .gc-nav__link {

        font-size: 13px;

    }


    .gc-header-whatsapp,
    .gc-send-button {

        padding-inline: 13px;

    }

}



/* ==========================================================================
   22. RESPONSIVE TABLET
   ========================================================================== */

@media (max-width: 1080px) {

    /* ----------------------------------------------------------------------
       OCULTAR DESKTOP
       ---------------------------------------------------------------------- */

    .gc-nav,
    .gc-navbar__actions {

        display: none;

    }


    /* ----------------------------------------------------------------------
       MOSTRAR TRIGGER
       ---------------------------------------------------------------------- */

    .gc-menu-trigger {

        display: flex;

    }


    .gc-navbar__inner {

        min-height: 76px;

        justify-content:
            space-between;

    }


    .gc-brand__logo {

        height: 58px;

        max-width: 185px;

    }

}



@media (max-width: 768px) {

    /* ----------------------------------------------------------------------
       CONTENEDOR
       ---------------------------------------------------------------------- */

    .gc-container {

        width:
            calc(100% - 28px);

    }


    /* ----------------------------------------------------------------------
       TOPBAR
       ---------------------------------------------------------------------- */

    .gc-topbar__inner {

        min-height: 36px;

    }


    .gc-topbar__left
    .gc-topbar__divider,

    .gc-topbar__left
    .gc-topbar__message:last-child {

        display: none;

    }


    .gc-topbar__right
    .gc-topbar__divider,

    .gc-topbar__right
    .gc-topbar__action:first-child {

        display: none;

    }


    .gc-topbar__message,
    .gc-topbar__action {

        font-size: 10.5px;

    }


    /* ----------------------------------------------------------------------
       NAVBAR
       ---------------------------------------------------------------------- */

    .gc-navbar__inner {

        min-height: 72px;

    }


    .gc-brand__logo {

        height: 54px;

        max-width: 170px;

    }


    /* ----------------------------------------------------------------------
       MODAL
       ---------------------------------------------------------------------- */

    .gc-tracking-modal {

        padding: 14px;

    }


    .gc-tracking-modal__dialog {

        max-height:
            calc(100dvh - 28px);

        border-radius: 23px;

    }


    .gc-tracking-modal__header {

        min-height: 80px;

        padding:
            16px 18px;

    }


    .gc-tracking-modal__header::after {

        left: 18px;

        right: 18px;

    }


    .gc-tracking-modal__icon {

        width: 45px;

        height: 45px;

    }


    .gc-tracking-modal__intro {

        padding:
            14px 18px;

    }


    .gc-tracking-modal__security {

        display: none;

    }


    .gc-tracking-modal__system {

        min-height: 440px;

    }


    .gc-tracking-modal__iframe {

        height: 500px;

    }


    .gc-tracking-modal__footer {

        padding:
            14px 18px;

    }

}



/* ==========================================================================
   23. RESPONSIVE MOBILE
   ========================================================================== */

@media (max-width: 520px) {

    /* ----------------------------------------------------------------------
       CONTENEDOR
       ---------------------------------------------------------------------- */

    .gc-container {

        width:
            calc(100% - 22px);

    }


    /* ----------------------------------------------------------------------
       TOPBAR
       ---------------------------------------------------------------------- */

    .gc-topbar__left {

        min-width: 0;

    }


    .gc-topbar__message {

        min-width: 0;

    }


    .gc-topbar__message span:last-child {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }


    .gc-topbar__right {

        flex: 0 0 auto;

    }


    .gc-topbar__right
    .gc-topbar__action {

        font-size: 0;

    }


    .gc-topbar__right
    .gc-topbar__action::after {

        content: "WhatsApp";

        font-size: 10px;

    }


    /* ----------------------------------------------------------------------
       HEADER
       ---------------------------------------------------------------------- */

    .gc-navbar__inner {

        min-height: 68px;

    }


    .gc-brand__logo {

        height: 50px;

        max-width: 155px;

    }


    .gc-menu-trigger {

        min-height: 44px;

        padding:
            0 11px;

    }


    .gc-menu-trigger__label {

        font-size: 11px;

    }


    /* ----------------------------------------------------------------------
       OFF CANVAS
       ---------------------------------------------------------------------- */

    .gc-offcanvas {

        width:
            min(
                390px,
                94vw
            );

        padding-left: 15px;

        padding-right: 15px;

    }


    .gc-offcanvas__brand img {

        height: 52px;

    }


    .gc-mobile-nav__link {

        min-height: 58px;

        font-size: 15px;

    }


    /* ----------------------------------------------------------------------
       APP DOCK
       ---------------------------------------------------------------------- */

    .gc-app-dock {

        width:
            calc(100% - 18px);

        bottom:

            max(
                8px,
                env(safe-area-inset-bottom)
            );

    }


    .gc-app-dock__inner {

        min-height: 67px;

        padding:
            6px 4px;

        border-radius: 21px;

    }


    .gc-app-dock__item {

        min-height: 52px;

        font-size: 9px;

    }


    .gc-app-dock__icon svg {

        width: 20px;

        height: 20px;

    }


    /* ----------------------------------------------------------------------
       MODAL EN FORMATO APP
       ---------------------------------------------------------------------- */

    .gc-tracking-modal {

        padding: 0;

        align-items: flex-end;

    }


    .gc-tracking-modal__dialog {

        width: 100%;

        height:

            calc(
                100dvh -
                max(
                    8px,
                    env(safe-area-inset-top)
                )
            );

        max-height: none;

        border-radius:
            26px 26px 0 0;

        border-bottom: 0;

    }


    /* INDICADOR SUPERIOR */

    .gc-tracking-modal__header::before {

        content: "";

        position: absolute;

        top: 7px;

        left: 50%;

        width: 38px;

        height: 4px;

        border-radius: 99px;

        transform:
            translateX(-50%);

        background:
            rgba(255, 255, 255, .18);

    }


    .gc-tracking-modal__header {

        min-height: 76px;

        padding:
            16px 15px 13px;

    }


    .gc-tracking-modal__header::after {

        left: 15px;

        right: 15px;

    }


    .gc-tracking-modal__heading {

        gap: 10px;

    }


    .gc-tracking-modal__icon {

        width: 40px;

        height: 40px;

        border-radius: 12px;

    }


    .gc-tracking-modal__icon svg {

        width: 20px;

        height: 20px;

    }


    .gc-tracking-modal__heading h2 {

        font-size: 19px;

    }


    .gc-tracking-modal__close {

        width: 40px;

        height: 40px;

    }


    .gc-tracking-modal__intro {

        padding:
            12px 15px;

    }


    .gc-tracking-modal__intro p {

        font-size: 12px;

    }


    .gc-tracking-modal__system {

        flex: 1;

        min-height: 0;

    }


    .gc-tracking-modal__iframe {

        height: 100%;

        min-height: 440px;

    }


    .gc-tracking-modal__footer {

        padding:

            12px
            15px
            max(
                14px,
                env(safe-area-inset-bottom)
            );

        display: block;

    }


    .gc-tracking-modal__help {

        display: none;

    }


    .gc-tracking-modal__footer-actions {

        width: 100%;

        display: grid;

        grid-template-columns:
            1fr 1.35fr;

    }


    .gc-tracking-modal__button {

        width: 100%;

        min-height: 45px;

    }

}



/* ==========================================================================
   24. MOBILE PEQUEÑO
   ========================================================================== */

@media (max-width: 360px) {

    /* TOPBAR */

    .gc-topbar__icon {

        display: none;

    }


    /* LOGO */

    .gc-brand__logo {

        height: 46px;

        max-width: 140px;

    }


    /* MENÚ */

    .gc-menu-trigger__label {

        display: none;

    }


    .gc-menu-trigger {

        width: 45px;

        padding: 0;

    }


    /* APP DOCK */

    .gc-app-dock__item {

        font-size: 8px;

    }


    .gc-app-dock__inner {

        border-radius: 19px;

    }


    /* OFF CANVAS QUICK */

    .gc-offcanvas__quick {

        grid-template-columns:
            1fr;

    }


    /* MODAL */

    .gc-tracking-modal__heading h2 {

        font-size: 17px;

    }

}



/* ==========================================================================
   FIN DE ESTILOS DEL HEADER
   ========================================================================== */



   /* ==========================================================================
   GLOBAL CARGO
   ENVÍA TU CAJA
   CSS COMPLETO
   PREFIJO: gcq-
   ========================================================================== */


/* ==========================================================================
   VARIABLES
   ========================================================================== */

.gcq-hero,
.gcq-request {

    --gcq-orange: var(--gc-orange, #f15a24);
    --gcq-orange-dark: var(--gc-orange-dark, #c94618);
    --gcq-orange-light: var(--gc-orange-light, #ff7541);

    --gcq-black: #080a0d;
    --gcq-dark: #0d0f13;
    --gcq-card: #181b21;

    --gcq-white: #ffffff;
    --gcq-muted: #747981;

    --gcq-font:
        var(
            --gc-font,
            "Aptos",
            "Segoe UI",
            "Helvetica Neue",
            Arial,
            sans-serif
        );

}


/* ==========================================================================
   RESET LOCAL
   ========================================================================== */

.gcq-hero,
.gcq-hero *,
.gcq-request,
.gcq-request * {

    box-sizing: border-box;

}


.gcq-hero button,
.gcq-hero select,
.gcq-request button,
.gcq-request input,
.gcq-request textarea {

    font-family: var(--gcq-font);

}


/* ==========================================================================
   HERO
   ========================================================================== */

.gcq-hero {

    position: relative;

    width: 100%;

    min-height: 720px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(390px, .85fr);

    overflow: hidden;

    font-family: var(--gcq-font);

    background: #080a0d;

}


/* ==========================================================================
   SLIDER
   ========================================================================== */

.gcq-slider {

    position: relative;

    min-width: 0;

    min-height: 720px;

    overflow: hidden;

    isolation: isolate;

}


/* ==========================================================================
   SLIDE
   ========================================================================== */

.gcq-slide {

    position: absolute;

    inset: 0;

    z-index: 1;

    padding:
        75px
        clamp(38px, 6vw, 100px)
        110px;

    display: flex;

    align-items: center;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    background-image: var(--gcq-bg);

    background-size: cover;

    background-position: center;

    transform: scale(1.035);

    transition:
        opacity .75s ease,
        visibility .75s ease,
        transform 7s ease;

}


.gcq-slide.is-active {

    z-index: 2;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: scale(1);

}


/* ==========================================================================
   OVERLAY
   ========================================================================== */

.gcq-slide__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:

        linear-gradient(
            90deg,
            rgba(5,7,10,.97) 0%,
            rgba(5,7,10,.87) 38%,
            rgba(5,7,10,.48) 68%,
            rgba(5,7,10,.16) 100%
        ),

        linear-gradient(
            0deg,
            rgba(5,7,10,.75),
            transparent 58%
        );

}


/* ==========================================================================
   CONTENIDO SLIDER
   ========================================================================== */

.gcq-slide__content {

    position: relative;

    z-index: 3;

    width: min(680px, 100%);

    color: #ffffff;

}


.gcq-slide__eyebrow {

    display: inline-block;

    margin-bottom: 17px;

    color: var(--gcq-orange-light);

    font-size: 11px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.gcq-slide h1,
.gcq-slide h2 {

    max-width: 680px;

    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            42px,
            4.5vw,
            70px
        );

    font-weight: 700;

    line-height: .99;

    letter-spacing: -.045em;

}


.gcq-slide h1 strong,
.gcq-slide h2 strong {

    display: block;

    color: var(--gcq-orange-light);

    font-weight: 700;

}


.gcq-slide p {

    max-width: 570px;

    margin: 23px 0 0;

    color: rgba(255,255,255,.80);

    font-size: 15px;

    line-height: 1.65;

}


/* ==========================================================================
   DESTINOS
   ========================================================================== */

.gcq-destinations {

    margin-top: 26px;

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}


.gcq-destinations span {

    min-height: 34px;

    padding: 0 11px;

    display: inline-flex;

    align-items: center;

    border:
        1px solid rgba(255,255,255,.14);

    border-radius: 9px;

    color: rgba(255,255,255,.90);

    background: rgba(255,255,255,.07);

    backdrop-filter: blur(10px);

    font-size: 10px;

    font-weight: 600;

}


/* ==========================================================================
   TRUST
   ========================================================================== */

.gcq-trust {

    margin-top: 28px;

    display: flex;

    gap: 34px;

}


.gcq-trust > div {

    position: relative;

}


.gcq-trust > div:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 3px;

    right: -17px;

    width: 1px;

    height: 38px;

    background:
        rgba(255,255,255,.15);

}


.gcq-trust strong {

    display: block;

    color: #fff;

    font-size: 17px;

    line-height: 1;

}


.gcq-trust span {

    display: block;

    margin-top: 5px;

    color:
        rgba(255,255,255,.50);

    font-size: 9px;

    line-height: 1.3;

}


/* ==========================================================================
   SLIDER CONTROLS
   ========================================================================== */

.gcq-slider__controls {

    position: absolute;

    z-index: 20;

    left:
        clamp(38px, 6vw, 100px);

    bottom: 35px;

    display: flex;

    align-items: center;

    gap: 11px;

}


.gcq-slider__arrow {

    width: 41px;

    height: 41px;

    padding: 0;

    border:
        1px solid rgba(255,255,255,.16);

    border-radius: 11px;

    display: grid;

    place-items: center;

    color: #fff;

    background:
        rgba(8,10,14,.55);

    cursor: pointer;

}


.gcq-slider__arrow:hover {

    border-color:
        var(--gcq-orange);

    background:
        var(--gcq-orange);

}


.gcq-slider__dots {

    display: flex;

    align-items: center;

    gap: 6px;

}


.gcq-slider__dot {

    width: 8px;

    height: 8px;

    padding: 0;

    border: 0;

    border-radius: 50px;

    background:
        rgba(255,255,255,.35);

    cursor: pointer;

}


.gcq-slider__dot.is-active {

    width: 27px;

    background:
        var(--gcq-orange);

}


/* ==========================================================================
   CALCULATOR SIDE
   ========================================================================== */

.gcq-calculator-wrap {

    position: relative;

    z-index: 30;

    padding:
        34px
        34px
        34px
        0;

    display: flex;

    align-items: center;

    background:

        radial-gradient(
            circle at 5% 50%,
            rgba(241,90,36,.13),
            transparent 34%
        ),

        linear-gradient(
            180deg,
            #101217,
            #080a0d
        );

}


/* ==========================================================================
   CALCULATOR CARD
   ========================================================================== */

.gcq-calculator {

    position: relative;

    width: 100%;

    max-width: 520px;

    margin-left: -45px;

    padding: 30px;

    overflow: hidden;

    color: #fff;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 25px;

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(241,90,36,.15),
            transparent 31%
        ),

        linear-gradient(
            145deg,
            #1b1e24,
            #0c0e12
        );

    box-shadow:
        0 38px 90px rgba(0,0,0,.47),
        inset 0 1px 0 rgba(255,255,255,.07);

}


/* ==========================================================================
   CALCULATOR HEADER
   ========================================================================== */

.gcq-calculator__step {

    display: block;

    margin-bottom: 6px;

    color:
        var(--gcq-orange-light);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;

}


.gcq-calculator__header h2 {

    margin: 0;

    color: #fff;

    font-size: 28px;

    line-height: 1;

    letter-spacing: -.03em;

}


.gcq-calculator__header p {

    margin: 9px 0 0;

    color:
        rgba(255,255,255,.55);

    font-size: 12px;

    line-height: 1.5;

}


/* ==========================================================================
   CALCULATOR FIELDS
   ========================================================================== */

.gcq-calculator__fields {

    margin-top: 25px;

}


.gcq-field {

    margin-bottom: 15px;

}


.gcq-field label {

    display: block;

    margin-bottom: 7px;

    color:
        rgba(255,255,255,.73);

    font-size: 11px;

    font-weight: 600;

}


.gcq-field select {

    width: 100%;

    min-height: 51px;

    padding: 0 42px 0 14px;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 12px;

    outline: 0;

    color: #fff;

    background-color:
        rgba(255,255,255,.055);

    font-size: 12px;

    cursor: pointer;

}


.gcq-field select:focus {

    border-color:
        rgba(241,90,36,.65);

    box-shadow:
        0 0 0 3px
        rgba(241,90,36,.08);

}


.gcq-field select:disabled {

    opacity: .43;

    cursor: not-allowed;

}


.gcq-field select option {

    color: #151515;

    background: #fff;

}


/* ==========================================================================
   CALCULATOR MESSAGE
   ========================================================================== */

.gcq-calc-message {

    display: none;

    margin-bottom: 13px;

    padding: 11px 12px;

    border:
        1px solid rgba(241,90,36,.18);

    border-radius: 10px;

    color: #fff;

    background:
        rgba(241,90,36,.09);

    font-size: 10px;

    line-height: 1.45;

}


.gcq-calc-message.is-visible {

    display: block;

}


/* ==========================================================================
   CALCULATE BUTTON
   ========================================================================== */

.gcq-calculate {

    width: 100%;

    min-height: 53px;

    padding: 0 17px;

    border: 0;

    border-radius: 13px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--gcq-orange),
            var(--gcq-orange-dark)
        );

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;

}


/* ==========================================================================
   RESULT
   ========================================================================== */

.gcq-result {

    width: 100%;

    margin-top: 24px;

    padding-top: 22px;

    border-top:
        1px solid rgba(255,255,255,.08);

}


.gcq-result[hidden] {

    display: none !important;

}


.gcq-result__eyebrow {

    display: block;

    margin-bottom: 4px;

    color:
        rgba(255,255,255,.43);

    font-size: 11px;

}


.gcq-result__available {

    display: block;

    color: #fff;

    font-size: 13px;

}


/* ==========================================================================
   RESULT ROUTE
   ========================================================================== */

.gcq-result__route {

    width: 100%;

    margin-top: 18px;

    padding: 18px 17px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        32px
        minmax(0,1fr);

    align-items: center;

    gap: 10px;

    border:
        1px solid rgba(255,255,255,.05);

    border-radius: 17px;

    background:
        rgba(255,255,255,.045);

}


.gcq-result__route-point {

    min-width: 0;

}


.gcq-result__route-point--right {

    text-align: right;

}


.gcq-result__route-point span {

    display: block;

    margin-bottom: 7px;

    color:
        rgba(255,255,255,.42);

    font-size: 10px;

}


.gcq-result__route-point strong {

    display: block;

    color: #fff;

    font-size: 14px;

    line-height: 1.25;

}


.gcq-result__route-arrow {

    width: 32px;

    height: 32px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color: #fff;

    background:
        rgba(255,255,255,.05);

}


.gcq-result__route-arrow svg {

    width: 15px;

    height: 15px;

    fill: none !important;

    stroke:
        currentColor !important;

    stroke-width: 1.8;

}


/* ==========================================================================
   SHIPPING MODE
   ========================================================================== */

.gcq-result__shipping-mode {

    width: 100%;

    min-height: 72px;

    margin-top: 10px;

    padding: 13px 16px;

    display: flex;

    align-items: center;

    gap: 14px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.06);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

}


/* SHIPPING ICON */

.gcq-result__shipping-mode-icon {

    width: 48px;

    height: 48px;

    min-width: 48px;

    flex: 0 0 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border-radius: 14px;

    background:
        rgba(241,90,36,.12);

}


.gcq-result__shipping-mode-icon span {

    display: block !important;

    width: auto !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    color: initial !important;

    font-family:
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji",
        sans-serif !important;

    font-size: 25px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    transform: none !important;

}


.gcq-result__shipping-mode-copy {

    min-width: 0;

    flex: 1;

}


.gcq-result__shipping-mode-copy > span {

    display: block;

    margin-bottom: 5px;

    color:
        rgba(255,255,255,.42);

    font-size: 10px;

}


.gcq-result__shipping-mode-copy > strong {

    display: block;

    color: #fff;

    font-size: 14px;

    line-height: 1.2;

}


/* TERRESTRE */

.gcq-result__shipping-mode.is-terrestrial {

    border-color:
        rgba(241,90,36,.16);

    background:
        linear-gradient(
            135deg,
            rgba(241,90,36,.08),
            rgba(255,255,255,.025)
        );

}


.gcq-result__shipping-mode.is-terrestrial
.gcq-result__shipping-mode-icon {

    background:
        rgba(241,90,36,.14);

}


/* MARÍTIMO */

.gcq-result__shipping-mode.is-maritime {

    border-color:
        rgba(65,144,255,.20);

    background:
        linear-gradient(
            135deg,
            rgba(48,126,230,.10),
            rgba(255,255,255,.025)
        );

}


.gcq-result__shipping-mode.is-maritime
.gcq-result__shipping-mode-icon {

    background:
        rgba(48,126,230,.15);

}


/* ==========================================================================
   BOX RESULT
   ========================================================================== */

.gcq-result__box {

    width: 100%;

    margin-top: 10px;

    padding: 17px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    border:
        1px solid rgba(255,255,255,.04);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

}


.gcq-result__box span {

    display: block;

    margin-bottom: 5px;

    color:
        rgba(255,255,255,.42);

    font-size: 10px;

}


.gcq-result__box strong {

    color: #fff;

    font-size: 16px;

}


.gcq-result__box-icon {

    width: 38px;

    height: 38px;

    flex: 0 0 38px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcq-orange);

    background:
        rgba(241,90,36,.10);

}


.gcq-result__box-icon svg {

    width: 20px !important;

    height: 20px !important;

    fill: none !important;

    stroke:
        currentColor !important;

    stroke-width: 1.6;

}


/* ==========================================================================
   PRICE
   ========================================================================== */

.gcq-result__price {

    width: 100%;

    margin-top: 11px;

    padding: 19px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    overflow: hidden;

    border:
        1px solid rgba(241,90,36,.13);

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            rgba(241,90,36,.10),
            rgba(241,90,36,.025)
        );

}


.gcq-result__price-copy {

    min-width: 0;

}


.gcq-result__price-copy > span {

    display: block;

    margin-bottom: 4px;

    color:
        rgba(255,255,255,.76);

    font-size: 11px;

}


.gcq-result__price-copy > small {

    display: block;

    color:
        rgba(255,255,255,.35);

    font-size: 9px;

}


.gcq-result__price-value {

    flex: 0 0 auto;

    display: flex;

    align-items: flex-start;

    white-space: nowrap;

}


.gcq-result__currency {

    display: inline-block !important;

    margin:
        4px
        4px
        0
        0 !important;

    color:
        var(--gcq-orange-light) !important;

    font-size:
        17px !important;

    line-height:
        1 !important;

}


.gcq-result__price-value > strong {

    display: inline-block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size:
        clamp(
            34px,
            4vw,
            44px
        ) !important;

    line-height: .95 !important;

    letter-spacing:
        -.045em !important;

    white-space:
        nowrap !important;

}


/* ==========================================================================
   RESULT ACTIONS
   ========================================================================== */

.gcq-result__actions {

    margin-top: 13px;

}


.gcq-result__continue {

    width: 100%;

    min-height: 54px;

    padding: 0 18px;

    border: 0;

    border-radius: 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--gcq-orange),
            #fb5320
        );

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

}


.gcq-result__change {

    width: 100%;

    min-height: 38px;

    margin-top: 4px;

    border: 0;

    color:
        rgba(255,255,255,.42);

    background: transparent;

    font-size: 10px;

    cursor: pointer;

}


/* ==========================================================================
   REQUEST SECTION
   ========================================================================== */

.gcq-request {

    position: relative;

    padding:
        95px
        24px
        130px;

    font-family:
        var(--gcq-font);

    background:
        #f5f5f3;

}


.gcq-request[hidden] {

    display: none !important;

}


.gcq-request__container {

    width:
        min(1180px, 100%);

    margin:
        0 auto;

    display: grid;

    grid-template-columns:
        .82fr
        1.18fr;

    align-items: start;

    gap: 55px;

}


/* ==========================================================================
   REQUEST INFO
   ========================================================================== */

.gcq-request__info {

    position: sticky;

    top: 125px;

}


.gcq-request__eyebrow {

    display: block;

    margin-bottom: 11px;

    color:
        var(--gcq-orange);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .1em;

    text-transform: uppercase;

}


.gcq-request__info h2 {

    margin: 0;

    color: #13151a;

    font-size:
        clamp(
            37px,
            4vw,
            55px
        );

    line-height: .98;

    letter-spacing:
        -.045em;

}


.gcq-request__info > p {

    margin:
        20px
        0
        0;

    color: #6d727a;

    font-size: 14px;

    line-height: 1.65;

}


/* ==========================================================================
   SUMMARY
   ========================================================================== */

.gcq-summary {

    margin-top: 30px;

    overflow: hidden;

    border:
        1px solid rgba(0,0,0,.075);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.045);

}


.gcq-summary > div {

    min-height: 54px;

    padding: 0 17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    border-bottom:
        1px solid rgba(0,0,0,.06);

}


.gcq-summary > div:last-child {

    border-bottom: 0;

}


.gcq-summary span {

    color: #7a7f86;

    font-size: 11px;

}


.gcq-summary strong {

    max-width: 62%;

    color: #17191d;

    font-size: 12px;

    text-align: right;

}


/* ==========================================================================
   FORM CARD
   ========================================================================== */

.gcq-request__form-wrap {

    padding: 32px;

    border:
        1px solid rgba(0,0,0,.07);

    border-radius: 24px;

    background: #fff;

    box-shadow:
        0 28px 65px
        rgba(0,0,0,.075);

}


.gcq-form__grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 17px;

}


.gcq-form-field--full {

    grid-column:
        1 / -1;

}


.gcq-form-field label {

    display: block;

    margin-bottom: 7px;

    color: #21242a;

    font-size: 11px;

    font-weight: 600;

}


.gcq-form-field input,
.gcq-form-field textarea {

    width: 100%;

    border:
        1px solid rgba(0,0,0,.11);

    border-radius: 11px;

    outline: none;

    color: #17191d;

    background: #fafafa;

    font-size: 13px;

}


.gcq-form-field input {

    min-height: 50px;

    padding: 0 14px;

}


.gcq-form-field textarea {

    min-height: 120px;

    padding: 14px;

    resize: vertical;

}


.gcq-form-field input:focus,
.gcq-form-field textarea:focus {

    border-color:
        var(--gcq-orange);

    background: #fff;

    box-shadow:
        0 0 0 3px
        rgba(241,90,36,.08);

}


.gcq-form-field small {

    display: block;

    margin-top: 6px;

    color: #858990;

    font-size: 10px;

}


/* ==========================================================================
   PROHIBITED
   ========================================================================== */

.gcq-prohibited {

    margin-top: 22px;

    padding: 18px;

    border:
        1px solid rgba(241,90,36,.15);

    border-radius: 15px;

    background:
        rgba(241,90,36,.035);

}


.gcq-prohibited summary {

    color: #202329;

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;

}


.gcq-prohibited__grid {

    margin-top: 16px;

    padding-top: 15px;

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        8px
        16px;

    border-top:
        1px solid rgba(0,0,0,.06);

}


.gcq-prohibited__grid span {

    color: #686d74;

    font-size: 10px;

    line-height: 1.45;

}


.gcq-confirm {

    margin-top: 18px;

    display: flex;

    align-items: flex-start;

    gap: 10px;

}


.gcq-confirm input {

    width: 17px;

    height: 17px;

    flex:
        0 0 17px;

    margin-top: 1px;

    accent-color:
        var(--gcq-orange);

}


.gcq-confirm span {

    color: #33363c;

    font-size: 11px;

    line-height: 1.5;

}


/* ==========================================================================
   AJAX MESSAGE
   ========================================================================== */

.gcq-form-message {

    display: none;

    margin-top: 18px;

    padding: 13px 15px;

    border-radius: 11px;

    font-size: 12px;

    line-height: 1.45;

}


.gcq-form-message.is-visible {

    display: block;

}


.gcq-form-message.is-error {

    color: #8c1d12;

    border:
        1px solid #ffd1c7;

    background: #fff0ed;

}


.gcq-form-message.is-success {

    color: #175d35;

    border:
        1px solid #c9ead6;

    background: #edf9f2;

}


/* ==========================================================================
   SUBMIT
   ========================================================================== */

.gcq-submit {

    width: 100%;

    min-height: 55px;

    margin-top: 19px;

    border: 0;

    border-radius: 13px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--gcq-orange),
            var(--gcq-orange-dark)
        );

    font-size: 12px;

    font-weight: 700;

    cursor: pointer;

}


.gcq-submit:disabled {

    opacity: .65;

    cursor: wait;

}


.gcq-submit__loader {

    display: none;

    width: 17px;

    height: 17px;

    border:
        2px solid
        rgba(255,255,255,.30);

    border-top-color: #fff;

    border-radius: 50%;

    animation:
        gcqLoader .7s linear infinite;

}


.gcq-submit.is-loading
.gcq-submit__loader {

    display: block;

}


@keyframes gcqLoader {

    to {

        transform:
            rotate(360deg);

    }

}


/* ==========================================================================
   HONEYPOT
   ========================================================================== */

.gcq-honeypot {

    position:
        absolute !important;

    left:
        -99999px !important;

    width:
        1px !important;

    height:
        1px !important;

    overflow:
        hidden !important;

    opacity:
        0 !important;

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

    .gcq-hero {

        display: block;

        min-height: auto;

    }


    .gcq-slider {

        min-height: 640px;

    }


    .gcq-calculator-wrap {

        margin-top: -65px;

        padding:
            0
            24px
            65px;

    }


    .gcq-calculator {

        width:
            min(680px,100%);

        max-width: none;

        margin:
            0 auto;

    }

}


/* ==========================================================================
   REQUEST TABLET
   ========================================================================== */

@media (max-width: 850px) {

    .gcq-request {

        padding:
            75px
            20px
            120px;

    }


    .gcq-request__container {

        grid-template-columns: 1fr;

        gap: 32px;

    }


    .gcq-request__info {

        position: static;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    .gcq-slider {

        min-height: 620px;

    }


    .gcq-slide {

        padding:
            55px
            22px
            105px;

        align-items: flex-end;

    }


    .gcq-slide__overlay {

        background:
            linear-gradient(
                0deg,
                rgba(5,7,10,.98) 0%,
                rgba(5,7,10,.82) 48%,
                rgba(5,7,10,.28) 100%
            );

    }


    .gcq-slide h1,
    .gcq-slide h2 {

        font-size:
            clamp(
                36px,
                10vw,
                50px
            );

    }


    .gcq-slide p {

        font-size: 14px;

    }


    .gcq-destinations {

        gap: 5px;

    }


    .gcq-destinations span {

        min-height: 29px;

        padding: 0 8px;

        font-size: 8.5px;

    }


    .gcq-trust {

        display: grid;

        grid-template-columns:
            repeat(3,1fr);

        gap: 8px;

    }


    .gcq-trust > div::after {

        display: none;

    }


    .gcq-trust strong {

        font-size: 14px;

    }


    .gcq-trust span {

        font-size: 7.5px;

    }


    .gcq-slider__controls {

        left: 22px;

        bottom: 31px;

    }


    .gcq-calculator-wrap {

        margin-top: -42px;

        padding:
            0
            14px
            55px;

    }


    .gcq-calculator {

        padding: 24px 18px;

        border-radius: 22px;

    }


    .gcq-request {

        padding:
            70px
            14px
            115px;

    }


    .gcq-request__form-wrap {

        padding: 23px 18px;

        border-radius: 21px;

    }

}


/* ==========================================================================
   MOBILE 520
   ========================================================================== */

@media (max-width: 520px) {

    .gcq-result__route {

        grid-template-columns:
            minmax(0,1fr)
            28px
            minmax(0,1fr);

        gap: 7px;

        padding: 15px 13px;

    }


    .gcq-result__route-arrow {

        width: 28px;

        height: 28px;

    }


    .gcq-result__route-point strong {

        font-size: 13px;

    }


    /* SHIPPING MODE */

    .gcq-result__shipping-mode {

        min-height: 66px;

        padding: 12px 13px;

        gap: 12px;

        border-radius: 14px;

    }


    .gcq-result__shipping-mode-icon {

        width: 44px;

        height: 44px;

        min-width: 44px;

        flex-basis: 44px;

        border-radius: 12px;

    }


    .gcq-result__shipping-mode-icon span {

        font-size: 23px !important;

    }


    .gcq-result__shipping-mode-copy > strong {

        font-size: 13px;

    }


    /* PRICE */

    .gcq-result__price {

        min-height: 92px;

        padding: 17px 13px;

        gap: 10px;

    }


    .gcq-result__price-copy {

        max-width: 45%;

    }


    .gcq-result__price-copy > small {

        display: none;

    }


    .gcq-result__price-value {

        max-width: 55%;

    }


    .gcq-result__currency {

        font-size:
            16px !important;

    }


    .gcq-result__price-value > strong {

        font-size:
            34px !important;

    }


    /* FORM */

    .gcq-form__grid {

        grid-template-columns: 1fr;

    }


    .gcq-form-field--full {

        grid-column: auto;

    }


    .gcq-prohibited__grid {

        grid-template-columns: 1fr;

    }


    .gcq-request__info h2 {

        font-size: 39px;

    }

}


/* ==========================================================================
   MOBILE MUY PEQUEÑO
   ========================================================================== */

@media (max-width: 370px) {

    .gcq-result__route {

        grid-template-columns: 1fr;

    }


    .gcq-result__route-arrow {

        margin: 0 auto;

        transform:
            rotate(90deg);

    }


    .gcq-result__route-point,
    .gcq-result__route-point--right {

        text-align: center;

    }


    .gcq-result__price {

        flex-direction: column;

        align-items: flex-start;

    }


    .gcq-result__price-copy,
    .gcq-result__price-value {

        max-width: 100%;

    }


    .gcq-result__price-copy > small {

        display: block;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gcq-slide {

        transition: none !important;

        transform: none !important;

    }

}   















/* ==========================================================================
   GLOBAL CARGO
   SLIDER PROFESIONAL
   BANDERAS REALES
   PREFIJO: gcs-
   ========================================================================== */


/* ==========================================================================
   VARIABLES
   ========================================================================== */

.gcs-hero {

    --gcs-orange:
        var(--gc-orange, #f15a24);

    --gcs-orange-dark:
        var(--gc-orange-dark, #c94618);

    --gcs-orange-light:
        var(--gc-orange-light, #ff7541);

    --gcs-navy:
        #061729;

    --gcs-white:
        #ffffff;

    --gcs-font:
        var(
            --gc-font,
            "Aptos",
            "Segoe UI",
            "Helvetica Neue",
            Arial,
            sans-serif
        );

}


/* ==========================================================================
   RESET
   ========================================================================== */

.gcs-hero,
.gcs-hero * {

    box-sizing: border-box;

}


.gcs-hero {

    position: relative;

    width: 100%;

    overflow: hidden;

    font-family:
        var(--gcs-font);

    background:
        var(--gcs-navy);

}


/* ==========================================================================
   CONTAINER
   ========================================================================== */

.gcs-container {

    position: relative;

    z-index: 5;

    width:
        min(
            1280px,
            calc(100% - 60px)
        );

    margin:
        0 auto;

}


/* ==========================================================================
   SLIDER
   ========================================================================== */

.gcs-slider {

    position: relative;

    width: 100%;

    min-height: 720px;

    overflow: hidden;

    background:
        var(--gcs-navy);

}


/* ==========================================================================
   SLIDES
   ========================================================================== */

.gcs-slide {

    position: absolute;

    inset: 0;

    min-height: 720px;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .8s ease,
        visibility .8s ease;

}


.gcs-slide.is-active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}


/* ==========================================================================
   BACKGROUND
   ========================================================================== */

.gcs-slide__background {

    position: absolute;

    inset: -20px;

    background-image:
        var(--gcs-image);

    background-size:
        cover;

    background-position:
        center;

    transform:
        scale(1.07);

    transition:
        transform
        8s
        cubic-bezier(.2,.7,.2,1);

}


.gcs-slide.is-active
.gcs-slide__background {

    transform:
        scale(1);

}


/* ==========================================================================
   OVERLAY
   ========================================================================== */

.gcs-slide__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(3,14,27,.98) 0%,
            rgba(3,14,27,.93) 30%,
            rgba(3,14,27,.70) 54%,
            rgba(3,14,27,.27) 80%,
            rgba(3,14,27,.08) 100%
        ),

        linear-gradient(
            0deg,
            rgba(3,14,27,.72),
            transparent 60%
        );

}


/* ==========================================================================
   LAYOUT
   ========================================================================== */

.gcs-slide__layout {

    min-height:
        720px;

    padding:
        72px
        0
        230px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.55fr);

    align-items: center;

    gap: 65px;

}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.gcs-content {

    width:
        min(
            720px,
            100%
        );

    color: #fff;

}


/* ==========================================================================
   EYEBROW
   ========================================================================== */

.gcs-eyebrow {

    margin-bottom:
        19px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    color:
        rgba(255,255,255,.76);

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;

}


.gcs-eyebrow__icon {

    width:
        32px;

    height:
        32px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(241,90,36,.27);

    border-radius:
        9px;

    color:
        var(--gcs-orange-light);

    background:
        rgba(241,90,36,.10);

}


.gcs-eyebrow__icon svg {

    width:
        16px;

    height:
        16px;

    fill:
        none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* ==========================================================================
   TITLE
   ========================================================================== */

.gcs-title {

    max-width:
        710px;

    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(
            45px,
            5vw,
            75px
        );

    font-weight:
        750;

    line-height:
        .96;

    letter-spacing:
        -.052em;

}


.gcs-title > span {

    color:
        #ffffff;

}


.gcs-title strong {

    display:
        block;

    margin-top:
        8px;

    color:
        var(--gcs-orange-light);

    font-weight:
        750;

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.gcs-description {

    max-width:
        575px;

    margin:
        23px
        0
        0;

    color:
        rgba(255,255,255,.74);

    font-size:
        15px;

    line-height:
        1.65;

}


/* ==========================================================================
   ACTIONS
   ========================================================================== */

.gcs-actions {

    margin-top:
        28px;

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

}


.gcs-button {

    min-height:
        52px;

    padding:
        0
        20px;

    border-radius:
        11px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    font-family:
        var(--gcs-font);

    font-size:
        11px;

    font-weight:
        750;

    text-transform:
        uppercase;

    text-decoration:
        none;

    cursor:
        pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;

}


.gcs-button:hover {

    transform:
        translateY(-2px);

}


.gcs-button svg {

    width:
        17px;

    height:
        17px;

    fill:
        none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* PRIMARY */

.gcs-button--primary {

    border:
        0;

    color:
        #fff;

    background:

        linear-gradient(
            135deg,
            var(--gcs-orange),
            var(--gcs-orange-dark)
        );

    box-shadow:
        0 15px 35px
        rgba(241,90,36,.24);

}


/* SECONDARY */

.gcs-button--secondary {

    border:
        1px solid
        rgba(255,255,255,.17);

    color:
        #ffffff;

    background:
        rgba(255,255,255,.07);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

}


/* ==========================================================================
   METRICS
   ========================================================================== */

.gcs-metrics {

    margin-top:
        30px;

    display:
        flex;

    gap:
        34px;

}


.gcs-metric {

    position:
        relative;

    max-width:
        125px;

}


.gcs-metric:not(:last-child)::after {

    content:
        "";

    position:
        absolute;

    top:
        3px;

    right:
        -17px;

    width:
        1px;

    height:
        38px;

    background:
        rgba(255,255,255,.13);

}


.gcs-metric strong {

    display:
        block;

    color:
        #fff;

    font-size:
        17px;

    font-weight:
        750;

    line-height:
        1;

}


.gcs-metric span {

    display:
        block;

    margin-top:
        5px;

    color:
        rgba(255,255,255,.48);

    font-size:
        9px;

    line-height:
        1.3;

}


/* ==========================================================================
   SIDE
   ========================================================================== */

.gcs-side {

    min-width:
        0;

    align-self:
        center;

}


/* ==========================================================================
   SIDE CARD
   ========================================================================== */

.gcs-side-card {

    width:
        min(
            410px,
            100%
        );

    margin-left:
        auto;

    padding:
        22px;

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius:
        15px;

    color:
        #07111c;

    background:
        rgba(255,255,255,.95);

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.19);

    backdrop-filter:
        blur(15px);

    -webkit-backdrop-filter:
        blur(15px);

}


.gcs-side-card__icon {

    width:
        46px;

    height:
        46px;

    min-width:
        46px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        13px;

    color:
        #fff;

    background:
        linear-gradient(
            135deg,
            var(--gcs-orange),
            var(--gcs-orange-dark)
        );

}


.gcs-side-card__icon svg {

    width:
        21px;

    height:
        21px;

    fill:
        none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.6;

}


.gcs-side-card small {

    display:
        block;

    margin-bottom:
        4px;

    color:
        #888e95;

    font-size:
        8px;

    font-weight:
        750;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

}


.gcs-side-card strong {

    display:
        block;

    color:
        #07111c;

    font-size:
        16px;

    line-height:
        1.25;

}


/* ==========================================================================
   DESTINATIONS WRAPPER
   ========================================================================== */

.gcs-destinations-wrap {

    position:
        absolute;

    z-index:
        30;

    left:
        0;

    right:
        0;

    bottom:
        91px;

}


/* LABEL */

.gcs-destinations-title {

    margin-bottom:
        8px;

}


.gcs-destinations-title span {

    color:
        rgba(255,255,255,.47);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.gcs-destinations {

    display:
        grid;

    grid-template-columns:
        repeat(5, minmax(0,1fr));

    gap:
        9px;

}


/* ==========================================================================
   COUNTRY
   ========================================================================== */

.gcs-country {

    min-width:
        0;

    min-height:
        58px;

    padding:
        7px
        14px
        7px
        7px;

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius:
        14px;

    color:
        #ffffff;

    background:
        rgba(255,255,255,.075);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    box-shadow:
        inset
        0 1px 0
        rgba(255,255,255,.055);

    text-decoration:
        none;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}


.gcs-country:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(241,90,36,.55);

    background:
        rgba(241,90,36,.12);

    box-shadow:
        0 13px 30px
        rgba(0,0,0,.17);

}


/* ==========================================================================
   REAL FLAG
   ========================================================================== */

.gcs-country__flag {

    position:
        relative;

    width:
        46px;

    height:
        34px;

    min-width:
        46px;

    flex:
        0 0 46px;

    overflow:
        hidden;

    display:
        block;

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius:
        7px;

    background:
        rgba(255,255,255,.12);

    box-shadow:
        0 4px 12px
        rgba(0,0,0,.20);

}


/* FLAG IMAGE */

.gcs-country__flag img {

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    object-fit:
        cover;

    object-position:
        center;

}


/* ==========================================================================
   COUNTRY NAME
   ========================================================================== */

.gcs-country__name {

    min-width:
        0;

    overflow:
        hidden;

    color:
        #ffffff;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

}


/* ==========================================================================
   SLIDER CONTROLS
   ========================================================================== */

.gcs-slider-controls {

    position:
        absolute;

    z-index:
        35;

    left:
        max(
            30px,
            calc((100% - 1280px) / 2)
        );

    bottom:
        29px;

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

}


/* ARROWS */

.gcs-slider-arrow {

    width:
        43px;

    height:
        43px;

    padding:
        0;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius:
        11px;

    display:
        grid;

    place-items:
        center;

    color:
        #fff;

    background:
        rgba(4,14,25,.58);

    backdrop-filter:
        blur(11px);

    cursor:
        pointer;

    transition:
        border-color .25s ease,
        background .25s ease;

}


.gcs-slider-arrow:hover {

    border-color:
        var(--gcs-orange);

    background:
        var(--gcs-orange);

}


.gcs-slider-arrow svg {

    width:
        18px;

    height:
        18px;

    fill:
        none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* ==========================================================================
   PROGRESS
   ========================================================================== */

.gcs-slider-progress {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

}


.gcs-slider-dot {

    width:
        32px;

    height:
        4px;

    padding:
        0;

    overflow:
        hidden;

    border:
        0;

    border-radius:
        50px;

    background:
        rgba(255,255,255,.18);

    cursor:
        pointer;

}


.gcs-slider-dot span {

    display:
        block;

    width:
        0;

    height:
        100%;

    background:
        var(--gcs-orange);

}


.gcs-slider-dot.is-active span {

    animation:
        gcsSlideProgress
        6.5s
        linear
        forwards;

}


@keyframes gcsSlideProgress {

    from {

        width:
            0;

    }

    to {

        width:
            100%;

    }

}


/* ==========================================================================
   COUNTER
   ========================================================================== */

.gcs-counter {

    position:
        absolute;

    z-index:
        35;

    right:
        max(
            30px,
            calc((100% - 1280px) / 2)
        );

    bottom:
        39px;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    color:
        rgba(255,255,255,.45);

}


.gcs-counter strong {

    color:
        #fff;

    font-size:
        10px;

}


.gcs-counter > span {

    width:
        35px;

    height:
        1px;

    background:
        rgba(255,255,255,.18);

}


.gcs-counter small {

    font-size:
        9px;

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

    .gcs-slide__layout {

        grid-template-columns:
            minmax(0,1fr)
            285px;

        gap:
            30px;

    }


    .gcs-title {

        font-size:
            clamp(
                43px,
                6vw,
                64px
            );

    }


    .gcs-destinations {

        grid-template-columns:
            repeat(5,minmax(0,1fr));

    }


    .gcs-country {

        padding-right:
            8px;

        gap:
            7px;

    }


    .gcs-country__flag {

        width:
            39px;

        min-width:
            39px;

        flex-basis:
            39px;

        height:
            29px;

    }


    .gcs-country__name {

        font-size:
            9px;

    }

}


/* ==========================================================================
   MOBILE / TABLET
   ========================================================================== */

@media (max-width: 800px) {

    .gcs-container {

        width:
            calc(100% - 32px);

    }


    .gcs-slider,
    .gcs-slide {

        min-height:
            760px;

    }


    .gcs-slide__layout {

        min-height:
            760px;

        padding:
            75px
            0
            245px;

        display:
            flex;

        align-items:
            flex-end;

    }


    .gcs-side {

        display:
            none;

    }


    .gcs-slide__overlay {

        background:

            linear-gradient(
                0deg,
                rgba(3,14,27,.99) 0%,
                rgba(3,14,27,.90) 48%,
                rgba(3,14,27,.25) 100%
            );

    }


    .gcs-title {

        font-size:
            clamp(
                38px,
                9vw,
                54px
            );

    }


    .gcs-description {

        font-size:
            14px;

    }


    /* BANDERAS SCROLL HORIZONTAL */

    .gcs-destinations {

        display:
            flex;

        overflow-x:
            auto;

        gap:
            7px;

        padding-bottom:
            4px;

        scroll-snap-type:
            x proximity;

        scrollbar-width:
            none;

    }


    .gcs-destinations::-webkit-scrollbar {

        display:
            none;

    }


    .gcs-country {

        min-width:
            max-content;

        min-height:
            50px;

        flex:
            0 0 auto;

        scroll-snap-align:
            start;

    }


    .gcs-country__flag {

        width:
            41px;

        height:
            30px;

        min-width:
            41px;

        flex-basis:
            41px;

    }


    .gcs-country__name {

        font-size:
            10px;

    }


    .gcs-slider-controls {

        left:
            16px;

        bottom:
            25px;

    }


    .gcs-counter {

        right:
            16px;

        bottom:
            36px;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 520px) {

    .gcs-slider,
    .gcs-slide {

        min-height:
            790px;

    }


    .gcs-slide__layout {

        min-height:
            790px;

        padding:
            65px
            0
            250px;

    }


    .gcs-eyebrow {

        margin-bottom:
            14px;

        font-size:
            9px;

    }


    .gcs-eyebrow__icon {

        width:
            28px;

        height:
            28px;

    }


    .gcs-title {

        font-size:
            clamp(
                35px,
                10vw,
                46px
            );

    }


    .gcs-description {

        margin-top:
            17px;

        font-size:
            13px;

        line-height:
            1.55;

    }


    .gcs-actions {

        margin-top:
            21px;

        display:
            grid;

        grid-template-columns:
            1fr;

    }


    .gcs-button {

        width:
            100%;

        min-height:
            48px;

    }


    .gcs-metrics {

        margin-top:
            22px;

        display:
            grid;

        grid-template-columns:
            repeat(3,1fr);

        gap:
            8px;

    }


    .gcs-metric {

        max-width:
            none;

    }


    .gcs-metric:not(:last-child)::after {

        display:
            none;

    }


    .gcs-metric strong {

        font-size:
            14px;

    }


    .gcs-metric span {

        font-size:
            7.5px;

    }


    /* DESTINOS */

    .gcs-destinations-wrap {

        bottom:
            87px;

    }


    .gcs-country {

        min-height:
            47px;

        padding:
            5px
            10px
            5px
            5px;

        gap:
            8px;

        border-radius:
            11px;

    }


    .gcs-country__flag {

        width:
            38px;

        height:
            28px;

        min-width:
            38px;

        flex-basis:
            38px;

        border-radius:
            6px;

    }


    .gcs-country__name {

        font-size:
            9px;

    }

}


/* ==========================================================================
   MOBILE MUY PEQUEÑO
   ========================================================================== */

@media (max-width: 370px) {

    .gcs-slider,
    .gcs-slide,
    .gcs-slide__layout {

        min-height:
            810px;

    }


    .gcs-title {

        font-size:
            33px;

    }


    .gcs-counter {

        display:
            none;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gcs-slide,
    .gcs-slide__background {

        transition:
            none !important;

    }


    .gcs-slider-dot.is-active span {

        width:
            100%;

        animation:
            none !important;

    }

}


/* ==========================================================================
   GLOBAL CARGO
   02. ¿CÓMO FUNCIONA?
   PREFIJO: gcp-
   ========================================================================== */


/* ==========================================================================
   VARIABLES
   ========================================================================== */

.gcp-process {

    --gcp-green: #ff5415;
    --gcp-green-dark: #932c06;
    --gcp-green-light: #f15a24;

    --gcp-navy: #071d38;
    --gcp-navy-light: #102d50;

    --gcp-orange:
        var(--gc-orange, #f15a24);

    --gcp-white: #ffffff;

    --gcp-bg: #f7f8f7;
    --gcp-card: #ffffff;

    --gcp-text: #111c2c;
    --gcp-muted: #6f7680;
    --gcp-border: #e5e8e7;

    --gcp-font:
        var(
            --gc-font,
            "Aptos",
            "Segoe UI",
            "Helvetica Neue",
            Arial,
            sans-serif
        );

}


/* ==========================================================================
   BASE
   ========================================================================== */

.gcp-process,
.gcp-process * {

    box-sizing: border-box;

}


.gcp-process {

    position: relative;

    width: 100%;

    padding: 65px 0 72px;

    overflow: hidden;

    font-family: var(--gcp-font);

    background:

        radial-gradient(
            circle at 7% 0%,
            rgba(45,132,38,.045),
            transparent 23%
        ),

        #ffffff;

}


.gcp-container {

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.gcp-heading {

    margin-bottom: 42px;

    text-align: center;

}


.gcp-heading__eyebrow {

    display: inline-block;

    margin-bottom: 9px;

    color: var(--gcp-green);

    font-size: 10px;

    font-weight: 750;

    line-height: 1;

    letter-spacing: .13em;

    text-transform: uppercase;

}


.gcp-heading h2 {

    margin: 0;

    color: var(--gcp-navy);

    font-size:
        clamp(
            31px,
            3.3vw,
            46px
        );

    font-weight: 750;

    line-height: 1;

    letter-spacing: -.035em;

}


.gcp-heading p {

    max-width: 570px;

    margin: 10px auto 0;

    color: var(--gcp-muted);

    font-size: 13px;

    line-height: 1.55;

}


/* ==========================================================================
   LAYOUT
   ========================================================================== */

.gcp-layout {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        255px;

    align-items: stretch;

    gap: 26px;

}


/* ==========================================================================
   STEPS
   ========================================================================== */

.gcp-steps {

    min-width: 0;

    display: grid;

    grid-template-columns:
        minmax(130px, 1fr)
        42px
        minmax(130px, 1fr)
        42px
        minmax(130px, 1fr)
        42px
        minmax(130px, 1fr);

    align-items: center;

    gap: 5px;

}


/* ==========================================================================
   STEP
   ========================================================================== */

.gcp-step {

    position: relative;

    min-width: 0;

    padding: 10px 4px;

    text-align: center;

    opacity: 0;

    transform: translateY(18px);

    transition:
        opacity .55s ease,
        transform .55s ease;

}


.gcp-step.is-visible {

    opacity: 1;

    transform: translateY(0);

}


/* NUMBER */

.gcp-step__number {

    position: absolute;

    z-index: 4;

    top: 3px;

    left:
        calc(50% - 54px);

    width: 27px;

    height: 27px;

    display: grid;

    place-items: center;

    border:
        3px solid #ffffff;

    border-radius: 50%;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--gcp-green-light),
            var(--gcp-green-dark)
        );

    box-shadow:
        0 5px 13px
        rgba(45,132,38,.18);

    font-size: 9px;

    font-weight: 800;

}


/* ==========================================================================
   ICON
   ========================================================================== */

.gcp-step__icon {

    width: 88px;

    height: 88px;

    margin: 0 auto 17px;

    display: grid;

    place-items: center;

    border:
        1px solid var(--gcp-border);

    border-radius: 50%;

    color: var(--gcp-navy);

    background:

        linear-gradient(
            145deg,
            #ffffff,
            #f3f5f4
        );

    box-shadow:
        0 12px 24px
        rgba(7,29,56,.055);

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;

}


.gcp-step__icon svg {

    width: 37px;

    height: 37px;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gcp-step:hover
.gcp-step__icon {

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--gcp-green-light),
            var(--gcp-green-dark)
        );

    transform:
        translateY(-5px);

    box-shadow:
        0 16px 30px
        rgba(45,132,38,.18);

}


/* ==========================================================================
   STEP CONTENT
   ========================================================================== */

.gcp-step__content h3 {

    max-width: 155px;

    margin: 0 auto;

    color: var(--gcp-green-dark);

    font-size: 13px;

    font-weight: 750;

    line-height: 1.25;

}


.gcp-step__content p {

    max-width: 150px;

    margin: 7px auto 0;

    color: var(--gcp-muted);

    font-size: 10px;

    line-height: 1.5;

}


/* ==========================================================================
   ARROWS
   ========================================================================== */

.gcp-arrow {

    position: relative;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #7f8790;

}


.gcp-arrow > span {

    position: absolute;

    left: 1px;

    right: 9px;

    top: 50%;

    height: 1px;

    background:

        linear-gradient(
            90deg,
            rgba(7,29,56,.12),
            rgba(7,29,56,.35)
        );

}


.gcp-arrow svg {

    position: relative;

    z-index: 2;

    width: 21px;

    height: 21px;

    margin-left: auto;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.4;

    background: #ffffff;

}


/* ==========================================================================
   BOX CARD
   ========================================================================== */

.gcp-box-card {

    position: relative;

    min-height: 280px;

    padding: 22px 19px 19px;

    overflow: hidden;

    border:
        1px solid var(--gcp-border);

    border-radius: 16px;

    text-align: center;

    background:

        radial-gradient(
            circle at 70% 10%,
            rgba(45,132,38,.08),
            transparent 35%
        ),

        #fbfcfb;

    box-shadow:
        0 16px 34px
        rgba(7,29,56,.07);

}


/* TOP LINE */

.gcp-box-card__line {

    position: absolute;

    top: 0;

    left: 25%;

    width: 50%;

    height: 3px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--gcp-green-light),
            var(--gcp-green-dark)
        );

}


/* VISUAL */

.gcp-box-card__visual {

    width: 112px;

    height: 100px;

    margin:
        -2px auto 5px;

    display: grid;

    place-items: center;

}


.gcp-box-card__visual svg {

    width: 100%;

    height: 100%;

    filter:
        drop-shadow(
            0 12px 10px
            rgba(0,0,0,.12)
        );

}


/* ==========================================================================
   CARD CONTENT
   ========================================================================== */

.gcp-box-card__content > span {

    display: block;

    margin-bottom: 5px;

    color: var(--gcp-green);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.gcp-box-card h3 {

    margin: 0;

    color: var(--gcp-navy);

    font-size: 17px;

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;

}


.gcp-box-card p {

    max-width: 190px;

    margin: 8px auto 15px;

    color: var(--gcp-muted);

    font-size: 10px;

    line-height: 1.45;

}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.gcp-box-card__button {

    width: 100%;

    min-height: 43px;

    padding:
        0 13px;

    border-radius: 7px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gcp-green),
            var(--gcp-green-dark)
        );

    box-shadow:
        0 9px 20px
        rgba(45,132,38,.15);

    font-size: 9px;

    font-weight: 750;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.gcp-box-card__button:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 13px 25px
        rgba(45,132,38,.23);

}


.gcp-box-card__button svg {

    width: 15px;

    height: 15px;

    flex: 0 0 auto;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* ==========================================================================
   RESPONSIVE 1100
   ========================================================================== */

@media (max-width: 1100px) {

    .gcp-layout {

        grid-template-columns: 1fr;

    }


    .gcp-box-card {

        width: 100%;

        min-height: auto;

        padding: 18px 22px;

        display: grid;

        grid-template-columns:
            120px
            minmax(0,1fr);

        align-items: center;

        gap: 20px;

        text-align: left;

    }


    .gcp-box-card__visual {

        margin: 0;

    }


    .gcp-box-card p {

        max-width: none;

        margin-left: 0;

    }


    .gcp-box-card__button {

        width:
            min(
                230px,
                100%
            );

    }

}


/* ==========================================================================
   RESPONSIVE 850
   ========================================================================== */

@media (max-width: 850px) {

    .gcp-steps {

        grid-template-columns:
            1fr 1fr;

        gap: 30px 18px;

    }


    .gcp-arrow {

        display: none;

    }


    .gcp-step {

        padding: 5px;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 560px) {

    .gcp-process {

        padding:
            55px 0 60px;

    }


    .gcp-container {

        width:
            calc(100% - 28px);

    }


    .gcp-heading {

        margin-bottom: 32px;

    }


    .gcp-heading h2 {

        font-size: 33px;

    }


    .gcp-steps {

        position: relative;

        grid-template-columns: 1fr;

        gap: 14px;

    }


    /* línea vertical */

    .gcp-steps::before {

        content: "";

        position: absolute;

        top: 45px;

        bottom: 45px;

        left: 42px;

        width: 1px;

        background:

            linear-gradient(
                180deg,
                rgba(45,132,38,.25),
                rgba(45,132,38,.05)
            );

    }


    .gcp-step {

        min-height: 98px;

        padding:
            9px 8px;

        display: grid;

        grid-template-columns:
            72px
            minmax(0,1fr);

        align-items: center;

        gap: 15px;

        text-align: left;

    }


    .gcp-step__icon {

        position: relative;

        z-index: 2;

        width: 70px;

        height: 70px;

        margin: 0;

    }


    .gcp-step__icon svg {

        width: 29px;

        height: 29px;

    }


    .gcp-step__number {

        top: 1px;

        left: 0;

        width: 23px;

        height: 23px;

        font-size: 8px;

    }


    .gcp-step__content h3 {

        max-width: none;

        margin: 0;

        font-size: 14px;

    }


    .gcp-step__content p {

        max-width: 260px;

        margin:
            5px 0 0;

        font-size: 10px;

    }


    /* CARD */

    .gcp-box-card {

        grid-template-columns:
            90px
            minmax(0,1fr);

        gap: 15px;

        padding:
            17px;

        border-radius: 14px;

    }


    .gcp-box-card__visual {

        width: 88px;

        height: 80px;

    }


    .gcp-box-card h3 {

        font-size: 15px;

    }

}


/* ==========================================================================
   MOBILE SMALL
   ========================================================================== */

@media (max-width: 380px) {

    .gcp-box-card {

        display: block;

        text-align: center;

    }


    .gcp-box-card__visual {

        margin: 0 auto;

    }


    .gcp-box-card p {

        margin-left: auto;

        margin-right: auto;

    }


    .gcp-box-card__button {

        width: 100%;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gcp-step {

        opacity: 1;

        transform: none;

        transition: none;

    }


    .gcp-step__icon,
    .gcp-box-card__button {

        transition: none;

    }

}



/* ==========================================================================
   GLOBAL CARGO
   SECCIÓN DE CONFIANZA
   PREFIJO: gct-
   ========================================================================== */


/* ==========================================================================
   VARIABLES
   ========================================================================== */

.gct-trust {

    --gct-orange: #f15a24;
    --gct-orange-light: #ff7541;
    --gct-orange-dark: #ca4517;

    --gct-navy: #06192e;
    --gct-navy-light: #0b2746;

    --gct-white: #ffffff;

    --gct-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


/* ==========================================================================
   BASE
   ========================================================================== */

.gct-trust,
.gct-trust * {

    box-sizing: border-box;

}


.gct-trust {

    position: relative;

    width: 100%;

    padding: 76px 0 68px;

    overflow: hidden;

    isolation: isolate;

    font-family: var(--gct-font);

    background:

        radial-gradient(
            circle at 15% 20%,
            rgba(241,90,36,.11),
            transparent 27%
        ),

        radial-gradient(
            circle at 88% 70%,
            rgba(241,90,36,.07),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #071d36 0%,
            #041323 60%,
            #06192e 100%
        );

}


/* ==========================================================================
   PATRÓN DE FONDO
   ========================================================================== */

.gct-trust::before {

    content: "";

    position: absolute;

    z-index: -2;

    inset: 0;

    opacity: .18;

    background-image:

        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:
        44px 44px;

}


.gct-trust::after {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--gct-orange),
            transparent
        );

}


/* ==========================================================================
   GLOWS
   ========================================================================== */

.gct-trust__glow {

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(4px);

}


.gct-trust__glow--one {

    top: -180px;

    left: -160px;

    width: 440px;

    height: 440px;

    background:
        radial-gradient(
            circle,
            rgba(241,90,36,.13),
            transparent 68%
        );

}


.gct-trust__glow--two {

    right: -170px;

    bottom: -210px;

    width: 500px;

    height: 500px;

    background:
        radial-gradient(
            circle,
            rgba(241,90,36,.09),
            transparent 68%
        );

}


/* ==========================================================================
   CONTAINER
   ========================================================================== */

.gct-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.gct-heading {

    margin-bottom: 42px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: end;

    gap: 45px;

}


.gct-heading__copy {

    max-width: 700px;

}


/* ==========================================================================
   EYEBROW
   ========================================================================== */

.gct-eyebrow {

    margin-bottom: 12px;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color:
        rgba(255,255,255,.62);

    font-size: 9px;

    font-weight: 750;

    letter-spacing: .14em;

    text-transform: uppercase;

}


.gct-eyebrow i {

    position: relative;

    width: 19px;

    height: 1px;

    display: block;

    background:
        var(--gct-orange);

}


.gct-eyebrow i::after {

    content: "";

    position: absolute;

    top: -2px;

    right: 0;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background:
        var(--gct-orange);

}


/* ==========================================================================
   TITLE
   ========================================================================== */

.gct-heading h2 {

    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            37px,
            4vw,
            55px
        );

    font-weight: 760;

    line-height: .98;

    letter-spacing: -.045em;

}


.gct-heading h2 span {

    display: block;

    color:
        var(--gct-orange-light);

}


.gct-heading__copy > p {

    max-width: 540px;

    margin: 15px 0 0;

    color:
        rgba(255,255,255,.52);

    font-size: 12px;

    line-height: 1.6;

}


/* ==========================================================================
   TRACK BUTTON SUPERIOR
   ========================================================================== */

.gct-track-button {

    min-width: 260px;

    min-height: 62px;

    padding: 9px 12px;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius: 13px;

    display: grid;

    grid-template-columns:
        39px
        minmax(0,1fr)
        30px;

    align-items: center;

    gap: 11px;

    color: #ffffff;

    background:
        rgba(255,255,255,.055);

    backdrop-filter:
        blur(13px);

    -webkit-backdrop-filter:
        blur(13px);

    font-family:
        var(--gct-font);

    text-align: left;

    cursor: pointer;

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;

}


.gct-track-button:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(241,90,36,.40);

    background:
        rgba(241,90,36,.10);

}


.gct-track-button__icon {

    width: 39px;

    height: 39px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gct-orange-light);

    background:
        rgba(241,90,36,.10);

}


.gct-track-button__icon svg {

    width: 19px;

    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gct-track-button__copy {

    min-width: 0;

}


.gct-track-button__copy small {

    display: block;

    margin-bottom: 3px;

    color:
        rgba(255,255,255,.42);

    font-size: 8px;

}


.gct-track-button__copy strong {

    display: block;

    color: #ffffff;

    font-size: 11px;

}


.gct-track-button__arrow {

    width: 30px;

    height: 30px;

    display: grid;

    place-items: center;

    border-radius: 8px;

    color: #ffffff;

    background:
        var(--gct-orange);

}


.gct-track-button__arrow svg {

    width: 14px;

    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* ==========================================================================
   STATS
   ========================================================================== */

.gct-stats {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 10px;

}


/* ==========================================================================
   STAT
   ========================================================================== */

.gct-stat {

    position: relative;

    min-height: 215px;

    padding: 23px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 15px;

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.04);

    opacity: 0;

    transform:
        translateY(18px);

    transition:
        opacity .55s ease,
        transform .55s ease,
        border-color .3s ease,
        background .3s ease;

}


.gct-stat.is-visible {

    opacity: 1;

    transform:
        translateY(0);

}


.gct-stat:hover {

    border-color:
        rgba(241,90,36,.28);

    background:

        linear-gradient(
            145deg,
            rgba(241,90,36,.10),
            rgba(255,255,255,.025)
        );

}


/* ==========================================================================
   TOP
   ========================================================================== */

.gct-stat__top {

    min-height: 60px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 15px;

}


/* NUMBER */

.gct-stat__number {

    color: #ffffff;

    font-size:
        clamp(
            30px,
            3vw,
            43px
        );

    font-weight: 760;

    line-height: .95;

    letter-spacing: -.045em;

}


/* ==========================================================================
   ICON
   ========================================================================== */

.gct-stat__icon {

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    display: grid;

    place-items: center;

    border:
        1px solid rgba(241,90,36,.16);

    border-radius: 11px;

    color:
        var(--gct-orange-light);

    background:
        rgba(241,90,36,.08);

}


.gct-stat__icon svg {

    width: 20px;

    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* ==========================================================================
   LINE
   ========================================================================== */

.gct-stat__line {

    position: relative;

    width: 100%;

    height: 1px;

    margin:
        18px 0 16px;

    overflow: hidden;

    background:
        rgba(255,255,255,.08);

}


.gct-stat__line::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 32px;

    height: 1px;

    background:
        var(--gct-orange);

    transition:
        width .35s ease;

}


.gct-stat:hover
.gct-stat__line::before {

    width: 75%;

}


/* ==========================================================================
   COPY
   ========================================================================== */

.gct-stat__copy span {

    display: block;

    margin-bottom: 3px;

    color:
        rgba(255,255,255,.42);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .10em;

    text-transform: uppercase;

}


.gct-stat__copy strong {

    display: block;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

}


/* ==========================================================================
   INDEX
   ========================================================================== */

.gct-stat__index {

    position: absolute;

    right: 15px;

    bottom: 10px;

    color:
        rgba(255,255,255,.055);

    font-size: 42px;

    font-weight: 800;

    line-height: 1;

}


/* ==========================================================================
   TRACKING CARD
   ========================================================================== */

.gct-stat--tracking {

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(241,90,36,.15),
            transparent 44%
        ),

        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        );

}


.gct-stat__tracking-title {

    color: #ffffff;

    font-size: 27px;

    font-weight: 760;

    line-height: 1;

    letter-spacing: -.035em;

}


.gct-stat__tracking-button {

    min-height: 35px;

    margin-top: 16px;

    padding: 0 11px;

    border:
        1px solid rgba(241,90,36,.30);

    border-radius: 8px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #ffffff;

    background:
        rgba(241,90,36,.12);

    font-family:
        var(--gct-font);

    font-size: 8px;

    font-weight: 750;

    text-transform: uppercase;

    cursor: pointer;

}


.gct-stat__tracking-button svg {

    width: 13px;

    height: 13px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* ==========================================================================
   BOTTOM
   ========================================================================== */

.gct-bottom {

    margin-top: 12px;

    padding:
        15px
        17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 14px;

    background:
        rgba(255,255,255,.035);

}


/* ==========================================================================
   BOTTOM MESSAGE
   ========================================================================== */

.gct-bottom__message {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 13px;

}


.gct-bottom__mark {

    width: 39px;

    height: 39px;

    flex: 0 0 39px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gct-orange-light);

    background:
        rgba(241,90,36,.09);

}


.gct-bottom__mark svg {

    width: 19px;

    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

}


.gct-bottom__message small {

    display: block;

    margin-bottom: 3px;

    color:
        var(--gct-orange-light);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .11em;

    text-transform: uppercase;

}


.gct-bottom__message strong {

    display: block;

    color:
        rgba(255,255,255,.79);

    font-size: 10px;

    font-weight: 600;

}


/* ==========================================================================
   BOTTOM ACTIONS
   ========================================================================== */

.gct-bottom__actions {

    display: flex;

    align-items: center;

    gap: 7px;

}


.gct-bottom__primary,
.gct-bottom__secondary {

    min-height: 40px;

    padding: 0 13px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    font-size: 8px;

    font-weight: 750;

    text-decoration: none;

    text-transform: uppercase;

}


.gct-bottom__primary {

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gct-orange-light),
            var(--gct-orange-dark)
        );

}


.gct-bottom__primary svg {

    width: 13px;

    height: 13px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


.gct-bottom__secondary {

    color: #ffffff;

    border:
        1px solid rgba(255,255,255,.13);

    background:
        rgba(255,255,255,.045);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 950px) {

    .gct-heading {

        grid-template-columns:
            minmax(0,1fr)
            245px;

        gap: 25px;

    }


    .gct-track-button {

        min-width: 0;

        width: 100%;

    }


    .gct-stats {

        grid-template-columns:
            repeat(2,1fr);

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    .gct-trust {

        padding:
            62px 0 115px;

    }


    .gct-container {

        width:
            calc(100% - 28px);

    }


    .gct-heading {

        margin-bottom: 30px;

        display: block;

    }


    .gct-heading h2 {

        font-size: 36px;

    }


    .gct-heading__action {

        margin-top: 24px;

    }


    .gct-track-button {

        width: 100%;

    }


    .gct-bottom {

        align-items: flex-start;

        flex-direction: column;

    }


    .gct-bottom__actions {

        width: 100%;

    }


    .gct-bottom__primary,
    .gct-bottom__secondary {

        flex: 1;

    }

}


/* ==========================================================================
   MOBILE SMALL
   ========================================================================== */

@media (max-width: 500px) {

    .gct-heading h2 {

        font-size: 32px;

    }


    .gct-stats {

        grid-template-columns:
            1fr 1fr;

        gap: 7px;

    }


    .gct-stat {

        min-height: 178px;

        padding: 16px;

        border-radius: 13px;

    }


    .gct-stat__top {

        min-height: 49px;

    }


    .gct-stat__number {

        font-size: 27px;

    }


    .gct-stat__tracking-title {

        font-size: 21px;

    }


    .gct-stat__icon {

        width: 35px;

        height: 35px;

        flex-basis: 35px;

        border-radius: 9px;

    }


    .gct-stat__icon svg {

        width: 17px;

        height: 17px;

    }


    .gct-stat__line {

        margin:
            13px 0 13px;

    }


    .gct-stat__copy strong {

        font-size: 11px;

    }


    .gct-stat__index {

        font-size: 32px;

    }


    .gct-stat__tracking-button {

        margin-top: 11px;

        padding: 0 8px;

        font-size: 7px;

    }


    .gct-bottom__actions {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .gct-bottom__primary,
    .gct-bottom__secondary {

        width: 100%;

    }

}


/* ==========================================================================
   MUY PEQUEÑO
   ========================================================================== */

@media (max-width: 360px) {

    .gct-stats {

        grid-template-columns: 1fr;

    }


    .gct-stat {

        min-height: 160px;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gct-stat {

        opacity: 1;

        transform: none;

        transition: none;

    }


    .gct-track-button {

        transition: none;

    }

}

/* ==========================================================================
   GLOBAL CARGO
   CTA FINAL
   PREFIJO: gccta-
   ========================================================================== */


.gccta-section {

    --gccta-orange: #f15a24;
    --gccta-orange-light: #ff7440;
    --gccta-orange-dark: #cf4517;

    --gccta-navy: #06192e;
    --gccta-navy-2: #0a2747;

    --gccta-white: #ffffff;

    --gccta-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


/* ==========================================================================
   RESET LOCAL
   ========================================================================== */

.gccta-section,
.gccta-section * {

    box-sizing: border-box;

}


.gccta-section {

    position: relative;

    width: 100%;

    padding:
        86px 0 94px;

    overflow: hidden;

    font-family:
        var(--gccta-font);

    background:

        radial-gradient(
            circle at 4% 90%,
            rgba(241,90,36,.07),
            transparent 25%
        ),

        #f5f6f6;

}


.gccta-container {

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   CARD
   ========================================================================== */

.gccta-card {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.05fr);

    min-height: 580px;

    overflow: hidden;

    border-radius: 28px;

    background:
        var(--gccta-navy);

    box-shadow:
        0 30px 70px
        rgba(6,25,46,.15);

    opacity: 0;

    transform:
        translateY(22px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}


.gccta-card.is-visible {

    opacity: 1;

    transform:
        translateY(0);

}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.gccta-content {

    position: relative;

    z-index: 3;

    padding:
        62px 58px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: #ffffff;

    background:

        radial-gradient(
            circle at 0 0,
            rgba(241,90,36,.12),
            transparent 32%
        ),

        linear-gradient(
            145deg,
            #08203a,
            #041424
        );

}


.gccta-content::before {

    content: "";

    position: absolute;

    inset: 0;

    opacity: .11;

    pointer-events: none;

    background-image:

        linear-gradient(
            rgba(255,255,255,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.06) 1px,
            transparent 1px
        );

    background-size:
        40px 40px;

}


.gccta-content__glow {

    position: absolute;

    top: -160px;

    right: -130px;

    width: 350px;

    height: 350px;

    border-radius: 50%;

    pointer-events: none;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.17),
            transparent 67%
        );

}


/* ==========================================================================
   EYEBROW
   ========================================================================== */

.gccta-eyebrow {

    position: relative;

    z-index: 2;

    margin-bottom: 17px;

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        rgba(255,255,255,.58);

    font-size: 9px;

    font-weight: 750;

    letter-spacing: .15em;

    text-transform: uppercase;

}


.gccta-eyebrow__line {

    width: 27px;

    height: 2px;

    display: block;

    background:
        var(--gccta-orange);

}


/* ==========================================================================
   TITLE
   ========================================================================== */

.gccta-content h2 {

    position: relative;

    z-index: 2;

    max-width: 520px;

    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            40px,
            4vw,
            57px
        );

    font-weight: 770;

    line-height: .96;

    letter-spacing: -.05em;

    text-transform: uppercase;

}


.gccta-content h2 span {

    display: block;

    margin-top: 7px;

    color:
        var(--gccta-orange-light);

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.gccta-description {

    position: relative;

    z-index: 2;

    max-width: 495px;

    margin:
        22px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size: 12px;

    line-height: 1.7;

}


/* ==========================================================================
   FEATURES
   ========================================================================== */

.gccta-features {

    position: relative;

    z-index: 2;

    margin-top: 27px;

    display: flex;

    flex-wrap: wrap;

    gap:
        8px 17px;

}


.gccta-feature {

    display: flex;

    align-items: center;

    gap: 8px;

    color:
        rgba(255,255,255,.72);

    font-size: 9px;

    font-weight: 600;

}


.gccta-feature__icon {

    width: 27px;

    height: 27px;

    display: grid;

    place-items: center;

    border-radius: 7px;

    color:
        var(--gccta-orange-light);

    background:
        rgba(241,90,36,.10);

}


.gccta-feature__icon svg {

    width: 14px;

    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* ==========================================================================
   ACTIONS
   ========================================================================== */

.gccta-actions {

    position: relative;

    z-index: 2;

    margin-top: 31px;

    display: flex;

    align-items: stretch;

    gap: 9px;

}


/* ==========================================================================
   BUTTON GENERAL
   ========================================================================== */

.gccta-button {

    min-height: 55px;

    border-radius: 11px;

    display: flex;

    align-items: center;

    text-decoration: none;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;

}


.gccta-button:hover {

    transform:
        translateY(-2px);

}


/* ==========================================================================
   PRIMARY
   ========================================================================== */

.gccta-button--primary {

    min-width: 190px;

    padding:
        0 12px;

    gap: 10px;

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gccta-orange-light),
            var(--gccta-orange-dark)
        );

    box-shadow:
        0 12px 28px
        rgba(241,90,36,.22);

}


.gccta-button--primary > span:nth-child(2) {

    flex: 1;

    font-size: 9px;

    font-weight: 780;

    text-transform: uppercase;

}


.gccta-button__box {

    width: 34px;

    height: 34px;

    flex: 0 0 34px;

    display: grid;

    place-items: center;

    border-radius: 8px;

    background:
        rgba(255,255,255,.14);

}


.gccta-button__box svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gccta-button__arrow {

    width: 16px;

    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* ==========================================================================
   SECONDARY
   ========================================================================== */

.gccta-button--secondary {

    padding:
        0 14px;

    gap: 10px;

    color: #ffffff;

    border:
        1px solid rgba(255,255,255,.12);

    background:
        rgba(255,255,255,.055);

}


.gccta-button--secondary:hover {

    border-color:
        rgba(241,90,36,.30);

    background:
        rgba(241,90,36,.09);

}


.gccta-button__phone {

    width: 32px;

    height: 32px;

    display: grid;

    place-items: center;

    border-radius: 8px;

    color:
        var(--gccta-orange-light);

    background:
        rgba(241,90,36,.10);

}


.gccta-button__phone svg {

    width: 15px;

    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gccta-button__copy {

    display: block;

}


.gccta-button__copy small {

    display: block;

    margin-bottom: 2px;

    color:
        rgba(255,255,255,.45);

    font-size: 7px;

}


.gccta-button__copy strong {

    display: block;

    color: #ffffff;

    font-size: 10px;

}


/* ==========================================================================
   TAGLINE
   ========================================================================== */

.gccta-tagline {

    position: relative;

    z-index: 2;

    margin-top: 30px;

    padding-top: 18px;

    display: flex;

    align-items: center;

    gap: 11px;

    border-top:
        1px solid rgba(255,255,255,.08);

}


.gccta-tagline > span {

    width: 7px;

    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background:
        var(--gccta-orange);

    box-shadow:
        0 0 0 5px
        rgba(241,90,36,.09);

}


.gccta-tagline p {

    margin: 0;

    color:
        rgba(255,255,255,.47);

    font-size: 9px;

}


.gccta-tagline strong {

    color:
        rgba(255,255,255,.82);

}


/* ==========================================================================
   VISUAL
   ========================================================================== */

.gccta-visual {

    position: relative;

    min-width: 0;

    min-height: 580px;

    overflow: hidden;

    background:
        #1c2630;

}


.gccta-visual > img {

    position: absolute;

    inset: 0;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position: center;

    transform:
        scale(1.03);

    transition:
        transform 1.2s ease;

}


.gccta-card:hover
.gccta-visual > img {

    transform:
        scale(1.075);

}


/* ==========================================================================
   IMAGE OVERLAY
   ========================================================================== */

.gccta-visual__overlay {

    position: absolute;

    z-index: 1;

    inset: 0;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.72) 0%,
            rgba(4,20,36,.12) 29%,
            rgba(4,20,36,.04) 65%
        ),

        linear-gradient(
            0deg,
            rgba(4,20,36,.64),
            transparent 47%
        );

}


/* ==========================================================================
   BADGE
   ========================================================================== */

.gccta-visual__badge {

    position: absolute;

    z-index: 3;

    top: 25px;

    right: 25px;

    padding:
        8px 12px 8px 8px;

    display: flex;

    align-items: center;

    gap: 9px;

    border:
        1px solid rgba(255,255,255,.26);

    border-radius: 11px;

    color: #ffffff;

    background:
        rgba(4,20,36,.72);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

}


.gccta-visual__badge-icon {

    width: 35px;

    height: 35px;

    display: grid;

    place-items: center;

    border-radius: 9px;

    color: #ffffff;

    background:
        var(--gccta-orange);

}


.gccta-visual__badge-icon svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccta-visual__badge small {

    display: block;

    color:
        rgba(255,255,255,.55);

    font-size: 7px;

}


.gccta-visual__badge strong {

    display: block;

    margin-top: 2px;

    font-size: 10px;

}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.gccta-destinations {

    position: absolute;

    z-index: 3;

    right: 25px;

    bottom: 96px;

    padding:
        13px 14px;

    border:
        1px solid rgba(255,255,255,.22);

    border-radius: 12px;

    background:
        rgba(4,20,36,.72);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

}


.gccta-destinations__label {

    display: block;

    margin-bottom: 9px;

    color:
        rgba(255,255,255,.52);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .09em;

    text-transform: uppercase;

}


.gccta-destinations__flags {

    display: flex;

    align-items: center;

}


.gccta-destinations__flags > span {

    width: 34px;

    height: 25px;

    margin-left: -5px;

    overflow: hidden;

    border:
        2px solid rgba(255,255,255,.94);

    border-radius: 6px;

    background: #ffffff;

    box-shadow:
        0 5px 12px rgba(0,0,0,.15);

}


.gccta-destinations__flags > span:first-child {

    margin-left: 0;

}


.gccta-destinations__flags img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* ==========================================================================
   VISUAL BOTTOM
   ========================================================================== */

.gccta-visual__bottom {

    position: absolute;

    z-index: 3;

    right: 25px;

    bottom: 25px;

    left: 25px;

    min-height: 54px;

    padding:
        10px 16px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 18px;

    border:
        1px solid rgba(255,255,255,.20);

    border-radius: 12px;

    color: #ffffff;

    background:
        rgba(4,20,36,.70);

    backdrop-filter:
        blur(13px);

    -webkit-backdrop-filter:
        blur(13px);

}


.gccta-visual__bottom span {

    text-align: right;

}


.gccta-visual__bottom small {

    display: block;

    color:
        rgba(255,255,255,.48);

    font-size: 7px;

}


.gccta-visual__bottom strong {

    display: block;

    margin-top: 2px;

    color: #ffffff;

    font-size: 11px;

}


.gccta-visual__bottom i {

    width: 1px;

    height: 27px;

    display: block;

    background:
        rgba(255,255,255,.16);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 980px) {

    .gccta-card {

        grid-template-columns:
            1fr 1fr;

    }


    .gccta-content {

        padding:
            48px 37px;

    }


    .gccta-actions {

        align-items: stretch;

        flex-direction: column;

    }


    .gccta-button {

        width: 100%;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gccta-section {

        padding:
            65px 0 120px;

    }


    .gccta-container {

        width:
            calc(100% - 28px);

    }


    .gccta-card {

        display: flex;

        flex-direction: column;

        min-height: 0;

        border-radius: 20px;

    }


    .gccta-content {

        padding:
            40px 24px;

    }


    .gccta-content h2 {

        font-size: 39px;

    }


    .gccta-visual {

        min-height: 460px;

        order: -1;

    }


    .gccta-visual__overlay {

        background:

            linear-gradient(
                0deg,
                rgba(4,20,36,.72),
                transparent 55%
            );

    }


    .gccta-card:hover
    .gccta-visual > img {

        transform:
            scale(1.03);

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 480px) {

    .gccta-content {

        padding:
            35px 19px;

    }


    .gccta-content h2 {

        font-size: 34px;

    }


    .gccta-description {

        font-size: 11px;

    }


    .gccta-features {

        align-items: flex-start;

        flex-direction: column;

    }


    .gccta-actions {

        margin-top: 26px;

    }


    .gccta-button {

        min-height: 55px;

    }


    .gccta-visual {

        min-height: 380px;

    }


    .gccta-visual__badge {

        top: 15px;

        right: 15px;

    }


    .gccta-destinations {

        right: 15px;

        bottom: 85px;

        left: 15px;

    }


    .gccta-visual__bottom {

        right: 15px;

        bottom: 15px;

        left: 15px;

        justify-content: center;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gccta-card {

        opacity: 1;

        transform: none;

        transition: none;

    }


    .gccta-visual > img {

        transition: none;

    }


    .gccta-button {

        transition: none;

    }

}


/* ==========================================================================
   GLOBAL CARGO
   HERO DESTINOS
   PREFIJO: gcdh-
   MÍNIMO TIPOGRÁFICO: 14px
   ========================================================================== */


.gcdh-hero {

    --gcdh-orange: #f15a24;
    --gcdh-orange-light: #ff7440;
    --gcdh-orange-dark: #cc4518;

    --gcdh-navy: #05182c;
    --gcdh-navy-2: #08223e;
    --gcdh-navy-3: #0d3157;

    --gcdh-white: #ffffff;
    --gcdh-muted: #6f7984;
    --gcdh-border: #e3e7e9;

    --gcdh-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


/* ==========================================================================
   RESET
   ========================================================================== */

.gcdh-hero,
.gcdh-hero * {

    box-sizing: border-box;

}


.gcdh-hero {

    position: relative;

    width: 100%;

    padding:
        38px 0 0;

    overflow: hidden;

    isolation: isolate;

    font-family:
        var(--gcdh-font);

    background:

        radial-gradient(
            circle at 10% 30%,
            rgba(241,90,36,.07),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #fbfbfb 0%,
            #f4f6f6 100%
        );

}


/* ==========================================================================
   BACKGROUND DETAIL
   ========================================================================== */

.gcdh-hero::before {

    content: "";

    position: absolute;

    z-index: -3;

    inset: 0;

    opacity: .35;

    background-image:

        linear-gradient(
            rgba(5,24,44,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(5,24,44,.025) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

}


/* ==========================================================================
   DECORATIONS
   ========================================================================== */

.gcdh-decoration {

    position: absolute;

    z-index: -2;

    border-radius: 50%;

    pointer-events: none;

}


.gcdh-decoration--one {

    top: -220px;

    right: -140px;

    width: 540px;

    height: 540px;

    border:
        1px solid rgba(241,90,36,.08);

}


.gcdh-decoration--one::before,
.gcdh-decoration--one::after {

    content: "";

    position: absolute;

    border-radius: 50%;

    border:
        1px solid rgba(241,90,36,.07);

}


.gcdh-decoration--one::before {

    inset: 70px;

}


.gcdh-decoration--one::after {

    inset: 145px;

}


.gcdh-decoration--two {

    left: -180px;

    bottom: -260px;

    width: 500px;

    height: 500px;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.08),
            transparent 68%
        );

}


/* ==========================================================================
   CONTAINER
   ========================================================================== */

.gcdh-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   BREADCRUMB
   ========================================================================== */

.gcdh-breadcrumb {

    min-height: 38px;

    margin-bottom: 26px;

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 14px;

}


.gcdh-breadcrumb a {

    color:
        var(--gcdh-muted);

    font-size: 14px;

    text-decoration: none;

    transition:
        color .2s ease;

}


.gcdh-breadcrumb a:hover {

    color:
        var(--gcdh-orange);

}


.gcdh-breadcrumb > span {

    color:
        #b5bbc0;

    font-size: 14px;

}


.gcdh-breadcrumb strong {

    color:
        var(--gcdh-orange);

    font-size: 14px;

    font-weight: 700;

}


/* ==========================================================================
   GRID
   ========================================================================== */

.gcdh-grid {

    min-height: 640px;

    padding-bottom: 66px;

    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    align-items: center;

    gap: 65px;

}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.gcdh-content {

    position: relative;

    z-index: 5;

    max-width: 610px;

    opacity: 0;

    transform:
        translateY(20px);

    transition:
        opacity .75s ease,
        transform .75s ease;

}


.gcdh-content.is-visible {

    opacity: 1;

    transform:
        translateY(0);

}


/* ==========================================================================
   EYEBROW
   ========================================================================== */

.gcdh-eyebrow {

    margin-bottom: 18px;

    display: flex;

    align-items: center;

    gap: 11px;

    color:
        var(--gcdh-orange);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: .07em;

    text-transform: uppercase;

}


.gcdh-eyebrow__line {

    position: relative;

    width: 31px;

    height: 2px;

    display: block;

    background:
        var(--gcdh-orange);

}


.gcdh-eyebrow__line::after {

    content: "";

    position: absolute;

    top: -3px;

    right: 0;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background:
        var(--gcdh-orange);

}


/* ==========================================================================
   H1
   ========================================================================== */

.gcdh-content h1 {

    margin: 0;

    color:
        var(--gcdh-navy);

    font-size:
        clamp(
            49px,
            5.4vw,
            77px
        );

    font-weight: 780;

    line-height: .91;

    letter-spacing: -.055em;

}


.gcdh-content h1 span {

    display: block;

    margin-top: 8px;

    color:
        var(--gcdh-orange);

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.gcdh-description {

    max-width: 540px;

    margin:
        27px 0 0;

    color:
        var(--gcdh-muted);

    font-size: 16px;

    line-height: 1.7;

}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.gcdh-destinations {

    margin-top: 29px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


/* ==========================================================================
   COUNTRY
   ========================================================================== */

.gcdh-country {

    min-height: 43px;

    padding:
        5px 11px 5px 6px;

    border:
        1px solid var(--gcdh-border);

    border-radius: 10px;

    display: flex;

    align-items: center;

    gap: 8px;

    color:
        var(--gcdh-navy);

    background:
        rgba(255,255,255,.88);

    font-family:
        var(--gcdh-font);

    font-size: 14px;

    font-weight: 650;

    line-height: 1.2;

    cursor: pointer;

    box-shadow:
        0 6px 18px
        rgba(5,24,44,.035);

    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease,
        transform .22s ease,
        box-shadow .22s ease;

}


.gcdh-country:hover {

    color:
        var(--gcdh-orange);

    border-color:
        rgba(241,90,36,.27);

    background:
        #ffffff;

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 22px
        rgba(5,24,44,.075);

}


.gcdh-country__flag {

    width: 35px;

    height: 27px;

    flex:
        0 0 35px;

    overflow: hidden;

    border:
        1px solid rgba(5,24,44,.08);

    border-radius: 6px;

    background: #ffffff;

}


.gcdh-country__flag img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* ==========================================================================
   ACTIONS
   ========================================================================== */

.gcdh-actions {

    margin-top: 32px;

    display: flex;

    align-items: stretch;

    gap: 9px;

}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.gcdh-button {

    min-height: 56px;

    padding:
        0 15px;

    border-radius: 11px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    font-size: 14px;

    font-weight: 780;

    line-height: 1.2;

    text-decoration: none;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gcdh-button:hover {

    transform:
        translateY(-2px);

}


/* PRIMARY */

.gcdh-button--primary {

    min-width: 188px;

    justify-content:
        flex-start;

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gcdh-orange-light),
            var(--gcdh-orange-dark)
        );

    box-shadow:
        0 13px 28px
        rgba(241,90,36,.20);

}


.gcdh-button__icon {

    width: 35px;

    height: 35px;

    flex:
        0 0 35px;

    display: grid;

    place-items: center;

    border-radius: 8px;

    background:
        rgba(255,255,255,.14);

}


.gcdh-button__icon svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gcdh-button__arrow {

    width: 16px;

    height: 16px;

    margin-left: auto;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* SECONDARY */

.gcdh-button--secondary {

    color:
        var(--gcdh-navy);

    border:
        1px solid var(--gcdh-border);

    background:
        rgba(255,255,255,.84);

}


.gcdh-button--secondary:hover {

    color:
        var(--gcdh-orange);

    border-color:
        rgba(241,90,36,.25);

    background:
        #ffffff;

}


.gcdh-button--secondary svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

}


/* ==========================================================================
   NOTE
   ========================================================================== */

.gcdh-note {

    margin-top: 26px;

    padding-top: 20px;

    display: flex;

    align-items: center;

    gap: 12px;

    border-top:
        1px solid var(--gcdh-border);

}


.gcdh-note > span {

    width: 9px;

    height: 9px;

    flex:
        0 0 9px;

    border-radius: 50%;

    background:
        var(--gcdh-orange);

    box-shadow:
        0 0 0 6px
        rgba(241,90,36,.08);

}


.gcdh-note p {

    margin: 0;

    color:
        var(--gcdh-muted);

    font-size: 14px;

    line-height: 1.5;

}


.gcdh-note strong {

    color:
        var(--gcdh-navy);

}


/* ==========================================================================
   VISUAL
   ========================================================================== */

.gcdh-visual {

    position: relative;

    min-width: 0;

    min-height: 565px;

    opacity: 0;

    transform:
        translateX(28px);

    transition:
        opacity .85s ease .1s,
        transform .85s ease .1s;

}


.gcdh-visual.is-visible {

    opacity: 1;

    transform:
        translateX(0);

}


/* ==========================================================================
   PHOTO
   ========================================================================== */

.gcdh-photo {

    position: absolute;

    overflow: hidden;

    background:
        #cdd3d7;

}


.gcdh-photo img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* MAIN */

.gcdh-photo--main {

    top: 0;

    right: 0;

    width: 82%;

    height: 500px;

    border-radius:
        40px 10px 40px 10px;

    box-shadow:
        0 30px 60px
        rgba(5,24,44,.16);

}


.gcdh-photo--main img {

    transform:
        scale(1.04);

    transition:
        transform 1.3s ease;

}


.gcdh-visual:hover
.gcdh-photo--main img {

    transform:
        scale(1.085);

}


.gcdh-photo__overlay {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:

        linear-gradient(
            180deg,
            rgba(5,24,44,.04),
            rgba(5,24,44,.22)
        );

}


/* SECONDARY */

.gcdh-photo--secondary {

    left: 0;

    bottom: 0;

    width: 43%;

    height: 235px;

    border:
        7px solid #f5f6f6;

    border-radius:
        12px 30px 12px 30px;

    box-shadow:
        0 18px 40px
        rgba(5,24,44,.13);

}


/* ==========================================================================
   BADGE
   ========================================================================== */

.gcdh-badge {

    position: absolute;

    z-index: 5;

    top: 33px;

    left: 9%;

    min-height: 74px;

    padding:
        10px 15px;

    display: flex;

    align-items: center;

    gap: 12px;

    border:
        1px solid rgba(255,255,255,.35);

    border-radius: 14px;

    color: #ffffff;

    background:
        rgba(5,24,44,.82);

    box-shadow:
        0 15px 35px
        rgba(5,24,44,.18);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

}


.gcdh-badge__number {

    color:
        var(--gcdh-orange-light);

    font-size: 37px;

    font-weight: 800;

    line-height: 1;

}


.gcdh-badge small {

    display: block;

    color:
        rgba(255,255,255,.50);

    font-size: 14px;

    line-height: 1.2;

}


.gcdh-badge strong {

    display: block;

    margin-top: 2px;

    color:
        #ffffff;

    font-size: 14px;

    line-height: 1.3;

}


/* ==========================================================================
   FLOATING CARD
   ========================================================================== */

.gcdh-floating-card {

    position: absolute;

    z-index: 6;

    right: 24px;

    bottom: 28px;

    width: 290px;

    padding:
        18px;

    border:
        1px solid rgba(255,255,255,.28);

    border-radius: 15px;

    color: #ffffff;

    background:
        rgba(5,24,44,.86);

    box-shadow:
        0 20px 42px
        rgba(5,24,44,.22);

    backdrop-filter:
        blur(13px);

    -webkit-backdrop-filter:
        blur(13px);

}


.gcdh-floating-card__eyebrow {

    display: block;

    margin-bottom: 7px;

    color:
        var(--gcdh-orange-light);

    font-size: 14px;

    font-weight: 750;

    text-transform: uppercase;

}


.gcdh-floating-card > strong {

    display: block;

    max-width: 235px;

    color:
        #ffffff;

    font-size: 16px;

    line-height: 1.4;

}


/* ==========================================================================
   FLOATING FLAGS
   ========================================================================== */

.gcdh-floating-card__flags {

    margin-top: 15px;

    display: flex;

    align-items: center;

}


.gcdh-floating-card__flags > span {

    width: 40px;

    height: 29px;

    margin-left: -5px;

    overflow: hidden;

    border:
        2px solid rgba(255,255,255,.95);

    border-radius: 6px;

    background:
        #ffffff;

}


.gcdh-floating-card__flags > span:first-child {

    margin-left: 0;

}


.gcdh-floating-card__flags img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* ==========================================================================
   DECORATIVE ROUTE
   ========================================================================== */

.gcdh-route {

    position: absolute;

    z-index: 4;

    top: 137px;

    left: 5%;

    width: 85px;

    height: 85px;

    pointer-events: none;

}


.gcdh-route::before {

    content: "";

    position: absolute;

    inset: 0;

    border:
        1px dashed rgba(241,90,36,.48);

    border-radius:
        50%;

}


.gcdh-route > span {

    position: absolute;

    width: 8px;

    height: 8px;

    border:
        2px solid #ffffff;

    border-radius: 50%;

    background:
        var(--gcdh-orange);

}


.gcdh-route > span:nth-child(1) {

    top: 7px;

    left: 38px;

}


.gcdh-route > span:nth-child(2) {

    right: 6px;

    bottom: 22px;

}


.gcdh-route > span:nth-child(3) {

    bottom: 2px;

    left: 18px;

}


/* ==========================================================================
   BOTTOM STRIP
   ========================================================================== */

.gcdh-bottom-strip {

    position: relative;

    z-index: 5;

    border-top:
        1px solid rgba(255,255,255,.07);

    background:
        var(--gcdh-navy);

}


.gcdh-bottom-strip
.gcdh-container {

    min-height: 67px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

}


.gcdh-bottom-strip span {

    color:
        rgba(255,255,255,.67);

    font-size: 14px;

    font-weight: 600;

    line-height: 1.3;

}


.gcdh-bottom-strip i {

    width: 4px;

    height: 4px;

    flex:
        0 0 4px;

    border-radius: 50%;

    background:
        var(--gcdh-orange);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1000px) {

    .gcdh-grid {

        grid-template-columns:
            minmax(0,.95fr)
            minmax(0,1.05fr);

        gap: 35px;

    }


    .gcdh-content h1 {

        font-size:
            clamp(
                47px,
                6vw,
                63px
            );

    }


    .gcdh-photo--main {

        width: 88%;

    }


    .gcdh-floating-card {

        width: 250px;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gcdh-hero {

        padding-top: 24px;

    }


    .gcdh-container {

        width:
            calc(100% - 28px);

    }


    .gcdh-breadcrumb {

        margin-bottom: 18px;

    }


    .gcdh-grid {

        min-height: 0;

        padding-bottom: 48px;

        display: flex;

        flex-direction: column;

        gap: 39px;

    }


    .gcdh-content {

        width: 100%;

        max-width: 100%;

    }


    .gcdh-content h1 {

        max-width: 520px;

        font-size: 52px;

    }


    .gcdh-description {

        max-width: 600px;

    }


    /* VISUAL */

    .gcdh-visual {

        width: 100%;

        min-height: 510px;

    }


    .gcdh-photo--main {

        right: 0;

        width: 90%;

        height: 440px;

    }


    .gcdh-photo--secondary {

        width: 42%;

        height: 205px;

    }


    /* BOTTOM */

    .gcdh-bottom-strip {

        overflow-x: auto;

        scrollbar-width: none;

    }


    .gcdh-bottom-strip::-webkit-scrollbar {

        display: none;

    }


    .gcdh-bottom-strip
    .gcdh-container {

        width: max-content;

        min-width: 100%;

        padding:
            0 20px;

        justify-content: flex-start;

        white-space: nowrap;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 500px) {

    .gcdh-content h1 {

        font-size: 43px;

    }


    .gcdh-description {

        margin-top: 20px;

        font-size: 15px;

    }


    .gcdh-destinations {

        margin-top: 23px;

        display: grid;

        grid-template-columns:
            1fr 1fr;

    }


    .gcdh-country {

        width: 100%;

        min-width: 0;

    }


    .gcdh-actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcdh-button {

        width: 100%;

    }


    /* VISUAL */

    .gcdh-visual {

        min-height: 445px;

    }


    .gcdh-photo--main {

        width: 94%;

        height: 375px;

        border-radius:
            28px 9px 28px 9px;

    }


    .gcdh-photo--secondary {

        width: 43%;

        height: 160px;

        border-width: 5px;

    }


    .gcdh-badge {

        top: 15px;

        left: 0;

    }


    .gcdh-badge__number {

        font-size: 31px;

    }


    .gcdh-floating-card {

        right: 10px;

        bottom: 12px;

        width: 235px;

        padding: 15px;

    }


    .gcdh-route {

        display: none;

    }

}


/* ==========================================================================
   VERY SMALL
   ========================================================================== */

@media (max-width: 370px) {

    .gcdh-content h1 {

        font-size: 38px;

    }


    .gcdh-destinations {

        grid-template-columns: 1fr;

    }


    .gcdh-photo--secondary {

        display: none;

    }


    .gcdh-photo--main {

        width: 100%;

    }


    .gcdh-floating-card {

        right: 10px;

        left: 10px;

        width: auto;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gcdh-content,
    .gcdh-visual {

        opacity: 1;

        transform: none;

        transition: none;

    }


    .gcdh-country,
    .gcdh-button,
    .gcdh-photo--main img {

        transition: none;

    }

}
/* ==========================================================================
   GLOBAL CARGO
   SELECTOR DE DESTINOS
   PREFIJO: gcsel-
   MÍNIMO DE FUENTE: 14px
   ========================================================================== */


.gcsel-section {

    --gcsel-orange: #f15a24;
    --gcsel-orange-light: #ff7541;
    --gcsel-orange-dark: #cf4517;

    --gcsel-navy: #05182c;
    --gcsel-navy-2: #08233e;

    --gcsel-white: #ffffff;

    --gcsel-text: #111c29;
    --gcsel-muted: #737d87;

    --gcsel-border: #e3e7e9;

    --gcsel-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


/* ==========================================================================
   RESET
   ========================================================================== */

.gcsel-section,
.gcsel-section * {

    box-sizing: border-box;

}


.gcsel-section {

    position: relative;

    width: 100%;

    padding: 92px 0;

    overflow: hidden;

    font-family:
        var(--gcsel-font);

    background:
        #ffffff;

}


.gcsel-container {

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.gcsel-heading {

    margin-bottom: 40px;

    display: grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(280px,.6fr);

    align-items: end;

    gap: 60px;

}


.gcsel-eyebrow {

    display: block;

    margin-bottom: 10px;

    color:
        var(--gcsel-orange);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing: .06em;

    text-transform: uppercase;

}


.gcsel-heading h2 {

    max-width: 680px;

    margin: 0;

    color:
        var(--gcsel-navy);

    font-size:
        clamp(
            42px,
            4.8vw,
            65px
        );

    font-weight: 770;

    line-height: .96;

    letter-spacing: -.045em;

}


.gcsel-heading h2 span {

    display: block;

    color:
        var(--gcsel-orange);

}


.gcsel-heading > p {

    max-width: 380px;

    margin: 0;

    color:
        var(--gcsel-muted);

    font-size: 15px;

    line-height: 1.7;

}


/* ==========================================================================
   LAYOUT
   ========================================================================== */

.gcsel-layout {

    display: grid;

    grid-template-columns:
        390px
        minmax(0,1fr);

    min-height: 600px;

    overflow: hidden;

    border:
        1px solid var(--gcsel-border);

    border-radius: 24px;

    background: #f7f8f8;

    box-shadow:
        0 25px 60px
        rgba(5,24,44,.08);

}


/* ==========================================================================
   COUNTRIES
   ========================================================================== */

.gcsel-countries {

    padding: 27px;

    border-right:
        1px solid var(--gcsel-border);

    background:
        #ffffff;

}


.gcsel-countries__label {

    display: block;

    margin-bottom: 17px;

    color:
        var(--gcsel-muted);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.3;

    text-transform: uppercase;

}


/* ==========================================================================
   COUNTRY BUTTON
   ========================================================================== */

.gcsel-country {

    width: 100%;

    min-height: 83px;

    margin-bottom: 7px;

    padding: 10px;

    border:
        1px solid transparent;

    border-radius: 13px;

    display: grid;

    grid-template-columns:
        31px
        52px
        minmax(0,1fr)
        38px;

    align-items: center;

    gap: 11px;

    color:
        var(--gcsel-text);

    background: transparent;

    font-family:
        var(--gcsel-font);

    text-align: left;

    cursor: pointer;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}


.gcsel-country:hover {

    transform:
        translateX(3px);

    background:
        #f8f9f9;

}


.gcsel-country.is-active {

    border-color:
        rgba(241,90,36,.20);

    background:

        linear-gradient(
            90deg,
            rgba(241,90,36,.11),
            rgba(241,90,36,.025)
        );

    box-shadow:
        inset 3px 0 0
        var(--gcsel-orange);

}


/* ==========================================================================
   NUMBER
   ========================================================================== */

.gcsel-country__number {

    color:
        #a1a8ae;

    font-size: 14px;

    font-weight: 700;

}


.gcsel-country.is-active
.gcsel-country__number {

    color:
        var(--gcsel-orange);

}


/* ==========================================================================
   FLAG
   ========================================================================== */

.gcsel-country__flag {

    width: 52px;

    height: 39px;

    overflow: hidden;

    border:
        1px solid rgba(0,0,0,.08);

    border-radius: 7px;

    background:
        #ffffff;

}


.gcsel-country__flag img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* ==========================================================================
   COPY
   ========================================================================== */

.gcsel-country__copy {

    min-width: 0;

}


.gcsel-country__copy small {

    display: block;

    margin-bottom: 2px;

    color:
        #969da4;

    font-size: 14px;

    line-height: 1.2;

}


.gcsel-country__copy strong {

    display: block;

    color:
        var(--gcsel-navy);

    font-size: 16px;

    font-weight: 720;

    line-height: 1.3;

}


/* ==========================================================================
   ARROW
   ========================================================================== */

.gcsel-country__arrow {

    width: 38px;

    height: 38px;

    display: grid;

    place-items: center;

    border-radius: 9px;

    color:
        #9199a1;

    background:
        #f0f2f3;

    transition:
        color .25s ease,
        background .25s ease;

}


.gcsel-country.is-active
.gcsel-country__arrow {

    color: #ffffff;

    background:
        var(--gcsel-orange);

}


.gcsel-country__arrow svg {

    width: 16px;

    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* ==========================================================================
   PANEL
   ========================================================================== */

.gcsel-panel {

    position: relative;

    min-width: 0;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    color: #ffffff;

    background:

        radial-gradient(
            circle at 100% 0,
            rgba(241,90,36,.15),
            transparent 34%
        ),

        linear-gradient(
            140deg,
            #08213c,
            #041424
        );

}


/* ==========================================================================
   FLAG BACKGROUND
   ========================================================================== */

.gcsel-panel__flag-bg {

    position: absolute;

    z-index: 0;

    top: -100px;

    right: -120px;

    width: 530px;

    height: 390px;

    opacity: .07;

    transform:
        rotate(-8deg);

    pointer-events: none;

}


.gcsel-panel__flag-bg img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    filter:
        grayscale(1);

}


/* ==========================================================================
   GRID DECORATION
   ========================================================================== */

.gcsel-panel::before {

    content: "";

    position: absolute;

    z-index: 0;

    inset: 0;

    opacity: .12;

    pointer-events: none;

    background-image:

        linear-gradient(
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        );

    background-size:
        43px 43px;

}


/* ==========================================================================
   PANEL TOP
   ========================================================================== */

.gcsel-panel__top {

    position: relative;

    z-index: 3;

    min-height: 72px;

    padding:
        22px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom:
        1px solid rgba(255,255,255,.08);

}


.gcsel-panel__tag {

    color:
        var(--gcsel-orange-light);

    font-size: 14px;

    font-weight: 750;

    line-height: 1.3;

    text-transform: uppercase;

}


.gcsel-panel__count {

    color:
        rgba(255,255,255,.45);

    font-size: 14px;

    font-weight: 700;

}


/* ==========================================================================
   PANEL MAIN
   ========================================================================== */

.gcsel-panel__main {

    position: relative;

    z-index: 3;

    max-width: 650px;

    padding:
        52px 48px 45px;

}


/* ==========================================================================
   MAIN FLAG
   ========================================================================== */

.gcsel-panel__flag {

    width: 88px;

    height: 63px;

    margin-bottom: 24px;

    padding: 4px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.27);

    border-radius: 11px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 13px 30px
        rgba(0,0,0,.18);

}


.gcsel-panel__flag img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    border-radius: 7px;

    object-fit: cover;

}


/* ==========================================================================
   COUNTRY
   ========================================================================== */

.gcsel-panel__country > span {

    display: block;

    margin-bottom: 4px;

    color:
        rgba(255,255,255,.50);

    font-size: 14px;

    font-weight: 650;

    line-height: 1.3;

    text-transform: uppercase;

}


.gcsel-panel__country h3 {

    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            42px,
            5vw,
            67px
        );

    font-weight: 780;

    line-height: .95;

    letter-spacing: -.05em;

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.gcsel-panel__description {

    max-width: 470px;

    margin:
        20px 0 0;

    color:
        rgba(255,255,255,.61);

    font-size: 16px;

    line-height: 1.7;

}


/* ==========================================================================
   METHOD
   ========================================================================== */

.gcsel-method {

    max-width: 455px;

    min-height: 78px;

    margin-top: 27px;

    padding:
        10px 13px;

    display: grid;

    grid-template-columns:
        50px
        minmax(0,1fr);

    align-items: center;

    gap: 13px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 13px;

    background:
        rgba(255,255,255,.045);

    backdrop-filter:
        blur(10px);

}


.gcsel-method__icon {

    width: 50px;

    height: 50px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    background:
        rgba(241,90,36,.11);

}


.gcsel-method__icon span {

    font-size: 25px;

    line-height: 1;

}


.gcsel-method small {

    display: block;

    margin-bottom: 3px;

    color:
        rgba(255,255,255,.43);

    font-size: 14px;

    line-height: 1.3;

}


.gcsel-method strong {

    display: block;

    color:
        #ffffff;

    font-size: 16px;

    line-height: 1.35;

}


/* ==========================================================================
   ACTIONS
   ========================================================================== */

.gcsel-panel__actions {

    margin-top: 30px;

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


/* PRIMARY */

.gcsel-primary {

    min-height: 54px;

    min-width: 185px;

    padding:
        0 15px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 17px;

    color:
        #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gcsel-orange-light),
            var(--gcsel-orange-dark)
        );

    box-shadow:
        0 12px 27px
        rgba(241,90,36,.21);

    font-size: 14px;

    font-weight: 780;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        transform .25s ease;

}


.gcsel-primary:hover {

    transform:
        translateY(-2px);

}


.gcsel-primary svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* SECONDARY */

.gcsel-secondary {

    min-height: 54px;

    padding:
        0 17px;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        #ffffff;

    background:
        rgba(255,255,255,.045);

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition:
        border-color .25s ease,
        background .25s ease;

}


.gcsel-secondary:hover {

    border-color:
        rgba(241,90,36,.30);

    background:
        rgba(241,90,36,.09);

}


/* ==========================================================================
   PANEL FOOTER
   ========================================================================== */

.gcsel-panel__footer {

    position: relative;

    z-index: 3;

    min-height: 74px;

    margin-top: auto;

    padding:
        16px 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    border-top:
        1px solid rgba(255,255,255,.08);

    background:
        rgba(0,0,0,.09);

}


.gcsel-panel__footer > span {

    display: flex;

    align-items: center;

    gap: 9px;

    color:
        var(--gcsel-orange-light);

    font-size: 14px;

    font-weight: 750;

}


.gcsel-panel__footer > span i {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background:
        var(--gcsel-orange);

    box-shadow:
        0 0 0 5px
        rgba(241,90,36,.09);

}


.gcsel-panel__footer p {

    margin: 0;

    color:
        rgba(255,255,255,.44);

    font-size: 14px;

    line-height: 1.5;

}


.gcsel-panel__footer strong {

    color:
        rgba(255,255,255,.80);

}


/* ==========================================================================
   TRANSITION
   ========================================================================== */

.gcsel-panel.is-switching
.gcsel-panel__main {

    animation:
        gcselSwitch .38s ease;

}


@keyframes gcselSwitch {

    0% {

        opacity: .35;

        transform:
            translateY(8px);

    }

    100% {

        opacity: 1;

        transform:
            translateY(0);

    }

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 960px) {

    .gcsel-layout {

        grid-template-columns:
            330px
            minmax(0,1fr);

    }


    .gcsel-countries {

        padding:
            21px;

    }


    .gcsel-country {

        grid-template-columns:
            27px
            46px
            minmax(0,1fr)
            34px;

        gap: 8px;

    }


    .gcsel-country__flag {

        width: 46px;

        height: 35px;

    }


    .gcsel-panel__main {

        padding:
            46px 35px 40px;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gcsel-section {

        padding:
            68px 0;

    }


    .gcsel-container {

        width:
            calc(100% - 28px);

    }


    .gcsel-heading {

        margin-bottom: 30px;

        display: block;

    }


    .gcsel-heading h2 {

        font-size: 42px;

    }


    .gcsel-heading > p {

        margin-top: 16px;

    }


    .gcsel-layout {

        display: block;

        border-radius: 18px;

    }


    /* COUNTRIES */

    .gcsel-countries {

        padding:
            17px;

        border-right: 0;

        border-bottom:
            1px solid var(--gcsel-border);

    }


    .gcsel-countries__label {

        margin-bottom: 13px;

    }


    .gcsel-countries {

        overflow: hidden;

    }


    .gcsel-countries::after {

        content: "";

        display: block;

        clear: both;

    }


    .gcsel-country {

        min-width: 190px;

    }


    /*
     * Lista horizontal mobile.
     */

    .gcsel-countries {

        display: flex;

        overflow-x: auto;

        gap: 7px;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;

    }


    .gcsel-countries::-webkit-scrollbar {

        display: none;

    }


    .gcsel-countries__label {

        display: none;

    }


    .gcsel-country {

        flex:
            0 0 200px;

        margin-bottom: 0;

        grid-template-columns:
            45px
            minmax(0,1fr)
            32px;

    }


    .gcsel-country__number {

        display: none;

    }


    /* PANEL */

    .gcsel-panel {

        min-height: 540px;

    }


    .gcsel-panel__main {

        padding:
            39px 25px 36px;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 480px) {

    .gcsel-heading h2 {

        font-size: 36px;

    }


    .gcsel-country {

        flex-basis: 185px;

    }


    .gcsel-panel__top {

        padding:
            18px;

    }


    .gcsel-panel__main {

        padding:
            33px 18px;

    }


    .gcsel-panel__country h3 {

        font-size: 45px;

    }


    .gcsel-panel__description {

        font-size: 15px;

    }


    .gcsel-method {

        max-width: none;

    }


    .gcsel-panel__actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcsel-primary,
    .gcsel-secondary {

        width: 100%;

    }


    .gcsel-panel__footer {

        padding:
            17px 18px;

        align-items: flex-start;

        flex-direction: column;

        gap: 9px;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gcsel-country,
    .gcsel-primary,
    .gcsel-secondary {

        transition: none;

    }


    .gcsel-panel.is-switching
    .gcsel-panel__main {

        animation: none;

    }

}


/* ==========================================================================
   GLOBAL CARGO
   NUESTRA HISTORIA
   PREFIJO: gchist-
   TIPOGRAFÍA MÍNIMA: 14px
   ========================================================================== */


/* ==========================================================================
   VARIABLES
   ========================================================================== */

.gchist-page {

    --gchist-orange: #f15a24;
    --gchist-orange-light: #ff7541;
    --gchist-orange-dark: #c94417;

    --gchist-navy: #041424;
    --gchist-navy-2: #071e36;
    --gchist-navy-3: #0b2b4d;

    --gchist-white: #ffffff;

    --gchist-bg: #f4f6f7;
    --gchist-text: #18232e;
    --gchist-muted: #6d7883;
    --gchist-border: #e0e5e8;

    --gchist-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


/* ==========================================================================
   LOCAL RESET
   ========================================================================== */

.gchist-page,
.gchist-page * {

    box-sizing: border-box;

}


.gchist-page {

    width: 100%;

    /*
     * IMPORTANTE:
     * overflow:hidden rompe position:sticky.
     *
     * clip evita desbordamiento horizontal sin convertir
     * este elemento en contenedor de scroll.
     */
    overflow-x: clip;

    overflow-y: visible;

    color:
        var(--gchist-text);

    font-family:
        var(--gchist-font);

}


.gchist-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   BREADCRUMB HERO
   ========================================================================== */

.gchist-breadcrumb-hero {

    position: relative;

    min-height: 345px;

    overflow: hidden;

    display: flex;

    align-items: center;

    isolation: isolate;

    background:
        var(--gchist-navy);

}


/* MEDIA */

.gchist-breadcrumb-hero__media {

    position: absolute;

    z-index: -5;

    inset: -28px 0;

    will-change: transform;

}


.gchist-breadcrumb-hero__media img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position: center 48%;

    transform:
        scale(1.035);

}


/* OVERLAY */

.gchist-breadcrumb-hero__overlay {

    position: absolute;

    z-index: -4;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98) 0%,
            rgba(4,20,36,.93) 32%,
            rgba(4,20,36,.73) 62%,
            rgba(4,20,36,.46) 100%
        ),

        linear-gradient(
            0deg,
            rgba(4,20,36,.58),
            transparent 70%
        );

}


/* GRID */

.gchist-breadcrumb-hero__grid {

    position: absolute;

    z-index: -3;

    inset: 0;

    opacity: .16;

    background-image:

        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

}


/* GLOW */

.gchist-breadcrumb-hero__glow {

    position: absolute;

    z-index: -2;

    top: -190px;

    left: 22%;

    width: 520px;

    height: 520px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.22),
            transparent 69%
        );

    pointer-events: none;

}


/* INNER */

.gchist-breadcrumb-hero__inner {

    position: relative;

    min-height: 345px;

    padding:
        43px 0 48px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}


/* ==========================================================================
   BREADCRUMB
   ========================================================================== */

.gchist-breadcrumb {

    position: absolute;

    top: 28px;

    left: 0;

    display: inline-flex;

    align-items: center;

    gap: 10px;

}


.gchist-breadcrumb a {

    display: flex;

    align-items: center;

    gap: 8px;

    color:
        rgba(255,255,255,.68);

    font-size: 14px;

    font-weight: 600;

    line-height: 1.4;

    text-decoration: none;

    transition:
        color .22s ease;

}


.gchist-breadcrumb a:hover {

    color:
        #ffffff;

}


.gchist-breadcrumb__home-icon {

    width: 31px;

    height: 31px;

    display: grid;

    place-items: center;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 8px;

    background:
        rgba(255,255,255,.055);

}


.gchist-breadcrumb__home-icon svg {

    width: 16px;

    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.65;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gchist-breadcrumb__separator {

    width: 28px;

    height: 28px;

    display: grid;

    place-items: center;

    color:
        var(--gchist-orange-light);

}


.gchist-breadcrumb__separator svg {

    width: 15px;

    height: 15px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


.gchist-breadcrumb strong {

    color:
        #ffffff;

    font-size: 14px;

    font-weight: 750;

    line-height: 1.4;

}


/* ==========================================================================
   COVER CONTENT
   ========================================================================== */

.gchist-breadcrumb-hero__content {

    max-width: 710px;

    margin-top: 45px;

}


.gchist-breadcrumb-hero__eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 12px;

    color:
        var(--gchist-orange-light);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing: .07em;

    text-transform: uppercase;

}


.gchist-breadcrumb-hero__eyebrow::before {

    content: "";

    width: 31px;

    height: 2px;

    background:
        var(--gchist-orange);

}


.gchist-breadcrumb-hero__content h1 {

    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            49px,
            6vw,
            78px
        );

    font-weight: 790;

    line-height: .91;

    letter-spacing: -.055em;

}


.gchist-breadcrumb-hero__content h1 span {

    color:
        var(--gchist-orange-light);

}


.gchist-breadcrumb-hero__content p {

    max-width: 590px;

    margin:
        17px 0 0;

    color:
        rgba(255,255,255,.68);

    font-size: 16px;

    line-height: 1.7;

}


/* BADGE */

.gchist-breadcrumb-hero__badge {

    position: absolute;

    right: 0;

    bottom: 42px;

    width: 245px;

    min-height: 88px;

    padding:
        11px 14px;

    display: grid;

    grid-template-columns:
        47px
        minmax(0,1fr);

    align-items: center;

    gap: 12px;

    border:
        1px solid rgba(255,255,255,.17);

    border-radius: 14px;

    color: #fff;

    background:
        rgba(4,20,36,.73);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.20);

}


.gchist-breadcrumb-hero__badge-icon {

    width: 47px;

    height: 47px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gchist-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gchist-breadcrumb-hero__badge-icon svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linejoin: round;

}


.gchist-breadcrumb-hero__badge strong {

    display: block;

    color:
        var(--gchist-orange-light);

    font-size: 26px;

    font-weight: 800;

    line-height: 1;

}


.gchist-breadcrumb-hero__badge span {

    display: block;

    margin-top: 4px;

    color:
        rgba(255,255,255,.74);

    font-size: 14px;

    line-height: 1.3;

}


/* BOTTOM LINE */

.gchist-breadcrumb-hero__bottom-line {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background:

        linear-gradient(
            90deg,
            var(--gchist-orange),
            var(--gchist-orange-light) 30%,
            rgba(241,90,36,.18) 70%,
            transparent
        );

}


/* ==========================================================================
   GENERAL LABELS
   ========================================================================== */

.gchist-section-eyebrow {

    margin-bottom: 16px;

    display: flex;

    align-items: center;

    gap: 11px;

}


.gchist-section-eyebrow > span {

    width: 32px;

    height: 2px;

    background:
        var(--gchist-orange);

}


.gchist-section-eyebrow strong,
.gchist-section-label {

    color:
        var(--gchist-orange);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing: .065em;

    text-transform: uppercase;

}


.gchist-section-label {

    display: block;

    margin-bottom: 12px;

}


/* ==========================================================================
   INTRO
   ========================================================================== */

.gchist-intro {

    position: relative;

    padding:
        105px 0;

    overflow: hidden;

    background:
        #ffffff;

}


.gchist-intro__background span:first-child {

    position: absolute;

    top: -240px;

    left: -220px;

    width: 510px;

    height: 510px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.08),
            transparent 68%
        );

}


.gchist-intro__background span:last-child {

    position: absolute;

    right: -180px;

    bottom: -220px;

    width: 470px;

    height: 470px;

    border-radius: 50%;

    border:
        1px solid rgba(5,24,44,.07);

}


.gchist-intro__background span:last-child::before,
.gchist-intro__background span:last-child::after {

    content: "";

    position: absolute;

    border-radius: 50%;

    border:
        1px solid rgba(5,24,44,.055);

}


.gchist-intro__background span:last-child::before {

    inset: 65px;

}


.gchist-intro__background span:last-child::after {

    inset: 135px;

}


.gchist-intro__grid {

    min-height: 600px;

    display: grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);

    align-items: center;

    gap: 78px;

}


/* INTRO COPY */

.gchist-intro__content h2 {

    max-width: 650px;

    margin: 0;

    color:
        var(--gchist-navy);

    font-size:
        clamp(
            43px,
            4.8vw,
            65px
        );

    font-weight: 775;

    line-height: .96;

    letter-spacing: -.048em;

}


.gchist-intro__content h2 span {

    display: block;

    color:
        var(--gchist-orange);

}


.gchist-intro__content > p {

    max-width: 585px;

    margin:
        18px 0 0;

    color:
        var(--gchist-muted);

    font-size: 16px;

    line-height: 1.75;

}


.gchist-intro__content
.gchist-intro__lead {

    margin-top: 26px;

    color:
        #45515c;

    font-size: 17px;

}


/* QUOTE */

.gchist-intro__quote {

    max-width: 570px;

    margin-top: 30px;

    padding:
        18px 20px;

    display: flex;

    align-items: center;

    gap: 17px;

    border-left:
        4px solid var(--gchist-orange);

    border-radius:
        0 12px 12px 0;

    background:
        rgba(241,90,36,.055);

}


.gchist-intro__quote-mark {

    color:
        var(--gchist-orange);

    font-family:
        Georgia,
        serif;

    font-size: 42px;

    line-height: .8;

}


.gchist-intro__quote strong {

    display: block;

    color:
        var(--gchist-navy);

    font-size: 18px;

    line-height: 1.3;

}


.gchist-intro__quote p {

    margin:
        5px 0 0;

    color:
        var(--gchist-muted);

    font-size: 14px;

    line-height: 1.45;

}


/* ==========================================================================
   INTRO VISUAL
   ========================================================================== */

.gchist-intro__visual {

    position: relative;

    min-height: 570px;

}


.gchist-intro__main-image {

    position: absolute;

    top: 0;

    right: 0;

    width: 85%;

    height: 490px;

    margin: 0;

    overflow: hidden;

    border-radius:
        42px 12px 42px 12px;

    background:
        var(--gchist-navy);

    box-shadow:
        0 30px 65px
        rgba(5,24,44,.17);

}


.gchist-intro__main-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .9s ease;

}


.gchist-intro__visual:hover
.gchist-intro__main-image img {

    transform:
        scale(1.045);

}


.gchist-intro__image-overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            0deg,
            rgba(4,20,36,.42),
            transparent 55%
        );

}


/* SECONDARY */

.gchist-intro__secondary-image {

    position: absolute;

    z-index: 4;

    bottom: 0;

    left: 0;

    width: 44%;

    height: 230px;

    margin: 0;

    overflow: hidden;

    border:
        7px solid #ffffff;

    border-radius:
        12px 31px 12px 31px;

    background:
        var(--gchist-navy);

    box-shadow:
        0 20px 42px
        rgba(5,24,44,.15);

}


.gchist-intro__secondary-image img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* FLOAT */

.gchist-intro__float-card {

    position: absolute;

    z-index: 5;

    right: 20px;

    bottom: 24px;

    width: 310px;

    min-height: 86px;

    padding:
        13px 15px;

    display: grid;

    grid-template-columns:
        45px
        minmax(0,1fr);

    align-items: center;

    gap: 12px;

    border:
        1px solid rgba(255,255,255,.16);

    border-radius: 13px;

    color: #ffffff;

    background:
        rgba(4,20,36,.88);

    backdrop-filter:
        blur(13px);

    -webkit-backdrop-filter:
        blur(13px);

}


.gchist-intro__float-icon {

    width: 45px;

    height: 45px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gchist-orange-light);

    background:
        rgba(241,90,36,.11);

}


.gchist-intro__float-icon svg {

    width: 22px;

    height: 22px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gchist-intro__float-card small {

    display: block;

    color:
        var(--gchist-orange-light);

    font-size: 14px;

    line-height: 1.2;

}


.gchist-intro__float-card strong {

    display: block;

    margin-top: 4px;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.35;

}


/* BIG YEARS */

.gchist-intro__years {

    position: absolute;

    top: 22px;

    left: 4%;

    z-index: 5;

    color:
        #ffffff;

    text-shadow:
        0 4px 20px
        rgba(0,0,0,.25);

}


.gchist-intro__years strong {

    display: block;

    color:
        var(--gchist-orange-light);

    font-size: 54px;

    font-weight: 850;

    line-height: .9;

}


.gchist-intro__years span {

    display: block;

    margin-top: 6px;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .12em;

}


/* ==========================================================================
   NUMBERS
   ========================================================================== */

.gchist-numbers {

    position: relative;

    padding:
        31px 0;

    overflow: hidden;

    background:
        var(--gchist-navy);

}


.gchist-numbers__background {

    position: absolute;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        );

    background-size:
        42px 42px;

}


.gchist-numbers::after {

    content: "";

    position: absolute;

    top: -120px;

    right: 8%;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.16),
            transparent 68%
        );

}


.gchist-numbers__grid {

    position: relative;

    z-index: 4;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

}


.gchist-numbers__grid > i {

    width: 1px;

    height: 54px;

    background:
        rgba(255,255,255,.12);

}


.gchist-number {

    min-width: 0;

    padding:
        7px 22px;

    text-align: center;

}


.gchist-number strong {

    display: block;

    color:
        var(--gchist-orange-light);

    font-size:
        clamp(
            30px,
            3vw,
            43px
        );

    font-weight: 820;

    line-height: 1;

}


.gchist-number span {

    display: block;

    margin-top: 7px;

    color:
        rgba(255,255,255,.70);

    font-size: 14px;

    font-weight: 600;

    line-height: 1.35;

}

/* ==========================================================================
   GLOBAL CARGO
   NUESTRA HISTORIA
   STORY / TIMELINE STICKY
   ========================================================================== */

.gchist-story {

    position: relative;

    padding:
        105px 0 120px;

    overflow: visible;

    background:
        #ffffff;

}


/* ==========================================================================
   HEADER
   ========================================================================== */

.gchist-story__heading {

    position: relative;

    z-index: 4;

    margin-bottom: 67px;

    display: grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(300px,.65fr);

    align-items: end;

    gap: 72px;

}


.gchist-story__heading h2 {

    margin: 0;

    color:
        var(--gchist-navy);

    font-size:
        clamp(
            40px,
            4.5vw,
            61px
        );

    font-weight: 775;

    line-height: .97;

    letter-spacing: -.045em;

}


.gchist-story__heading h2 span {

    display: block;

    color:
        var(--gchist-orange);

}


.gchist-story__heading > p {

    margin: 0;

    color:
        var(--gchist-muted);

    font-size: 16px;

    line-height: 1.75;

}


/* ==========================================================================
   LAYOUT

   MUY IMPORTANTE:
   El lado izquierdo debe tener toda la altura
   de los capítulos del lado derecho.
   ========================================================================== */

.gchist-story__layout {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0,.86fr)
        minmax(0,1.14fr);

    align-items: stretch;

    gap: 80px;

    overflow: visible;

}


/* ==========================================================================
   COLUMNA DE LA IMAGEN
   ========================================================================== */

.gchist-story__visual-wrap {

    position: relative;

    align-self: stretch;

    min-width: 0;

    overflow: visible;

}


/* ==========================================================================
   IMAGEN STICKY

   Mientras los capítulos bajan,
   este bloque permanece visible.
   ========================================================================== */

.gchist-story__visual {

    position: sticky;

    /*
     * Ajusta este valor si tu header sticky
     * tiene otra altura.
     */
    top: 115px;

    width: 100%;

    height:
        calc(100vh - 150px);

    min-height: 520px;

    max-height: 680px;

    overflow: hidden;

    border-radius:
        22px;

    background:
        var(--gchist-navy);

    box-shadow:
        0 28px 62px
        rgba(5,24,44,.16);

    transform:
        translateZ(0);

}


/* IMAGEN */

.gchist-story__visual > img {

    position: absolute;

    inset: 0;

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position: center;

    transform:
        scale(1.001);

    transition:
        opacity .38s ease,
        transform .65s ease;

}


/* CAMBIO DE CAPÍTULO */

.gchist-story__visual.is-changing > img {

    opacity: .30;

    transform:
        scale(1.045);

}


/* ==========================================================================
   OVERLAY
   ========================================================================== */

.gchist-story__visual-overlay {

    position: absolute;

    z-index: 2;

    inset: 0;

    pointer-events: none;

    background:

        linear-gradient(
            180deg,
            rgba(4,20,36,.07) 0%,
            rgba(4,20,36,.16) 40%,
            rgba(4,20,36,.83) 100%
        );

}


/* SUTIL BORDE INTERIOR */

.gchist-story__visual::after {

    content: "";

    position: absolute;

    z-index: 3;

    inset: 0;

    pointer-events: none;

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius: inherit;

}


/* ==========================================================================
   INFORMACIÓN SUPERIOR
   ========================================================================== */

.gchist-story__visual-top {

    position: absolute;

    z-index: 5;

    top: 23px;

    right: 23px;

    left: 23px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.gchist-story__visual-top span {

    padding:
        9px 12px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 8px;

    color:
        rgba(255,255,255,.77);

    background:
        rgba(4,20,36,.64);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    font-size: 14px;

    font-weight: 650;

    line-height: 1.3;

}


.gchist-story__visual-top strong {

    color:
        var(--gchist-orange-light);

    font-size: 44px;

    font-weight: 820;

    line-height: 1;

    text-shadow:
        0 4px 18px
        rgba(0,0,0,.22);

}


/* ==========================================================================
   INFORMACIÓN INFERIOR
   ========================================================================== */

.gchist-story__visual-bottom {

    position: absolute;

    z-index: 5;

    right: 27px;

    bottom: 27px;

    left: 27px;

    padding-top: 19px;

    display: flex;

    align-items: center;

    gap: 14px;

    border-top:
        1px solid
        rgba(255,255,255,.22);

}


.gchist-story__visual-dot {

    width: 10px;

    height: 10px;

    flex:
        0 0 10px;

    border-radius: 50%;

    background:
        var(--gchist-orange);

    box-shadow:
        0 0 0 6px
        rgba(241,90,36,.14);

}


.gchist-story__visual-bottom p {

    margin: 0;

    color:
        #ffffff;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

}


/* ==========================================================================
   CAPÍTULOS
   ========================================================================== */

.gchist-story__chapters {

    position: relative;

    min-width: 0;

    padding-bottom: 30px;

    overflow: visible;

}


/* LÍNEA VERTICAL */

.gchist-story__chapters::before {

    content: "";

    position: absolute;

    top: 15px;

    bottom: 40px;

    left: 23px;

    width: 1px;

    background:

        linear-gradient(
            180deg,
            rgba(241,90,36,.45),
            var(--gchist-border) 14%,
            var(--gchist-border) 86%,
            rgba(241,90,36,.30)
        );

}


/* ==========================================================================
   CHAPTER
   ========================================================================== */

.gchist-chapter {

    position: relative;

    min-height: 410px;

    padding:
        37px 0 58px;

    display: grid;

    grid-template-columns:
        47px
        minmax(0,1fr);

    align-content: start;

    gap: 29px;

    opacity: .34;

    transform:
        translateX(0);

    transition:
        opacity .34s ease,
        transform .34s ease;

}


/*
 * Un poco más de espacio entre capítulos para que
 * la fotografía pueda acompañar el recorrido.
 */

.gchist-chapter:not(:last-child) {

    margin-bottom: 25px;

}


.gchist-chapter.is-active {

    opacity: 1;

    transform:
        translateX(4px);

}


/* ==========================================================================
   PUNTO DE TIMELINE
   ========================================================================== */

.gchist-chapter::before {

    content: "";

    position: absolute;

    z-index: 3;

    top: 43px;

    left: 18px;

    width: 11px;

    height: 11px;

    border:
        3px solid #ffffff;

    border-radius:
        50%;

    background:
        #bcc3c8;

    box-shadow:
        0 0 0 1px
        #d0d5d9;

    transition:
        background .30s ease,
        box-shadow .30s ease,
        transform .30s ease;

}


.gchist-chapter.is-active::before {

    background:
        var(--gchist-orange);

    transform:
        scale(1.08);

    box-shadow:
        0 0 0 7px
        rgba(241,90,36,.13);

}


/* ==========================================================================
   INDEX
   ========================================================================== */

.gchist-chapter__index {

    position: relative;

    z-index: 4;

    padding-top: 31px;

    color:
        var(--gchist-orange);

    font-size: 14px;

    font-weight: 800;

    line-height: 1;

    text-align: center;

}


/* ==========================================================================
   LABEL
   ========================================================================== */

.gchist-chapter__label {

    display: block;

    margin-bottom: 11px;

    color:
        var(--gchist-orange);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing: .055em;

    text-transform: uppercase;

}


/* ==========================================================================
   TITLE
   ========================================================================== */

.gchist-chapter h3 {

    max-width: 620px;

    margin:
        0 0 20px;

    color:
        var(--gchist-navy);

    font-size:
        clamp(
            30px,
            3vw,
            42px
        );

    font-weight: 755;

    line-height: 1.06;

    letter-spacing:
        -.035em;

}


/* ==========================================================================
   TEXT
   ========================================================================== */

.gchist-chapter p {

    max-width: 620px;

    margin:
        0 0 15px;

    color:
        var(--gchist-muted);

    font-size: 16px;

    line-height: 1.78;

}


/* ==========================================================================
   DESKTOP LARGE

   Limita la fotografía si la pantalla es muy alta.
   ========================================================================== */

@media (min-width: 1300px) {

    .gchist-story__visual {

        height:
            min(
                650px,
                calc(100vh - 160px)
            );

    }

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (
    min-width: 761px
)
and
(
    max-width: 1050px
) {

    .gchist-story__layout {

        grid-template-columns:
            minmax(0,.9fr)
            minmax(0,1.1fr);

        gap: 40px;

    }


    .gchist-story__visual {

        top: 105px;

        height:
            calc(100vh - 135px);

        min-height: 470px;

        max-height: 610px;

    }


    .gchist-chapter {

        min-height: 390px;

    }

}


/* ==========================================================================
   MOBILE

   En móvil quitamos sticky para evitar una fotografía
   ocupando permanentemente la pantalla.
   ========================================================================== */

@media (max-width: 760px) {

    .gchist-story {

        padding:
            75px 0;

        overflow: hidden;

    }


    .gchist-story__heading {

        display: block;

        margin-bottom: 40px;

    }


    .gchist-story__heading > p {

        margin-top: 20px;

    }


    .gchist-story__layout {

        display: block;

    }


    .gchist-story__visual-wrap {

        position: relative;

        width: 100%;

        margin-bottom: 32px;

    }


    .gchist-story__visual {

        position: relative;

        top: auto;

        width: 100%;

        height: 430px;

        min-height: 0;

        max-height: none;

    }


    .gchist-story__chapters {

        padding-bottom: 0;

    }


    .gchist-chapter {

        min-height: 0;

        margin-bottom: 0;

        padding:
            37px 0 43px;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 500px) {

    .gchist-story__visual {

        height: 350px;

        border-radius: 16px;

    }


    .gchist-story__visual-top {

        top: 16px;

        right: 16px;

        left: 16px;

    }


    .gchist-story__visual-top strong {

        font-size: 34px;

    }


    .gchist-story__visual-bottom {

        right: 18px;

        bottom: 18px;

        left: 18px;

    }


    .gchist-chapter {

        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 16px;

    }


    .gchist-chapter h3 {

        font-size: 28px;

    }

}

/* ==========================================================================
   TRANSPORT
   ========================================================================== */

.gchist-transport {

    position: relative;

    padding:
        100px 0;

    overflow: hidden;

    background:
        var(--gchist-bg);

}


.gchist-transport__pattern {

    position: absolute;

    inset: 0;

    opacity: .45;

    background-image:

        linear-gradient(
            rgba(5,24,44,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(5,24,44,.025) 1px,
            transparent 1px
        );

    background-size:
        50px 50px;

}


.gchist-transport__heading {

    position: relative;

    z-index: 3;

    max-width: 820px;

    margin-bottom: 47px;

}


.gchist-transport__heading p {

    max-width: 560px;

    margin:
        20px 0 0;

    color:
        var(--gchist-muted);

    font-size: 16px;

    line-height: 1.7;

}


/* GRID */

.gchist-transport__grid {

    position: relative;

    z-index: 3;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 13px;

}


.gchist-transport-card {

    position: relative;

    min-height: 470px;

    overflow: hidden;

    border-radius: 20px;

    background:
        var(--gchist-navy);

    box-shadow:
        0 23px 52px
        rgba(5,24,44,.10);

}


.gchist-transport-card__media {

    position: absolute;

    inset: 0;

}


.gchist-transport-card__media img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .8s ease;

}


.gchist-transport-card:hover
.gchist-transport-card__media img {

    transform:
        scale(1.055);

}


.gchist-transport-card__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            rgba(4,20,36,.05) 10%,
            rgba(4,20,36,.90) 92%
        );

}


.gchist-transport-card__content {

    position: absolute;

    z-index: 3;

    right: 27px;

    bottom: 27px;

    left: 27px;

    display: grid;

    grid-template-columns:
        44px
        54px
        minmax(0,1fr);

    align-items: end;

    gap: 13px;

}


.gchist-transport-card__number {

    color:
        rgba(255,255,255,.45);

    font-size: 14px;

    font-weight: 750;

}


.gchist-transport-card__icon {

    width: 54px;

    height: 54px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    color:
        var(--gchist-orange-light);

    background:
        rgba(241,90,36,.14);

    backdrop-filter:
        blur(10px);

}


.gchist-transport-card__icon svg {

    width: 26px;

    height: 26px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gchist-transport-card small {

    display: block;

    color:
        var(--gchist-orange-light);

    font-size: 14px;

    font-weight: 700;

}


.gchist-transport-card h3 {

    margin:
        4px 0 8px;

    color: #ffffff;

    font-size: 29px;

    line-height: 1.08;

}


.gchist-transport-card p {

    max-width: 440px;

    margin: 0;

    color:
        rgba(255,255,255,.66);

    font-size: 14px;

    line-height: 1.6;

}


/* ==========================================================================
   VALUES
   ========================================================================== */

.gchist-values {

    padding:
        100px 0;

    background:
        #ffffff;

}


.gchist-values__heading {

    max-width: 850px;

    margin-bottom: 49px;

}


.gchist-values__heading p {

    max-width: 580px;

    margin:
        20px 0 0;

    color:
        var(--gchist-muted);

    font-size: 16px;

    line-height: 1.7;

}


.gchist-values__grid {

    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 10px;

}


.gchist-value {

    position: relative;

    min-height: 315px;

    padding:
        28px;

    overflow: hidden;

    border:
        1px solid var(--gchist-border);

    border-radius: 16px;

    background:
        #ffffff;

    opacity: 0;

    transform:
        translateY(20px);

    transition:
        opacity .55s ease,
        transform .55s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gchist-value::after {

    content: "";

    position: absolute;

    right: -80px;

    bottom: -90px;

    width: 180px;

    height: 180px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.07),
            transparent 67%
        );

}


.gchist-value.is-visible {

    opacity: 1;

    transform:
        translateY(0);

}


.gchist-value:hover {

    border-color:
        rgba(241,90,36,.30);

    box-shadow:
        0 17px 35px
        rgba(5,24,44,.075);

}


.gchist-value__index {

    position: absolute;

    top: 22px;

    right: 22px;

    color:
        #c6ccd0;

    font-size: 14px;

    font-weight: 800;

}


.gchist-value__icon {

    width: 55px;

    height: 55px;

    margin-bottom: 27px;

    display: grid;

    place-items: center;

    border-radius: 13px;

    color:
        var(--gchist-orange);

    background:
        rgba(241,90,36,.09);

}


.gchist-value__icon svg {

    width: 26px;

    height: 26px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gchist-value h3 {

    margin:
        0 0 12px;

    color:
        var(--gchist-navy);

    font-size: 21px;

    line-height: 1.25;

}


.gchist-value p {

    margin: 0;

    color:
        var(--gchist-muted);

    font-size: 15px;

    line-height: 1.7;

}


/* ==========================================================================
   PRESENCE
   ========================================================================== */

.gchist-presence {

    position: relative;

    padding:
        105px 0;

    overflow: hidden;

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            #071e36,
            #041424
        );

}


.gchist-presence::before {

    content: "";

    position: absolute;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

}


.gchist-presence__glow {

    position: absolute;

    top: -240px;

    right: -150px;

    width: 550px;

    height: 550px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.17),
            transparent 68%
        );

}


.gchist-presence__grid {

    position: relative;

    z-index: 3;

    display: grid;

    grid-template-columns:
        .82fr
        1.18fr;

    gap: 80px;

}


/* INTRO */

.gchist-presence__intro h2 {

    color: #ffffff;

}


.gchist-presence__intro p {

    max-width: 530px;

    margin:
        22px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size: 16px;

    line-height: 1.75;

}


.gchist-presence__button {

    min-height: 54px;

    margin-top: 27px;

    padding:
        0 17px;

    display: inline-flex;

    align-items: center;

    gap: 13px;

    border-radius: 10px;

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gchist-orange-light),
            var(--gchist-orange-dark)
        );

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

    transition:
        transform .22s ease;

}


.gchist-presence__button:hover {

    transform:
        translateY(-2px);

}


.gchist-presence__button svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


/* OFFICES */

.gchist-presence__offices {

    border-top:
        1px solid rgba(255,255,255,.11);

}


.gchist-office {

    min-height: 82px;

    padding:
        12px 6px;

    display: grid;

    grid-template-columns:
        45px
        minmax(0,1fr)
        auto
        29px;

    align-items: center;

    gap: 13px;

    border-bottom:
        1px solid rgba(255,255,255,.11);

    color: #ffffff;

    text-decoration: none;

    transition:
        padding .25s ease,
        background .25s ease;

}


.gchist-office:hover {

    padding:
        12px 15px;

    background:
        rgba(241,90,36,.075);

}


.gchist-office > span {

    color:
        var(--gchist-orange-light);

    font-size: 14px;

    font-weight: 800;

}


.gchist-office strong {

    color:
        #ffffff;

    font-size: 18px;

}


.gchist-office small {

    color:
        rgba(255,255,255,.49);

    font-size: 14px;

}


.gchist-office i {

    color:
        var(--gchist-orange-light);

    font-size: 18px;

    font-style: normal;

}


/* DESTINATIONS */

.gchist-destinations {

    position: relative;

    z-index: 3;

    margin-top: 60px;

    padding:
        25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

}


.gchist-destinations__heading small {

    display: block;

    color:
        var(--gchist-orange-light);

    font-size: 14px;

}


.gchist-destinations__heading strong {

    display: block;

    margin-top: 4px;

    color:
        #ffffff;

    font-size: 19px;

}


.gchist-destinations__list {

    display: flex;

    align-items: center;

    gap: 8px;

}


.gchist-destinations__list > span {

    min-height: 47px;

    padding:
        6px 10px;

    display: flex;

    align-items: center;

    gap: 8px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 9px;

    color:
        rgba(255,255,255,.75);

    background:
        rgba(255,255,255,.035);

    font-size: 14px;

    font-weight: 600;

}


.gchist-destinations__list img {

    width: 30px !important;

    height: 21px !important;

    max-width: none !important;

    object-fit: cover;

    border-radius: 4px;

}


/* ==========================================================================
   FINAL
   ========================================================================== */

.gchist-final {

    position: relative;

    min-height: 560px;

    overflow: hidden;

    display: flex;

    align-items: center;

    background:
        var(--gchist-navy);

}


.gchist-final__media {

    position: absolute;

    inset: 0;

}


.gchist-final__media img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position: center;

}


.gchist-final__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98) 0%,
            rgba(4,20,36,.91) 40%,
            rgba(4,20,36,.48) 100%
        ),

        linear-gradient(
            0deg,
            rgba(4,20,36,.45),
            transparent
        );

}


.gchist-final__pattern {

    position: absolute;

    inset: 0;

    opacity: .10;

    background-image:

        linear-gradient(
            rgba(255,255,255,.08) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.08) 1px,
            transparent 1px
        );

    background-size:
        50px 50px;

}


.gchist-final__content {

    position: relative;

    z-index: 5;

    max-width: 790px;

    padding:
        90px 0;

}


.gchist-final__content h2 {

    margin: 0;

    color:
        #ffffff;

    font-size:
        clamp(
            41px,
            5vw,
            68px
        );

    font-weight: 780;

    line-height: .97;

    letter-spacing: -.047em;

}


.gchist-final__content h2 span {

    display: block;

    color:
        var(--gchist-orange-light);

}


.gchist-final__content > p {

    max-width: 580px;

    margin:
        22px 0 0;

    color:
        rgba(255,255,255,.68);

    font-size: 17px;

    line-height: 1.7;

}


.gchist-final__actions {

    margin-top: 29px;

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.gchist-final__primary,
.gchist-final__secondary {

    min-height: 56px;

    padding:
        0 18px;

    border-radius: 10px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

    transition:
        transform .22s ease,
        background .22s ease;

}


.gchist-final__primary {

    color:
        #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gchist-orange-light),
            var(--gchist-orange-dark)
        );

}


.gchist-final__primary:hover,
.gchist-final__secondary:hover {

    transform:
        translateY(-2px);

}


.gchist-final__primary svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


.gchist-final__secondary {

    color: #ffffff;

    border:
        1px solid rgba(255,255,255,.16);

    background:
        rgba(255,255,255,.06);

}


/* ==========================================================================
   FOCUS
   ========================================================================== */

.gchist-page a:focus-visible,
.gchist-page button:focus-visible {

    outline:
        2px solid var(--gchist-orange-light);

    outline-offset: 3px;

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

    .gchist-intro__grid {

        gap: 42px;

    }


    .gchist-story__layout {

        gap: 45px;

    }


    .gchist-values__grid {

        grid-template-columns:
            repeat(2,1fr);

    }


    .gchist-presence__grid {

        gap: 45px;

    }


    .gchist-destinations {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .gchist-destinations__list {

        flex-wrap: wrap;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gchist-container {

        width:
            calc(100% - 28px);

    }


    /* BREADCRUMB */

    .gchist-breadcrumb-hero {

        min-height: 330px;

    }


    .gchist-breadcrumb-hero__inner {

        min-height: 330px;

        padding:
            42px 0;

    }


    .gchist-breadcrumb {

        top: 22px;

    }


    .gchist-breadcrumb-hero__content {

        margin-top: 54px;

    }


    .gchist-breadcrumb-hero__content h1 {

        font-size: 51px;

    }


    .gchist-breadcrumb-hero__badge {

        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

        max-width: 330px;

        margin-top: 22px;

    }


    /* INTRO */

    .gchist-intro {

        padding:
            72px 0;

    }


    .gchist-intro__grid {

        display: flex;

        flex-direction: column;

        gap: 42px;

    }


    .gchist-intro__visual {

        width: 100%;

        min-height: 500px;

    }


    .gchist-intro__main-image {

        width: 91%;

        height: 430px;

    }


    .gchist-intro__secondary-image {

        width: 42%;

        height: 180px;

    }


    /* NUMBERS */

    .gchist-numbers__grid {

        grid-template-columns:
            1fr 1fr;

        gap: 0;

    }


    .gchist-numbers__grid > i {

        display: none;

    }


    .gchist-number {

        padding:
            20px 10px;

        border-bottom:
            1px solid rgba(255,255,255,.08);

    }


    .gchist-number:nth-of-type(odd) {

        border-right:
            1px solid rgba(255,255,255,.08);

    }


    /* STORY */

    .gchist-story {

        padding:
            75px 0;

    }


    .gchist-story__heading {

        display: block;

        margin-bottom: 40px;

    }


    .gchist-story__heading > p {

        margin-top: 20px;

    }


    .gchist-story__layout {

        display: block;

    }


    .gchist-story__visual {

        position: relative;

        top: auto;

        height: 420px;

        margin-bottom: 30px;

    }


    .gchist-chapter {

        min-height: 0;

        padding:
            37px 0;

    }


    /* TRANSPORT */

    .gchist-transport {

        padding:
            75px 0;

    }


    .gchist-transport__grid {

        grid-template-columns: 1fr;

    }


    .gchist-transport-card {

        min-height: 430px;

    }


    /* VALUES */

    .gchist-values {

        padding:
            75px 0;

    }


    /* PRESENCE */

    .gchist-presence {

        padding:
            75px 0;

    }


    .gchist-presence__grid {

        display: block;

    }


    .gchist-presence__offices {

        margin-top: 45px;

    }


    /* FINAL */

    .gchist-final {

        min-height: 520px;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 500px) {

    .gchist-breadcrumb-hero__content h1 {

        font-size: 43px;

    }


    .gchist-breadcrumb-hero__content p {

        font-size: 15px;

    }


    .gchist-intro__content h2,
    .gchist-story__heading h2,
    .gchist-transport__heading h2,
    .gchist-values__heading h2,
    .gchist-presence__intro h2 {

        font-size: 36px;

    }


    .gchist-intro__visual {

        min-height: 430px;

    }


    .gchist-intro__main-image {

        width: 96%;

        height: 370px;

    }


    .gchist-intro__secondary-image {

        width: 45%;

        height: 150px;

        border-width: 5px;

    }


    .gchist-intro__float-card {

        right: 5px;

        bottom: 8px;

        width: 245px;

    }


    .gchist-intro__years {

        top: 17px;

        left: 2%;

    }


    .gchist-intro__years strong {

        font-size: 44px;

    }


    .gchist-story__visual {

        height: 350px;

    }


    .gchist-chapter {

        grid-template-columns:
            43px
            minmax(0,1fr);

        gap: 15px;

    }


    .gchist-chapter h3 {

        font-size: 28px;

    }


    .gchist-transport-card {

        min-height: 390px;

    }


    .gchist-transport-card__content {

        right: 18px;

        bottom: 19px;

        left: 18px;

        grid-template-columns:
            45px
            minmax(0,1fr);

    }


    .gchist-transport-card__number {

        display: none;

    }


    .gchist-transport-card h3 {

        font-size: 25px;

    }


    .gchist-values__grid {

        grid-template-columns: 1fr;

    }


    .gchist-value {

        min-height: 0;

    }


    .gchist-office {

        grid-template-columns:
            37px
            minmax(0,1fr)
            25px;

    }


    .gchist-office small {

        grid-column: 2;

    }


    .gchist-office i {

        grid-column: 3;

        grid-row:
            1 / span 2;

    }


    .gchist-destinations {

        padding: 18px;

    }


    .gchist-destinations__list {

        width: 100%;

        display: grid;

        grid-template-columns:
            1fr 1fr;

    }


    .gchist-final__content h2 {

        font-size: 37px;

    }


    .gchist-final__actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gchist-final__primary,
    .gchist-final__secondary {

        width: 100%;

    }

}


/* ==========================================================================
   VERY SMALL
   ========================================================================== */

@media (max-width: 360px) {

    .gchist-breadcrumb {

        gap: 5px;

    }


    .gchist-breadcrumb-hero__content h1 {

        font-size: 38px;

    }


    .gchist-destinations__list {

        grid-template-columns: 1fr;

    }


    .gchist-numbers__grid {

        grid-template-columns: 1fr;

    }


    .gchist-number:nth-of-type(odd) {

        border-right: 0;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gchist-value {

        opacity: 1;

        transform: none;

    }


    .gchist-intro__main-image img,
    .gchist-transport-card__media img,
    .gchist-story__visual > img {

        transition: none;

    }

}























































/* ==========================================================================
   GLOBAL CARGO
   FOOTER COMPLETO
   PREFIJO: gcf-
   TIPOGRAFÍA MÍNIMA: 14px
   ========================================================================== */


/* ==========================================================================
   VARIABLES
   ========================================================================== */

.gcf-footer {

    --gcf-orange: #f15a24;
    --gcf-orange-light: #ff7541;
    --gcf-orange-dark: #cf4517;

    --gcf-navy: #041424;
    --gcf-navy-2: #071d36;
    --gcf-navy-3: #0a2949;

    --gcf-white: #ffffff;

    --gcf-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

}


/* ==========================================================================
   RESET LOCAL
   ========================================================================== */

.gcf-footer,
.gcf-footer * {

    box-sizing: border-box;

}


.gcf-footer {

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    color: #ffffff;

    font-family:
        var(--gcf-font);

    background:
        var(--gcf-navy);

}


/* ==========================================================================
   BACKGROUND
   ========================================================================== */

.gcf-footer::before {

    content: "";

    position: absolute;

    z-index: -3;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:
        46px 46px;

}


.gcf-footer::after {

    content: "";

    position: absolute;

    z-index: -2;

    top: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--gcf-orange),
            transparent
        );

}


/* ==========================================================================
   GLOWS
   ========================================================================== */

.gcf-footer__glow {

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    pointer-events: none;

}


.gcf-footer__glow--one {

    top: -220px;

    left: -180px;

    width: 480px;

    height: 480px;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.10),
            transparent 68%
        );

}


.gcf-footer__glow--two {

    right: -180px;

    bottom: -220px;

    width: 500px;

    height: 500px;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.08),
            transparent 68%
        );

}


/* ==========================================================================
   CONTAINER
   ========================================================================== */

.gcf-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   CTA SUPERIOR WRAPPER
   ========================================================================== */

.gcf-footer__cta-wrap {

    padding:
        34px 0;

    border-bottom:
        1px solid rgba(255,255,255,.075);

    background:

        linear-gradient(
            90deg,
            rgba(241,90,36,.08),
            transparent 45%
        );

}


/* ==========================================================================
   CTA SUPERIOR
   ========================================================================== */

.gcf-footer__cta {

    min-height: 96px;

    padding:
        16px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);

}


/* ==========================================================================
   CTA COPY
   ========================================================================== */

.gcf-footer__cta-copy {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 15px;

}


.gcf-footer__cta-icon {

    width: 52px;

    height: 52px;

    flex: 0 0 52px;

    display: grid;

    place-items: center;

    border-radius: 13px;

    color:
        var(--gcf-orange-light);

    background:
        rgba(241,90,36,.10);

}


.gcf-footer__cta-icon svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gcf-footer__cta-copy small {

    display: block;

    margin-bottom: 4px;

    color:
        var(--gcf-orange-light);

    font-size: 14px;

    font-weight: 750;

    line-height: 1.3;

    letter-spacing: .04em;

    text-transform: uppercase;

}


.gcf-footer__cta-copy strong {

    display: block;

    color: #ffffff;

    font-size:
        clamp(
            17px,
            1.5vw,
            21px
        );

    font-weight: 680;

    line-height: 1.35;

}


/* ==========================================================================
   CTA ACTIONS
   ========================================================================== */

.gcf-footer__cta-actions {

    display: flex;

    align-items: center;

    gap: 9px;

}


.gcf-footer__button {

    min-height: 50px;

    padding:
        0 17px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    font-size: 14px;

    font-weight: 780;

    line-height: 1.2;

    letter-spacing: .01em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}


.gcf-footer__button:hover {

    transform:
        translateY(-2px);

}


.gcf-footer__button--primary {

    min-width: 175px;

    color: #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gcf-orange-light),
            var(--gcf-orange-dark)
        );

    box-shadow:
        0 10px 24px
        rgba(241,90,36,.17);

}


.gcf-footer__button--primary:hover {

    box-shadow:
        0 14px 30px
        rgba(241,90,36,.23);

}


.gcf-footer__button--primary svg {

    width: 16px;

    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gcf-footer__button--secondary {

    color: #ffffff;

    border:
        1px solid rgba(255,255,255,.12);

    background:
        rgba(255,255,255,.04);

}


.gcf-footer__button--secondary:hover {

    border-color:
        rgba(241,90,36,.32);

    background:
        rgba(241,90,36,.09);

}


/* ==========================================================================
   MAIN FOOTER
   ========================================================================== */

.gcf-footer__main {

    padding:
        60px 0 24px;

}


/* ==========================================================================
   GRID
   ========================================================================== */

.gcf-footer__grid {

    display: grid;

    grid-template-columns:
        minmax(285px,1.6fr)
        .75fr
        .95fr
        1fr
        1.15fr;

    gap: 42px;

}


/* ==========================================================================
   BRAND
   ========================================================================== */

.gcf-footer__brand {

    min-width: 0;

}


.gcf-footer__logo {

    width: 205px;

    max-width: 100%;

    display: inline-block;

}


.gcf-footer__logo img {

    display: block;

    width: 100% !important;

    height: auto !important;

    max-width: 100% !important;

    object-fit: contain;

}


/* ==========================================================================
   BRAND TEXT
   ========================================================================== */

.gcf-footer__brand-text {

    max-width: 340px;

    margin:
        20px 0 0;

    color:
        rgba(255,255,255,.56);

    font-size: 14px;

    font-weight: 400;

    line-height: 1.75;

}


/* ==========================================================================
   WHATSAPP
   ========================================================================== */

.gcf-footer__whatsapp {

    max-width: 320px;

    min-height: 68px;

    margin-top: 22px;

    padding:
        9px 11px;

    display: grid;

    grid-template-columns:
        42px
        minmax(0,1fr)
        27px;

    align-items: center;

    gap: 11px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 12px;

    color: #ffffff;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;

}


.gcf-footer__whatsapp:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(241,90,36,.30);

    background:
        rgba(241,90,36,.075);

}


.gcf-footer__whatsapp-icon {

    width: 42px;

    height: 42px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gcf-orange-light);

    background:
        rgba(241,90,36,.09);

}


.gcf-footer__whatsapp-icon svg {

    width: 20px;

    height: 20px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gcf-footer__whatsapp small {

    display: block;

    margin-bottom: 3px;

    color:
        rgba(255,255,255,.44);

    font-size: 14px;

    font-weight: 500;

    line-height: 1.2;

}


.gcf-footer__whatsapp strong {

    display: block;

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.3;

}


.gcf-footer__whatsapp-arrow {

    color:
        var(--gcf-orange-light);

    font-size: 18px;

    line-height: 1;

}


/* ==========================================================================
   MINI STATS
   ========================================================================== */

.gcf-footer__mini-stats {

    margin-top: 22px;

    display: flex;

    align-items: center;

    gap: 14px;

}


.gcf-footer__mini-stats div {

    min-width: 0;

}


.gcf-footer__mini-stats strong {

    display: block;

    color: #ffffff;

    font-size: 18px;

    font-weight: 750;

    line-height: 1.1;

}


.gcf-footer__mini-stats span {

    display: block;

    margin-top: 4px;

    color:
        rgba(255,255,255,.38);

    font-size: 14px;

    font-weight: 500;

    line-height: 1.2;

    text-transform: uppercase;

}


.gcf-footer__mini-stats i {

    width: 1px;

    height: 32px;

    flex: 0 0 1px;

    background:
        rgba(255,255,255,.09);

}


/* ==========================================================================
   COLUMN
   ========================================================================== */

.gcf-footer__column {

    min-width: 0;

}


/* ==========================================================================
   COLUMN TITLE
   ========================================================================== */

.gcf-footer__column-title {

    width: 100%;

    margin:
        3px 0 20px;

    padding: 0;

    border: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    color: #ffffff;

    background: transparent;

    font-family:
        var(--gcf-font);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.3;

    letter-spacing: .04em;

    text-align: left;

    text-transform: uppercase;

    cursor: default;

}


.gcf-footer__column-title i {

    display: none;

}


/* ==========================================================================
   COLUMN CONTENT
   ========================================================================== */

.gcf-footer__column-content {

    display: block;

}


/* ==========================================================================
   LINKS
   ========================================================================== */

.gcf-footer__links {

    display: grid;

    gap: 12px;

}


.gcf-footer__links a {

    width: fit-content;

    max-width: 100%;

    display: block;

    color:
        rgba(255,255,255,.54);

    font-size: 14px;

    font-weight: 500;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color .2s ease,
        transform .2s ease;

}


.gcf-footer__links a:hover {

    color:
        var(--gcf-orange-light);

    transform:
        translateX(3px);

}


.gcf-footer__links a span {

    display: block;

    font-size: 14px;

    line-height: 1.4;

}


.gcf-footer__links a small {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.32);

    font-size: 14px;

    font-weight: 400;

    line-height: 1.35;

}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.gcf-footer__destinations {

    display: grid;

    gap: 12px;

}


.gcf-footer__destinations > div {

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        rgba(255,255,255,.56);

    font-size: 14px;

    font-weight: 500;

    line-height: 1.4;

}


.gcf-footer__flag {

    width: 31px;

    height: 22px;

    flex:
        0 0 31px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.20);

    border-radius: 5px;

    background: #ffffff;

}


.gcf-footer__flag img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* ==========================================================================
   QUICK LINKS
   ========================================================================== */

.gcf-footer__quick-links {

    display: grid;

    gap: 9px;

}


.gcf-footer__quick-links > a {

    min-height: 68px;

    padding:
        9px 10px;

    display: grid;

    grid-template-columns:
        40px
        minmax(0,1fr)
        21px;

    align-items: center;

    gap: 10px;

    border:
        1px solid rgba(255,255,255,.07);

    border-radius: 10px;

    color: #ffffff;

    background:
        rgba(255,255,255,.025);

    text-decoration: none;

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;

}


.gcf-footer__quick-links > a:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(241,90,36,.25);

    background:
        rgba(241,90,36,.065);

}


.gcf-footer__quick-icon {

    width: 40px;

    height: 40px;

    display: grid;

    place-items: center;

    border-radius: 9px;

    color:
        var(--gcf-orange-light);

    background:
        rgba(241,90,36,.08);

}


.gcf-footer__quick-icon svg {

    width: 19px;

    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.gcf-footer__quick-links small {

    display: block;

    color:
        rgba(255,255,255,.37);

    font-size: 14px;

    font-weight: 400;

    line-height: 1.2;

}


.gcf-footer__quick-links strong {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.84);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.35;

}


.gcf-footer__quick-links > a > i {

    color:
        var(--gcf-orange-light);

    font-size: 17px;

    font-style: normal;

    line-height: 1;

}


/* ==========================================================================
   DIVIDER
   ========================================================================== */

.gcf-footer__divider {

    width: 100%;

    height: 1px;

    margin:
        50px 0 22px;

    background:
        rgba(255,255,255,.075);

}


/* ==========================================================================
   BOTTOM
   ========================================================================== */

.gcf-footer__bottom {

    min-height: 60px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto
        44px;

    align-items: center;

    gap: 24px;

}


/* ==========================================================================
   COPYRIGHT
   ========================================================================== */

.gcf-footer__copyright {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 11px;

}


.gcf-footer__copyright-mark {

    width: 34px;

    height: 34px;

    flex:
        0 0 34px;

    display: grid;

    place-items: center;

    border-radius: 8px;

    color: #ffffff;

    background:
        var(--gcf-orange);

    font-size: 14px;

    font-weight: 800;

    line-height: 1;

}


.gcf-footer__copyright p {

    margin: 0;

    color:
        rgba(255,255,255,.42);

    font-size: 14px;

    font-weight: 400;

    line-height: 1.45;

}


.gcf-footer__copyright p > span:last-child {

    color:
        rgba(255,255,255,.31);

}


/* ==========================================================================
   BOTTOM LINKS
   ========================================================================== */

.gcf-footer__bottom-links {

    display: flex;

    align-items: center;

    gap: 11px;

}


.gcf-footer__bottom-links a {

    color:
        rgba(255,255,255,.46);

    font-size: 14px;

    font-weight: 500;

    line-height: 1.4;

    text-decoration: none;

    transition:
        color .2s ease;

}


.gcf-footer__bottom-links a:hover {

    color:
        var(--gcf-orange-light);

}


.gcf-footer__bottom-links > span {

    width: 4px;

    height: 4px;

    flex:
        0 0 4px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.18);

}


/* ==========================================================================
   BACK TO TOP
   ========================================================================== */

.gcf-footer__top {

    width: 42px;

    height: 42px;

    padding: 0;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 10px;

    display: grid;

    place-items: center;

    color:
        var(--gcf-orange-light);

    background:
        rgba(255,255,255,.035);

    cursor: pointer;

    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;

}


.gcf-footer__top:hover {

    color: #ffffff;

    border-color:
        var(--gcf-orange);

    background:
        var(--gcf-orange);

    transform:
        translateY(-2px);

}


.gcf-footer__top svg {

    width: 18px;

    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */

.gcf-footer a:focus-visible,
.gcf-footer button:focus-visible {

    outline:
        2px solid var(--gcf-orange-light);

    outline-offset:
        3px;

}


/* ==========================================================================
   LARGE TABLET
   ========================================================================== */

@media (max-width: 1150px) {

    .gcf-footer__grid {

        grid-template-columns:
            1.45fr
            .85fr
            .95fr
            1fr;

        gap:
            38px 28px;

    }


    .gcf-footer__brand {

        grid-row:
            span 2;

    }


    .gcf-footer__quick-links {

        grid-column:
            auto;

    }

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 950px) {

    .gcf-footer__grid {

        grid-template-columns:
            1.4fr
            1fr
            1fr;

        gap:
            40px 30px;

    }


    .gcf-footer__brand {

        grid-row:
            span 2;

    }


    .gcf-footer__cta {

        align-items:
            flex-start;

    }


    .gcf-footer__cta-copy {

        flex: 1;

    }


    .gcf-footer__cta-actions {

        flex-direction:
            column;

        width: 190px;

    }


    .gcf-footer__button {

        width: 100%;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gcf-container {

        width:
            calc(100% - 28px);

    }


    /* ======================================================================
       CTA
       ====================================================================== */

    .gcf-footer__cta-wrap {

        padding:
            27px 0;

    }


    .gcf-footer__cta {

        padding:
            17px;

        align-items:
            flex-start;

        flex-direction:
            column;

        gap: 22px;

    }


    .gcf-footer__cta-copy {

        align-items:
            flex-start;

    }


    .gcf-footer__cta-copy strong {

        font-size: 17px;

    }


    .gcf-footer__cta-actions {

        width: 100%;

        flex-direction:
            row;

    }


    .gcf-footer__button {

        flex: 1;

        min-height: 52px;

        font-size: 14px;

    }


    /* ======================================================================
       MAIN
       ====================================================================== */

    .gcf-footer__main {

        padding:
            44px 0 95px;

    }


    .gcf-footer__grid {

        display: block;

    }


    /* ======================================================================
       BRAND
       ====================================================================== */

    .gcf-footer__brand {

        margin-bottom: 38px;

    }


    .gcf-footer__logo {

        width: 200px;

    }


    .gcf-footer__brand-text {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.7;

    }


    .gcf-footer__whatsapp {

        max-width: 100%;

    }


    /* ======================================================================
       ACCORDION
       ====================================================================== */

    .gcf-footer__column {

        border-top:
            1px solid rgba(255,255,255,.075);

    }


    .gcf-footer__column:last-child {

        border-bottom:
            1px solid rgba(255,255,255,.075);

    }


    .gcf-footer__column-title {

        min-height: 60px;

        margin: 0;

        font-size: 14px;

        cursor: pointer;

    }


    .gcf-footer__column-title i {

        position: relative;

        width: 18px;

        height: 18px;

        flex:
            0 0 18px;

        display: block;

    }


    .gcf-footer__column-title i::before,
    .gcf-footer__column-title i::after {

        content: "";

        position: absolute;

        top: 8px;

        left: 2px;

        width: 14px;

        height: 2px;

        border-radius: 5px;

        background:
            var(--gcf-orange-light);

        transition:
            transform .25s ease;

    }


    .gcf-footer__column-title i::after {

        transform:
            rotate(90deg);

    }


    .gcf-footer__column.is-open
    .gcf-footer__column-title i::after {

        transform:
            rotate(0deg);

    }


    .gcf-footer__column-content {

        max-height: 0;

        overflow: hidden;

        opacity: 0;

        transition:
            max-height .35s ease,
            opacity .25s ease,
            padding .35s ease;

    }


    .gcf-footer__column.is-open
    .gcf-footer__column-content {

        max-height: 850px;

        padding-bottom: 24px;

        opacity: 1;

    }


    .gcf-footer__links {

        gap: 14px;

    }


    .gcf-footer__links a,
    .gcf-footer__links a span,
    .gcf-footer__links a small,
    .gcf-footer__destinations > div {

        font-size: 14px;

    }


    /* ======================================================================
       QUICK LINKS
       ====================================================================== */

    .gcf-footer__quick-links > a {

        min-height: 72px;

    }


    .gcf-footer__quick-links small,
    .gcf-footer__quick-links strong {

        font-size: 14px;

    }


    /* ======================================================================
       BOTTOM
       ====================================================================== */

    .gcf-footer__divider {

        margin-top: 38px;

    }


    .gcf-footer__bottom {

        grid-template-columns:
            minmax(0,1fr)
            44px;

        gap:
            16px;

    }


    .gcf-footer__copyright p {

        font-size: 14px;

    }


    .gcf-footer__bottom-links {

        grid-column:
            1 / -1;

        grid-row:
            2;

        flex-wrap: wrap;

    }


    .gcf-footer__bottom-links a {

        font-size: 14px;

    }


    .gcf-footer__top {

        grid-column:
            2;

        grid-row:
            1;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 480px) {

    .gcf-footer__cta-wrap {

        padding:
            24px 0;

    }


    .gcf-footer__cta {

        padding:
            16px;

        border-radius:
            14px;

    }


    .gcf-footer__cta-icon {

        width: 46px;

        height: 46px;

        flex-basis: 46px;

    }


    .gcf-footer__cta-copy small {

        font-size: 14px;

    }


    .gcf-footer__cta-copy strong {

        font-size: 16px;

        line-height: 1.4;

    }


    .gcf-footer__cta-actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcf-footer__button {

        width: 100%;

        min-height: 54px;

        font-size: 14px;

    }


    /* BRAND */

    .gcf-footer__logo {

        width: 190px;

    }


    .gcf-footer__brand-text {

        font-size: 14px;

    }


    /* WHATSAPP */

    .gcf-footer__whatsapp {

        min-height: 72px;

    }


    .gcf-footer__whatsapp small {

        font-size: 14px;

    }


    .gcf-footer__whatsapp strong {

        font-size: 16px;

    }


    /* MINI STATS */

    .gcf-footer__mini-stats {

        width: 100%;

        justify-content:
            space-between;

        gap: 9px;

    }


    .gcf-footer__mini-stats strong {

        font-size: 17px;

    }


    .gcf-footer__mini-stats span {

        font-size: 14px;

    }


    /* ACCORDIONS */

    .gcf-footer__column-title {

        font-size: 14px;

    }


    .gcf-footer__links a,
    .gcf-footer__links a span,
    .gcf-footer__links a small {

        font-size: 14px;

    }


    .gcf-footer__destinations > div {

        font-size: 14px;

    }


    /* QUICK */

    .gcf-footer__quick-links small,
    .gcf-footer__quick-links strong {

        font-size: 14px;

    }


    /* COPYRIGHT */

    .gcf-footer__copyright {

        align-items:
            flex-start;

    }


    .gcf-footer__copyright p {

        font-size: 14px;

        line-height: 1.55;

    }


    .gcf-footer__copyright p > span:last-child {

        display: none;

    }


    .gcf-footer__bottom-links {

        gap:
            8px 10px;

    }


    .gcf-footer__bottom-links a {

        font-size: 14px;

    }

}


/* ==========================================================================
   VERY SMALL DEVICES
   ========================================================================== */

@media (max-width: 360px) {

    .gcf-container {

        width:
            calc(100% - 22px);

    }


    .gcf-footer__mini-stats {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap: 12px;

    }


    .gcf-footer__mini-stats i {

        width: 100%;

        height: 1px;

    }


    .gcf-footer__bottom {

        grid-template-columns:
            1fr;

    }


    .gcf-footer__top {

        grid-column:
            1;

        grid-row:
            auto;

    }


    .gcf-footer__bottom-links {

        grid-column:
            1;

        grid-row:
            auto;

    }

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gcf-footer__button,
    .gcf-footer__whatsapp,
    .gcf-footer__links a,
    .gcf-footer__quick-links > a,
    .gcf-footer__top,
    .gcf-footer__column-content,
    .gcf-footer__column-title i::before,
    .gcf-footer__column-title i::after {

        transition: none;

    }

}


/* ==========================================================================
   GLOBAL CARGO
   CONTACTO
   PREFIJO: gccontact-
   ========================================================================== */

.gccontact-page {

    --gcc-orange: #f15a24;
    --gcc-orange-light: #ff7541;
    --gcc-orange-dark: #d74617;

    --gcc-navy: #041424;
    --gcc-navy-2: #071f39;

    --gcc-white: #ffffff;

    --gcc-bg: #f4f6f7;
    --gcc-border: #dfe5e8;
    --gcc-text: #17232e;
    --gcc-muted: #6e7983;

    --gcc-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

    width: 100%;

    overflow-x: clip;

    color:
        var(--gcc-text);

    font-family:
        var(--gcc-font);

}


.gccontact-page *,
.gccontact-page *::before,
.gccontact-page *::after {

    box-sizing: border-box;

}


.gccontact-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   HERO
   ========================================================================== */

.gccontact-hero {

    position: relative;

    min-height: 465px;

    overflow: hidden;

    display: flex;

    align-items: center;

    isolation: isolate;

    background:
        var(--gcc-navy);

}


.gccontact-hero__media {

    position: absolute;

    z-index: -5;

    inset: 0;

}


.gccontact-hero__media img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position: center;

}


.gccontact-hero__overlay {

    position: absolute;

    z-index: -4;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98) 0%,
            rgba(4,20,36,.91) 39%,
            rgba(4,20,36,.61) 70%,
            rgba(4,20,36,.46) 100%
        );

}


.gccontact-hero__grid {

    position: absolute;

    z-index: -3;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

}


.gccontact-hero__inner {

    position: relative;

    min-height: 465px;

    padding:
        82px 0 55px;

    display: flex;

    align-items: center;

}


/* BREADCRUMB */

.gccontact-breadcrumb {

    position: absolute;

    top: 27px;

    left: 0;

    display: flex;

    align-items: center;

    gap: 10px;

}


.gccontact-breadcrumb a {

    display: flex;

    align-items: center;

    gap: 7px;

    color:
        rgba(255,255,255,.68);

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

}


.gccontact-breadcrumb a svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccontact-breadcrumb__separator svg {

    width: 14px;

    height: 14px;

    fill: none;

    stroke:
        var(--gcc-orange-light);

    stroke-width: 1.8;

}


.gccontact-breadcrumb strong {

    color: #fff;

    font-size: 14px;

}


/* HERO CONTENT */

.gccontact-hero__content {

    max-width: 710px;

}


.gccontact-eyebrow,
.gccontact-section-label {

    display: block;

    color:
        var(--gcc-orange-light);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .065em;

    text-transform: uppercase;

}


.gccontact-hero__content h1 {

    margin:
        13px 0 0;

    color: #fff;

    font-size:
        clamp(
            52px,
            6.3vw,
            83px
        );

    font-weight: 800;

    line-height: .91;

    letter-spacing: -.055em;

}


.gccontact-hero__content h1 span {

    display: block;

    color:
        var(--gcc-orange-light);

}


.gccontact-hero__content p {

    max-width: 600px;

    margin:
        22px 0 0;

    color:
        rgba(255,255,255,.70);

    font-size: 17px;

    line-height: 1.7;

}


.gccontact-hero__actions {

    margin-top: 28px;

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.gccontact-button {

    min-height: 55px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

    transition:
        transform .25s ease;

}


.gccontact-button:hover {

    transform:
        translateY(-2px);

}


.gccontact-button svg {

    width: 19px;

    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

}


.gccontact-button--primary {

    color: #fff;

    background:

        linear-gradient(
            135deg,
            var(--gcc-orange-light),
            var(--gcc-orange-dark)
        );

}


.gccontact-button--secondary {

    color: #fff;

    border:
        1px solid rgba(255,255,255,.17);

    background:
        rgba(255,255,255,.06);

}


/* QUICK CARD */

.gccontact-hero__quick {

    position: absolute;

    right: 0;

    bottom: 49px;

    width: 300px;

    padding: 17px;

    display: grid;

    grid-template-columns:
        49px
        minmax(0,1fr);

    gap: 13px;

    border:
        1px solid rgba(255,255,255,.14);

    border-radius: 14px;

    color: #fff;

    background:
        rgba(4,20,36,.80);

    backdrop-filter:
        blur(12px);

}


.gccontact-hero__quick-icon {

    width: 49px;

    height: 49px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcc-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gccontact-hero__quick-icon svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccontact-hero__quick small,
.gccontact-hero__quick span {

    display: block;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

}


.gccontact-hero__quick a {

    display: block;

    margin:
        3px 0;

    color:
        #fff;

    font-size: 20px;

    font-weight: 780;

    text-decoration: none;

}


.gccontact-hero__line {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    height: 4px;

    background:

        linear-gradient(
            90deg,
            var(--gcc-orange),
            var(--gcc-orange-light) 35%,
            transparent
        );

}


/* ==========================================================================
   LOCATIONS
   ========================================================================== */

.gccontact-locations {

    padding:
        100px 0;

    background:
        #fff;

}


.gccontact-locations__heading {

    margin-bottom: 42px;

    display: grid;

    grid-template-columns:
        1.15fr
        .65fr;

    align-items: end;

    gap: 60px;

}


.gccontact-locations__heading h2,
.gccontact-offices__heading h2,
.gccontact-form-intro h2 {

    margin:
        10px 0 0;

    color:
        var(--gcc-navy);

    font-size:
        clamp(
            40px,
            4.5vw,
            61px
        );

    font-weight: 780;

    line-height: .97;

    letter-spacing: -.045em;

}


.gccontact-locations__heading h2 span,
.gccontact-offices__heading h2 span,
.gccontact-form-intro h2 span {

    display: block;

    color:
        var(--gcc-orange);

}


.gccontact-locations__heading > p {

    margin: 0;

    color:
        var(--gcc-muted);

    font-size: 16px;

    line-height: 1.7;

}


/* ==========================================================================
   OFFICE TABS
   ========================================================================== */

.gccontact-office-tabs {

    margin-bottom: 15px;

    padding: 6px;

    display: grid;

    grid-template-columns:
        repeat(5,1fr);

    gap: 5px;

    border:
        1px solid var(--gcc-border);

    border-radius: 13px;

    background:
        var(--gcc-bg);

}


.gccontact-office-tab {

    min-height: 50px;

    padding:
        8px 11px;

    border: 0;

    border-radius: 9px;

    color:
        #56626d;

    background:
        transparent;

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;

}


.gccontact-office-tab.is-active {

    color: #fff;

    background:
        var(--gcc-navy);

    box-shadow:
        0 7px 18px
        rgba(4,20,36,.13);

}


/* ==========================================================================
   MAP GRID
   ========================================================================== */

.gccontact-map-grid {

    display: grid;

    grid-template-columns:
        minmax(0,1.35fr)
        minmax(330px,.65fr);

    min-height: 570px;

    border:
        1px solid var(--gcc-border);

    border-radius: 20px;

    overflow: hidden;

    box-shadow:
        0 24px 55px
        rgba(4,20,36,.09);

}


/* MAP */

.gccontact-map {

    position: relative;

    min-height: 570px;

    overflow: hidden;

    background:
        #e6eaec;

}


.gccontact-map iframe {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    border: 0;

}


/* NO ADDRESS */

.gccontact-map__unavailable {

    position: absolute;

    z-index: 5;

    inset: 0;

    padding: 35px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    background:

        radial-gradient(
            circle at center,
            #0c2b49,
            var(--gcc-navy)
        );

}


.gccontact-map__unavailable[hidden] {

    display: none;

}


.gccontact-map__unavailable-icon {

    width: 66px;

    height: 66px;

    display: grid;

    place-items: center;

    border-radius: 16px;

    color:
        var(--gcc-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gccontact-map__unavailable-icon svg {

    width: 30px;

    height: 30px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccontact-map__unavailable strong {

    margin-top: 18px;

    color: #fff;

    font-size: 25px;

}


.gccontact-map__unavailable p {

    max-width: 430px;

    margin:
        10px 0 17px;

    color:
        rgba(255,255,255,.63);

    font-size: 15px;

    line-height: 1.6;

}


.gccontact-map__unavailable a {

    color:
        var(--gcc-orange-light);

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

}


/* MAP LABEL */

.gccontact-map__label {

    position: absolute;

    z-index: 4;

    bottom: 18px;

    left: 18px;

    min-width: 220px;

    padding:
        12px 15px;

    border:
        1px solid rgba(255,255,255,.18);

    border-radius: 10px;

    color: #fff;

    background:
        rgba(4,20,36,.88);

    backdrop-filter:
        blur(10px);

}


.gccontact-map__label span {

    display: block;

    color:
        var(--gcc-orange-light);

    font-size: 14px;

}


.gccontact-map__label strong {

    display: block;

    margin-top: 3px;

    font-size: 16px;

}


/* ==========================================================================
   OFFICE INFO
   ========================================================================== */

.gccontact-office-info {

    padding:
        32px;

    color: #fff;

    background:

        linear-gradient(
            145deg,
            #071e36,
            #041424
        );

}


.gccontact-office-info__top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

}


.gccontact-office-info__index {

    color:
        rgba(255,255,255,.40);

    font-size: 14px;

}


.gccontact-office-info__index b {

    color:
        var(--gcc-orange-light);

    font-size: 21px;

}


.gccontact-office-info__status {

    display: flex;

    align-items: center;

    gap: 7px;

    color:
        rgba(255,255,255,.65);

    font-size: 14px;

}


.gccontact-office-info__status i {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background:
        var(--gcc-orange);

}


.gccontact-office-info__state {

    display: block;

    margin-top: 42px;

    color:
        var(--gcc-orange-light);

    font-size: 14px;

    font-weight: 750;

    text-transform: uppercase;

}


.gccontact-office-info h3 {

    margin:
        5px 0 29px;

    color: #fff;

    font-size: 38px;

    line-height: 1;

}


/* DETAIL */

.gccontact-office-detail {

    padding:
        16px 0;

    display: grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    align-items: center;

    gap: 12px;

    border-top:
        1px solid rgba(255,255,255,.10);

}


.gccontact-office-detail__icon {

    width: 42px;

    height: 42px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gcc-orange-light);

    background:
        rgba(241,90,36,.10);

}


.gccontact-office-detail__icon svg {

    width: 21px;

    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccontact-office-detail small {

    display: block;

    color:
        rgba(255,255,255,.45);

    font-size: 14px;

}


.gccontact-office-detail strong,
.gccontact-office-detail a {

    display: block;

    margin-top: 3px;

    color: #fff;

    font-size: 15px;

    line-height: 1.45;

    text-decoration: none;

}


/* ACTIONS */

.gccontact-office-info__actions {

    margin-top: 22px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

}


.gccontact-office-info__call,
.gccontact-office-info__directions {

    min-height: 49px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gccontact-office-info__call {

    color: #fff;

    background:
        var(--gcc-orange);

}


.gccontact-office-info__directions {

    color: #fff;

    border:
        1px solid rgba(255,255,255,.14);

    background:
        rgba(255,255,255,.06);

}


.gccontact-office-info__directions.is-disabled {

    display: none;

}


.gccontact-office-info__page {

    margin-top: 8px;

    min-height: 49px;

    padding:
        0 13px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 9px;

    color:
        rgba(255,255,255,.78);

    font-size: 14px;

    font-weight: 650;

    text-decoration: none;

}


.gccontact-office-info__message {

    width: 100%;

    min-height: 48px;

    margin-top: 8px;

    border:
        1px solid rgba(241,90,36,.28);

    border-radius: 9px;

    color:
        var(--gcc-orange-light);

    background:
        rgba(241,90,36,.07);

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

}


/* ==========================================================================
   OFFICE CARDS
   ========================================================================== */

.gccontact-offices {

    padding:
        95px 0;

    background:
        var(--gcc-bg);

}


.gccontact-offices__heading {

    max-width: 780px;

    margin-bottom: 42px;

}


.gccontact-offices__grid {

    display: grid;

    grid-template-columns:
        repeat(5,1fr);

    gap: 9px;

}


.gccontact-office-card {

    position: relative;

    min-height: 310px;

    padding: 25px;

    border:
        1px solid var(--gcc-border);

    border-radius: 15px;

    background: #fff;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gccontact-office-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(241,90,36,.35);

    box-shadow:
        0 18px 36px
        rgba(4,20,36,.08);

}


.gccontact-office-card__number {

    position: absolute;

    top: 20px;

    right: 20px;

    color:
        #c7cdd1;

    font-size: 14px;

    font-weight: 800;

}


.gccontact-office-card > small {

    color:
        var(--gcc-orange);

    font-size: 14px;

    font-weight: 750;

}


.gccontact-office-card h3 {

    margin:
        14px 0 13px;

    color:
        var(--gcc-navy);

    font-size: 22px;

    line-height: 1.1;

}


.gccontact-office-card p {

    min-height: 67px;

    margin: 0;

    color:
        var(--gcc-muted);

    font-size: 14px;

    line-height: 1.6;

}


.gccontact-office-card > a {

    display: inline-block;

    margin-top: 16px;

    color:
        var(--gcc-navy);

    font-size: 15px;

    font-weight: 750;

    text-decoration: none;

}


.gccontact-office-card button {

    position: absolute;

    right: 25px;

    bottom: 23px;

    left: 25px;

    min-height: 43px;

    border: 0;

    border-top:
        1px solid var(--gcc-border);

    color:
        var(--gcc-orange);

    background:
        transparent;

    font-family: inherit;

    font-size: 14px;

    font-weight: 750;

    text-align: left;

    cursor: pointer;

}


/* ==========================================================================
   WHATSAPP HELP
   ========================================================================== */

.gccontact-help {

    position: relative;

    padding:
        42px 0;

    overflow: hidden;

    color: #fff;

    background:
        var(--gcc-navy);

}


.gccontact-help__pattern {

    position: absolute;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:
        45px 45px;

}


.gccontact-help__grid {

    display: grid;

    grid-template-columns:
        68px
        minmax(0,1fr)
        auto;

    align-items: center;

    gap: 25px;

}


.gccontact-help__icon {

    width: 68px;

    height: 68px;

    display: grid;

    place-items: center;

    border-radius: 16px;

    color:
        var(--gcc-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gccontact-help__icon svg {

    width: 31px;

    height: 31px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccontact-help__content > span {

    color:
        var(--gcc-orange-light);

    font-size: 14px;

    font-weight: 750;

}


.gccontact-help__content h2 {

    margin:
        3px 0;

    color: #fff;

    font-size: 27px;

}


.gccontact-help__content p {

    margin: 0;

    color:
        rgba(255,255,255,.55);

    font-size: 14px;

}


.gccontact-help__action {

    min-width: 230px;

    padding-left: 28px;

    border-left:
        1px solid rgba(255,255,255,.12);

}


.gccontact-help__action small {

    display: block;

    color:
        rgba(255,255,255,.52);

    font-size: 14px;

}


.gccontact-help__action strong {

    display: block;

    margin:
        2px 0 6px;

    color: #fff;

    font-size: 22px;

}


.gccontact-help__action a {

    color:
        var(--gcc-orange-light);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   FORM
   ========================================================================== */

.gccontact-form-section {

    padding:
        105px 0;

    background: #fff;

}


.gccontact-form-grid {

    display: grid;

    grid-template-columns:
        minmax(0,.75fr)
        minmax(0,1.25fr);

    gap: 85px;

}


.gccontact-form-intro > p {

    max-width: 510px;

    margin:
        21px 0 0;

    color:
        var(--gcc-muted);

    font-size: 16px;

    line-height: 1.75;

}


/* OPTIONS */

.gccontact-form-intro__options {

    max-width: 520px;

    margin-top: 32px;

    display: grid;

    gap: 8px;

}


.gccontact-form-intro__options > a {

    min-height: 78px;

    padding:
        13px;

    display: grid;

    grid-template-columns:
        48px
        minmax(0,1fr);

    align-items: center;

    gap: 13px;

    border:
        1px solid var(--gcc-border);

    border-radius: 12px;

    color:
        var(--gcc-navy);

    text-decoration: none;

    transition:
        border-color .25s ease,
        transform .25s ease;

}


.gccontact-form-intro__options > a:hover {

    transform:
        translateX(4px);

    border-color:
        rgba(241,90,36,.35);

}


.gccontact-form-intro__options > a > span {

    width: 48px;

    height: 48px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gcc-orange);

    background:
        rgba(241,90,36,.08);

}


.gccontact-form-intro__options svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gccontact-form-intro__options small {

    display: block;

    color:
        var(--gcc-muted);

    font-size: 14px;

}


.gccontact-form-intro__options strong {

    display: block;

    margin-top: 2px;

    font-size: 16px;

}


/* FORM WRAP */

.gccontact-form-wrap {

    padding: 30px;

    border:
        1px solid var(--gcc-border);

    border-radius: 18px;

    background:
        var(--gcc-bg);

}


.gccontact-form__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 17px;

}


.gccontact-field--full {

    grid-column:
        1 / -1;

}


.gccontact-field label {

    display: block;

    margin-bottom: 7px;

    color:
        var(--gcc-navy);

    font-size: 14px;

    font-weight: 700;

}


.gccontact-field input,
.gccontact-field select,
.gccontact-field textarea {

    width: 100%;

    min-height: 53px;

    padding:
        12px 14px;

    border:
        1px solid #d8dee2;

    border-radius: 9px;

    outline: 0;

    color:
        var(--gcc-text);

    background: #fff;

    font-family: inherit;

    font-size: 15px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}


.gccontact-field textarea {

    min-height: 150px;

    resize: vertical;

}


.gccontact-field input:focus,
.gccontact-field select:focus,
.gccontact-field textarea:focus {

    border-color:
        var(--gcc-orange);

    box-shadow:
        0 0 0 3px
        rgba(241,90,36,.10);

}


/* HONEYPOT */

.gccontact-honeypot {

    position: absolute !important;

    left: -9999px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

}


/* FORM MESSAGE */

.gccontact-form-message {

    display: none;

    margin-top: 15px;

    padding:
        12px 14px;

    border-radius: 9px;

    font-size: 14px;

    line-height: 1.5;

}


.gccontact-form-message.is-visible {

    display: block;

}


.gccontact-form-message.is-success {

    color:
        #183925;

    border:
        1px solid #b5cfbd;

    background:
        #eef6f0;

}


.gccontact-form-message.is-error {

    color:
        #7c241f;

    border:
        1px solid #e1b5b1;

    background:
        #fff0ef;

}


/* SUBMIT */

.gccontact-submit {

    width: 100%;

    min-height: 57px;

    margin-top: 17px;

    padding:
        0 18px;

    border: 0;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #fff;

    background:

        linear-gradient(
            135deg,
            var(--gcc-orange-light),
            var(--gcc-orange-dark)
        );

    font-family: inherit;

    font-size: 15px;

    font-weight: 750;

    cursor: pointer;

}


.gccontact-submit:disabled {

    cursor: not-allowed;

    opacity: .65;

}


.gccontact-submit__loader {

    display: none;

    width: 19px;

    height: 19px;

    border:
        2px solid rgba(255,255,255,.35);

    border-top-color:
        #fff;

    border-radius: 50%;

    animation:
        gccontactSpin .7s linear infinite;

}


.gccontact-submit.is-loading
.gccontact-submit__loader {

    display: block;

}


.gccontact-submit.is-loading
.gccontact-submit__arrow {

    display: none;

}


@keyframes gccontactSpin {

    to {

        transform:
            rotate(360deg);

    }

}


/* ==========================================================================
   FINAL
   ========================================================================== */

.gccontact-final {

    position: relative;

    min-height: 450px;

    overflow: hidden;

    display: flex;

    align-items: center;

    background:
        var(--gcc-navy);

}


.gccontact-final__media {

    position: absolute;

    inset: 0;

}


.gccontact-final__media img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}


.gccontact-final__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98),
            rgba(4,20,36,.84) 50%,
            rgba(4,20,36,.38)
        );

}


.gccontact-final__content {

    position: relative;

    z-index: 4;

    max-width: 790px;

    padding:
        75px 0;

}


.gccontact-final__content > span {

    color:
        var(--gcc-orange-light);

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

}


.gccontact-final h2 {

    margin:
        11px 0 25px;

    color: #fff;

    font-size:
        clamp(
            39px,
            4.6vw,
            62px
        );

    line-height: .97;

    letter-spacing: -.04em;

}


.gccontact-final h2 strong {

    display: block;

    color:
        var(--gcc-orange-light);

}


.gccontact-final__content > a {

    min-height: 55px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    gap: 15px;

    border-radius: 10px;

    color: #fff;

    background:
        var(--gcc-orange);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

    .gccontact-offices__grid {

        grid-template-columns:
            repeat(3,1fr);

    }


    .gccontact-form-grid {

        gap: 45px;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gccontact-container {

        width:
            calc(100% - 28px);

    }


    .gccontact-hero__inner {

        padding:
            95px 0 50px;

        display: block;

    }


    .gccontact-hero__content h1 {

        font-size: 50px;

    }


    .gccontact-hero__quick {

        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

        max-width: 370px;

        margin-top: 30px;

    }


    .gccontact-locations {

        padding:
            75px 0;

    }


    .gccontact-locations__heading {

        display: block;

    }


    .gccontact-locations__heading > p {

        margin-top: 18px;

    }


    .gccontact-office-tabs {

        display: flex;

        overflow-x: auto;

        scrollbar-width: none;

    }


    .gccontact-office-tab {

        min-width: 150px;

    }


    .gccontact-map-grid {

        display: block;

    }


    .gccontact-map {

        min-height: 430px;

    }


    .gccontact-office-info {

        padding: 26px;

    }


    .gccontact-offices__grid {

        grid-template-columns:
            1fr 1fr;

    }


    .gccontact-help__grid {

        grid-template-columns:
            60px
            minmax(0,1fr);

    }


    .gccontact-help__action {

        grid-column:
            1 / -1;

        padding:
            20px 0 0;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,.12);

    }


    .gccontact-form-section {

        padding:
            75px 0;

    }


    .gccontact-form-grid {

        display: block;

    }


    .gccontact-form-wrap {

        margin-top: 45px;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 500px) {

    .gccontact-hero__content h1 {

        font-size: 42px;

    }


    .gccontact-locations__heading h2,
    .gccontact-offices__heading h2,
    .gccontact-form-intro h2 {

        font-size: 36px;

    }


    .gccontact-map {

        min-height: 350px;

    }


    .gccontact-office-info__actions {

        grid-template-columns: 1fr;

    }


    .gccontact-offices__grid {

        grid-template-columns: 1fr;

    }


    .gccontact-office-card {

        min-height: 285px;

    }


    .gccontact-form__grid {

        grid-template-columns: 1fr;

    }


    .gccontact-field--full {

        grid-column: auto;

    }


    .gccontact-field input,
    .gccontact-field select,
    .gccontact-field textarea {

        font-size: 16px;

    }


    .gccontact-form-wrap {

        padding: 20px;

    }

}

/* ==========================================================================
   GLOBAL CARGO
   SERVICE PAGE
   ENVÍO DE CAJAS
   PREFIJO: gcsv-
   MÍNIMO TIPOGRÁFICO: 14px
   ========================================================================== */

.gcsv-page {

    --gcsv-orange: #f15a24;
    --gcsv-orange-light: #ff7541;
    --gcsv-orange-dark: #d34617;

    --gcsv-navy: #041424;
    --gcsv-navy-2: #071f39;

    --gcsv-white: #ffffff;
    --gcsv-bg: #f4f6f7;

    --gcsv-text: #17232e;
    --gcsv-muted: #6d7882;
    --gcsv-border: #e0e5e8;

    --gcsv-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

    width: 100%;

    overflow-x: clip;

    color:
        var(--gcsv-text);

    font-family:
        var(--gcsv-font);

}


.gcsv-page *,
.gcsv-page *::before,
.gcsv-page *::after {

    box-sizing: border-box;

}


.gcsv-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin: 0 auto;

}


/* ==========================================================================
   HERO
   ========================================================================== */

.gcsv-hero {

    position: relative;

    min-height: 490px;

    overflow: hidden;

    display: flex;

    align-items: center;

    isolation: isolate;

    background:
        var(--gcsv-navy);

}


.gcsv-hero__media {

    position: absolute;

    z-index: -5;

    inset: 0;

}


.gcsv-hero__media img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position: center;

}


.gcsv-hero__overlay {

    position: absolute;

    z-index: -4;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98) 0%,
            rgba(4,20,36,.92) 38%,
            rgba(4,20,36,.63) 70%,
            rgba(4,20,36,.43) 100%
        );

}


.gcsv-hero__grid-pattern {

    position: absolute;

    z-index: -3;

    inset: 0;

    opacity: .11;

    background-image:

        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

}


.gcsv-hero__inner {

    position: relative;

    min-height: 490px;

    padding:
        100px 0 65px;

    display: flex;

    align-items: center;

}


/* BREADCRUMB */

.gcsv-breadcrumb {

    position: absolute;

    top: 28px;

    left: 0;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

}


.gcsv-breadcrumb a,
.gcsv-breadcrumb strong {

    font-size: 14px;

}


.gcsv-breadcrumb a {

    color:
        rgba(255,255,255,.62);

    text-decoration: none;

}


.gcsv-breadcrumb strong {

    color:
        #ffffff;

}


.gcsv-breadcrumb > span {

    width: 22px;

    height: 22px;

    display: grid;

    place-items: center;

}


.gcsv-breadcrumb svg {

    width: 13px;

    height: 13px;

    fill: none;

    stroke:
        var(--gcsv-orange-light);

    stroke-width: 1.8;

}


/* HERO CONTENT */

.gcsv-hero__content {

    max-width: 730px;

}


.gcsv-hero__eyebrow {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;

}


.gcsv-hero h1 {

    margin:
        14px 0 0;

    color:
        #ffffff;

    font-size:
        clamp(
            55px,
            6vw,
            85px
        );

    font-weight: 800;

    line-height: .9;

    letter-spacing: -.055em;

}


.gcsv-hero h1 span {

    display: block;

    color:
        var(--gcsv-orange-light);

}


.gcsv-hero__content > p {

    max-width: 615px;

    margin:
        23px 0 0;

    color:
        rgba(255,255,255,.70);

    font-size: 17px;

    line-height: 1.72;

}


/* BUTTONS */

.gcsv-hero__actions {

    margin-top: 29px;

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.gcsv-button {

    min-height: 55px;

    padding:
        0 18px;

    border-radius: 10px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

    transition:
        transform .25s ease;

}


.gcsv-button:hover {

    transform:
        translateY(-2px);

}


.gcsv-button svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

}


.gcsv-button--primary {

    color: #fff;

    background:

        linear-gradient(
            135deg,
            var(--gcsv-orange-light),
            var(--gcsv-orange-dark)
        );

}


.gcsv-button--secondary {

    color: #fff;

    border:
        1px solid rgba(255,255,255,.18);

    background:
        rgba(255,255,255,.06);

}


/* HERO CARD */

.gcsv-hero__card {

    position: absolute;

    right: 0;

    bottom: 52px;

    width: 300px;

    padding: 17px;

    display: grid;

    grid-template-columns:
        49px
        minmax(0,1fr);

    gap: 13px;

    border:
        1px solid rgba(255,255,255,.15);

    border-radius: 14px;

    color: #fff;

    background:
        rgba(4,20,36,.82);

    backdrop-filter:
        blur(12px);

}


.gcsv-hero__card-icon {

    width: 49px;

    height: 49px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-hero__card-icon svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-hero__card small {

    display: block;

    color:
        rgba(255,255,255,.50);

    font-size: 14px;

}


.gcsv-hero__card strong {

    display: block;

    margin-top: 2px;

    font-size: 22px;

}


.gcsv-hero__card span {

    display: block;

    margin-top: 5px;

    color:
        rgba(255,255,255,.60);

    font-size: 14px;

    line-height: 1.45;

}


.gcsv-hero__line {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    height: 4px;

    background:

        linear-gradient(
            90deg,
            var(--gcsv-orange),
            var(--gcsv-orange-light) 35%,
            transparent 85%
        );

}


/* ==========================================================================
   CONTENT LAYOUT
   ========================================================================== */

.gcsv-content {

    position: relative;

    padding:
        100px 0;

    overflow: visible;

    background:
        #ffffff;

}


.gcsv-layout {

    display: grid;

    grid-template-columns:
        310px
        minmax(0,1fr);

    align-items: start;

    gap: 68px;

    overflow: visible;

}


/* ==========================================================================
   STICKY SIDEBAR
   ========================================================================== */

.gcsv-sidebar-wrap {

    position: relative;

    align-self: stretch;

    overflow: visible;

}


.gcsv-sidebar {

    position: sticky;

    top: 105px;

    overflow: hidden;

    border:
        1px solid var(--gcsv-border);

    border-radius: 17px;

    background:
        #ffffff;

    box-shadow:
        0 18px 45px
        rgba(4,20,36,.08);

}


/* HEADER */

.gcsv-sidebar__header {

    padding:
        22px;

    color:
        #ffffff;

    background:

        linear-gradient(
            140deg,
            var(--gcsv-navy-2),
            var(--gcsv-navy)
        );

}


.gcsv-sidebar__header span {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

    font-weight: 750;

    text-transform: uppercase;

}


.gcsv-sidebar__header strong {

    display: block;

    margin-top: 4px;

    font-size: 25px;

}


/* TABS */

.gcsv-sidebar-tabs {

    padding: 6px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 5px;

    border-bottom:
        1px solid var(--gcsv-border);

    background:
        var(--gcsv-bg);

}


.gcsv-sidebar-tab {

    min-height: 44px;

    padding: 7px;

    border: 0;

    border-radius: 8px;

    color:
        #66717a;

    background:
        transparent;

    font-family: inherit;

    font-size: 14px;

    font-weight: 750;

    cursor: pointer;

}


.gcsv-sidebar-tab.is-active {

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

}


/* PANELS */

.gcsv-sidebar-panel {

    padding: 8px;

}


.gcsv-sidebar-panel[hidden] {

    display: none;

}


/* SERVICE NAV */

.gcsv-service-nav {

    display: grid;

}


.gcsv-service-nav a {

    min-height: 61px;

    padding:
        10px 10px;

    display: grid;

    grid-template-columns:
        31px
        minmax(0,1fr)
        20px;

    align-items: center;

    gap: 8px;

    border-radius: 9px;

    color:
        var(--gcsv-text);

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease;

}


.gcsv-service-nav a:hover {

    background:
        var(--gcsv-bg);

}


.gcsv-service-nav a.is-active {

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

}


.gcsv-service-nav a > span {

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-service-nav a.is-active > span {

    color:
        var(--gcsv-orange-light);

}


.gcsv-service-nav strong {

    font-size: 14px;

    line-height: 1.3;

}


.gcsv-service-nav i {

    color:
        var(--gcsv-orange);

    font-size: 16px;

    font-style: normal;

}


/* ACTION PANEL */

.gcsv-sidebar-actions {

    display: grid;

    gap: 7px;

}


.gcsv-sidebar-action {

    min-height: 68px;

    padding: 10px;

    display: grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    align-items: center;

    gap: 11px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 10px;

    color:
        var(--gcsv-navy);

    text-decoration: none;

}


.gcsv-sidebar-action--main {

    color: #ffffff;

    border-color:
        var(--gcsv-orange);

    background:
        var(--gcsv-orange);

}


.gcsv-sidebar-action__icon {

    width: 42px;

    height: 42px;

    display: grid;

    place-items: center;

    border-radius: 9px;

    color:
        var(--gcsv-orange);

    background:
        rgba(241,90,36,.09);

}


.gcsv-sidebar-action--main
.gcsv-sidebar-action__icon {

    color: #ffffff;

    background:
        rgba(255,255,255,.15);

}


.gcsv-sidebar-action__icon svg {

    width: 21px;

    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-sidebar-action small {

    display: block;

    color:
        var(--gcsv-muted);

    font-size: 14px;

}


.gcsv-sidebar-action--main small {

    color:
        rgba(255,255,255,.70);

}


.gcsv-sidebar-action strong {

    display: block;

    margin-top: 2px;

    font-size: 14px;

}


/* SECTION NAV */

.gcsv-sidebar__section-nav {

    padding:
        16px 17px 18px;

    border-top:
        1px solid var(--gcsv-border);

}


.gcsv-sidebar__section-nav > small {

    display: block;

    margin-bottom: 8px;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    font-weight: 750;

}


.gcsv-sidebar__section-nav > a {

    position: relative;

    min-height: 34px;

    padding:
        7px 0 7px 16px;

    display: block;

    color:
        #68737d;

    font-size: 14px;

    font-weight: 650;

    text-decoration: none;

}


.gcsv-sidebar__section-nav > a::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background:
        #c7cdd1;

    transform:
        translateY(-50%);

}


.gcsv-sidebar__section-nav > a.is-active {

    color:
        var(--gcsv-orange);

}


.gcsv-sidebar__section-nav > a.is-active::before {

    background:
        var(--gcsv-orange);

    box-shadow:
        0 0 0 4px
        rgba(241,90,36,.12);

}


/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.gcsv-main {

    min-width: 0;

}


.gcsv-section {

    scroll-margin-top:
        125px;

}


.gcsv-section +
.gcsv-section {

    margin-top: 105px;

}


.gcsv-section-label {

    display: block;

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .06em;

    text-transform: uppercase;

}


.gcsv-section h2,
.gcsv-section-heading h2 {

    max-width: 760px;

    margin:
        10px 0 0;

    color:
        var(--gcsv-navy);

    font-size:
        clamp(
            38px,
            4.2vw,
            58px
        );

    font-weight: 780;

    line-height: .98;

    letter-spacing: -.045em;

}


.gcsv-section h2 span,
.gcsv-section-heading h2 span {

    display: block;

    color:
        var(--gcsv-orange);

}


.gcsv-section-lead {

    max-width: 760px;

    margin:
        25px 0 0;

    color:
        #45515c;

    font-size: 18px;

    line-height: 1.7;

}


.gcsv-overview > p:not(.gcsv-section-lead) {

    max-width: 760px;

    margin:
        17px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.75;

}


/* ==========================================================================
   OVERVIEW IMAGE
   ========================================================================== */

.gcsv-overview__image {

    position: relative;

    height: 470px;

    margin:
        42px 0 0;

    overflow: hidden;

    border-radius: 21px;

    background:
        var(--gcsv-navy);

}


.gcsv-overview__image img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


.gcsv-overview__image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            transparent 35%,
            rgba(4,20,36,.74)
        );

}


.gcsv-overview__image figcaption {

    position: absolute;

    z-index: 3;

    right: 25px;

    bottom: 25px;

    left: 25px;

}


.gcsv-overview__image figcaption span {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

}


.gcsv-overview__image figcaption strong {

    display: block;

    margin-top: 5px;

    color: #ffffff;

    font-size: 23px;

}


/* FEATURES */

.gcsv-overview__features {

    min-height: 95px;

    padding:
        19px 24px;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    border-radius:
        0 0 15px 15px;

    color: #fff;

    background:
        var(--gcsv-navy);

}


.gcsv-overview__features > i {

    width: 1px;

    height: 38px;

    background:
        rgba(255,255,255,.12);

}


.gcsv-overview__features > div {

    text-align: center;

}


.gcsv-overview__features strong {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 29px;

}


.gcsv-overview__features span {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.65);

    font-size: 14px;

}


/* ==========================================================================
   SECTION HEADINGS
   ========================================================================== */

.gcsv-section-heading {

    max-width: 800px;

    margin-bottom: 39px;

}


.gcsv-section-heading > p {

    max-width: 610px;

    margin:
        18px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.7;

}


/* ==========================================================================
   PROCESS
   ========================================================================== */

.gcsv-process {

    padding:
        60px;

    border-radius: 23px;

    background:
        var(--gcsv-bg);

}


.gcsv-process__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 10px;

}


.gcsv-process-card {

    position: relative;

    min-height: 270px;

    padding: 26px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 15px;

    background: #fff;

    transition:
        transform .25s ease,
        border-color .25s ease;

}


.gcsv-process-card:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(241,90,36,.35);

}


.gcsv-process-card__number {

    position: absolute;

    top: 20px;

    right: 20px;

    color:
        #c7cdd1;

    font-size: 14px;

    font-weight: 800;

}


.gcsv-process-card__icon {

    width: 53px;

    height: 53px;

    margin-bottom: 24px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    color:
        var(--gcsv-orange);

    background:
        rgba(241,90,36,.09);

}


.gcsv-process-card__icon svg {

    width: 25px;

    height: 25px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-process-card h3 {

    margin: 0;

    color:
        var(--gcsv-navy);

    font-size: 21px;

}


.gcsv-process-card p {

    margin:
        12px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 15px;

    line-height: 1.7;

}


.gcsv-process__actions {

    margin-top: 18px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcsv-process__actions a {

    min-height: 50px;

    padding:
        0 16px;

    display: inline-flex;

    align-items: center;

    border-radius: 9px;

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcsv-process__actions a:first-child {

    background:
        var(--gcsv-orange);

}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.gcsv-destinations__grid {

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 9px;

}


.gcsv-country {

    min-height: 91px;

    padding:
        14px 17px;

    display: grid;

    grid-template-columns:
        48px
        minmax(0,1fr)
        30px;

    align-items: center;

    gap: 13px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 13px;

    color:
        var(--gcsv-navy);

    background: #fff;

    text-decoration: none;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gcsv-country:hover {

    transform:
        translateX(4px);

    border-color:
        rgba(241,90,36,.35);

    box-shadow:
        0 12px 28px
        rgba(4,20,36,.07);

}


.gcsv-country img {

    width: 48px !important;

    height: 33px !important;

    max-width: none !important;

    object-fit: cover;

    border-radius: 5px;

}


.gcsv-country small {

    display: block;

    color:
        var(--gcsv-muted);

    font-size: 14px;

}


.gcsv-country strong {

    display: block;

    margin-top: 2px;

    font-size: 18px;

}


.gcsv-country > span {

    color:
        var(--gcsv-orange);

    font-size: 20px;

}


/* ==========================================================================
   BENEFITS
   ========================================================================== */

.gcsv-benefits {

    position: relative;

    min-height: 530px;

    padding:
        70px 60px;

    overflow: hidden;

    display: flex;

    align-items: center;

    border-radius: 23px;

    background:
        var(--gcsv-navy);

}


.gcsv-benefits__media {

    position: absolute;

    inset: 0;

}


.gcsv-benefits__media img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}


.gcsv-benefits__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98) 0%,
            rgba(4,20,36,.92) 47%,
            rgba(4,20,36,.52) 100%
        );

}


.gcsv-benefits__content {

    position: relative;

    z-index: 3;

    max-width: 650px;

}


.gcsv-benefits h2 {

    color: #ffffff;

}


.gcsv-benefits__content > p {

    max-width: 510px;

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size: 16px;

    line-height: 1.7;

}


.gcsv-benefits__list {

    margin-top: 30px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

}


.gcsv-benefits__list > div {

    min-height: 63px;

    padding:
        11px 13px;

    display: grid;

    grid-template-columns:
        31px
        minmax(0,1fr);

    align-items: center;

    gap: 10px;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 9px;

    background:
        rgba(255,255,255,.05);

}


.gcsv-benefits__list span {

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-benefits__list strong {

    color: #ffffff;

    font-size: 14px;

}


/* ==========================================================================
   FAQ
   ========================================================================== */

.gcsv-faq__list {

    border-top:
        1px solid var(--gcsv-border);

}


.gcsv-faq-item {

    border-bottom:
        1px solid var(--gcsv-border);

}


.gcsv-faq-item > button {

    width: 100%;

    min-height: 75px;

    padding:
        15px 5px;

    border: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    color:
        var(--gcsv-navy);

    background:
        transparent;

    font-family: inherit;

    font-size: 16px;

    font-weight: 750;

    text-align: left;

    cursor: pointer;

}


.gcsv-faq-item > button i {

    width: 34px;

    height: 34px;

    flex: 0 0 34px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    color:
        var(--gcsv-orange);

    background:
        rgba(241,90,36,.08);

    font-size: 22px;

    font-style: normal;

    transition:
        transform .25s ease;

}


.gcsv-faq-item.is-open
> button i {

    transform:
        rotate(45deg);

}


.gcsv-faq-item__answer {

    padding:
        0 60px 22px 5px;

}


.gcsv-faq-item__answer p {

    max-width: 700px;

    margin: 0;

    color:
        var(--gcsv-muted);

    font-size: 15px;

    line-height: 1.7;

}


/* ==========================================================================
   FINAL CTA
   ========================================================================== */

.gcsv-final {

    position: relative;

    min-height: 510px;

    overflow: hidden;

    display: flex;

    align-items: center;

    background:
        var(--gcsv-navy);

}


.gcsv-final__media {

    position: absolute;

    inset: 0;

}


.gcsv-final__media img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}


.gcsv-final__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98),
            rgba(4,20,36,.89) 48%,
            rgba(4,20,36,.40)
        );

}


.gcsv-final__content {

    position: relative;

    z-index: 3;

    max-width: 820px;

    padding:
        85px 0;

}


.gcsv-final__content > span {

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

}


.gcsv-final h2 {

    margin:
        10px 0 0;

    color: #ffffff;

    font-size:
        clamp(
            41px,
            4.8vw,
            65px
        );

    line-height: .97;

    letter-spacing: -.045em;

}


.gcsv-final h2 strong {

    display: block;

    color:
        var(--gcsv-orange-light);

}


.gcsv-final p {

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.63);

    font-size: 16px;

}


.gcsv-final__actions {

    margin-top: 28px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcsv-final__actions a {

    min-height: 54px;

    padding:
        0 17px;

    border-radius: 9px;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcsv-final__primary {

    color: #ffffff;

    background:
        var(--gcsv-orange);

}


.gcsv-final__secondary {

    color: #ffffff;

    border:
        1px solid rgba(255,255,255,.15);

    background:
        rgba(255,255,255,.06);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

    .gcsv-layout {

        grid-template-columns:
            270px
            minmax(0,1fr);

        gap: 35px;

    }


    .gcsv-process {

        padding: 40px;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gcsv-container {

        width:
            calc(100% - 28px);

    }


    .gcsv-hero__inner {

        padding:
            105px 0 52px;

        display: block;

    }


    .gcsv-hero h1 {

        font-size: 51px;

    }


    .gcsv-hero__card {

        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

        max-width: 390px;

        margin-top: 30px;

    }


    .gcsv-content {

        padding:
            70px 0;

    }


    .gcsv-layout {

        display: block;

    }


    /*
     * En móvil el sidebar deja de ser sticky
     * y funciona como selector superior.
     */

    .gcsv-sidebar {

        position: relative;

        top: auto;

        margin-bottom: 50px;

    }


    .gcsv-sidebar__section-nav {

        display: none;

    }


    .gcsv-service-nav {

        grid-template-columns:
            1fr 1fr;

    }


    .gcsv-section +
    .gcsv-section {

        margin-top: 75px;

    }


    .gcsv-process {

        padding:
            35px 25px;

    }


    .gcsv-process__grid {

        grid-template-columns: 1fr;

    }


    .gcsv-benefits {

        padding:
            55px 30px;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 500px) {

    .gcsv-hero h1 {

        font-size: 42px;

    }


    .gcsv-hero__actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcsv-button {

        width: 100%;

    }


    .gcsv-service-nav {

        grid-template-columns: 1fr;

    }


    .gcsv-section h2,
    .gcsv-section-heading h2 {

        font-size: 36px;

    }


    .gcsv-overview__image {

        height: 330px;

    }


    .gcsv-overview__features {

        grid-template-columns: 1fr;

        gap: 15px;

    }


    .gcsv-overview__features > i {

        width: 100%;

        height: 1px;

    }


    .gcsv-process {

        padding:
            30px 18px;

    }


    .gcsv-destinations__grid {

        grid-template-columns: 1fr;

    }


    .gcsv-benefits {

        min-height: 620px;

        padding:
            45px 22px;

    }


    .gcsv-benefits__list {

        grid-template-columns: 1fr;

    }


    .gcsv-final__actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcsv-final__actions a {

        width: 100%;

        justify-content: center;

    }

}


/* ==========================================================================
   GLOBAL CARGO
   RECOLECCIÓN A DOMICILIO
   EXTENSIONES DEL SISTEMA gcsv-
   ========================================================================== */


/* ==========================================================================
   HERO
   ========================================================================== */

.gcsv-page--pickup
.gcsv-pickup-hero
.gcsv-hero__media img {

    object-position:
        center 53%;

}


.gcsv-page--pickup
.gcsv-pickup-hero__card {

    border-color:
        rgba(241,90,36,.28);

}


/* ==========================================================================
   OVERVIEW
   ========================================================================== */

.gcsv-pickup-overview__text {

    max-width: 760px;

    margin:
        17px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.75;

}


/* VISUAL */

.gcsv-pickup-overview__visual {

    position: relative;

    min-height: 505px;

    margin-top: 42px;

}


.gcsv-pickup-overview__image {

    position: absolute;

    top: 0;

    right: 0;

    width: 91%;

    height: 455px;

    overflow: hidden;

    border-radius:
        24px 10px 24px 10px;

    background:
        var(--gcsv-navy);

}


.gcsv-pickup-overview__image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            rgba(4,20,36,.04),
            rgba(4,20,36,.45)
        );

}


.gcsv-pickup-overview__image img {

    display: block;

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .8s ease;

}


.gcsv-pickup-overview__visual:hover
.gcsv-pickup-overview__image img {

    transform:
        scale(1.04);

}


/* FLOAT CARD */

.gcsv-pickup-overview__card {

    position: absolute;

    z-index: 4;

    bottom: 0;

    left: 0;

    width: 340px;

    min-height: 155px;

    padding:
        21px;

    display: grid;

    grid-template-columns:
        50px
        minmax(0,1fr);

    align-items: start;

    gap: 14px;

    border:
        6px solid #ffffff;

    border-radius:
        14px 26px 14px 26px;

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

    box-shadow:
        0 20px 42px
        rgba(4,20,36,.16);

}


.gcsv-pickup-overview__card > span {

    width: 50px;

    height: 50px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.13);

}


.gcsv-pickup-overview__card svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-pickup-overview__card small {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

}


.gcsv-pickup-overview__card strong {

    display: block;

    margin-top: 4px;

    color:
        #ffffff;

    font-size: 20px;

}


.gcsv-pickup-overview__card p {

    margin:
        7px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size: 14px;

    line-height: 1.5;

}


/* QUICK ITEMS */

.gcsv-pickup-overview__quick {

    margin-top: 38px;

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 9px;

}


.gcsv-pickup-overview__quick article {

    min-height: 195px;

    padding:
        23px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}


.gcsv-pickup-overview__quick article:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(241,90,36,.35);

    box-shadow:
        0 14px 30px
        rgba(4,20,36,.07);

}


.gcsv-pickup-overview__quick article > span {

    display: block;

    margin-bottom: 23px;

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-pickup-overview__quick strong {

    display: block;

    color:
        var(--gcsv-navy);

    font-size: 19px;

    line-height: 1.25;

}


.gcsv-pickup-overview__quick p {

    margin:
        9px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.65;

}


/* ==========================================================================
   COVERAGE
   ========================================================================== */

.gcsv-pickup-coverage {

    position: relative;

    padding:
        60px;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(320px,.72fr);

    align-items: center;

    gap: 60px;

    border-radius: 23px;

    color:
        #ffffff;

    background:

        linear-gradient(
            140deg,
            var(--gcsv-navy-2),
            var(--gcsv-navy)
        );

}


.gcsv-pickup-coverage::before {

    content: "";

    position: absolute;

    inset: 0;

    opacity: .13;

    background-image:

        linear-gradient(
            rgba(255,255,255,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.06) 1px,
            transparent 1px
        );

    background-size:
        43px 43px;

}


.gcsv-pickup-coverage::after {

    content: "";

    position: absolute;

    top: -170px;

    right: -150px;

    width: 420px;

    height: 420px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.21),
            transparent 68%
        );

}


.gcsv-pickup-coverage__content,
.gcsv-pickup-coverage__visual {

    position: relative;

    z-index: 3;

}


.gcsv-pickup-coverage h2 {

    color:
        #ffffff;

}


.gcsv-pickup-coverage__content > p {

    max-width: 590px;

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.63);

    font-size: 16px;

    line-height: 1.75;

}


/* ACTIONS */

.gcsv-pickup-coverage__actions {

    margin-top: 28px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcsv-pickup-coverage__actions a {

    min-height: 50px;

    padding:
        0 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcsv-pickup-coverage__primary {

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

}


.gcsv-pickup-coverage__secondary {

    color:
        #ffffff;

    border:
        1px solid rgba(255,255,255,.15);

    background:
        rgba(255,255,255,.05);

}


/* COVERAGE FLOW */

.gcsv-pickup-coverage__visual {

    padding:
        24px;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius: 16px;

    background:
        rgba(255,255,255,.045);

    backdrop-filter:
        blur(8px);

}


.gcsv-pickup-coverage__location {

    min-height: 78px;

    display: grid;

    grid-template-columns:
        48px
        minmax(0,1fr);

    align-items: center;

    gap: 13px;

}


.gcsv-pickup-coverage__pin {

    width: 48px;

    height: 48px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-pickup-coverage__pin svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-pickup-coverage__location small {

    display: block;

    color:
        rgba(255,255,255,.48);

    font-size: 14px;

}


.gcsv-pickup-coverage__location strong {

    display: block;

    margin-top: 3px;

    color:
        #ffffff;

    font-size: 16px;

}


.gcsv-pickup-coverage__connector {

    position: relative;

    display: block;

    width: 1px;

    height: 25px;

    margin-left: 23px;

    background:
        rgba(255,255,255,.15);

}


.gcsv-pickup-coverage__connector::after {

    content: "";

    position: absolute;

    bottom: -1px;

    left: -3px;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background:
        var(--gcsv-orange);

}


/* ==========================================================================
   PREPARATION
   ========================================================================== */

.gcsv-pickup-prepare {

    padding:
        60px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 23px;

    background:
        #ffffff;

}


.gcsv-pickup-prepare__heading {

    max-width: 810px;

    margin-bottom: 38px;

}


.gcsv-pickup-prepare__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

}


.gcsv-pickup-prepare__grid article {

    min-height: 190px;

    padding:
        24px;

    border-radius: 13px;

    background:
        var(--gcsv-bg);

    transition:
        transform .25s ease,
        background .25s ease;

}


.gcsv-pickup-prepare__grid article:hover {

    transform:
        translateY(-3px);

    background:
        #f1f3f4;

}


.gcsv-pickup-prepare__grid article > span {

    display: block;

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-pickup-prepare__grid h3 {

    margin:
        22px 0 0;

    color:
        var(--gcsv-navy);

    font-size: 20px;

}


.gcsv-pickup-prepare__grid p {

    margin:
        10px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.65;

}


/* NOTICE */

.gcsv-pickup-prepare__notice {

    margin-top: 10px;

    padding:
        18px;

    display: grid;

    grid-template-columns:
        47px
        minmax(0,1fr)
        auto;

    align-items: center;

    gap: 14px;

    border-radius: 13px;

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

}


.gcsv-pickup-prepare__notice > span {

    width: 47px;

    height: 47px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-pickup-prepare__notice svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

}


.gcsv-pickup-prepare__notice strong {

    color:
        #ffffff;

    font-size: 16px;

}


.gcsv-pickup-prepare__notice p {

    margin:
        4px 0 0;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

}


.gcsv-pickup-prepare__notice > a {

    min-height: 43px;

    padding:
        0 14px;

    display: inline-flex;

    align-items: center;

    border-radius: 8px;

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 900px) {

    .gcsv-pickup-coverage {

        grid-template-columns:
            1fr;

        gap: 40px;

    }

}


@media (max-width: 760px) {

    .gcsv-pickup-overview__quick {

        grid-template-columns:
            1fr;

    }


    .gcsv-pickup-overview__visual {

        min-height: 480px;

    }


    .gcsv-pickup-overview__image {

        width: 94%;

        height: 420px;

    }


    .gcsv-pickup-coverage {

        padding:
            40px 28px;

    }


    .gcsv-pickup-prepare {

        padding:
            40px 28px;

    }

}


@media (max-width: 500px) {

    .gcsv-pickup-overview__visual {

        min-height: 420px;

    }


    .gcsv-pickup-overview__image {

        width: 100%;

        height: 330px;

    }


    .gcsv-pickup-overview__card {

        right: 10px;

        bottom: 0;

        left: 10px;

        width: auto;

    }


    .gcsv-pickup-coverage {

        padding:
            32px 20px;

    }


    .gcsv-pickup-coverage__visual {

        padding: 18px;

    }


    .gcsv-pickup-coverage__actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcsv-pickup-coverage__actions a {

        width: 100%;

    }


    .gcsv-pickup-prepare {

        padding:
            32px 20px;

    }


    .gcsv-pickup-prepare__grid {

        grid-template-columns: 1fr;

    }


    .gcsv-pickup-prepare__notice {

        grid-template-columns:
            46px
            minmax(0,1fr);

    }


    .gcsv-pickup-prepare__notice > a {

        grid-column:
            1 / -1;

        justify-content: center;

    }

}


/* ==========================================================================
   GLOBAL CARGO
   TRANSPORTE TERRESTRE
   EXTENSIONES gcsv-
   ========================================================================== */


/* ==========================================================================
   HERO
   ========================================================================== */

.gcsv-page--land
.gcsv-land-hero
.gcsv-hero__media img {

    object-position:
        center 54%;

}


.gcsv-page--land
.gcsv-land-hero__card {

    border-color:
        rgba(241,90,36,.26);

}


/* ==========================================================================
   OVERVIEW
   ========================================================================== */

.gcsv-land-overview__text {

    max-width: 760px;

    margin:
        17px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.75;

}


.gcsv-land-overview__visual {

    position: relative;

    min-height: 510px;

    margin-top: 42px;

}


/* IMAGE */

.gcsv-land-overview__image {

    position: absolute;

    top: 0;

    right: 0;

    width: 92%;

    height: 460px;

    margin: 0;

    overflow: hidden;

    border-radius:
        12px 30px 12px 30px;

    background:
        var(--gcsv-navy);

}


.gcsv-land-overview__image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            rgba(4,20,36,.04),
            rgba(4,20,36,.43)
        );

}


.gcsv-land-overview__image img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .85s ease;

}


.gcsv-land-overview__visual:hover
.gcsv-land-overview__image img {

    transform:
        scale(1.045);

}


/* ROUTE CARD */

.gcsv-land-overview__route-card {

    position: absolute;

    z-index: 5;

    bottom: 0;

    left: 0;

    width: 340px;

    min-height: 155px;

    padding: 20px;

    display: grid;

    grid-template-columns:
        51px
        minmax(0,1fr);

    gap: 14px;

    border:
        6px solid #ffffff;

    border-radius:
        15px 27px 15px 27px;

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

    box-shadow:
        0 20px 42px
        rgba(4,20,36,.17);

}


.gcsv-land-overview__route-icon {

    width: 51px;

    height: 51px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-land-overview__route-icon svg {

    width: 25px;

    height: 25px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-land-overview__route-card small {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

}


.gcsv-land-overview__route-card strong {

    display: block;

    margin-top: 4px;

    color:
        #ffffff;

    font-size: 20px;

}


.gcsv-land-overview__route-card p {

    margin:
        7px 0 0;

    color:
        rgba(255,255,255,.60);

    font-size: 14px;

    line-height: 1.5;

}


/* ==========================================================================
   FACTS
   ========================================================================== */

.gcsv-land-overview__facts {

    margin-top: 38px;

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 9px;

}


.gcsv-land-overview__facts article {

    min-height: 190px;

    padding: 23px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gcsv-land-overview__facts article:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(241,90,36,.34);

    box-shadow:
        0 14px 30px
        rgba(4,20,36,.07);

}


.gcsv-land-overview__facts article > span {

    display: block;

    margin-bottom: 23px;

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-land-overview__facts strong {

    display: block;

    color:
        var(--gcsv-navy);

    font-size: 19px;

}


.gcsv-land-overview__facts p {

    margin:
        9px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.65;

}


/* ==========================================================================
   MÉXICO
   ========================================================================== */

.gcsv-land-mexico {

    position: relative;

    min-height: 570px;

    padding:
        65px 60px;

    overflow: hidden;

    display: flex;

    align-items: center;

    border-radius: 23px;

    background:
        var(--gcsv-navy);

}


.gcsv-land-mexico__background {

    position: absolute;

    inset: 0;

}


.gcsv-land-mexico__background img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    object-position:
        center;

}


.gcsv-land-mexico__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98) 0%,
            rgba(4,20,36,.92) 52%,
            rgba(4,20,36,.43) 100%
        );

}


.gcsv-land-mexico__content {

    position: relative;

    z-index: 3;

    max-width: 650px;

}


/* FLAG */

.gcsv-land-mexico__flag {

    width: fit-content;

    margin:
        22px 0 13px;

    padding:
        7px 12px 7px 8px;

    display: flex;

    align-items: center;

    gap: 9px;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 9px;

    background:
        rgba(255,255,255,.06);

}


.gcsv-land-mexico__flag img {

    width: 40px !important;

    height: 27px !important;

    max-width: none !important;

    object-fit: cover;

    border-radius: 4px;

}


.gcsv-land-mexico__flag span {

    color:
        #ffffff;

    font-size: 14px;

    font-weight: 700;

}


.gcsv-land-mexico h2 {

    color:
        #ffffff;

}


.gcsv-land-mexico__content > p {

    max-width: 570px;

    margin:
        20px 0 0;

    color:
        rgba(255,255,255,.65);

    font-size: 16px;

    line-height: 1.75;

}


/* ACTIONS */

.gcsv-land-mexico__actions {

    margin-top: 28px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcsv-land-mexico__actions a {

    min-height: 52px;

    padding:
        0 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcsv-land-mexico__primary {

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

}


.gcsv-land-mexico__secondary {

    color:
        #ffffff;

    border:
        1px solid rgba(255,255,255,.16);

    background:
        rgba(255,255,255,.06);

}


/* INFO STRIP */

.gcsv-land-mexico__info {

    position: absolute;

    z-index: 4;

    right: 28px;

    bottom: 28px;

    left: 28px;

    min-height: 79px;

    padding:
        13px 17px;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1.4fr;

    align-items: center;

    gap: 17px;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 12px;

    background:
        rgba(4,20,36,.80);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

}


.gcsv-land-mexico__info > i {

    width: 1px;

    height: 34px;

    background:
        rgba(255,255,255,.13);

}


.gcsv-land-mexico__info small {

    display: block;

    color:
        rgba(255,255,255,.48);

    font-size: 14px;

}


.gcsv-land-mexico__info strong {

    display: block;

    margin-top: 3px;

    color:
        #ffffff;

    font-size: 15px;

}


/* ==========================================================================
   PREPARATION
   ========================================================================== */

.gcsv-land-prepare {

    padding:
        60px;

    border-radius: 23px;

    background:
        var(--gcsv-bg);

}


.gcsv-land-prepare__heading {

    max-width: 790px;

    margin-bottom: 38px;

}


.gcsv-land-prepare__heading > p {

    max-width: 620px;

    margin:
        18px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.7;

}


.gcsv-land-prepare__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 9px;

}


.gcsv-land-prepare__grid article {

    position: relative;

    min-height: 230px;

    padding:
        25px;

    overflow: hidden;

    border:
        1px solid var(--gcsv-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        border-color .25s ease;

}


.gcsv-land-prepare__grid article:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(241,90,36,.32);

}


.gcsv-land-prepare__number {

    position: absolute;

    top: 20px;

    right: 20px;

    color:
        #c4cbd0;

    font-size: 14px;

    font-weight: 800;

}


.gcsv-land-prepare__icon {

    width: 50px;

    height: 50px;

    margin-bottom: 23px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange);

    background:
        rgba(241,90,36,.09);

}


.gcsv-land-prepare__icon svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-land-prepare__grid h3 {

    margin: 0;

    color:
        var(--gcsv-navy);

    font-size: 20px;

}


.gcsv-land-prepare__grid p {

    margin:
        10px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.67;

}


/* NOTICE */

.gcsv-land-prepare__notice {

    margin-top: 10px;

    padding: 18px;

    display: grid;

    grid-template-columns:
        47px
        minmax(0,1fr)
        auto;

    align-items: center;

    gap: 14px;

    border-radius: 13px;

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

}


.gcsv-land-prepare__notice > span {

    width: 47px;

    height: 47px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-land-prepare__notice svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

}


.gcsv-land-prepare__notice strong {

    display: block;

    color:
        #ffffff;

    font-size: 16px;

}


.gcsv-land-prepare__notice p {

    margin:
        4px 0 0;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

    line-height: 1.5;

}


.gcsv-land-prepare__notice > a {

    min-height: 43px;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {

    .gcsv-land-mexico {

        min-height: 650px;

    }

}


@media (max-width: 760px) {

    .gcsv-land-overview__facts {

        grid-template-columns:
            1fr;

    }


    .gcsv-land-overview__visual {

        min-height: 480px;

    }


    .gcsv-land-overview__image {

        width: 94%;

        height: 420px;

    }


    .gcsv-land-mexico {

        padding:
            48px 28px 150px;

    }


    .gcsv-land-mexico__info {

        grid-template-columns:
            1fr 1fr 1fr;

        gap: 10px;

    }


    .gcsv-land-mexico__info > i {

        display: none;

    }


    .gcsv-land-prepare {

        padding:
            40px 28px;

    }

}


@media (max-width: 500px) {

    .gcsv-land-overview__visual {

        min-height: 420px;

    }


    .gcsv-land-overview__image {

        width: 100%;

        height: 330px;

    }


    .gcsv-land-overview__route-card {

        right: 10px;

        bottom: 0;

        left: 10px;

        width: auto;

    }


    .gcsv-land-mexico {

        min-height: 720px;

        padding:
            38px 20px 230px;

    }


    .gcsv-land-mexico__actions {

        display: grid;

        grid-template-columns: 1fr;

    }


    .gcsv-land-mexico__actions a {

        width: 100%;

    }


    .gcsv-land-mexico__info {

        right: 18px;

        bottom: 18px;

        left: 18px;

        grid-template-columns:
            1fr;

    }


    .gcsv-land-mexico__info > div {

        padding:
            7px 0;

    }


    .gcsv-land-prepare {

        padding:
            32px 20px;

    }


    .gcsv-land-prepare__grid {

        grid-template-columns: 1fr;

    }


    .gcsv-land-prepare__notice {

        grid-template-columns:
            46px
            minmax(0,1fr);

    }


    .gcsv-land-prepare__notice > a {

        grid-column:
            1 / -1;

    }

}

/* ==========================================================================
   GLOBAL CARGO
   TRANSPORTE MARÍTIMO
   EXTENSIONES gcsv-
   ========================================================================== */


/* ==========================================================================
   HERO
   ========================================================================== */

.gcsv-page--sea
.gcsv-sea-hero
.gcsv-hero__media img {

    object-position:
        center 54%;

}


.gcsv-page--sea
.gcsv-sea-hero__card {

    border-color:
        rgba(241,90,36,.28);

}


/* ==========================================================================
   OVERVIEW
   ========================================================================== */

.gcsv-sea-overview__text {

    max-width: 760px;

    margin:
        17px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.75;

}


.gcsv-sea-overview__visual {

    position: relative;

    min-height: 510px;

    margin-top: 42px;

}


/* IMAGE */

.gcsv-sea-overview__image {

    position: absolute;

    top: 0;

    right: 0;

    width: 92%;

    height: 460px;

    margin: 0;

    overflow: hidden;

    border-radius:
        30px 12px 30px 12px;

    background:
        var(--gcsv-navy);

}


.gcsv-sea-overview__image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            rgba(4,20,36,.02),
            rgba(4,20,36,.48)
        );

}


.gcsv-sea-overview__image img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .85s ease;

}


.gcsv-sea-overview__visual:hover
.gcsv-sea-overview__image img {

    transform:
        scale(1.045);

}


/* FLOAT CARD */

.gcsv-sea-overview__card {

    position: absolute;

    z-index: 5;

    bottom: 0;

    left: 0;

    width: 345px;

    min-height: 160px;

    padding: 21px;

    display: grid;

    grid-template-columns:
        52px
        minmax(0,1fr);

    gap: 14px;

    border:
        6px solid #ffffff;

    border-radius:
        14px 28px 14px 28px;

    color:
        #ffffff;

    background:

        linear-gradient(
            145deg,
            var(--gcsv-navy-2),
            var(--gcsv-navy)
        );

    box-shadow:
        0 20px 42px
        rgba(4,20,36,.18);

}


.gcsv-sea-overview__card > span {

    width: 52px;

    height: 52px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-sea-overview__card svg {

    width: 26px;

    height: 26px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-sea-overview__card small {

    display: block;

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

}


.gcsv-sea-overview__card strong {

    display: block;

    margin-top: 4px;

    color:
        #ffffff;

    font-size: 20px;

}


.gcsv-sea-overview__card p {

    margin:
        7px 0 0;

    color:
        rgba(255,255,255,.60);

    font-size: 14px;

    line-height: 1.5;

}


/* ==========================================================================
   FACTS
   ========================================================================== */

.gcsv-sea-overview__facts {

    margin-top: 38px;

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 9px;

}


.gcsv-sea-overview__facts article {

    min-height: 190px;

    padding: 23px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;

}


.gcsv-sea-overview__facts article:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(241,90,36,.34);

    box-shadow:
        0 14px 30px
        rgba(4,20,36,.07);

}


.gcsv-sea-overview__facts article > span {

    display: block;

    margin-bottom: 23px;

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-sea-overview__facts strong {

    display: block;

    color:
        var(--gcsv-navy);

    font-size: 19px;

}


.gcsv-sea-overview__facts p {

    margin:
        9px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.65;

}


/* ==========================================================================
   DESTINATIONS
   ========================================================================== */

.gcsv-sea-destinations {

    padding:
        60px;

    overflow: hidden;

    border-radius: 23px;

    background:

        linear-gradient(
            145deg,
            #071f39,
            #041424
        );

}


.gcsv-sea-destinations__heading {

    max-width: 780px;

    margin-bottom: 38px;

}


.gcsv-sea-destinations h2 {

    color:
        #ffffff;

}


.gcsv-sea-destinations__heading > p {

    max-width: 610px;

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size: 16px;

    line-height: 1.7;

}


/* GRID */

.gcsv-sea-destinations__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 9px;

}


.gcsv-sea-country {

    position: relative;

    min-height: 108px;

    padding:
        17px;

    display: grid;

    grid-template-columns:
        31px
        52px
        minmax(0,1fr)
        30px;

    align-items: center;

    gap: 13px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 13px;

    color:
        #ffffff;

    background:
        rgba(255,255,255,.045);

    text-decoration: none;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;

}


.gcsv-sea-country:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(241,90,36,.38);

    background:
        rgba(255,255,255,.075);

}


.gcsv-sea-country::before {

    content: "";

    position: absolute;

    right: -35px;

    bottom: -55px;

    width: 130px;

    height: 130px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.12),
            transparent 68%
        );

}


.gcsv-sea-country__number {

    color:
        var(--gcsv-orange-light);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-sea-country__flag {

    width: 52px;

    height: 36px;

    overflow: hidden;

    border-radius: 5px;

    background:
        #ffffff;

}


.gcsv-sea-country__flag img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


.gcsv-sea-country small {

    display: block;

    color:
        rgba(255,255,255,.48);

    font-size: 14px;

}


.gcsv-sea-country strong {

    display: block;

    margin-top: 3px;

    color:
        #ffffff;

    font-size: 18px;

}


.gcsv-sea-country i {

    color:
        var(--gcsv-orange-light);

    font-size: 21px;

    font-style: normal;

}


/* ==========================================================================
   PREPARATION
   ========================================================================== */

.gcsv-sea-prepare {

    padding:
        60px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 23px;

    background:
        var(--gcsv-bg);

}


.gcsv-sea-prepare__heading {

    max-width: 790px;

    margin-bottom: 38px;

}


.gcsv-sea-prepare__heading > p {

    max-width: 630px;

    margin:
        18px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.7;

}


/* GRID */

.gcsv-sea-prepare__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 9px;

}


.gcsv-sea-prepare__grid article {

    position: relative;

    min-height: 225px;

    padding:
        25px;

    overflow: hidden;

    border:
        1px solid var(--gcsv-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        border-color .25s ease;

}


.gcsv-sea-prepare__grid article:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(241,90,36,.32);

}


.gcsv-sea-prepare__number {

    position: absolute;

    top: 20px;

    right: 20px;

    color:
        #c4cbd0;

    font-size: 14px;

    font-weight: 800;

}


.gcsv-sea-prepare__icon {

    width: 50px;

    height: 50px;

    margin-bottom: 23px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange);

    background:
        rgba(241,90,36,.09);

}


.gcsv-sea-prepare__icon svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-sea-prepare__grid h3 {

    margin: 0;

    color:
        var(--gcsv-navy);

    font-size: 20px;

}


.gcsv-sea-prepare__grid p {

    margin:
        10px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.67;

}


/* NOTICE */

.gcsv-sea-prepare__notice {

    margin-top: 10px;

    padding: 18px;

    display: grid;

    grid-template-columns:
        47px
        minmax(0,1fr)
        auto;

    align-items: center;

    gap: 14px;

    border-radius: 13px;

    color:
        #ffffff;

    background:
        var(--gcsv-navy);

}


.gcsv-sea-prepare__notice > span {

    width: 47px;

    height: 47px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-sea-prepare__notice svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

}


.gcsv-sea-prepare__notice strong {

    display: block;

    color:
        #ffffff;

    font-size: 16px;

}


.gcsv-sea-prepare__notice p {

    margin:
        4px 0 0;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

    line-height: 1.5;

}


.gcsv-sea-prepare__notice > a {

    min-height: 43px;

    padding:
        0 15px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 760px) {

    .gcsv-sea-overview__facts {

        grid-template-columns:
            1fr;

    }


    .gcsv-sea-overview__visual {

        min-height: 480px;

    }


    .gcsv-sea-overview__image {

        width: 94%;

        height: 420px;

    }


    .gcsv-sea-destinations {

        padding:
            40px 28px;

    }


    .gcsv-sea-destinations__grid {

        grid-template-columns:
            1fr;

    }


    .gcsv-sea-prepare {

        padding:
            40px 28px;

    }

}


@media (max-width: 500px) {

    .gcsv-sea-overview__visual {

        min-height: 420px;

    }


    .gcsv-sea-overview__image {

        width: 100%;

        height: 330px;

    }


    .gcsv-sea-overview__card {

        right: 10px;

        bottom: 0;

        left: 10px;

        width: auto;

    }


    .gcsv-sea-destinations {

        padding:
            32px 20px;

    }


    .gcsv-sea-country {

        grid-template-columns:
            28px
            48px
            minmax(0,1fr)
            20px;

        padding:
            14px 12px;

    }


    .gcsv-sea-country__flag {

        width: 48px;

        height: 32px;

    }


    .gcsv-sea-prepare {

        padding:
            32px 20px;

    }


    .gcsv-sea-prepare__grid {

        grid-template-columns:
            1fr;

    }


    .gcsv-sea-prepare__notice {

        grid-template-columns:
            46px
            minmax(0,1fr);

    }


    .gcsv-sea-prepare__notice > a {

        grid-column:
            1 / -1;

        width: 100%;

    }

}

/* ==========================================================================
   GLOBAL CARGO
   MUDANZAS
   EXTENSIONES gcsv-
   ========================================================================== */


/* ==========================================================================
   HERO
   ========================================================================== */

.gcsv-page--moving
.gcsv-moving-hero
.gcsv-hero__media img {

    object-position:
        center 55%;

}


.gcsv-page--moving
.gcsv-moving-hero__card {

    border-color:
        rgba(241,90,36,.28);

}


/* ==========================================================================
   OVERVIEW
   ========================================================================== */

.gcsv-moving-overview__text {

    max-width: 760px;

    margin:
        17px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.75;

}


/* COLLAGE */

.gcsv-moving-overview__visual {

    position: relative;

    min-height: 525px;

    margin-top: 42px;

}


.gcsv-moving-overview__main {

    position: absolute;

    top: 0;

    right: 0;

    width: 77%;

    height: 455px;

    margin: 0;

    overflow: hidden;

    border-radius:
        12px 30px 12px 30px;

    background:
        var(--gcsv-navy);

}


.gcsv-moving-overview__secondary {

    position: absolute;

    z-index: 3;

    bottom: 0;

    left: 0;

    width: 38%;

    height: 270px;

    margin: 0;

    overflow: hidden;

    border:
        7px solid #ffffff;

    border-radius:
        24px 10px 24px 10px;

    background:
        var(--gcsv-navy);

    box-shadow:
        0 18px 38px
        rgba(4,20,36,.13);

}


.gcsv-moving-overview__main img,
.gcsv-moving-overview__secondary img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


.gcsv-moving-overview__main::after,
.gcsv-moving-overview__secondary::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            transparent 45%,
            rgba(4,20,36,.37)
        );

}


/* BADGE */

.gcsv-moving-overview__badge {

    position: absolute;

    z-index: 6;

    right: 25px;

    bottom: 42px;

    min-width: 270px;

    padding: 16px;

    display: grid;

    grid-template-columns:
        48px
        minmax(0,1fr);

    align-items: center;

    gap: 12px;

    border:
        1px solid rgba(255,255,255,.15);

    border-radius: 13px;

    color: #ffffff;

    background:
        rgba(4,20,36,.90);

    backdrop-filter:
        blur(12px);

}


.gcsv-moving-overview__badge > span {

    width: 48px;

    height: 48px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-moving-overview__badge svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-moving-overview__badge small {

    display: block;

    color:
        rgba(255,255,255,.50);

    font-size: 14px;

}


.gcsv-moving-overview__badge strong {

    display: block;

    margin-top: 3px;

    font-size: 16px;

}


/* ==========================================================================
   ORGANIZATION
   ========================================================================== */

.gcsv-moving-organization {

    padding:
        60px;

    border-radius: 23px;

    background:
        var(--gcsv-bg);

}


.gcsv-moving-organization__heading {

    max-width: 790px;

    margin-bottom: 38px;

}


.gcsv-moving-organization__heading > p {

    max-width: 620px;

    margin:
        18px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.7;

}


.gcsv-moving-organization__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 9px;

}


.gcsv-moving-organization__grid article {

    position: relative;

    min-height: 230px;

    padding: 25px;

    border:
        1px solid var(--gcsv-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        border-color .25s ease;

}


.gcsv-moving-organization__grid article:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(241,90,36,.34);

}


.gcsv-moving-organization__number {

    position: absolute;

    top: 20px;

    right: 20px;

    color:
        #c5ccd1;

    font-size: 14px;

    font-weight: 800;

}


.gcsv-moving-organization__icon {

    width: 51px;

    height: 51px;

    margin-bottom: 22px;

    display: grid;

    place-items: center;

    border-radius: 11px;

    color:
        var(--gcsv-orange);

    background:
        rgba(241,90,36,.09);

}


.gcsv-moving-organization__icon svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-moving-organization__grid h3 {

    margin: 0;

    color:
        var(--gcsv-navy);

    font-size: 20px;

}


.gcsv-moving-organization__grid p {

    margin:
        10px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 14px;

    line-height: 1.68;

}


/* ==========================================================================
   INFORMATION
   ========================================================================== */

.gcsv-moving-info {

    min-height: 520px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(320px,.72fr);

    overflow: hidden;

    border:
        1px solid var(--gcsv-border);

    border-radius: 23px;

    background:
        #ffffff;

}


.gcsv-moving-info__content {

    padding:
        60px;

}


.gcsv-moving-info__content > p {

    max-width: 570px;

    margin:
        18px 0 0;

    color:
        var(--gcsv-muted);

    font-size: 16px;

    line-height: 1.7;

}


.gcsv-moving-info__list {

    margin-top: 30px;

    display: grid;

    gap: 8px;

}


.gcsv-moving-info__list > div {

    min-height: 60px;

    padding:
        12px 14px;

    display: grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    align-items: center;

    gap: 10px;

    border-radius: 10px;

    background:
        var(--gcsv-bg);

}


.gcsv-moving-info__list span {

    color:
        var(--gcsv-orange);

    font-size: 14px;

    font-weight: 800;

}


.gcsv-moving-info__list strong {

    color:
        var(--gcsv-navy);

    font-size: 15px;

}


.gcsv-moving-info__visual {

    min-height: 520px;

    overflow: hidden;

    background:
        var(--gcsv-navy);

}


.gcsv-moving-info__visual img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


/* ==========================================================================
   CONTACT PANEL
   ========================================================================== */

.gcsv-moving-contact {

    position: relative;

    min-height: 410px;

    padding:
        60px;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        280px;

    align-items: center;

    gap: 55px;

    border-radius: 23px;

    color:
        #ffffff;

    background:

        linear-gradient(
            145deg,
            var(--gcsv-navy-2),
            var(--gcsv-navy)
        );

}


.gcsv-moving-contact__pattern {

    position: absolute;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:
        42px 42px;

}


.gcsv-moving-contact::after {

    content: "";

    position: absolute;

    top: -190px;

    right: -150px;

    width: 470px;

    height: 470px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(241,90,36,.22),
            transparent 68%
        );

}


.gcsv-moving-contact__content,
.gcsv-moving-contact__aside {

    position: relative;

    z-index: 3;

}


.gcsv-moving-contact h2 {

    color:
        #ffffff;

}


.gcsv-moving-contact__content > p {

    max-width: 590px;

    margin:
        19px 0 0;

    color:
        rgba(255,255,255,.63);

    font-size: 16px;

    line-height: 1.72;

}


/* ACTIONS */

.gcsv-moving-contact__actions {

    margin-top: 27px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcsv-moving-contact__actions a {

    min-height: 51px;

    padding:
        0 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcsv-moving-contact__primary {

    color:
        #ffffff;

    background:
        var(--gcsv-orange);

}


.gcsv-moving-contact__secondary {

    color:
        #ffffff;

    border:
        1px solid rgba(255,255,255,.15);

    background:
        rgba(255,255,255,.05);

}


/* CONTACT ASIDE */

.gcsv-moving-contact__aside {

    padding:
        25px;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius: 15px;

    background:
        rgba(255,255,255,.05);

    backdrop-filter:
        blur(10px);

}


.gcsv-moving-contact__aside > span {

    width: 53px;

    height: 53px;

    margin-bottom: 19px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    color:
        var(--gcsv-orange-light);

    background:
        rgba(241,90,36,.12);

}


.gcsv-moving-contact__aside svg {

    width: 25px;

    height: 25px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcsv-moving-contact__aside small {

    display: block;

    color:
        rgba(255,255,255,.48);

    font-size: 14px;

}


.gcsv-moving-contact__aside strong {

    display: block;

    margin-top: 5px;

    color:
        #ffffff;

    font-size: 22px;

}


.gcsv-moving-contact__aside p {

    margin:
        8px 0 0;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

    line-height: 1.6;

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {

    .gcsv-moving-info {

        grid-template-columns:
            1fr;

    }


    .gcsv-moving-info__visual {

        min-height: 390px;

    }


    .gcsv-moving-contact {

        grid-template-columns:
            1fr;

    }


    .gcsv-moving-contact__aside {

        max-width: 400px;

    }

}


@media (max-width: 760px) {

    .gcsv-moving-overview__visual {

        min-height: 520px;

    }


    .gcsv-moving-overview__main {

        width: 88%;

        height: 400px;

    }


    .gcsv-moving-overview__secondary {

        width: 48%;

        height: 240px;

    }


    .gcsv-moving-organization {

        padding:
            40px 28px;

    }


    .gcsv-moving-info__content {

        padding:
            40px 28px;

    }


    .gcsv-moving-contact {

        padding:
            42px 28px;

    }

}


@media (max-width: 500px) {

    .gcsv-moving-overview__visual {

        min-height: 540px;

    }


    .gcsv-moving-overview__main {

        width: 100%;

        height: 340px;

    }


    .gcsv-moving-overview__secondary {

        bottom: 80px;

        width: 52%;

        height: 205px;

    }


    .gcsv-moving-overview__badge {

        right: 0;

        bottom: 0;

        left: 0;

        min-width: 0;

    }


    .gcsv-moving-organization {

        padding:
            32px 20px;

    }


    .gcsv-moving-organization__grid {

        grid-template-columns:
            1fr;

    }


    .gcsv-moving-info__content {

        padding:
            32px 20px;

    }


    .gcsv-moving-info__visual {

        min-height: 320px;

    }


    .gcsv-moving-contact {

        padding:
            34px 20px;

    }


    .gcsv-moving-contact__actions {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .gcsv-moving-contact__actions a {

        width: 100%;

    }


    .gcsv-moving-contact__aside {

        width: 100%;

        max-width: none;

    }

}
/* ==========================================================================
   GLOBAL CARGO
   SERVICIOS.PHP
   PREFIJO: gcservices-
   MÍNIMO TIPOGRÁFICO: 14px
   ========================================================================== */

.gcservices-page {

    --gcs-orange: #f15a24;
    --gcs-orange-light: #ff7541;
    --gcs-orange-dark: #d74717;

    --gcs-navy: #041424;
    --gcs-navy-2: #071f39;

    --gcs-white: #ffffff;
    --gcs-bg: #f4f6f7;

    --gcs-text: #17232e;
    --gcs-muted: #6c7882;
    --gcs-border: #dfe5e8;

    --gcs-font:
        "Aptos",
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif;

    width: 100%;

    overflow-x: clip;

    color:
        var(--gcs-text);

    font-family:
        var(--gcs-font);

}


.gcservices-page *,
.gcservices-page *::before,
.gcservices-page *::after {

    box-sizing: border-box;

}


.gcservices-container {

    position: relative;

    z-index: 3;

    width:
        min(
            1280px,
            calc(100% - 48px)
        );

    margin:
        0 auto;

}


/* ==========================================================================
   COMMON
   ========================================================================== */

.gcservices-section-label,
.gcservices-eyebrow {

    display: block;

    color:
        var(--gcs-orange);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .065em;

    text-transform: uppercase;

}


/* ==========================================================================
   HERO
   ========================================================================== */

.gcservices-hero {

    position: relative;

    min-height: 530px;

    overflow: hidden;

    display: flex;

    align-items: center;

    isolation: isolate;

    background:
        var(--gcs-navy);

}


.gcservices-hero__media {

    position: absolute;

    z-index: -5;

    inset: 0;

}


.gcservices-hero__media img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


.gcservices-hero__overlay {

    position: absolute;

    z-index: -4;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98),
            rgba(4,20,36,.90) 44%,
            rgba(4,20,36,.50)
        );

}


.gcservices-hero__grid {

    position: absolute;

    z-index: -3;

    inset: 0;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(255,255,255,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.07) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

}


.gcservices-hero__inner {

    position: relative;

    min-height: 530px;

    padding:
        100px 0 70px;

    display: flex;

    align-items: center;

}


/* BREADCRUMB */

.gcservices-breadcrumb {

    position: absolute;

    top: 29px;

    left: 0;

    display: flex;

    align-items: center;

    gap: 9px;

}


.gcservices-breadcrumb a,
.gcservices-breadcrumb strong {

    font-size: 14px;

}


.gcservices-breadcrumb a {

    color:
        rgba(255,255,255,.62);

    text-decoration: none;

}


.gcservices-breadcrumb strong {

    color:
        #ffffff;

}


.gcservices-breadcrumb span {

    width: 20px;

    height: 20px;

    display: grid;

    place-items: center;

}


.gcservices-breadcrumb svg {

    width: 13px;

    height: 13px;

    fill: none;

    stroke:
        var(--gcs-orange-light);

    stroke-width: 1.8;

}


/* HERO COPY */

.gcservices-hero__content {

    max-width: 760px;

}


.gcservices-eyebrow {

    color:
        var(--gcs-orange-light);

}


.gcservices-hero h1 {

    margin:
        13px 0 0;

    color:
        #ffffff;

    font-size:
        clamp(
            54px,
            6.2vw,
            86px
        );

    font-weight: 800;

    line-height: .91;

    letter-spacing: -.055em;

}


.gcservices-hero h1 span {

    display: block;

    color:
        var(--gcs-orange-light);

}


.gcservices-hero__content > p {

    max-width: 620px;

    margin:
        24px 0 0;

    color:
        rgba(255,255,255,.69);

    font-size: 17px;

    line-height: 1.72;

}


/* HERO ACTIONS */

.gcservices-hero__actions {

    margin-top: 29px;

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.gcservices-button {

    min-height: 55px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

    transition:
        transform .25s ease;

}


.gcservices-button:hover {

    transform:
        translateY(-2px);

}


.gcservices-button--primary {

    color:
        #ffffff;

    background:

        linear-gradient(
            135deg,
            var(--gcs-orange-light),
            var(--gcs-orange-dark)
        );

}


.gcservices-button--secondary {

    color:
        #ffffff;

    border:
        1px solid rgba(255,255,255,.17);

    background:
        rgba(255,255,255,.06);

}


/* HERO STATS */

.gcservices-hero__stats {

    position: absolute;

    right: 0;

    bottom: 55px;

    width: 370px;

    padding:
        17px;

    display: grid;

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1fr;

    align-items: center;

    gap: 13px;

    border:
        1px solid rgba(255,255,255,.14);

    border-radius: 14px;

    background:
        rgba(4,20,36,.82);

    backdrop-filter:
        blur(12px);

}


.gcservices-hero__stats i {

    width: 1px;

    height: 37px;

    background:
        rgba(255,255,255,.12);

}


.gcservices-hero__stats div {

    text-align: center;

}


.gcservices-hero__stats strong {

    display: block;

    color:
        var(--gcs-orange-light);

    font-size: 24px;

}


.gcservices-hero__stats span {

    display: block;

    margin-top: 4px;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

    line-height: 1.3;

}


.gcservices-hero__line {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    height: 4px;

    background:

        linear-gradient(
            90deg,
            var(--gcs-orange),
            var(--gcs-orange-light) 35%,
            transparent 85%
        );

}


/* ==========================================================================
   INTRO
   ========================================================================== */

.gcservices-intro {

    padding:
        100px 0;

    background:
        #ffffff;

}


.gcservices-intro__grid {

    display: grid;

    grid-template-columns:
        1.05fr
        .75fr;

    align-items: end;

    gap: 80px;

}


.gcservices-intro h2,
.gcservices-selector h2,
.gcservices-list h2,
.gcservices-transport h2,
.gcservices-process h2,
.gcservices-support h2 {

    margin:
        10px 0 0;

    color:
        var(--gcs-navy);

    font-size:
        clamp(
            40px,
            4.6vw,
            63px
        );

    font-weight: 780;

    line-height: .97;

    letter-spacing: -.045em;

}


.gcservices-intro h2 span,
.gcservices-selector h2 span,
.gcservices-list h2 span,
.gcservices-transport h2 span,
.gcservices-process h2 span,
.gcservices-support h2 span {

    display: block;

    color:
        var(--gcs-orange);

}


.gcservices-intro__copy p {

    margin:
        0;

    color:
        var(--gcs-muted);

    font-size: 16px;

    line-height: 1.75;

}


.gcservices-intro__copy p + p {

    margin-top: 15px;

}


/* ==========================================================================
   SELECTOR
   ========================================================================== */

.gcservices-selector {

    padding:
        100px 0;

    background:
        var(--gcs-bg);

}


.gcservices-selector__heading {

    max-width: 800px;

    margin-bottom: 38px;

}


.gcservices-selector__heading > p {

    max-width: 600px;

    margin:
        18px 0 0;

    color:
        var(--gcs-muted);

    font-size: 16px;

    line-height: 1.7;

}


/* TABS */

.gcservices-tabs {

    margin-bottom: 15px;

    padding: 6px;

    display: grid;

    grid-template-columns:
        repeat(5,1fr);

    gap: 5px;

    border:
        1px solid var(--gcs-border);

    border-radius: 13px;

    background:
        #ffffff;

}


.gcservices-tab {

    min-height: 55px;

    padding:
        9px 8px;

    border: 0;

    border-radius: 9px;

    color:
        #65717a;

    background:
        transparent;

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    transition:
        color .2s ease,
        background .2s ease;

}


.gcservices-tab span {

    margin-right: 4px;

    color:
        var(--gcs-orange);

    font-size: 14px;

}


.gcservices-tab.is-active {

    color:
        #ffffff;

    background:
        var(--gcs-navy);

}


.gcservices-tab.is-active span {

    color:
        var(--gcs-orange-light);

}


/* FEATURE */

.gcservices-featured {

    min-height: 540px;

    display: grid;

    grid-template-columns:
        1.15fr
        .85fr;

    overflow: hidden;

    border:
        1px solid var(--gcs-border);

    border-radius: 21px;

    background:
        #ffffff;

    box-shadow:
        0 24px 50px
        rgba(4,20,36,.08);

}


.gcservices-featured__media {

    position: relative;

    min-height: 540px;

    overflow: hidden;

    background:
        var(--gcs-navy);

}


.gcservices-featured__media::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            transparent 50%,
            rgba(4,20,36,.55)
        );

}


.gcservices-featured__media > img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        opacity .3s ease,
        transform .65s ease;

}


.gcservices-featured:hover
.gcservices-featured__media > img {

    transform:
        scale(1.025);

}


/* BADGE */

.gcservices-featured__badge {

    position: absolute;

    z-index: 4;

    bottom: 22px;

    left: 22px;

    padding:
        13px 15px;

    display: grid;

    grid-template-columns:
        40px
        minmax(0,1fr);

    align-items: center;

    gap: 11px;

    border:
        1px solid rgba(255,255,255,.15);

    border-radius: 11px;

    color:
        #ffffff;

    background:
        rgba(4,20,36,.88);

    backdrop-filter:
        blur(10px);

}


.gcservices-featured__badge > span {

    color:
        var(--gcs-orange-light);

    font-size: 20px;

    font-weight: 800;

}


.gcservices-featured__badge small {

    display: block;

    color:
        rgba(255,255,255,.50);

    font-size: 14px;

}


.gcservices-featured__badge strong {

    display: block;

    margin-top: 2px;

    color:
        #ffffff;

    font-size: 15px;

}


/* FEATURE CONTENT */

.gcservices-featured__content {

    padding:
        55px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}


.gcservices-featured__label {

    display: block;

    color:
        var(--gcs-orange);

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

}


.gcservices-featured__content h3 {

    margin:
        12px 0 0;

    color:
        var(--gcs-navy);

    font-size:
        clamp(
            35px,
            3.8vw,
            53px
        );

    line-height: .98;

    letter-spacing: -.04em;

}


.gcservices-featured__content h3 span {

    display: block;

    color:
        var(--gcs-orange);

}


.gcservices-featured__content > p {

    margin:
        20px 0 0;

    color:
        var(--gcs-muted);

    font-size: 16px;

    line-height: 1.72;

}


/* FEATURE INFO */

.gcservices-featured__info {

    margin-top: 28px;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;

}


.gcservices-featured__info > div {

    min-height: 74px;

    padding:
        13px;

    border-radius: 10px;

    background:
        var(--gcs-bg);

}


.gcservices-featured__info small {

    display: block;

    color:
        var(--gcs-muted);

    font-size: 14px;

}


.gcservices-featured__info strong {

    display: block;

    margin-top: 3px;

    color:
        var(--gcs-navy);

    font-size: 14px;

}


/* FEATURE ACTIONS */

.gcservices-featured__actions {

    margin-top: 25px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcservices-featured__actions a {

    min-height: 50px;

    padding:
        0 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    border-radius: 9px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcservices-featured__primary {

    color:
        #ffffff;

    background:
        var(--gcs-orange);

}


.gcservices-featured__secondary {

    color:
        var(--gcs-navy);

    border:
        1px solid var(--gcs-border);

    background:
        #ffffff;

}


/* ==========================================================================
   SERVICE LIST
   ========================================================================== */

.gcservices-list {

    padding:
        105px 0;

    background:
        #ffffff;

}


.gcservices-list__heading {

    max-width: 760px;

    margin-bottom: 40px;

}


.gcservices-list__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;

}


.gcservices-card {

    min-height: 450px;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        .92fr
        1.08fr;

    border:
        1px solid var(--gcs-border);

    border-radius: 17px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.gcservices-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 18px 40px
        rgba(4,20,36,.08);

}


.gcservices-card--wide {

    grid-column:
        1 / -1;

    min-height: 390px;

    grid-template-columns:
        1.1fr
        .9fr;

}


.gcservices-card__image {

    position: relative;

    min-height: 100%;

    overflow: hidden;

    background:
        var(--gcs-navy);

}


.gcservices-card__image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            180deg,
            transparent 55%,
            rgba(4,20,36,.45)
        );

}


.gcservices-card__image img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .6s ease;

}


.gcservices-card:hover
.gcservices-card__image img {

    transform:
        scale(1.04);

}


.gcservices-card__image > span {

    position: absolute;

    z-index: 3;

    top: 18px;

    left: 18px;

    width: 43px;

    height: 43px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    color:
        var(--gcs-orange-light);

    background:
        rgba(4,20,36,.87);

    font-size: 14px;

    font-weight: 800;

}


/* CARD CONTENT */

.gcservices-card__content {

    padding:
        33px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}


.gcservices-card__content > small {

    color:
        var(--gcs-orange);

    font-size: 14px;

    font-weight: 750;

}


.gcservices-card h3 {

    margin:
        9px 0 0;

    color:
        var(--gcs-navy);

    font-size: 29px;

    line-height: 1.05;

}


.gcservices-card p {

    margin:
        16px 0 0;

    color:
        var(--gcs-muted);

    font-size: 15px;

    line-height: 1.7;

}


.gcservices-card__actions {

    margin-top: 25px;

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}


.gcservices-card__actions a {

    min-height: 43px;

    padding:
        0 12px;

    display: inline-flex;

    align-items: center;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcservices-card__actions a:first-child {

    color:
        #ffffff;

    background:
        var(--gcs-navy);

}


.gcservices-card__actions a:last-child {

    color:
        var(--gcs-orange);

    border:
        1px solid var(--gcs-border);

}


/* ==========================================================================
   TRANSPORT
   ========================================================================== */

.gcservices-transport {

    padding:
        105px 0;

    background:
        var(--gcs-bg);

}


.gcservices-transport__heading {

    max-width: 820px;

    margin-bottom: 42px;

}


.gcservices-transport__heading > p {

    max-width: 610px;

    margin:
        18px 0 0;

    color:
        var(--gcs-muted);

    font-size: 16px;

    line-height: 1.7;

}


.gcservices-transport__grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;

}


.gcservices-transport-card {

    overflow: hidden;

    border-radius: 18px;

    background:
        var(--gcs-navy);

}


.gcservices-transport-card__media {

    height: 300px;

    overflow: hidden;

}


.gcservices-transport-card__media img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

    transition:
        transform .6s ease;

}


.gcservices-transport-card:hover
.gcservices-transport-card__media img {

    transform:
        scale(1.04);

}


.gcservices-transport-card__content {

    position: relative;

    padding:
        34px;

    color:
        #ffffff;

}


.gcservices-transport-card__icon {

    position: absolute;

    top: -29px;

    right: 28px;

    width: 58px;

    height: 58px;

    display: grid;

    place-items: center;

    border:
        5px solid var(--gcs-navy);

    border-radius: 13px;

    color:
        #ffffff;

    background:
        var(--gcs-orange);

}


.gcservices-transport-card__icon svg {

    width: 25px;

    height: 25px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcservices-transport-card__content > small {

    color:
        var(--gcs-orange-light);

    font-size: 14px;

}


.gcservices-transport-card h3 {

    margin:
        6px 0 0;

    color:
        #ffffff;

    font-size: 31px;

}


.gcservices-transport-card p {

    margin:
        17px 0 0;

    color:
        rgba(255,255,255,.58);

    font-size: 14px;

}


/* COUNTRIES */

.gcservices-transport-card__countries {

    margin-top: 15px;

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}


.gcservices-transport-card__countries > span {

    min-height: 39px;

    padding:
        5px 9px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 8px;

    color:
        #ffffff;

    background:
        rgba(255,255,255,.05);

    font-size: 14px;

}


.gcservices-transport-card__countries img {

    width: 28px !important;

    height: 19px !important;

    max-width: none !important;

    object-fit: cover;

    border-radius: 3px;

}


.gcservices-transport-card__content > a {

    display: inline-block;

    margin-top: 24px;

    color:
        var(--gcs-orange-light);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   PROCESS
   ========================================================================== */

.gcservices-process {

    padding:
        105px 0;

    background:
        #ffffff;

}


.gcservices-process__heading {

    max-width: 820px;

    margin-bottom: 42px;

}


.gcservices-process__grid {

    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 9px;

}


.gcservices-process__grid article {

    position: relative;

    min-height: 270px;

    padding:
        25px;

    border:
        1px solid var(--gcs-border);

    border-radius: 14px;

    background:
        #ffffff;

    transition:
        transform .25s ease,
        border-color .25s ease;

}


.gcservices-process__grid article:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(241,90,36,.35);

}


.gcservices-process__number {

    position: absolute;

    top: 19px;

    right: 19px;

    color:
        #c5cbd0;

    font-size: 14px;

    font-weight: 800;

}


.gcservices-process__icon {

    width: 52px;

    height: 52px;

    margin-bottom: 24px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    color:
        var(--gcs-orange);

    background:
        rgba(241,90,36,.09);

}


.gcservices-process__icon svg {

    width: 24px;

    height: 24px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

}


.gcservices-process__grid h3 {

    margin: 0;

    color:
        var(--gcs-navy);

    font-size: 20px;

}


.gcservices-process__grid p {

    margin:
        10px 0 0;

    color:
        var(--gcs-muted);

    font-size: 14px;

    line-height: 1.67;

}


/* ==========================================================================
   SUPPORT
   ========================================================================== */

.gcservices-support {

    padding:
        75px 0;

    color:
        #ffffff;

    background:

        linear-gradient(
            145deg,
            var(--gcs-navy-2),
            var(--gcs-navy)
        );

}


.gcservices-support__grid {

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        330px;

    align-items: center;

    gap: 75px;

}


.gcservices-support h2 {

    color:
        #ffffff;

}


.gcservices-support__content > p {

    max-width: 630px;

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.61);

    font-size: 16px;

    line-height: 1.7;

}


.gcservices-support__actions {

    display: grid;

    gap: 8px;

}


.gcservices-support__whatsapp {

    padding:
        19px;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 13px;

    color:
        #ffffff;

    background:
        rgba(255,255,255,.05);

    text-decoration: none;

}


.gcservices-support__whatsapp small {

    display: block;

    color:
        rgba(255,255,255,.48);

    font-size: 14px;

}


.gcservices-support__whatsapp strong {

    display: block;

    margin-top: 4px;

    font-size: 22px;

}


.gcservices-support__whatsapp span {

    display: block;

    margin-top: 8px;

    color:
        var(--gcs-orange-light);

    font-size: 14px;

    font-weight: 750;

}


.gcservices-support__contact {

    min-height: 51px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    color:
        #ffffff;

    background:
        var(--gcs-orange);

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


/* ==========================================================================
   FINAL
   ========================================================================== */

.gcservices-final {

    position: relative;

    min-height: 500px;

    overflow: hidden;

    display: flex;

    align-items: center;

    background:
        var(--gcs-navy);

}


.gcservices-final__media {

    position: absolute;

    inset: 0;

}


.gcservices-final__media img {

    width: 100% !important;

    height: 100% !important;

    max-width: none !important;

    object-fit: cover;

}


.gcservices-final__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(4,20,36,.98),
            rgba(4,20,36,.88) 50%,
            rgba(4,20,36,.40)
        );

}


.gcservices-final__content {

    position: relative;

    z-index: 3;

    max-width: 800px;

    padding:
        85px 0;

}


.gcservices-final__content > span {

    color:
        var(--gcs-orange-light);

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

}


.gcservices-final h2 {

    margin:
        10px 0 0;

    color:
        #ffffff;

    font-size:
        clamp(
            41px,
            4.8vw,
            65px
        );

    line-height: .97;

    letter-spacing: -.045em;

}


.gcservices-final h2 strong {

    display: block;

    color:
        var(--gcs-orange-light);

}


.gcservices-final p {

    max-width: 600px;

    margin:
        18px 0 0;

    color:
        rgba(255,255,255,.62);

    font-size: 16px;

    line-height: 1.7;

}


.gcservices-final__actions {

    margin-top: 28px;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}


.gcservices-final__actions a {

    min-height: 54px;

    padding:
        0 17px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    border-radius: 9px;

    font-size: 14px;

    font-weight: 750;

    text-decoration: none;

}


.gcservices-final__primary {

    color:
        #ffffff;

    background:
        var(--gcs-orange);

}


.gcservices-final__secondary {

    color:
        #ffffff;

    border:
        1px solid rgba(255,255,255,.15);

    background:
        rgba(255,255,255,.06);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

    .gcservices-card {

        grid-template-columns:
            1fr;

    }


    .gcservices-card__image {

        min-height: 280px;

    }


    .gcservices-card--wide {

        grid-template-columns:
            1fr 1fr;

    }


    .gcservices-process__grid {

        grid-template-columns:
            1fr 1fr;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gcservices-container {

        width:
            calc(100% - 28px);

    }


    .gcservices-hero__inner {

        padding:
            105px 0 52px;

        display: block;

    }


    .gcservices-hero h1 {

        font-size: 49px;

    }


    .gcservices-hero__stats {

        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

        max-width: 420px;

        margin-top: 35px;

    }


    .gcservices-intro {

        padding:
            75px 0;

    }


    .gcservices-intro__grid {

        display: block;

    }


    .gcservices-intro__copy {

        margin-top: 28px;

    }


    .gcservices-selector {

        padding:
            75px 0;

    }


    .gcservices-tabs {

        display: flex;

        overflow-x: auto;

        scrollbar-width: none;

    }


    .gcservices-tab {

        min-width: 155px;

    }


    .gcservices-featured {

        grid-template-columns:
            1fr;

    }


    .gcservices-featured__media {

        min-height: 420px;

    }


    .gcservices-featured__content {

        padding:
            38px 28px;

    }


    .gcservices-list {

        padding:
            75px 0;

    }


    .gcservices-list__grid {

        grid-template-columns:
            1fr;

    }


    .gcservices-card,
    .gcservices-card--wide {

        grid-column: auto;

        grid-template-columns:
            1fr;

    }


    .gcservices-card__image {

        min-height: 300px;

    }


    .gcservices-transport {

        padding:
            75px 0;

    }


    .gcservices-transport__grid {

        grid-template-columns:
            1fr;

    }


    .gcservices-process {

        padding:
            75px 0;

    }


    .gcservices-support__grid {

        grid-template-columns:
            1fr;

        gap: 40px;

    }


    .gcservices-support__actions {

        max-width: 420px;

    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 500px) {

    .gcservices-hero h1 {

        font-size: 41px;

    }


    .gcservices-hero__actions {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .gcservices-button {

        width: 100%;

    }


    .gcservices-hero__stats {

        grid-template-columns:
            1fr;

    }


    .gcservices-hero__stats i {

        width: 100%;

        height: 1px;

    }


    .gcservices-intro h2,
    .gcservices-selector h2,
    .gcservices-list h2,
    .gcservices-transport h2,
    .gcservices-process h2,
    .gcservices-support h2 {

        font-size: 36px;

    }


    .gcservices-featured__media {

        min-height: 330px;

    }


    .gcservices-featured__content {

        padding:
            30px 20px;

    }


    .gcservices-featured__info {

        grid-template-columns:
            1fr;

    }


    .gcservices-featured__actions {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .gcservices-featured__actions a {

        width: 100%;

    }


    .gcservices-card__image {

        min-height: 250px;

    }


    .gcservices-card__content {

        padding:
            26px 20px;

    }


    .gcservices-process__grid {

        grid-template-columns:
            1fr;

    }


    .gcservices-final__actions {

        display: grid;

        grid-template-columns:
            1fr;

    }


    .gcservices-final__actions a {

        width: 100%;

    }

}