/**
 * Estilos Personalizados - Neoceram.info
 * @version 1.0.0
 */

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Custom Tailwind Extensions */
@layer utilities {
    .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    }
}

/* Details/Summary Styling */
details summary {
    list-style: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: ' ▼';
    font-size: 0.8em;
    float: right;
    color: #ea580c;
}

details[open] summary::after {
    content: ' ▲';
}

/* Animaciones suaves */
details {
    transition: all 0.3s ease;
}

/* Hover effects */
details:hover {
    transform: translateY(-2px);
}

/* Print styles */
@media print {
    nav, footer {
        display: none;
    }
}