/* =========================
   Cassará Ecuador · footer.css
   Footer elegante, aislado y responsivo (blindado)
   ========================= */

:root{
  --cass-blue-950:#0e244d;
  --cass-ink-soft:#cfe3ff;
  --cass-ink-muted:#9fbce8;
  --cass-link:#b7d2ff;
}

/* ========= ESCUDO (scope reset) ========= */
/* Evita que estilos globales de otras páginas afecten al footer */
.cass-footer, .cass-footer *{
  box-sizing:border-box;
  font-family:'Montserrat',sans-serif !important;
  color:var(--cass-ink-soft) !important;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none !important;
  text-decoration:none;
}

/* 🔧 EXCEPCIÓN: Font Awesome (para que sí muestre los íconos) */
.cass-footer .fa,
.cass-footer .fa-solid,
.cass-footer .fa-regular,
.cass-footer .fa-brands,
.cass-footer [class^="fa-"],
.cass-footer [class*=" fa-"]{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free","Font Awesome",sans-serif !important;
  font-weight:900;   /* sólido */
  font-style:normal;
  line-height:1;
}
/* Estética del icono del teléfono */
.cass-footer-icon{
  margin-right:8px;
  display:inline-block;
  transform:translateY(1px);
}

/* Normaliza márgenes y listas dentro del footer */
.cass-footer p,
.cass-footer ul,
.cass-footer li,
.cass-footer h1,
.cass-footer h2,
.cass-footer h3,
.cass-footer h4,
.cass-footer h5,
.cass-footer h6{
  margin:0;
  padding:0;
  font-weight:400 !important;
}

/* Aclara pesos típicos */
.cass-footer strong{ font-weight:600 !important; }
.cass-footer em{ font-style:italic; }

/* ========= BASE ========= */
.cass-footer{
  background-color:var(--cass-blue-950) !important;
  border-top:1px solid rgba(255,255,255,.06);
  width:100%;
  margin-top:auto;
}

.cass-footer-container{
  max-width:min(1480px,96vw);
  margin:0 auto;
  padding:26px 24px;
}

.cass-footer-grid{
  display:grid;
  grid-template-columns:1.25fr 1.6fr 1.25fr; /* centro más ancho */
  align-items:center;
  justify-items:stretch;
  gap:18px;
}

/* ========= IZQUIERDA ========= */
.cass-footer-left{ justify-self:start; text-align:left; }
.cass-footer-address{ display:grid; gap:6px; }
.cass-footer-text{ color:#d7e6ff !important; font-size:.95rem; }
.cass-footer-phone{ font-weight:400 !important; }

/* ========= CENTRO (NAV) ========= */
.cass-footer-center{ justify-self:center; text-align:center; }

.cass-footer-nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:nowrap;          /* 1 línea en desktop */
  white-space:nowrap;
}

.cass-footer-link{
  color:var(--cass-link) !important;
  font-weight:400 !important;
  letter-spacing:.2px;
  transition:color .2s ease,text-underline-offset .2s;
}
.cass-footer-link:hover{
  color:#fff !important;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ========= DERECHA (LOGO) ========= */
.cass-footer-right{
  justify-self:center;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:320px;
  min-width:160px;
}

.cass-footer-logo{
  /* escala por altura del viewport: no gigante, no minúsculo */
  height:clamp(56px,8vh,100px);
  width:auto;
  display:block;
  margin-inline:auto;
  object-fit:contain;
  filter:brightness(0) invert(1) contrast(112%);
  image-rendering:-webkit-optimize-contrast;
  flex-shrink:0;
}
.cass-footer-logo-link img{ max-width:55%; height:auto; display:block; }

/* ========= COPY ========= */
.cass-footer-bottom{ margin-top:14px; }
.cass-footer-copy{
  font-size:.85rem;
  color:var(--cass-ink-muted) !important;
  text-align:center;
  padding-bottom:28px;
}

/* ========= RESPONSIVE ========= */
@media (max-width:1200px){
  .cass-footer-grid{ grid-template-columns:1.15fr 1.7fr 1.15fr; gap:14px; }
  .cass-footer-nav-list{ gap:14px; }
  .cass-footer-right{ max-width:280px; }
}

@media (max-width:948px){
  .cass-footer-grid{
    grid-template-columns:1fr;
    gap:28px;
    text-align:center;
  }
  .cass-footer-left,
  .cass-footer-center,
  .cass-footer-right{
    justify-self:center;
    text-align:center;
  }
  .cass-footer-address{ justify-items:center; }
  .cass-footer-text{ text-align:center; }
  .cass-footer-nav-list{ flex-wrap:wrap; gap:10px; }
  .cass-footer-right{ max-width:240px; }
  .cass-footer-logo{ height:clamp(52px,9vh,88px); }
}
@media (max-width:768px){
  .cass-footer-grid{
    grid-template-columns:1fr;
    gap:28px;
    text-align:center;
  }
  .cass-footer-left,
  .cass-footer-center,
  .cass-footer-right{
    justify-self:center;
    text-align:center;
  }
  .cass-footer-address{ justify-items:center; }
  .cass-footer-text{ text-align:center; }
  .cass-footer-nav-list{ flex-wrap:wrap; gap:10px; }
  .cass-footer-right{ max-width:240px; }
  .cass-footer-logo{ height:clamp(52px,9vh,88px); }
}

@media (max-width:420px){
  .cass-footer-text,
  .cass-footer-link{ font-size:.9rem; }
}
/* ========= COPY (franja inferior) ========= */
.cass-footer-bottom {
    width: 100%;
    color: var(--cass-ink-muted) !important;
    border-top: 1px solid rgb(159 188 232 / 27%);
    padding: 10px 0 10px 0px;
    margin-top: 14px;
}

.cass-footer-copy{
  margin: 0;
  font-size: .85rem;
  text-align: center;
  /* ya hereda el color de .cass-footer-bottom */
}