/* =========================================
SERVICIOS / DESTACADOS
========================================= */

.destacado-item{

display:flex;

align-items:center;

gap:20px;

padding:15px;

border-radius:15px;

margin-bottom:15px;

transition:.25s;

text-decoration:none !important;

color:#333;

}

.destacado-item:hover{

background:#f8f9fa;

transform:translateY(-3px);

box-shadow:0 5px 15px rgba(0,0,0,.08);

}


/* =========================================
ICONOS / IMAGENES
========================================= */

.icono-circulo{

width:90px;

height:90px;

min-width:90px;

overflow:hidden;

border-radius:50%;

background:linear-gradient(
135deg,
#d4af37,
#b8952f
);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:32px;

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

flex-shrink:0;

}


/* IMAGENES FUTURAS */

.icono-destacado{

width:90px;

height:90px;

object-fit:cover;

object-position:center;

border-radius:50%;

display:block;

}


/* =========================================
TEXTOS
========================================= */

.destacado-item h5{

font-weight:700;

margin-bottom:6px;

color:#0d3b66;

}

.destacado-item p{

margin:0;

font-size:14px;

line-height:1.6;

color:#666;

}


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

.card{

border-radius:18px;

}

.card-body{

padding:30px;

}


/* =========================================
TITULOS
========================================= */

.section-title h1{

font-weight:700;

}

.card-body h3{

font-weight:700;

border-bottom:2px solid #d4af37;

padding-bottom:10px;

margin-bottom:25px !important;

}


/* =========================================
MOBILE
========================================= */

@media(max-width:991px){

.icono-circulo{

width:70px;
height:70px;
min-width:70px;

font-size:24px;

}

.icono-destacado{

width:70px;
height:70px;

}

.destacado-item{

gap:15px;

}

.destacado-item h5{

font-size:16px;

}

.destacado-item p{

font-size:13px;

}

}