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

PROCESO

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

.proceso-premium{

padding:140px 0;

background:white;

}

.proceso-header{

margin-bottom:90px;

}

.timeline-premium{

position:relative;

display:flex;

justify-content:space-between;

gap:25px;

margin-bottom:90px;

}

.timeline-line{

position:absolute;

left:5%;

right:5%;

top:40px;

height:3px;

background:#ececec;

z-index:0;

}

.timeline-item{

position:relative;

flex:1;

z-index:2;

}

.timeline-number{

width:80px;

height:80px;

margin:auto;

margin-bottom:30px;

border-radius:50%;

background:var(--azul);

display:flex;

justify-content:center;

align-items:center;

color:white;

font-weight:700;

font-size:22px;

box-shadow:0 15px 40px rgba(16,34,77,.20);

}

.timeline-card{

background:white;

padding:35px;

border-radius:22px;

text-align:center;

height:100%;

box-shadow:0 20px 45px rgba(0,0,0,.05);

transition:.35s;

border:1px solid #ececec;

}

.timeline-card:hover{

transform:translateY(-12px);

border-color:var(--dorado);

box-shadow:0 35px 65px rgba(0,0,0,.10);

}

.timeline-icon{

width:70px;

height:70px;

margin:auto;

margin-bottom:22px;

border-radius:50%;

background:#eef3fb;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

color:var(--azul);

transition:.35s;

}

.timeline-card:hover .timeline-icon{

background:var(--azul);

color:white;

}

.timeline-card h3{

font-size:30px;

color:var(--azul);

margin-bottom:15px;

}

.timeline-card p{

margin:0;

font-size:16px;

line-height:1.8;

color:#666;

}


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

CTA

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

.proceso-box{

background:linear-gradient(135deg,#10224d,#1b3167);

border-radius:28px;

padding:55px;

color:white;

}

.proceso-box h3{

color:white;

font-size:42px;

margin-bottom:18px;

}

.proceso-box p{

margin:0;

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

font-size:18px;

line-height:1.8;

}


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

RESPONSIVE

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

@media(max-width:991px){

.proceso-premium{

padding:90px 0;

}

.timeline-premium{

display:block;

}

.timeline-line{

display:none;

}

.timeline-item{

margin-bottom:40px;

}

.proceso-box{

padding:35px;

text-align:center;

}

.proceso-box .btn-premium{

margin-top:25px;

}

}

@media(max-width:576px){

.proceso-premium{

padding:70px 0;

}

.timeline-card{

padding:28px;

}

.timeline-card h3{

font-size:26px;

}

.proceso-box h3{

font-size:32px;

}

}