/* =====================================
   DASH MEXICAN - COMPONENTS
===================================== */


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

.card{
    background:#ffffff;
    border-radius:12px;
    padding:35px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    transition:all .3s ease;
    border:1px solid rgba(0,0,0,0.03);
}

.card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.card h3{
    margin-bottom:15px;
    font-size:1.3rem;
}

.card p{
    color:#555;
    line-height:1.6;
}


/* ===== BOTONES ===== */

.btn{
    display:inline-block;
    padding:14px 28px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    font-size:0.95rem;
    transition:all .25s ease;
}


/* BOTON PRINCIPAL */

.btn-primary{
    background:linear-gradient(135deg,#007BFF,#0056b3);
    color:#fff;
    box-shadow:0 6px 18px rgba(0,123,255,0.3);
}

.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,123,255,0.4);
}


/* ===== FORMULARIOS ===== */

input,
textarea{
    width:100%;
    padding:12px 15px;
    border-radius:6px;
    border:1px solid #ddd;
    margin-bottom:15px;
    font-size:0.95rem;
}

input:focus,
textarea:focus{
    outline:none;
    border-color:#007BFF;
}


/* ===== HAMBURGER MENU ===== */

#hamburger{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}

#hamburger span{
    width:25px;
    height:3px;
    background:#333;
}


/* ===== RESPONSIVE MENU ===== */

@media (max-width:768px){

.nav-links{
    position:absolute;
    top:70px;
    right:0;
    background:white;
    width:220px;
    flex-direction:column;
    padding:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    display:none;
}

.nav-links.active{
    display:flex;
}

#hamburger{
    display:flex;
}

}

/* =====================================
   TEAM SECTION
===================================== */

.team{
    text-align:center;
}

.team-diagram{
    margin-top:50px;
}

/* CEO */

.team-member.ceo{
    max-width:250px;
    margin:0 auto 50px auto;
}

/* WORKERS */

.team-workers{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:30px;
    max-width:700px;
    margin:auto;
}

/* MEMBER CARD */

.team-member{
    background:white;
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    transition:.3s;
}

.team-member:hover{
    transform:translateY(-5px);
}

/* IMAGE */

.team-member img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:50%;
    margin:0 auto 15px auto;
}

/* NAME */

.team-member h3{
    font-size:1.1rem;
    margin-bottom:5px;
}

/* ROLE */

.team-member p{
    color:#666;
    font-size:0.9rem;
}