/* ===========================
   200 Leguas Arquitectura
   Certificado Energético - Styles
   =========================== */

/* --- Reset & Base --- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: 'Manrope', sans-serif;
    background-color: #ffffff;
    color: #111827;
}

/* --- Typography --- */
h1,
h2,
h3,
.heading-serif {
    font-family: 'Noto Serif', serif;
}

/* --- Energy Label Component --- */
.energy-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.energy-label:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* --- Official Energy Rating Colors --- */
.rating-a {
    background-color: #2D6A4F;
}

.rating-b {
    background-color: #52B788;
}

.rating-c {
    background-color: #95D5B2;
}

.rating-d {
    background-color: #FFB703;
}

.rating-e {
    background-color: #FB8500;
}

.rating-f {
    background-color: #E85D04;
}

.rating-g {
    background-color: #D00000;
}

/* --- Scrollbar --- */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f3f4f6;
}

::-webkit-scrollbar-thumb {
    background: #2D6A4F;
    border-radius: 10px;
}

/* --- Legal Content Styles --- */
.legal-content h2 {
    font-family: 'Noto Serif', serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #1c1917; /* stone-900 */
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.legal-content h3 {
    font-weight: 700;
    font-size: 1rem;
    color: #44403c; /* stone-700 */
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.legal-content p {
    margin-bottom: 1rem;
    line-height: 1.7;
    text-align: justify;
}

.legal-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.legal-content li {
    margin-bottom: 0.5rem;
}