:root{
  --catsi-black:   #1F1F1F;
  --catsi-vanilla: #EDE6D6;
  --catsi-white:   #FFFFFF;
}

/* Contenidor principal */
.catsi-footer{
  background: linear-gradient(180deg, #1b1b1b 0%, #151515 100%);
  color: var(--catsi-white);
  border-top: 1px solid rgba(237,230,214,.10);
  font-family: "Montserrat", sans-serif;
}

/* Padding intern (si uses .inner per TOP i BOTTOM, no cal sumar padding extra a bottom) */
.catsi-footer__inner{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* --- TOP ROW: logo + botó --- */
.catsi-footer__brand{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
  color: var(--catsi-white);
}

.catsi-footer__logo{
  height: 50px;
  width: auto;
  display:block;
  max-width: 220px;
}

/* Botó Contacte (outline “pill”) */
.catsi-footer__btn{
  border-radius: 999px;
  padding: .35rem 1.8rem;
  font-weight: 600;
  font-size: .95rem;
  line-height: 1.1;

  color: var(--catsi-white);                      /* text (white) */
  border: 2px solid var(--catsi-white);           /* contorn (una mica més fort) */
  background: transparent;
  text-decoration: none;
}
.catsi-footer__btn:hover{
  background: rgba(237,230,214,.08);
  color: rgba(237,230,214,.98);
}

/* Divider (full width si el poses fora del container) */
.catsi-footer__divider{
  height: 1px;
  background: rgba(255,255,255,.8);
}

/* --- BOTTOM ROW: copyright + links --- */
/* Si necessites més aire a la part baixa, posa'l aquí, però llavors baixa el padding de __inner */
.catsi-footer__bottom{
  padding-top: 10px;
  padding-bottom: 12px;
}

.catsi-footer__copy{
  color: rgba(237,230,214,.80);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

.catsi-footer__links{
  display:flex;
  align-items:center;
  gap: 46px;
}

.catsi-footer__link{
  color: rgba(237,230,214,.80);
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}
.catsi-footer__link:hover{
  color: rgba(237,230,214,.95);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Responsive */
@media (max-width: 576px){
  .catsi-footer__links{ gap: 18px; }
  .catsi-footer__logo{ height: 30px; }
  .catsi-footer__btn{ padding: .5rem 1.2rem; }
}