/* 1) Global Reset & Variables */
* { margin: 0; padding: 0;  box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; background-color: #fff; color: #222; }
:root { --black: #000; --white: #fff; --orange: #ff6600; --light-gray: #f5f5f5; --dark-gray: #333;  --primary: #ff6600;
    --secondary: #333;
    --light: #f5f5f5;
    --dark: #222;
    --primary-color: #ff6600;
    --secondary-color: #333;
    --bg-light: #f5f5f5;
    --bg-dark: #222;
    --transition-duration: 0.4s;
    --transition: 0.4s ease; }
a { color: var(--orange); text-decoration: none; transition: color 0.3s ease; }
a:hover { color: var(--black); }
img { max-width: 100%; height: auto; display: block; }
section { padding: 80px 20px; position: relative; overflow: hidden; }
.fade-in-up { opacity: 0; transform: translateY(30px); animation: fadeInUp 0.8s forwards; }
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }




html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.container {
    min-height: 100vh;
    /* Alte stilizări după preferințe */
}



















/* Main container styles */
.hero-slider {
    position: relative;
    width: 100%;
    height: 80vh;
    overflow: hidden;
    background-color: #000;
    display: flex; /* Adăugat pentru centrare */
    align-items: center; /* Centrare verticală */
    justify-content: center; /* Centrare orizontală */
    flex-direction: column; /* Asigură centrul pe ambele axe */
}

/* Slide styles */
.swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100vh; /* Asigură întreaga înălțime */
    background-size: cover;
    background-position: center;
    transition: transform 0.8s ease-in-out;
}

/* Content container */
.content {
    text-align: center;
    color: #fff;
    padding: 4rem;
    width: 90%;
    max-width: 1200px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    backdrop-filter: blur(10px);
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60vh;
    box-sizing: border-box;
}

.swiper-slide-active .content {
    opacity: 1;
    transform: translateY(0);
}


/* Headings */
.content h1 {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    margin-bottom: 2rem;
    color: #ff6b00;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.2;
    animation: slideInDown 0.8s ease-out;
}

/* Paragraphs */
.content p {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    margin-bottom: 3rem;
    line-height: 1.6;
    animation: fadeIn 1s ease-out 0.3s forwards;
}

/* Button styles */
.hero-btn {
    display: inline-block;
    padding: 1.25rem 3rem;
    background: #ff6b00;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid #ff6b00;
    font-size: clamp(1rem, 2vw, 1.25rem);
    animation: fadeIn 1s ease-out 0.6s forwards;
}




.hero-btn:hover {
    background: transparent;
    color: #ff6b00;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3);
}

/* Icons */
.fa {
    margin-right: 8px;
    animation: spin 1s ease-out;
}

/* Navigation buttons */
.custom-prev,
.custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 107, 0, 0.8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    font-size: 1.5rem;
}

.custom-prev {
    left: 20px;
}

.custom-next {
    right: 20px;
}

.custom-prev:hover,
.custom-next:hover {
    background: #ff6b00;
    transform: translateY(-50%) scale(1.1);
}

/* Pagination */
.swiper-pagination {
    position: absolute;
    bottom: 30px;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    background: #ff6b00;
    opacity: 1;
    transform: scale(1.2);
}

/* Animations */
@keyframes slideInDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {

    .hero-slider {
        display: flex;
        align-items: center; /* Centrare verticală */
        justify-content: center; /* Centrare orizontală */
        height: 70vh; /* Asigură că ocupă întreaga înălțime pe mobile */
    }




    .content {
        padding: 2.5rem;
        width: 90%;
        max-width: 1200px;
        min-height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        opacity: 1; /* Asigură vizibilitatea pe mobile */
        transform: translateY(0);
    }
    .custom-prev,
    .custom-next {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
    }

    .custom-prev {
        left: 15px;
    }

    .custom-next {
        right: 15px;
    }
}

@media (max-width: 480px) {

    .hero-slider {
        display: flex;
        align-items: center; /* Centrare verticală */
        justify-content: center; /* Centrare orizontală */
    }


    .content {
        padding: 1.5rem;
        width: 90%;
        max-width: 1000px;
        min-height: 30vh;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        opacity: 1; /* Asigură vizibilitatea */
        transform: translateY(0);
    }

    .hero-btn {
        padding: 1rem 2rem;
    }

    .swiper-pagination {
        bottom: 20px;
    }
}







/* Slide image container */
.slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity 1s ease-in-out;
}

/* Overlay pentru text mai citibil */
.swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

/* Asigură că conținutul este deasupra imaginii */
.content {
    position: relative;
    z-index: 2;
}

/* Lazy loading styles */
.swiper-lazy-preloader {
    border-color: transparent;
    border-top-color: transparent;
}















/* Animații personalizate */
.swiper-slide-active .slide-image {
    transform: scale(1) !important;
}

