/*==============================
=            HEADER            =
==============================*/

.corporativo-header{
position:relative;
overflow:hidden;
padding:70px 30px;
border-radius:30px;
background:linear-gradient(135deg,rgba(13,110,253,.05),rgba(13,110,253,.12));
}

.corporativo-header p{
max-width:650px;
font-size:1.05rem;
margin:auto;
}


/*==============================
=      DECORATIVE SHAPES       =
==============================*/

.header-shape{
position:absolute;
border-radius:50%;
filter:blur(10px);
animation:float 7s ease-in-out infinite;
}

.shape1{
top:-40px;
left:-30px;
width:160px;
height:160px;
background:rgba(13,110,253,.15);
}

.shape2{
right:50px;
bottom:-20px;
width:120px;
height:120px;
background:rgba(13,110,253,.10);
animation-delay:2s;
}


/*==============================
=            CARDS             =
==============================*/

.transition-card{
transition:transform .35s ease,box-shadow .35s ease;
}

.transition-card:hover{
transform:translateY(-8px);
box-shadow:0 1rem 2rem rgba(0,0,0,.08)!important;
}


/*==============================
=          ANIMATIONS          =
==============================*/

@keyframes float{
0%,100%{transform:translateY(0);}
50%{transform:translateY(15px);}
}