/******************************************************************
===================================================================
 GCT CONSULTING
 Compact Edition v1.0
 Tema: Rodio + Elementor
 Autor: GCT Consulting
===================================================================
*/

/******************************************************************
 VARIABLES GCT
******************************************************************/

:root{

    --gct-hero-nav-bottom:28rem; /* Posición vertical de las flechas */
    --gct-card-padding:4rem; /* Espacio de las cajas del hero */

}

/******************************************************************
 HERO
******************************************************************/

/* Compactar el Hero */
.hs1-content .content{
    padding-top:15rem;
    padding-bottom:35rem;
}

/* Navegación del Hero */
.hs1-content-wrapper .slider-nav-wrapper{
    top:auto;
    bottom:var(--gct-hero-nav-bottom, 350px);
    transform:none;
}

/* Colocar las flechas a la izquierda del contenido */
.hs1-content-wrapper .offset-lg-10{
    margin-left:0;
}

.hs1-content-wrapper .col-lg-2{
    width:auto;
}

/* ==========================================================
   GCT Consulting - Compact Edition
   Hero Cards
========================================================== */

/* Tarjeta */

.hs1-box .image-box{
    margin-top: 0;
}

/* Contenido */

.hs1-box .image-box-content-inner{

    display: flex;
    flex-direction: column;
    gap: 1rem;

    padding:var(--gct-card-padding);

}

/* Icono */

.hs1-box .image-box-content-inner svg{

    width: 40px;
    height: 40px;

    margin: 0;

}

/* Título */

.hs1-box .image-box-content-inner h4{

    margin: 0;

    font-size: 2rem;
    line-height: 1.2;

}

/* Texto */

.hs1-box .image-box-content-inner .content{

    margin: 0;

    font-size: .95rem;
    line-height: 1.6;

}

/* Botón Reveal */

.hs1-box .image-box-content-inner .reveal{

    margin-top: auto;

}