/* ===================================================== */
/* SIDEBAR ADUANAS - AISLADO                             */
/* Bootstrap 4.7 + FontAwesome 7.2                       */
/* ===================================================== */
.ana-sidebar-servicios .ana-sidebar-card 
{
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 125px;
    margin-bottom: 20px;
    padding: 10px 110px 10px 15px;
    background: #f2f2f2;
    color: #003875;
    border: 1px solid transparent;
    border-radius: 6px;
    box-shadow:
    0 2px 6px rgba(0,0,0,.08),
    0 4px 12px rgba(0,0,0,.06);
    text-decoration: none !important;
    transition: all .3s ease;
}
/* Línea lateral mostaza animada */
.ana-sidebar-servicios .ana-sidebar-card::before 
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #FCAA52;
    transition: width .3s ease;
}
.ana-sidebar-servicios .ana-sidebar-card:hover::before 
{
    width: 4px;
}
/* Hover */
.ana-sidebar-servicios .ana-sidebar-card:hover 
{
    background: #003875;
    /* Texto mostaza */
    color: #FCAA52 !important;
    /* Borde mostaza */
    border: 1px solid #FCAA52;
    text-decoration: none !important;
    box-shadow:
    0 6px 18px rgba(0,56,117,.25),
    0 3px 10px rgba(0,0,0,.15);
    transform: translateY(-2px);
}
/* Texto interno hover */
.ana-sidebar-servicios .ana-sidebar-card:hover p 
{
    color: #FCAA52 !important;
}
/* ===================================================== */
/* CONTENIDO INTERNO                                     */
/* ===================================================== */
.ana-sidebar-servicios .ana-sidebar-card-inner 
{
    position: relative;
    z-index: 2;
    width: 100%;
}
.ana-sidebar-servicios .ana-sidebar-card p 
{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    transition: color .3s ease;
}
/* ===================================================== */
/* ICONOS TARJETAS                                       */
/* ===================================================== */
.ana-sidebar-servicios .ana-sidebar-card-icon 
{
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    font-size: 68px;
    opacity: .18;

    color: #003875;

    transition: all .3s ease;
}
.ana-sidebar-servicios .ana-sidebar-card:hover .ana-sidebar-card-icon 
{
    font-size: 76px;
    opacity: .45;
    color: #FCAA52 !important;
}
/* ===================================================== */
/* REDES SOCIALES                                        */
/* ===================================================== */
.ana-sidebar-servicios .ana-sidebar-social-container 
{
    display: flex;
    justify-content: center;
    width: 100%;
}
.ana-sidebar-servicios .ana-sidebar-social-row 
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}
.ana-sidebar-servicios .ana-sidebar-social-icon 
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 46px;
    color: #7f7f7f;
    text-decoration: none !important;
    transition: all .25s ease;
}
.ana-sidebar-servicios .ana-sidebar-social-icon:hover 
{
    transform: translateY(-3px) scale(1.10);
    text-decoration: none !important;
}
.ana-sidebar-servicios .ana-sidebar-social-icon i 
{
    transition: all .25s ease;
}
.ana-sidebar-servicios .ana-sidebar-social-icon:hover i 
{
    transform: scale(1.15);
}
/* Colores redes */
.ana-sidebar-servicios .ana-facebook:hover 
{
    color: #1877f2 !important;
}
.ana-sidebar-servicios .ana-youtube:hover 
{
    color: #ff0000 !important;
}
.ana-sidebar-servicios .ana-linkedin:hover 
{
    color: #0077b5 !important;
}
.ana-sidebar-servicios .ana-twitter:hover 
{
    color: #003875 !important;
}
.ana-sidebar-servicios .ana-instagram:hover 
{
    color: #e1306c !important;
}
.ana-sidebar-servicios .ana-email:hover 
{
    color: #0072c6 !important;
}
/* ===================================================== */
/* IMAGEN                                                */
/* ===================================================== */
.ana-sidebar-servicios .ana-sidebar-image 
{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}
.ana-sidebar-servicios .ana-sidebar-image img 
{
    display: block;
    width: 70%;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 15px;
}
/* ===================================================== */
/* TABLET Y MOBILE                                       */
/* ===================================================== */
@media (max-width: 991.98px) 
{
    .ana-sidebar-servicios .ana-sidebar-card 
    {
        border: 1px solid #FCAA52;
    }
    .ana-sidebar-servicios .ana-sidebar-card::before 
    {
        width: 4px;
        background: #FCAA52;
    }
    .ana-sidebar-servicios .ana-sidebar-card p 
    {
        color: #15395A;
        font-weight: bold;
    }
    .ana-sidebar-servicios .ana-sidebar-card-icon 
    {
        color: #FCAA52;
        opacity: .30;
    }
}
/* ===================================================== */
/* MOBILE                                                */
/* ===================================================== */
@media (max-width: 575.98px) 
{
    .ana-sidebar-servicios .ana-sidebar-card 
    {
        border: 1px solid #FCAA52;
        min-height: 95px;
        padding-right: 75px;
    }
    .ana-sidebar-servicios .ana-sidebar-card::before 
    {
        width: 4px;
    }
    .ana-sidebar-servicios .ana-sidebar-card p 
    {
        font-size: 12px;
        line-height: 1.25;
        color: #15395A;
        font-weight: bold;
    }
    .ana-sidebar-servicios .ana-sidebar-card-icon 
    {
        font-size: 42px;
        color: #FCAA52;
        opacity: .35;
    }
}
/* ===================================================== */
/* MOBILE PEQUEÑO                                        */
/* ===================================================== */
@media (max-width: 375.98px) 
{
    .ana-sidebar-servicios .ana-sidebar-card 
    {
        padding-right: 65px;
    }
    .ana-sidebar-servicios .ana-sidebar-card p 
    {
        font-size: 11px;
    }
    .ana-sidebar-servicios .ana-sidebar-card-icon 
    {
        font-size: 36px;
        color: #fcaa52;
    }
}