.swiper-slide-active .content > * {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Buline custom */
.swiper-pagination-bullet {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    opacity: 1 !important;
    margin: 0 12px !important;
}

.swiper-pagination-bullet .bullet-border {
    stroke: #fff;
    stroke-width: 2;
    fill: none;
}

.swiper-pagination-bullet .bullet-progress {
    stroke: #ff6b00;
    stroke-width: 2;
    fill: none;
    stroke-dasharray: 113;
    stroke-dashoffset: 113;
    transition: stroke-dashoffset 0.1s linear;
}

.swiper-pagination-bullet-active .bullet-progress {
    stroke-dashoffset: 0;
}



/* Navigație 3D */
.custom-next, .custom-prev {
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    transform-style: preserve-3d;
}

.custom-next:hover {
    transform: translateY(-50%) translateZ(20px) rotateY(15deg) !important;
}

.custom-prev:hover {
    transform: translateY(-50%) translateZ(20px) rotateY(-15deg) !important;
}

/* Efect paralaxă text */
.content {
    transform: translateZ(50px);
}
















/* 2) Hero Section */
.text-box {
    background: var(--black);
    color: var(--white);
    text-align: center;
    padding: 120px 20px;
    position: relative;
    overflow: hidden;
}
.text-box h1 {
    font-size: 3.2rem;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.text-box p {
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.hero-btn {
    display: inline-block;
    background: var(--orange);
    color: var(--white);
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: bold;
    transition: background 0.3s ease, transform 0.3s ease;
}
.hero-btn:hover {
    background: var(--white);
    color: var(--black);
    transform: scale(1.05);
}

/* ------------------------------
   Secțiunea "Motive să ne Alegi" (Course)
------------------------------- */
.course {
    padding: 80px 20px;
    background: linear-gradient(135deg, rgba(255,102,0,0.05), rgba(255,102,0,0.1));
    text-align: center;
    overflow: hidden;
    position: relative;
}

.course .section-header h1 {
    font-size: 2.8rem;
    color: var(--secondary-color);
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 1s forwards;
}

.course .section-header p {
    font-size: 1.2rem;
    color: var(--bg-dark);
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 1s 0.2s forwards;
}

/* Grid-ul de coloane */
.course .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

/* Stilizare card/coloană */
.course-col {
    background: var(--white);
    padding: 30px;
    flex: 1 1 300px;
    max-width: 350px;
    border-radius: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    transition: transform var(--transition-duration), box-shadow var(--transition-duration);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Efect de strălucire radială la hover */
.course-col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255,102,0,0.2) 0%, transparent 70%);
    opacity: 0;
    transition: opacity var(--transition-duration);
    pointer-events: none;
}
.course-col:hover::before {
    opacity: 1;
}

/* Efect de hover: ridicare și umbre mai intense */
.course-col:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Stilizarea titlurilor din card */
.course-col h3 {
    font-size: 1.8rem;
    color: var(--primary-color);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Stilizarea textelor din card */
.course-col p {
    font-size: 1rem;
    color: var(--secondary-color);
    line-height: 1.5;
    text-align: left;
}

/* ------------------------------
   Animații Keyframes
------------------------------- */
@keyframes fadeInDown {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ------------------------------
   Responsive Design
------------------------------- */
@media (max-width: 768px) {
    .course .row {
        flex-direction: column;
        align-items: center;
    }
}

/* ------------------------------
   Stilizare Secțiunea "Realizări & Statistici" (Achievements)
------------------------------- */
.achievements {
    padding: 80px 20px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    color: var(--white);
    text-align: center;
    overflow: hidden;
    position: relative;
}

.achievements .section-header h1 {
    font-size: 2.8rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: linear-gradient(45deg, var(--white), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: fadeInDown var(--transition) forwards;
    opacity: 0;
}

.achievements .section-header p {
    font-size: 1.2rem;
    margin-bottom: 40px;
    animation: fadeInDown var(--transition) 0.2s forwards;
    opacity: 0;
}

/* Layout pentru realizări */
.achievements .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
}

.achievement-col {
    background: rgba(255, 255, 255, 0.1);
    padding: 30px 20px;
    border-radius: 10px;
    transition: transform var(--transition);
}

.achievement-col:hover {
    transform: scale(1.05);
}

.achievement-col i {
    margin-bottom: 15px;
    color: var(--white);
}

.achievement-col h2 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.achievement-col p {
    font-size: 1rem;
}

/* ------------------------------
   Animații Keyframes
------------------------------- */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ------------------------------
   Responsive Design
------------------------------- */
@media (max-width: 768px) {
    .course .row, .achievements .row {
        flex-direction: column;
        grid-template-columns: 1fr;
    }
    .course-col, .achievement-col {
        max-width: 100%;
    }
    .course .section-header h1,
    .achievements .section-header h1 {
        font-size: 2.2rem;
    }
    .course .section-header p,
    .achievements .section-header p {
        font-size: 1rem;
    }
}

/* -------------------------------------
   Secțiunea "Echipamentele Noastre" (Campus)
------------------------------------- */
.campus {
    padding: 80px 20px;
    background: linear-gradient(135deg, #fff, #f9f9f9);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.campus .section-header h1 {
    font-size: 2.8rem;
    margin-bottom: 20px;
    color: var(--primary);
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 0.8s forwards;
}
.campus .section-header h1 i {
    margin-right: 10px;
}
.campus .section-header p {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: var(--secondary);
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 0.8s forwards 0.3s;
}

/* Butonul Catalog */
.catalog-btn {
    display: inline-block;
    background: var(--primary);
    color: var(--white);
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1.1rem;
    transition: background var(--transition);
    margin-top: 20px;
}
.catalog-btn i {
    margin-left: 8px;
}
.catalog-btn:hover {
    background: #e65c00;
}

/* Layout-ul cu carduri */
.campus .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
}

/* =======================================
   Cardurile – campus-col & containerul imaginii
======================================= */
.campus-col {
    flex: 1 1 300px;
    max-width: 350px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: transform var(--transition), box-shadow var(--transition);
    cursor: pointer;
}
.campus-col a {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: 10px;
}

/* Container pentru imagine cu aspect ratio fix (16:9) */
.img-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Ratio */
    overflow: hidden;
}
.img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.campus-col:hover .img-container img {
    transform: scale(1.1);
}

/* Layer Overlay pentru titlu */
.campus-col .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6));
    display: flex;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.campus-col:hover .layer {
    opacity: 1;
}
.campus-col .layer h3 {
    color: var(--white);
    font-size: 1.8rem;
    margin: 20px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}
.campus-col .layer h3 i {
    margin-right: 8px;
}

/* Footer-ul secțiunii */
.campus-footer {
    margin-top: 40px;
}

/* =======================================
   Animații Keyframes
======================================= */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =======================================
   Responsive Design
======================================= */
@media (max-width: 768px) {
    .campus .row {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .campus-col {
        width: 100%;
        max-width: 90%;
    }

    .img-container {
        width: 100%;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
    }

    .campus-col img {
        width: 100%;
        height: auto;
        display: block;
    }
}





/* ================================================ */
/* ========== 5) FACILITIES (FACILITĂȚI) ========== */
/* ================================================ */

/* --------- Secțiunea Principală --------- */
.advantages {
    background-color: var(--light-gray);
    position: relative;
    padding: 80px 20px;
    overflow: hidden;
}

/* --------- Header-ul Secțiunii --------- */
.advantages-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.section-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: var(--dark-gray);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    animation: fadeInUp 0.8s forwards;
}

