:root{
  --sf-rojo:#dc0526;
  --sf-gris:#f2f2f2;
  --sf-light:#c6c6c6;
}

a{text-decoration:none;color:inherit}

/* ===== HEADER ===== */
.sf-header-wrap{
  background:#fff;
  padding:14px 30px;
  border-bottom:1px solid #eee;
  box-shadow:0 2px 4px rgba(0,0,0,.04);
}

.sf-header-inner{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

.sf-logo img.sf-logo-desktop{width:150px;display:block}
.sf-logo img.sf-logo-mobile{width:28px;display:none}

.sf-top-menu ul{
  list-style:none;
  display:flex;
  gap:0;
  align-items:center;
}

.sf-top-menu li{
  padding:0 12px;
  border-left:1px solid #000;
  font-size:13px;
  font-weight:500;
}

.sf-top-menu li:first-child{border-left:none}

.sf-lang select{
  appearance:none;
  border:0;
  background:transparent;
  font-family:inherit;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
}

.sf-search-icon{cursor:pointer;display:flex;align-items:center;padding-left:12px;border-left:1px solid #000}
.sf-search-icon svg{width:20px;height:20px;fill:#000}

/* ===== FOOTER ===== */
.sf-footer{
  background:#000;
  color:#fff;
  margin-top:60px;
}

.sf-footer-top{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:40px 20px 30px;
  border-bottom:1px solid #333;
  flex-wrap:wrap;
  gap:20px;
}

.sf-footer-top img{max-height:60px}

.sf-footer-cols{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
  padding:30px 20px;
}

.sf-footer-cols h4{
  font-size:16px;
  font-weight:600;
  margin-bottom:14px;
}

.sf-footer-cols ul{list-style:none}

.sf-footer-cols ul li{margin-bottom:8px}

.sf-footer-cols ul li a{
  font-size:14px;
  color:#ccc;
}

.sf-footer-cols ul li a:hover{color:#fff;text-decoration:underline}

.sf-footer-btn{
  display:block;
  padding:12px 20px;
  border-radius:8px;
  font-size:15px;
  font-weight:500;
  margin-bottom:10px;
  text-align:center;
}

.sf-footer-btn.contacte{background:var(--sf-rojo);color:#fff!important}
.sf-footer-btn.secondary{background:#e8e8e8;color:var(--sf-rojo)!important}

.sf-footer-rrss a{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:#ccc;
  margin-bottom:10px;
}

.sf-footer-rrss a:hover{color:#fff}

.sf-footer-rrss img{width:24px;height:24px;object-fit:contain}

.sf-footer-bottom{
  max-width:1280px;
  margin:0 auto;
  padding:20px;
  border-top:1px solid #333;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  font-size:13px;
  color:#999;
}

.sf-footer-bottom a{color:#999}
.sf-footer-bottom a:hover{color:#fff}

@media(max-width:991px){
  .sf-header-wrap{padding:12px 15px}
  .sf-logo img.sf-logo-desktop{display:none}
  .sf-logo img.sf-logo-mobile{display:block}
  .sf-footer-cols{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .sf-footer-cols{grid-template-columns:1fr}
  .sf-footer-bottom{flex-direction:column}
}