/*====================================================
FUNCIONALIDADES
====================================================*/

.features-section{

padding:170px 0;

background:#ffffff;

}

.feature-block{

display:grid;

grid-template-columns:1.15fr 1fr;

gap:80px;

align-items:center;

margin:140px 0;

}

.feature-block.reverse{

grid-template-columns:1fr 1.15fr;

}

.feature-block.reverse .feature-image{

order:2;

}

.feature-block.reverse .feature-content{

order:1;

}

.feature-image{

position:relative;

}

.feature-image img{

width:100%;

border-radius:24px;

box-shadow:0 30px 80px rgba(0,0,0,.15);

transition:.45s;

}

.feature-image img:hover{

transform:translateY(-10px);

}

.feature-content span{

display:inline-flex;

width:60px;

height:60px;

align-items:center;

justify-content:center;

border-radius:16px;

background:#1565ff;

color:white;

font-weight:800;

font-size:22px;

margin-bottom:25px;

}

.feature-content h3{

font-size:42px;

margin-bottom:20px;

color:var(--secondary);

}

.feature-content p{

font-size:20px;

line-height:1.8;

color:var(--text-soft);

margin-bottom:30px;

}

/* 04/08/2026: la lista paso de etiquetas de una palabra ("Imagen",
   "Voto") a frases completas con el nombre real de cada funcion.
   En dos columnas esas frases se cortaban feo, asi que la lista
   pasa a una sola columna. */

.feature-content ul{

list-style:none;

display:grid;

grid-template-columns:1fr;

gap:12px;

}

.feature-content li{

background:#f5f8fd;

padding:14px 18px;

border-radius:14px;

font-weight:600;

font-size:16px;

line-height:1.45;

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

transition:.3s;

}

.feature-content li:hover{

background:#1565ff;

color:white;

transform:translateY(-3px);

}

@media(max-width:1100px){

.feature-block,
.feature-block.reverse{

grid-template-columns:1fr;

}

.feature-block.reverse .feature-image,
.feature-block.reverse .feature-content{

order:initial;

}

.feature-content h3{

font-size:34px;

}

}

@media(max-width:768px){

.feature-block{

gap:40px;

margin:90px 0;

}

}