/* Estilos personalizados para ServiDirectorio */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #333;
    background-color: #f8f9fa;
}

.hero-section {
    background: linear-gradient(135deg, #primary-color, #secondary-color);
    /* o colores sólidos */
    background: linear-gradient(135deg, #e0f2fe 0%, #f1f5f9 100%);
}

.transition-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.transition-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.auth-wrapper {
    max-width: 450px;
    margin: 0 auto;
}

.preview-image {
    max-height: 150px;
    object-fit: cover;
    border-radius: 5px;
    margin: 5px;
}