/*======================================
PRODUCTOS
======================================*/

.products{

    padding:60px 0 100px;

}

/*======================================
TÍTULO
======================================*/

.section-title{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.section-title span{

    display:inline-block;

    margin-bottom:12px;

    color:var(--primary);

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-title h2{

    margin-bottom:18px;

    font-size:52px;

    line-height:1.15;

}

.section-title p{

    font-size:18px;

    line-height:1.7;

    color:#9BA8BC;

}

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

.products-grid{

    display:grid;

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

    gap:32px;

}

/*======================================
TARJETA
======================================*/

.product-card{

    display:flex;

    flex-direction:column;

    overflow:hidden;

    border-radius:22px;

    background:#0c1427;

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

    box-shadow:0 12px 30px rgba(0,0,0,.25);

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

    border-color:rgba(0,174,255,.35);

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

}

/*======================================
IMAGEN
======================================*/

.product-card img{

    display:block;

    width:100%;

    height:auto;

}

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

.product-card-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:28px;

}

.product-card-content h3{

    margin-bottom:14px;

    font-size:30px;

    color:#fff;

}

.product-card-content p{

    margin-bottom:24px;

    color:#AEBBD0;

    line-height:1.7;

}

/*======================================
LISTA
======================================*/

.product-card-content ul{

    margin:0 0 28px;

    padding:0;

    list-style:none;

}

.product-card-content li{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:10px;

    font-size:15px;

    color:#D7E1F0;

}

.product-card-content li i{

    color:#26B6FF;

}

/*======================================
ENLACE
======================================*/

.product-card-content a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:auto;

    color:var(--primary);

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}

.product-card-content a:hover{

    color:#fff;

}