/* Estilos para el Detalle del Grupo */

.container-detalle-grupo .card { 
    background: #ffffff !important; 
    border-radius: 25px !important; 
    border: none !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; 
    margin-bottom: 20px; 
}

.badge-info-grupo {
    display: inline-block;
    padding: 5px 25px;
    background: #f8f9fa;
    color: #6c757d;
    font-weight: 500;
    font-size: 1.1rem;
    border: 1px solid #e9ecef;
    border-radius: 50px;
}

.btn-custom { 
    padding: 14px !important; 
    font-size: 1rem !important; 
    display: block !important; 
    width: 100% !important; 
    margin-bottom: 12px !important; 
    border-radius: 50px !important; 
    font-weight: bold !important; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    transition: all 0.3s; 
    text-decoration: none !important; 
    text-align: center; 
}

.btn-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.info-label { 
    font-weight: bold; 
    color: #212529; 
    margin-bottom: 2px; 
    display: block; 
    font-size: 1.1rem; 
}

.info-text { 
    color: #6c757d; 
    margin-bottom: 15px; 
    display: block; 
    font-size: 1.05rem; 
}

.address-tag { 
    background: #f1f8ff; 
    color: #0d6efd; 
    padding: 10px 15px; 
    border-radius: 12px; 
    font-size: 0.95rem; 
    font-weight: 500; 
    border-left: 4px solid #0d6efd; 
    margin-bottom: 10px; 
}

.office-box { 
    background: #e7f1ff; 
    border-radius: 15px; 
    padding: 15px; 
    margin-top: 20px; 
    border: 1px dashed #0d6efd; 
}

@media (max-width: 767px) { 
    .container-detalle-grupo h2 { font-size: 1.6rem !important; } 
    iframe { min-height: 350px !important; }
}