:root{

    --primary:#ff7a00;

    --dark:#1f2937;

    --light:#f8fafc;

}

*{

    font-family:'Inter',sans-serif;

}

body{

   background:#fafafa;

    color:var(--dark);

}

.navbar{

    padding:18px 0;

}

.navbar-brand{

    font-size:1.4rem;

    font-weight:700;

}

.btn-warning{

    background:var(--primary);

    border:none;

    color:white;

    border-radius:12px;

    padding:12px 26px;

}

.btn-warning:hover{

    background:#e86e00;

}

.hero{

    padding:120px 0 140px;

}

.hero-title{

    max-width:650px;
    line-height:1.05;
    letter-spacing:-2px;

}

.hero-image{
    max-width:100%;
    border-radius:20px;
    box-shadow:0 30px 80px rgba(0,0,0,.15);
    transition:.3s;
}

.hero-image:hover{
    transform:translateY(-5px);
}

.btn-warning{
    padding:14px 34px;
    font-weight:600;
}

.btn-outline-dark{
    padding:14px 34px;
    font-weight:600;
}
.feature-card{
    transition: all .25s ease;
    border-radius: 16px;
}

.feature-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 .8rem 2rem rgba(0,0,0,.12) !important;
}
.footer{
    background:#232B3E;
    color:#fff;
}

.footer h5{
    color:#fff;
}

.footer p,
.footer a{
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

.footer a:hover{
    color:#f9b233;
}

.footer hr{
    border-color:rgba(255,255,255,.15);
}
.table tbody tr:nth-child(even){
    background:#fafafa;
}

.table tbody tr:hover{
    background:#fff8e8;
}
.business-card{
    transform:scale(1.03);
    position:relative;
    z-index:2;
    transition:.3s;
}

.business-card:hover{
    transform:scale(1.05);
}

@media (max-width:991px){

    .business-card{
        transform:none;
    }

    .business-card:hover{
        transform:none;
    }

}
@media (max-width:991px){

    .feature-card{

        margin-bottom:15px;

    }

}
.accordion-button{

    font-weight:600;
    padding:1.2rem 1.3rem;

}

.accordion-body{

    color:#6b7280;
    line-height:1.8;

}
/* ==========================================
   FUNCIONES
========================================== */

.feature-section{

    padding:80px 0;

}

.feature-section img{

    border-radius:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.10);
    transition:.35s ease;

}

.feature-section img:hover{

    transform:translateY(-6px);

}

.feature-section h2{

    font-weight:700;

}

.feature-section p{

    color:#6c757d;
    line-height:1.8;

}

.feature-section ul li{

    margin-bottom:15px;
    font-size:1.05rem;

}

.feature-section ul i{

    font-size:1.1rem;

}
.feature-image{

    overflow:hidden;
    border-radius:20px;

}

.feature-image img{

    width:100%;
    display:block;

}