.title-icon {
    font-size: 2rem;
    color: var(--orange);
}

.title-decoration {
    width: 80px;
    height: 4px;
    background-color: var(--orange);
    margin: 20px auto 0;
    border-radius: 2px;
    animation: fadeInUp 1s forwards;
}

/* --------- Grid-ul de Carduri --------- */
.advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* --------- Stilizare Card Individual --------- */
.advantage-card {
    background-color: var(--white);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.advantage-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* --------- Ilustrarea Cardului --------- */
.card-illustration {
    background: linear-gradient(135deg, var(--orange) 0%, rgba(255,102,0,0.7) 100%);
    padding: 30px 0;
    position: relative;
}

/* Iconița cu efect pulsatoriu */
.icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--orange);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    animation: pulse 2s infinite ease-in-out;
}

/* Efect de pulsare */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Linia decorativă din ilustrație */
.decoration-line {
    width: 60px;
    height: 4px;
    background-color: var(--white);
    margin: 10px auto 0;
    border-radius: 2px;
    opacity: 0.8;
}

/* --------- Conținutul Cardului --------- */
.card-content {
    padding: 20px;
    position: relative;
}

.card-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--dark-gray);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    animation: fadeInUp 0.8s forwards;
}

.card-title i {
    color: var(--orange);
}

.card-body p {
    font-size: 1rem;
    color: var(--dark-gray);
    margin-bottom: 8px;
    line-height: 1.4;
}

/* --------- Efect la Hover: Informații Suplimentare --------- */
.card-hover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--light-gray);
    padding: 10px 20px;
    text-align: center;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
}

.advantage-card:hover .card-hover {
    top: auto;
    bottom: 0;
    opacity: 1;
    transform: translateY(0);
}

.small-text {
    font-size: 0.9rem;
    color: var(--dark-gray);
}

/* --------- Call-to-Action --------- */
.advantages-cta {
    text-align: center;
    margin-top: 40px;
}

.cta-button {
    background-color: var(--orange);
    color: var(--white);
    border: none;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 1.2rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 0.8s forwards;
}

.cta-button:hover {
    background-color: var(--dark-gray);
    transform: scale(1.05);
}

/* --------- Media Queries pentru Responsive --------- */
@media (max-width: 992px) {
    .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .advantages-grid {
        grid-template-columns: 1fr;
    }

    .section-title {
        font-size: 2rem;
    }

    .cta-button {
        font-size: 1rem;
        padding: 12px 25px;
    }
}












/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Base Styles */
.projects-luxury {
    padding: 4rem 2rem;
    background: linear-gradient(to bottom right, #f8f9fa, #ffffff);
    animation: fadeIn 1s ease-out;
}

.section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem;
}

.section-header h1 {
    font-size: 2.5rem;
    color: #ff6600;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
}

.section-header h1 .fa-diamond {
    color: #ff6600;
    transition: transform 0.3s ease;
}

.section-header p {
    color: #7f8c8d;
    line-height: 1.6;
    font-size: 1.1rem;
}

.projects-luxury-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Project Card */
.project-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.project-image {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.project-card:hover .project-image img {
    transform: scale(1.05);
}

.project-icon {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255,255,255,0.9);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #ff6600;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.project-card:hover .project-icon {
    bottom: -20px;
    animation: pulse 1.5s infinite;
}

.project-content {
    padding: 2rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.project-content h3 {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

.project-meta {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.location, .type {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #7f8c8d;
    font-size: 0.9rem;
}

.desc {
    margin-top: auto;
}

.eco-feature {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem;
    margin-bottom: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.eco-feature:hover {
    background: #ff6600;
    color: white;
    transform: translateX(10px);
}

.eco-feature:hover i {
    color: white;
}

.eco-feature i {
    color: #ff6600;
    font-size: 1.2rem;
    min-width: 25px;
}

.impact {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 2px solid #eee;
    font-style: italic;
    color: #7f8c8d;
}

/* Project 3 Specific Styles */
.sustainability-list {
    list-style: none;
    padding: 0;
}

.sustainability-list li {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1rem;
    padding: 0.8rem;
    background: #f8f9fa;
    border-radius: 8px;
}

/* Responsive Design */
@media (max-width: 992px) {
    .projects-luxury {
        padding: 3rem 1.5rem;
    }

    .section-header h1 {
        font-size: 2rem;
    }

    .projects-luxury-container {
        grid-template-columns: 1fr;
        max-width: 600px;
    }
}

@media (max-width: 768px) {
    .project-meta {
        flex-direction: column;
    }

    .project-image {
        height: 200px;
    }

    .project-content {
        padding: 1.5rem;
    }

    .eco-feature {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .section-header h1 {
        font-size: 1.8rem;
    }

    .section-header p {
        font-size: 1rem;
    }

    .project-content h3 {
        font-size: 1.2rem;
    }
}






/* ============================================
   ========== SECTION: NOUTĂȚI & EVENIMENTE ==========
   ============================================ */
.news-updates {
    position: relative;
    padding: 100px 20px;
    /* Fundal cu gradient ușor animat + overlay de textură */
    background: linear-gradient(135deg, rgba(255,102,0,0.1) 0%, rgba(255,102,0,0.05) 100%), var(--light-gray);
    overflow: hidden;
}

/* ---------- Header-ul Secțiunii ---------- */
.news-updates .section-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.news-updates .section-header h1 {
    font-size: 2.8rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(45deg, var(--orange), var(--dark-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: fadeInDown 1s ease-out forwards;
    opacity: 0;
}

.news-updates .section-header p {
    font-size: 1.1rem;
    color: var(--dark-gray);
    max-width: 600px;
    margin: 20px auto 0;
    animation: fadeInDown 1s ease-out 0.3s forwards;
    opacity: 0;
}

/* ---------- Animații pentru Header ---------- */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}





/* ---------- Containerul de Noutăți ---------- */
.news-updates .news-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    /* Aplica o ușoară animație de apariție pe întreaga secțiune */
    animation: containerFadeIn 1.2s ease-out forwards;
    opacity: 0;
}

@keyframes containerFadeIn {
    to { opacity: 1; }
}

/* ---------- Stilizarea Cardului de Știri ---------- */
.news-updates .news-card {
    background-color: var(--white);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s;
    position: relative;
}

.news-updates .news-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

/* ---------- Stilizare pentru Figure și Imagini ---------- */
.news-updates .news-card figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.news-updates .news-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.news-updates .news-card:hover img {
    transform: scale(1.1);
}

/* Efect de overlay pe imagine (gradient animat la hover) */
.news-updates .news-card figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%);
    opacity: 0;
    transition: opacity 0.6s ease;
}

.news-updates .news-card:hover figure::after {
    opacity: 1;
}

/* ---------- Figcaption: Conținutul Textual ---------- */
.news-updates .news-card figcaption {
    padding: 20px;
    background: var(--white);
    position: relative;
    z-index: 2;
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.news-updates .news-card:hover figcaption {
    transform: translateY(0);
    opacity: 1;
}

/* Titlul Știrii */
.news-updates .news-card figcaption h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--dark-gray);
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.news-updates .news-card figcaption h3 i {
    color: var(--orange);
    font-size: 1.6rem;
}

/* Data: Detalii și Subtilități Vizuale */
.news-updates .news-card .date {
    font-size: 0.9rem;
    color: var(--orange);
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
}

.news-updates .news-card .date::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--orange);
    border-radius: 1px;
}

/* Paragraful descriptiv */
.news-updates .news-card figcaption p {
    font-size: 1rem;
    color: var(--dark-gray);
    line-height: 1.5;
}

/* ---------- Footer-ul Secțiunii & Butonul CTA ---------- */
.news-updates .news-footer {
    text-align: center;
    margin-top: 60px;
}

.news-updates .news-footer .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(45deg, var(--orange), var(--dark-gray));
    color: var(--white);
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    transition: background 0.4s ease, transform 0.4s ease, box-shadow 0.4s;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.news-updates .news-footer .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-45deg);
    transition: left 0.6s ease;
}

