/*=====================================
HERO CUSTODIAS
======================================*/

.hero-custodias{

position:relative;
/*
background:
linear-gradient(135deg,#071c2d 0%,#0e3b5f 55%,#005b81 100%);
*/
overflow:hidden;

}

.hero-custodias::before{

content:"";

position:absolute;

width:700px;

height:700px;

background:rgba(237,118,21,.08);

border-radius:50%;

top:-260px;

right:-250px;

}

.hero-content{

position:relative;

z-index:2;

color:#005b81;

}

.hero-badge{

display:inline-block;

padding:10px 20px;

background:rgba(255,255,255,.08);

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

border-radius:40px;

font-size:.82rem;

font-weight:700;

letter-spacing:1px;

margin-bottom:25px;

backdrop-filter:blur(10px);

}

.hero-custodias h1{

font-size:2.8rem;

font-weight:700;

line-height:1.15;

margin-bottom:25px;

max-width:620px;

color: #005b81;

}

.hero-custodias p{

font-size:1.05rem;

line-height:1.8;

color: #005b81;

max-width:560px;

margin-bottom:35px;

}

.hero-features{

display:flex;

flex-wrap:wrap;

gap:20px;

margin-bottom:40px;

}

.hero-features div{

display:flex;

align-items:center;

gap:10px;

padding:12px 18px;

background:rgba(255,255,255,.08);

border-radius:40px;

font-size:.95rem;

color: #005b81;

}

.hero-features i{

color:#ed7615;

font-size:1.2rem;

}

.hero-image{

position:relative;

z-index:2;

}

.hero-image img{

max-width:560px;

filter:drop-shadow(0 40px 70px rgba(0,0,0,.45));

animation:floatHero 6s ease-in-out infinite;

}

@keyframes floatHero{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}

@media(max-width:991px){

.hero-custodias{

padding:120px 0 70px;

text-align:center;

}

.hero-content p{

margin:auto auto 35px;

}

.hero-features{

justify-content:center;

}

.hero-image{

margin-top:50px;

}

}


/*=====================================
RIESGO
======================================*/

.risk-section{

padding:90px 0;

background:#f7fafc;

}

.risk-card{

background:#fff;

border-radius:30px;

padding:45px;

box-shadow:0 25px 60px rgba(0,0,0,.08);

overflow:hidden;

}

.risk-image{

overflow:hidden;

border-radius:24px;

}

.risk-image img{

width:100%;

transition:.45s;

}

.risk-image:hover img{

transform:scale(1.05);

}

.risk-list{

margin-top:35px;

display:grid;

gap:18px;

}

.risk-list div{

display:flex;

align-items:center;

gap:15px;

padding:18px 22px;

background:#f7fafc;

border-radius:16px;

font-weight:600;

color:#0e3b5f;

transition:.3s;

}

.risk-list div:hover{

transform:translateX(8px);

background:#eef6fb;

}

.risk-list i{

font-size:1.3rem;

color:#ed7615;

width:28px;

text-align:center;

}

@media(max-width:991px){

.risk-card{

padding:30px;

}

.risk-image{

margin-bottom:35px;

}

}


/*=====================================
GESTIÓN DE EVENTOS
======================================*/

.incident-section{

padding:100px 0;

background:#081f31;

color:#fff;

overflow:hidden;

}

.incident-section h2{

color:#fff;

}

.incident-section .section-description{

max-width:760px;

margin:auto;

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

}

.incident-timeline{

margin-top:70px;

display:flex;

justify-content:space-between;

position:relative;

gap:25px;

}

.timeline-line{

position:absolute;

top:38px;

left:8%;

right:8%;

height:3px;

background:rgba(255,255,255,.12);

z-index:1;

}

.timeline-step{

position:relative;

z-index:2;

text-align:center;

flex:1;

}

.timeline-icon{

width:78px;

height:78px;

margin:auto;

border-radius:50%;

background:#005b81;

display:flex;

justify-content:center;

align-items:center;

font-size:2rem;

color:#fff;

border:5px solid #081f31;

transition:.35s;

}

.timeline-step:hover .timeline-icon{

background:#ed7615;

transform:scale(1.08);

}

.timeline-step h5{

margin-top:25px;

font-size:1.05rem;

font-weight:700;

color: #ed7615;

}

.timeline-step p{

font-size:.92rem;

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

line-height:1.7;

margin-top:10px;

}

@media(max-width:991px){

.timeline-line{

display:none;

}

.incident-timeline{

flex-direction:column;

}

.timeline-step{

display:flex;

align-items:flex-start;

text-align:left;

gap:20px;

}

.timeline-step h5{

margin-top:0;
color:#ed7615;

}

.timeline-icon{

width:65px;

height:65px;

font-size:1.4rem;

flex-shrink:0;

}

}

/*=====================================
VISIBILIDAD TOTAL
======================================*/

.visibility-section{

padding:90px 0;

background:#f8fbfd;

}

.visibility-image{

overflow:hidden;

border-radius:28px;

box-shadow:0 25px 60px rgba(0,91,129,.12);

}

.visibility-image img{

width:100%;

transition:.45s;

}

.visibility-image:hover img{

transform:scale(1.03);

}

.visibility-section h2{

margin:20px 0;

}

.visibility-section p{

margin-bottom:35px;

max-width:480px;

}

@media(max-width:991px){

.visibility-image{

margin-top:40px;

}

}