@charset "utf-8";
/* CSS Document */
/* =========================================================
   CHAYMANTA - HISTORIA / LÍNEA DE TIEMPO
========================================================= */

.chay-hist-timeline{
    position: relative;
    padding: 20px 0 45px;
    overflow: hidden;
}


/* CONTENEDOR DEL TÍTULO */

.chay-hist-timeline__header{
    text-align: center;
    margin-bottom: 15px;
}

.chay-hist-timeline__header h2{
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #26382b;
}

.chay-hist-timeline__header h2 span{
    color: #74852d;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: 600;
}


/* CONTENEDOR PRINCIPAL */

.chay-hist-timeline__content{
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


/* LÍNEA HORIZONTAL */

.chay-hist-timeline__content::before{
    content: "";
    position: absolute;
    top: 25px;
    left: 12.5%;
    right: 12.5%;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(127, 143, 51, 0.15),
        rgba(127, 143, 51, 0.65),
        rgba(127, 143, 51, 0.15)
    );
}


/* ITEM */

.chay-hist-timeline__item{
    position: relative;
    z-index: 2;
    flex: 1;
    text-align: center;
    padding: 0 20px;
}


/* ÍCONO */

.chay-hist-timeline__icon{
    width: 54px;
    height: 54px;
    margin: 0 auto;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        135deg,
        #1d681e,
        #154b17
    );

    border: 3px solid #dce2c4;

    box-shadow:
        0 0 0 2px #2c641c;

    color: #ffffff;

    transition: 
        transform 0.3s ease,
        background 0.3s ease;
}

.chay-hist-timeline__icon span{
    font-size: 1.4rem;
}


/* EFECTO HOVER */

.chay-hist-timeline__item:hover 
.chay-hist-timeline__icon{
    transform: translateY(-5px) scale(1.05);
    background: linear-gradient(
        135deg,
        #81942c,
        #466b1e
    );
}


/* NÚMERO */

.chay-hist-timeline__number{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 10px;

    min-width: 22px;
    height: 22px;
    padding: 0 5px;

    border-radius: 4px;

    background: #356226;

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
}


/* INFORMACIÓN */

.chay-hist-timeline__info{
    margin-top: 8px;
}

.chay-hist-timeline__info h3{
    margin: 0 0 8px;

    font-family: "Poppins", sans-serif;
    font-size: 0.85rem;
    font-weight: 600;

    color: #26382b;
}


.chay-hist-timeline__info p{
    margin: 0 auto;

    max-width: 230px;

    font-family: "Poppins", sans-serif;
    font-size: 0.72rem;
    line-height: 1.55;

    color: #424242;
}

.chay-hist-timeline__info strong{
    color: #365f28;
    font-weight: 700;
}