body {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }

 .navbar-brand span.logo-highlight {
     font-weight: 700;
 }

 .hero-section {
     min-height: 80vh;
     background: radial-gradient(circle at top left, #1b3b6f, #020824);
     color: #fff;
     display: flex;
     align-items: center;
     padding-top: 5rem;
     padding-bottom: 5rem;
 }

 .hero-section .lead {
     font-size: 1.1rem;
 }

 .hero-badge {
     display: inline-flex;
     align-items: center;
     gap: .5rem;
     padding: .35rem .75rem;
     border-radius: 999px;
     background-color: rgba(255, 255, 255, 0.08);
     font-size: .85rem;
 }

 .section-padding {
     padding-top: 4rem;
     padding-bottom: 4rem;
 }

 .section-title {
     margin-bottom: 2rem;
     font-weight: 700;
     text-align: center;
 }

 .codere-logo-placeholder { 
     border-radius: .5rem; 
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100px;
     font-weight: 600;
     color: #6c757d;
 }

 .rating-stars i {
     color: #ffc107;
 }

 .rating-score {
     font-weight: 600;
     margin-left: .5rem;
 }

 .pros-list li i {
     color: #198754;
     margin-right: .35rem;
 }

 .section-bg-light {
     background-color: #f8f9fa;
 }

 .responsible-box {
     border-left: 4px solid #ffc107;
     background: #fff3cd;
     padding: 1.25rem 1.5rem;
     border-radius: .5rem;
 }

 .responsible-box i {
     color: #dc3545;
     margin-right: .5rem;
 }

 .footer-main {
     background: #020824;
     color: #dee2e6;
     padding-top: 3rem;
     padding-bottom: 2rem;
     margin-top: 3rem;
 }

 .footer-main a {
     color: #adb5bd;
     text-decoration: none;
 }

 .footer-main a:hover {
     color: #ffffff;
     text-decoration: underline;
 }

 .footer-bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     margin-top: 2rem;
     padding-top: 1rem;
     font-size: .9rem;
     text-align: center;
 }

 .social-icons a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.2);
     margin-right: .5rem;
     font-size: .9rem;
 }

 .mini-guide-icon {
     font-size: 1.6rem;
     margin-bottom: .5rem;
     color: #0d6efd;
 }

 .faq-accordion .accordion-button:focus {
     box-shadow: none;
 }

 .badge-18 {
     display: inline-flex;
     align-items: center;
     padding: .35rem .7rem;
     border-radius: 999px;
     border: 1px solid #dc3545;
     color: #dc3545;
     font-size: .75rem;
     font-weight: 600;
 }

 @media (max-width: 767.98px) {
     .hero-section {
         text-align: center;
     }

     .hero-section .hero-advantages {
         text-align: left;
     }
 }.logo-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    max-width: 1120px;
    margin: 25px auto;
    justify-content: center;
}
.logo-footer a {
    height: 48px;

}
.logo-footer a img {
    height: 100%;
    object-fit: contain;
}