:root {
     --bg: #ffffff;
     --soft: #f8fafc;
     --text: #0f172a;
     --muted: #6b7280;
     --line: #e5e7eb;
     font-family: "Poppins", "Arial", sans-serif;

 }

 body {
     margin: 0;
     background: #f5f7fa;
     color: var(--text);
 }

 footer {
     background: var(--bg);
     border-top: 1px solid var(--line);


 }

 /* ===== TOP ===== */
 .footer-main {
     padding: 24px 0 28px;


 }

 .footer-brand img {
     max-width: 120px;
     margin-bottom: 16px;
 }



 /* LINKS */
 .footer-title {
     font-size: 14px;
     font-weight: 600;
     letter-spacing: .08em;
     margin-bottom: 16px;
 }

 .footer-link {
     display: block;
     font-size: 14px;
     color: var(--muted);
     text-decoration: none;
     margin-bottom: 6px;
 }

 .footer-link:hover {
     color: #000;
 }

 /* ===== BOTTOM ===== */
 .footer-bottom {
     background: var(--soft);
     border-top: 1px solid var(--line);
     padding: 18px 0;
 }

 .footer-bottom-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 32px;
     white-space: nowrap;
 }

 /* CERTS */
 .footer-certs {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .footer-certs img {
     height: 40px;
     opacity: .85;
     filter: grayscale(100%) contrast(120%);
 }

 .footer-certs img:hover {
     filter: none;
     opacity: 1;
 }

 .footer-right {
     display: flex;
     align-items: center;
     gap: 18px;
 }

 /* SOCIAL */
 .footer-social a {
     color: var(--muted);
     font-size: 16px;
     margin-right: 10px;
     text-decoration: none;
 }

 .footer-copy {

     font-size: 13px;
     font-family: "Poppins", "Arial", sans-serif;

 }

 .footer-social a:hover {
     color: #000;
 }

 /* LANG */
 .footer-lang a {
     color: var(--muted);
     text-decoration: none;
     margin: 0 4px;
 }

 .footer-lang a.active {
     color: #000;
     font-weight: 600;
 }

 /* ===== MOBILE ===== */
 @media(max-width:768px) {
     .footer-main {
         padding: 48px 0 32px;
         text-align: center;
     }

     .footer-brand p {
         margin-left: auto;
         margin-right: auto;
     }

     .footer-bottom-inner {
         flex-direction: column;
         white-space: normal;
         text-align: center;
         gap: 12px;
     }

     .footer-right {
         flex-direction: column;
         gap: 6px;
     }
 }
 /* ===== MOBILE RESPONSIVE ONLY ===== */
@media (max-width: 768px) {

  .footer-main {
    padding: 40px 0 32px;
    text-align: center;
  }

  .footer-brand img {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-title {
    margin-top: 24px;
    margin-bottom: 12px;
  }

  .footer-link {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .footer-bottom-inner {
    flex-direction: column;
    gap: 14px;
    white-space: normal;
    text-align: center;
  }

  .footer-certs {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .footer-certs img {
    height: 34px;
  }

  .footer-right {
    flex-direction: column;
    gap: 8px;
  }

  .footer-social a {
    font-size: 18px;
    margin: 0 8px;
  }

  .footer-copy {
    line-height: 1.6;
  }

  .footer-lang {
    margin-top: 6px;
  }

  footer {
    padding-bottom: env(safe-area-inset-bottom);
  }
}