/* Explain: Section layout backgrounds and responsive refinements. */
.section-panel {
    position: relative;
}

.section-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 12%, rgba(201, 162, 39, 0.2), transparent 22rem),
        radial-gradient(circle at 88% 20%, rgba(179, 32, 42, 0.08), transparent 28rem);
}

.section-panel > * {
    position: relative;
}

.cortes-section {
    background:
        radial-gradient(circle at 82% 0%, rgba(201, 162, 39, 0.18), transparent 32rem),
        linear-gradient(180deg, var(--charcoal-color), #1A1310 100%);
}

.calidad-section {
    position: relative;
    background:
        radial-gradient(circle at 14% 18%, rgba(179, 32, 42, 0.34), transparent 26rem),
        linear-gradient(135deg, var(--leather-color), #1A1310 72%);
}

.calidad-section::before,
.footer-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 14px);
}

.calidad-section > *,
.footer-contact > * {
    position: relative;
}

.reservation-section {
    position: relative;
}

@media (max-width: 1023px) {
    html {
        scroll-padding-top: 150px;
    }

    section[id] {
        scroll-margin-top: 150px;
    }
}

@media (max-width: 640px) {
    .site-header {
        background: rgba(13, 11, 9, 0.92);
        backdrop-filter: blur(16px);
    }
}