.news-updates .news-footer .btn:hover::before {
    left: 200%;
}

.news-updates .news-footer .btn:hover {
    background: linear-gradient(45deg, var(--dark-gray), var(--orange));
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* ---------- Media Queries Avansate ---------- */
@media (max-width: 768px) {
    .news-updates {
        padding: 80px 10px;
    }
    .news-updates .section-header h1 {
        font-size: 2.4rem;
    }
    .news-updates .news-card img {
        height: 180px;
    }
    .news-updates .news-footer .btn {
        font-size: 1rem;
        padding: 12px 25px;
    }
}

@media (max-width: 480px) {
    .news-updates .section-header h1 {
        font-size: 2rem;
    }
    .news-updates .section-header p {
        font-size: 0.95rem;
    }
    .news-updates .news-card figcaption h3 {
        font-size: 1.6rem;
    }
    .news-updates .news-card figcaption p {
        font-size: 0.9rem;
    }
}


/* ================================
   ========== TESTIMONIALE ==========
   ================================ */
#reviews.testimonials {
    position: relative;
    padding: 100px 20px;
    background: linear-gradient(135deg, rgba(255,102,0,0.1) 0%, rgba(51,51,51,0.9) 100%);
    color: var(--white, #fff);
    text-align: center;
    overflow: hidden;
}

/* Header-ul secțiunii */
.testimonials-header {
    margin-bottom: 50px;
}
.testimonials-header h1 {
    font-size: 2.8rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    background: linear-gradient(45deg, var(--orange, #ff6600), var(--dark-gray, #333));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: fadeInDown 1s ease-out forwards;
    opacity: 0;
}
.testimonials-header p {
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto;
    animation: fadeInDown 1s ease-out 0.3s forwards;
    opacity: 0;
}

/* Carousel container */
.testimonials-carousel {
    display: flex;
    transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

/* Fiecare testimonial */
.testimonial {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(50px);
    animation: fadeInUp 0.8s forwards;
}

/* Clasa "visible" va asigura că testimonialul este afișat complet */
.testimonial.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Structura testimonialului */
.testimonial figure {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.testimonial blockquote {
    font-size: 1.5rem;
    font-style: italic;
    margin: 0 0 20px;
    line-height: 1.5;
    max-width: 800px;
    position: relative;
}
.testimonial blockquote::before {
    content: "“";
    font-size: 4rem;
    position: absolute;
    left: -20px;
    top: -20px;
    color: var(--orange, #ff6600);
}
.testimonial figcaption {
    margin-top: 20px;
}
.testimonial figcaption h3 {
    font-size: 1.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}
.testimonial .testimonial-rating {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 1.3rem;
}


/* ===============================
   ========== Testimonial Navigation Controls ==========
   =============================== */
nav.testimonial-nav {
    position: relative;            /* Relativ pentru a fi plasată în fluxul documentului */
    margin-top: 30px;              /* Spațiu deasupra, pentru a nu acoperi conținutul principal */
    display: flex;                 /* Centrare orizontală */
    justify-content: center;
    align-items: center;
    z-index: 1;                    /* Asigură că se află deasupra eventualelor fundaluri */
}

nav.testimonial-nav button {
    background: none;                                      /* Fără background inițial */
    border: 2px solid var(--orange, #ff6600);              /* Bordură cu culoarea principală */
    border-radius: 50%;                                    /* Buton circular */
    width: 50px;                                           /* Dimensiune fixă */
    height: 50px;
    color: var(--orange, #ff6600);                         /* Culoarea iconiței */
    font-size: 1.5rem;                                     /* Mărimea iconiței */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;                                       /* Spațiu între butoane */
    cursor: pointer;
    position: relative;                                   /* Pentru pseudo-elemente */
    overflow: hidden;                                     /* Ascunde efectele ce ies din buton */
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

nav.testimonial-nav button:hover {
    background: var(--orange, #ff6600);                   /* Background la hover */
    color: var(--white, #fff);                             /* Schimbare culoare iconiță */
    transform: scale(1.1);                                /* Ușoară mărire la hover */
}

/* Pseudo-element pentru efect de tip ripple la hover */
nav.testimonial-nav button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 120%;
    height: 120%;
    background: rgba(255, 102, 0, 0.2);
    border-radius: 50%;
    transition: transform 0.4s ease;
    z-index: -1;                                          /* În spatele butonului */
}

nav.testimonial-nav button:hover::before {
    transform: translate(-50%, -50%) scale(1);
}

/* Responsive: ajustează dimensiunea butoanelor pe ecrane mici */
@media (max-width: 480px) {
    nav.testimonial-nav button {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
        margin: 0 10px;
    }
}

.testimonial-prev {
    left: 10px;
}
.testimonial-next {
    right: 10px;
}

/* Indicatorii carousel-ului */
.testimonial-indicators {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.testimonial-indicators button {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}
.testimonial-indicators button[aria-selected="true"],
.testimonial-indicators button:hover {
    background: var(--orange, #ff6600);
}

/* Animații */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    #reviews.testimonials {
        padding: 80px 10px;
    }
    .testimonials-header h1 {
        font-size: 2.2rem;
    }
    .testimonials-header p {
        font-size: 1rem;
    }
    .testimonial blockquote {
        font-size: 1.3rem;
    }
    .testimonial figcaption h3 {
        font-size: 1.5rem;
    }
}



/* ===================================================
   FAQ (Întrebări Frecvente)
   =================================================== */
/* ------------------------------
   Stilizare Secțiunea FAQ
------------------------------- */
.faq {
    padding: 80px 20px;
    background: linear-gradient(135deg, #ffffff, var(--bg-light));
    color: var(--secondary-color);
    text-align: center;
    overflow: hidden;
    position: relative;
}

.faq h1 {
    font-size: 2.8rem;
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 0.8s forwards;
}

.faq h1 i {
    color: var(--primary-color);
    margin-right: 10px;
}

.faq .row {
    max-width: 1000px;
    margin: 0 auto;
}

/* Fiecare item FAQ (accordion) */
.faq-col {
    background: var(--white);
    margin-bottom: 20px;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all var(--transition-duration) ease;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

/* Stilizare titlu FAQ */
.faq-col h3 {
    font-size: 1.4rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--secondary-color);
    transition: color var(--transition-duration) ease;
}

.faq-col h3 i {
    transition: transform var(--transition-duration) ease;
}

/* Stilizare răspuns (ascuns inițial) */
.faq-col p {
    margin-top: 15px;
    line-height: 1.6;
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity var(--transition-duration) ease, transform var(--transition-duration) ease;
}

/* Stare activă: item deschis */
.faq-col.active {
    background: var(--primary-color);
    color: var(--white);
}

.faq-col.active h3 {
    color: var(--white);
}

.faq-col.active h3 i {
    transform: rotate(90deg);
}

.faq-col.active p {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* ------------------------------
   Animații Keyframes
------------------------------- */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ------------------------------
   Responsive Design
------------------------------- */
@media (max-width: 768px) {
    .faq h1 {
        font-size: 2.2rem;
    }
    .faq-col h3 {
        font-size: 1.2rem;
    }
    .faq-col p {
        font-size: 0.95rem;
    }
}

/* ===================================================
   PARTNERS (Partenerii Noștri)
   =================================================== */
/* ------------------------------
   Stilizare secțiune parteneri
------------------------------- */
.partners {
    text-align: center;
    padding: 80px 20px;
    background: linear-gradient(135deg, #ffffff, #f5f5f5);
    overflow: hidden;
    position: relative;
}

.partners .section-header h1 {
    font-size: 2.8rem;
    color: #ff6600;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInDown 1s forwards;
}

.partners .section-header p {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 50px;
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeInDown 1s forwards 0.3s;
}

/* ------------------------------
   Carousel de Parteneri
------------------------------- */
.partners-slider {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.slide-track {
    display: flex;
    animation: slide 15s linear infinite;
    width: calc(250px * 10);
}

/* Card pentru fiecare partener */
.partner-card {
    flex: 0 0 auto;
    width: 250px;
    margin: 0 15px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.partner-card:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* Logo partener */
.partner-card img {
    max-width: 120px;
    height: auto;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

.partner-card:hover img {
    transform: scale(1.1);
}

/* Numele partenerului */
.partner-card h3 {
    font-size: 1.2rem;
    color: #333;
}

/* ------------------------------
   Animații Keyframes
------------------------------- */
@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ------------------------------
   Responsive Design
------------------------------- */
@media (max-width: 768px) {
    .partners .section-header h1 {
        font-size: 2.2rem;
    }
    .partners .section-header p {
        font-size: 1rem;
    }
    .slide-track {
        animation: slide 10s linear infinite;
    }
}


/* ===================================================
   CTA (Call To Action)
   =================================================== */
.cta {
    background: #ff6600; /* Orange */
    color: #fff; /* Alb */
    padding: 100px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta h1 {
    font-size: 2.8rem;
    margin-bottom: 40px;
    line-height: 1.3;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.cta .hero-btn {
    background: #fff;
    color: #ff6600;
    padding: 15px 35px;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: bold;
    border: 2px solid #ff6600;
    transition: background 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.cta .hero-btn:hover {
    background: #000;
    color: #fff;
    transform: scale(1.05);
}


/* 12) Additional Components */
/* Linie 434 */
/* Următoarele 176 de linii definesc clase .component-1 până la .component-176 */
.component-1 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-2 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-3 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-4 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-5 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-6 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-7 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-8 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-9 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-10 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-11 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-12 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-13 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-14 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-15 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-16 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-17 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-18 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-19 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-20 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-21 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-22 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-23 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-24 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-25 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-26 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-27 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-28 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-29 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-30 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-31 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-32 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-33 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-34 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-35 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-36 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-37 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-38 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-39 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-40 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-41 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-42 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-43 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-44 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-45 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-46 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-47 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-48 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-49 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-50 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-51 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-52 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-53 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-54 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-55 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-56 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-57 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-58 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-59 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-60 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-61 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-62 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-63 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-64 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-65 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-66 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-67 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-68 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-69 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-70 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-71 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-72 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-73 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-74 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-75 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-76 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-77 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-78 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-79 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-80 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-81 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-82 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-83 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-84 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-85 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-86 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-87 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-88 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-89 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-90 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-91 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-92 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-93 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-94 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-95 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-96 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-97 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-98 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-99 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-100 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-101 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-102 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-103 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-104 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-105 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-106 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-107 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-108 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-109 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-110 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-111 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-112 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-113 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-114 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-115 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-116 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-117 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-118 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-119 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-120 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-121 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-122 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-123 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-124 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-125 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-126 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-127 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-128 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-129 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-130 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-131 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-132 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-133 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-134 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-135 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-136 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-137 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-138 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-139 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-140 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-141 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-142 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-143 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-144 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-145 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-146 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-147 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-148 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-149 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-150 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-151 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-152 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-153 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-154 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-155 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-156 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-157 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-158 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-159 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-160 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-161 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-162 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-163 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-164 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-165 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-166 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-167 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-168 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-169 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-170 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-171 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-172 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-173 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-174 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-175 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }
.component-176 { background: var(--white); color: var(--black); padding: 10px; margin: 5px; border: 1px solid var(--orange); }

/* 13) Utilities (490 linii: .util-001 până la .util-490) */
.util-001 { margin: 0; }
.util-002 { margin: 0; }
.util-003 { margin: 0; }
.util-004 { margin: 0; }
.util-005 { margin: 0; }
.util-006 { margin: 0; }
.util-007 { margin: 0; }
.util-008 { margin: 0; }
.util-009 { margin: 0; }
.util-010 { margin: 0; }
.util-011 { margin: 0; }
.util-012 { margin: 0; }
.util-013 { margin: 0; }
.util-014 { margin: 0; }
.util-015 { margin: 0; }
.util-016 { margin: 0; }
.util-017 { margin: 0; }
.util-018 { margin: 0; }
.util-019 { margin: 0; }
.util-020 { margin: 0; }
.util-021 { margin: 0; }
.util-022 { margin: 0; }
.util-023 { margin: 0; }
.util-024 { margin: 0; }
.util-025 { margin: 0; }
.util-026 { margin: 0; }
.util-027 { margin: 0; }
.util-028 { margin: 0; }
.util-029 { margin: 0; }
.util-030 { margin: 0; }
.util-031 { margin: 0; }
.util-032 { margin: 0; }
.util-033 { margin: 0; }
.util-034 { margin: 0; }
.util-035 { margin: 0; }
.util-036 { margin: 0; }
.util-037 { margin: 0; }
.util-038 { margin: 0; }
.util-039 { margin: 0; }
.util-040 { margin: 0; }
.util-041 { margin: 0; }
.util-042 { margin: 0; }
.util-043 { margin: 0; }
.util-044 { margin: 0; }
.util-045 { margin: 0; }
.util-046 { margin: 0; }
.util-047 { margin: 0; }
.util-048 { margin: 0; }
.util-049 { margin: 0; }
.util-050 { margin: 0; }
.util-051 { margin: 0; }
.util-052 { margin: 0; }
.util-053 { margin: 0; }
.util-054 { margin: 0; }
.util-055 { margin: 0; }
.util-056 { margin: 0; }
.util-057 { margin: 0; }
.util-058 { margin: 0; }
.util-059 { margin: 0; }
.util-060 { margin: 0; }
.util-061 { margin: 0; }
.util-062 { margin: 0; }
.util-063 { margin: 0; }
.util-064 { margin: 0; }
.util-065 { margin: 0; }
.util-066 { margin: 0; }
.util-067 { margin: 0; }
.util-068 { margin: 0; }
.util-069 { margin: 0; }
.util-070 { margin: 0; }
.util-071 { margin: 0; }
.util-072 { margin: 0; }
.util-073 { margin: 0; }
.util-074 { margin: 0; }
.util-075 { margin: 0; }
.util-076 { margin: 0; }
.util-077 { margin: 0; }
.util-078 { margin: 0; }
.util-079 { margin: 0; }
.util-080 { margin: 0; }
.util-081 { margin: 0; }
.util-082 { margin: 0; }
.util-083 { margin: 0; }
.util-084 { margin: 0; }
.util-085 { margin: 0; }
.util-086 { margin: 0; }
.util-087 { margin: 0; }
.util-088 { margin: 0; }
.util-089 { margin: 0; }
.util-090 { margin: 0; }
.util-091 { margin: 0; }
.util-092 { margin: 0; }
.util-093 { margin: 0; }
.util-094 { margin: 0; }
.util-095 { margin: 0; }
.util-096 { margin: 0; }
.util-097 { margin: 0; }
.util-098 { margin: 0; }
.util-099 { margin: 0; }
.util-100 { margin: 0; }
.util-101 { margin: 0; }
.util-102 { margin: 0; }
.util-103 { margin: 0; }
.util-104 { margin: 0; }
.util-105 { margin: 0; }
.util-106 { margin: 0; }
.util-107 { margin: 0; }
.util-108 { margin: 0; }
.util-109 { margin: 0; }
.util-110 { margin: 0; }
.util-111 { margin: 0; }
.util-112 { margin: 0; }
.util-113 { margin: 0; }
.util-114 { margin: 0; }
.util-115 { margin: 0; }
.util-116 { margin: 0; }
.util-117 { margin: 0; }
.util-118 { margin: 0; }
.util-119 { margin: 0; }
.util-120 { margin: 0; }
.util-121 { margin: 0; }
.util-122 { margin: 0; }
.util-123 { margin: 0; }
.util-124 { margin: 0; }
.util-125 { margin: 0; }
.util-126 { margin: 0; }
.util-127 { margin: 0; }
.util-128 { margin: 0; }
.util-129 { margin: 0; }
.util-130 { margin: 0; }
.util-131 { margin: 0; }
.util-132 { margin: 0; }
.util-133 { margin: 0; }
.util-134 { margin: 0; }
.util-135 { margin: 0; }
.util-136 { margin: 0; }
.util-137 { margin: 0; }
.util-138 { margin: 0; }
.util-139 { margin: 0; }
.util-140 { margin: 0; }
.util-141 { margin: 0; }
.util-142 { margin: 0; }
.util-143 { margin: 0; }
.util-144 { margin: 0; }
.util-145 { margin: 0; }
.util-146 { margin: 0; }
.util-147 { margin: 0; }
.util-148 { margin: 0; }
.util-149 { margin: 0; }
.util-150 { margin: 0; }
.util-151 { margin: 0; }
.util-152 { margin: 0; }
.util-153 { margin: 0; }
.util-154 { margin: 0; }
.util-155 { margin: 0; }
.util-156 { margin: 0; }
.util-157 { margin: 0; }
.util-158 { margin: 0; }
.util-159 { margin: 0; }
.util-160 { margin: 0; }
.util-161 { margin: 0; }
.util-162 { margin: 0; }
.util-163 { margin: 0; }
.util-164 { margin: 0; }
.util-165 { margin: 0; }
.util-166 { margin: 0; }
.util-167 { margin: 0; }
.util-168 { margin: 0; }
.util-169 { margin: 0; }
.util-170 { margin: 0; }
.util-171 { margin: 0; }
.util-172 { margin: 0; }
.util-173 { margin: 0; }
.util-174 { margin: 0; }
.util-175 { margin: 0; }
.util-176 { margin: 0; }
.util-177 { margin: 0; }
.util-178 { margin: 0; }
.util-179 { margin: 0; }
.util-180 { margin: 0; }
.util-181 { margin: 0; }
.util-182 { margin: 0; }
.util-183 { margin: 0; }
.util-184 { margin: 0; }
.util-185 { margin: 0; }
.util-186 { margin: 0; }
.util-187 { margin: 0; }
.util-188 { margin: 0; }
.util-189 { margin: 0; }
.util-190 { margin: 0; }
.util-191 { margin: 0; }
.util-192 { margin: 0; }
.util-193 { margin: 0; }
.util-194 { margin: 0; }
.util-195 { margin: 0; }
.util-196 { margin: 0; }
.util-197 { margin: 0; }
.util-198 { margin: 0; }
.util-199 { margin: 0; }
.util-200 { margin: 0; }
.util-201 { margin: 0; }
.util-202 { margin: 0; }
.util-203 { margin: 0; }
.util-204 { margin: 0; }
.util-205 { margin: 0; }
.util-206 { margin: 0; }
.util-207 { margin: 0; }
.util-208 { margin: 0; }
.util-209 { margin: 0; }
.util-210 { margin: 0; }
.util-211 { margin: 0; }
.util-212 { margin: 0; }
.util-213 { margin: 0; }
.util-214 { margin: 0; }
.util-215 { margin: 0; }
.util-216 { margin: 0; }
.util-217 { margin: 0; }
.util-218 { margin: 0; }
.util-219 { margin: 0; }
.util-220 { margin: 0; }
.util-221 { margin: 0; }
.util-222 { margin: 0; }
.util-223 { margin: 0; }
.util-224 { margin: 0; }
.util-225 { margin: 0; }
.util-226 { margin: 0; }
.util-227 { margin: 0; }
.util-228 { margin: 0; }
.util-229 { margin: 0; }
.util-230 { margin: 0; }
.util-231 { margin: 0; }
.util-232 { margin: 0; }
.util-233 { margin: 0; }
.util-234 { margin: 0; }
.util-235 { margin: 0; }
.util-236 { margin: 0; }
.util-237 { margin: 0; }
.util-238 { margin: 0; }
.util-239 { margin: 0; }
.util-240 { margin: 0; }
.util-241 { margin: 0; }
.util-242 { margin: 0; }
.util-243 { margin: 0; }
.util-244 { margin: 0; }
.util-245 { margin: 0; }
.util-246 { margin: 0; }
.util-247 { margin: 0; }
.util-248 { margin: 0; }
.util-249 { margin: 0; }
.util-250 { margin: 0; }
.util-251 { margin: 0; }
.util-252 { margin: 0; }
.util-253 { margin: 0; }
.util-254 { margin: 0; }
.util-255 { margin: 0; }
.util-256 { margin: 0; }
.util-257 { margin: 0; }
.util-258 { margin: 0; }
.util-259 { margin: 0; }
.util-260 { margin: 0; }
.util-261 { margin: 0; }
.util-262 { margin: 0; }
.util-263 { margin: 0; }
.util-264 { margin: 0; }
.util-265 { margin: 0; }
.util-266 { margin: 0; }
.util-267 { margin: 0; }
.util-268 { margin: 0; }
.util-269 { margin: 0; }
.util-270 { margin: 0; }
.util-271 { margin: 0; }
.util-272 { margin: 0; }
.util-273 { margin: 0; }
.util-274 { margin: 0; }
.util-275 { margin: 0; }
.util-276 { margin: 0; }
.util-277 { margin: 0; }
.util-278 { margin: 0; }
.util-279 { margin: 0; }
.util-280 { margin: 0; }
.util-281 { margin: 0; }
.util-282 { margin: 0; }
.util-283 { margin: 0; }
.util-284 { margin: 0; }
.util-285 { margin: 0; }
.util-286 { margin: 0; }
.util-287 { margin: 0; }
.util-288 { margin: 0; }
.util-289 { margin: 0; }
.util-290 { margin: 0; }
.util-291 { margin: 0; }
.util-292 { margin: 0; }
.util-293 { margin: 0; }
.util-294 { margin: 0; }
.util-295 { margin: 0; }
.util-296 { margin: 0; }
.util-297 { margin: 0; }
.util-298 { margin: 0; }
.util-299 { margin: 0; }
.util-300 { margin: 0; }
.util-301 { margin: 0; }
.util-302 { margin: 0; }
.util-303 { margin: 0; }
.util-304 { margin: 0; }
.util-305 { margin: 0; }
.util-306 { margin: 0; }
.util-307 { margin: 0; }
.util-308 { margin: 0; }
.util-309 { margin: 0; }
.util-310 { margin: 0; }
.util-311 { margin: 0; }
.util-312 { margin: 0; }
.util-313 { margin: 0; }
.util-314 { margin: 0; }
.util-315 { margin: 0; }
.util-316 { margin: 0; }
.util-317 { margin: 0; }
.util-318 { margin: 0; }
.util-319 { margin: 0; }
.util-320 { margin: 0; }
.util-321 { margin: 0; }
.util-322 { margin: 0; }
.util-323 { margin: 0; }
.util-324 { margin: 0; }
.util-325 { margin: 0; }
.util-326 { margin: 0; }
.util-327 { margin: 0; }
.util-328 { margin: 0; }
.util-329 { margin: 0; }
.util-330 { margin: 0; }
.util-331 { margin: 0; }
.util-332 { margin: 0; }
.util-333 { margin: 0; }
.util-334 { margin: 0; }
.util-335 { margin: 0; }
.util-336 { margin: 0; }
.util-337 { margin: 0; }
.util-338 { margin: 0; }
.util-339 { margin: 0; }
.util-340 { margin: 0; }
.util-341 { margin: 0; }
.util-342 { margin: 0; }
.util-343 { margin: 0; }
.util-344 { margin: 0; }
.util-345 { margin: 0; }
.util-346 { margin: 0; }
.util-347 { margin: 0; }
.util-348 { margin: 0; }
.util-349 { margin: 0; }
.util-350 { margin: 0; }
.util-351 { margin: 0; }
.util-352 { margin: 0; }
.util-353 { margin: 0; }
.util-354 { margin: 0; }
.util-355 { margin: 0; }
.util-356 { margin: 0; }
.util-357 { margin: 0; }
.util-358 { margin: 0; }
.util-359 { margin: 0; }
.util-360 { margin: 0; }
.util-361 { margin: 0; }
.util-362 { margin: 0; }
.util-363 { margin: 0; }
.util-364 { margin: 0; }
.util-365 { margin: 0; }
.util-366 { margin: 0; }
.util-367 { margin: 0; }
.util-368 { margin: 0; }
.util-369 { margin: 0; }
.util-370 { margin: 0; }
.util-371 { margin: 0; }
.util-372 { margin: 0; }
.util-373 { margin: 0; }
.util-374 { margin: 0; }
.util-375 { margin: 0; }
.util-376 { margin: 0; }
.util-377 { margin: 0; }
.util-378 { margin: 0; }
.util-379 { margin: 0; }
.util-380 { margin: 0; }
.util-381 { margin: 0; }
.util-382 { margin: 0; }
.util-383 { margin: 0; }
.util-384 { margin: 0; }
.util-385 { margin: 0; }
.util-386 { margin: 0; }
.util-387 { margin: 0; }
.util-388 { margin: 0; }
.util-389 { margin: 0; }
.util-390 { margin: 0; }
.util-391 { margin: 0; }
.util-392 { margin: 0; }
.util-393 { margin: 0; }
.util-394 { margin: 0; }
.util-395 { margin: 0; }
.util-396 { margin: 0; }
.util-397 { margin: 0; }
.util-398 { margin: 0; }
.util-399 { margin: 0; }
.util-400 { margin: 0; }
.util-401 { margin: 0; }
.util-402 { margin: 0; }
.util-403 { margin: 0; }
.util-404 { margin: 0; }
.util-405 { margin: 0; }
.util-406 { margin: 0; }
.util-407 { margin: 0; }
.util-408 { margin: 0; }
.util-409 { margin: 0; }
.util-410 { margin: 0; }
.util-411 { margin: 0; }
.util-412 { margin: 0; }
.util-413 { margin: 0; }
.util-414 { margin: 0; }
.util-415 { margin: 0; }
.util-416 { margin: 0; }
.util-417 { margin: 0; }
.util-418 { margin: 0; }
.util-419 { margin: 0; }
.util-420 { margin: 0; }
.util-421 { margin: 0; }
.util-422 { margin: 0; }
.util-423 { margin: 0; }
.util-424 { margin: 0; }
.util-425 { margin: 0; }
.util-426 { margin: 0; }
.util-427 { margin: 0; }
.util-428 { margin: 0; }
.util-429 { margin: 0; }
.util-430 { margin: 0; }
.util-431 { margin: 0; }
.util-432 { margin: 0; }
.util-433 { margin: 0; }
.util-434 { margin: 0; }
.util-435 { margin: 0; }
.util-436 { margin: 0; }
.util-437 { margin: 0; }
.util-438 { margin: 0; }
.util-439 { margin: 0; }
.util-440 { margin: 0; }
.util-441 { margin: 0; }
.util-442 { margin: 0; }
.util-443 { margin: 0; }
.util-444 { margin: 0; }
.util-445 { margin: 0; }
.util-446 { margin: 0; }
.util-447 { margin: 0; }
.util-448 { margin: 0; }
.util-449 { margin: 0; }
.util-450 { margin: 0; }
.util-451 { margin: 0; }
.util-452 { margin: 0; }
.util-453 { margin: 0; }
.util-454 { margin: 0; }
.util-455 { margin: 0; }
.util-456 { margin: 0; }
.util-457 { margin: 0; }
.util-458 { margin: 0; }
.util-459 { margin: 0; }
.util-460 { margin: 0; }
.util-461 { margin: 0; }
.util-462 { margin: 0; }
.util-463 { margin: 0; }
.util-464 { margin: 0; }
.util-465 { margin: 0; }
.util-466 { margin: 0; }
.util-467 { margin: 0; }
.util-468 { margin: 0; }
.util-469 { margin: 0; }
.util-470 { margin: 0; }
.util-471 { margin: 0; }
.util-472 { margin: 0; }
.util-473 { margin: 0; }
.util-474 { margin: 0; }
.util-475 { margin: 0; }
.util-476 { margin: 0; }
.util-477 { margin: 0; }
.util-478 { margin: 0; }
.util-479 { margin: 0; }
.util-480 { margin: 0; }
.util-481 { margin: 0; }
.util-482 { margin: 0; }
.util-483 { margin: 0; }
.util-484 { margin: 0; }
.util-485 { margin: 0; }
.util-486 { margin: 0; }
.util-487 { margin: 0; }
.util-488 { margin: 0; }
.util-489 { margin: 0; }
.util-490 { margin: 0; }
/* SFÂRȘITUL FIȘIERULUI CSS (1100 linii) */