/*
Theme Name: Goron3D
Theme URI: https://goron3d.com
Author: Thomas Velásquez
Description: Tema personalizado para Goron3D basado en Tailwind CSS.
Version: 1.0
*/

body, html {
    height: 100%;
    scroll-behavior: smooth;
    background: #0f172a;
    color: #ffffff;
}

.hero-gradient {
    background: linear-gradient(135deg, #1a0033 0%, #4a0e78 100%);
}

.service-card {
    transition: all 0.3s ease;
}

.gallery-image {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.modal-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0.75);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
}

.modal-overlay.show {
    display: flex;
}

.modal-content {
    max-width: 600px;
    width: 100%;
    max-height: 90%;
    overflow-y: auto;
    border-radius: 1rem;
    background-color: #1e293b;
    color: #ffffff;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}