/* Auribox sitio — estilos globales (complementan Tailwind CDN) */
:root {
    --primary: #1e3a8a;
    --secondary: #3b82f6;
    --accent: #f59e0b;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #f8fafc;
    color: #334155;
}

.hero-pattern {
    background-color: #0f172a;
    background-image: radial-gradient(#334155 1px, transparent 1px);
    background-size: 20px 20px;
}

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

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.enterprise-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

.code-block {
    background-color: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 0.75rem;
    color: #94a3b8;
    font-family: 'Fira Code', 'Courier New', Courier, monospace;
}

.badge-highlight {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Menú móvil: <details> sin marcador nativo */
.mobile-nav-details > summary {
    list-style: none;
}
.mobile-nav-details > summary::-webkit-details-marker {
    display: none;
}