/* IT en Línea · Footer editorial v0.5 */
.it-footer { margin-top: 72px; background: var(--it-blue, #2477b9); color: #fff; font-size: 13px; }
.it-footer__main { padding: 52px 16px 55px; }
.it-footer__main-inner { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(140px, .8fr); gap: clamp(28px, 5vw, 75px); align-items: start; }
.it-footer__brand { min-width: 0; }
.it-footer__identity { display: inline-flex; align-items: center; color: #fff; text-decoration: none; line-height: 1; }
.it-footer__logo { display: block; width: auto; height: auto; max-width: min(290px, 100%); max-height: 92px; object-fit: contain; }
.it-footer__brand-name { color: #fff; font-size: clamp(25px, 3vw, 38px); font-weight: 900; }
.it-footer__description { max-width: 390px; color: rgba(255,255,255,.92); font-size: 14px; line-height: 1.7; margin: 18px 0 20px; }
.it-footer__heading { color: #fff; margin: 6px 0 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.27); font-size: 15px; font-weight: 850; line-height: 1.2; }
.it-footer__links { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr; gap: 10px; }
.it-footer__links li { list-style: none; padding: 0; margin: 0; }
.it-footer__links a { color: rgba(255,255,255,.88); text-decoration: none; font-size: 13px; font-weight: 600; line-height: 1.45; }
.it-footer__links a:hover, .it-footer__links a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.it-footer__social { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.it-footer__social a { display: inline-flex; justify-content: center; align-items: center; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; color: #fff; transition: background .2s ease, transform .2s ease; }
.it-footer__social a svg { display: block; width: 17px; height: 17px; }
.it-footer__social a:hover, .it-footer__social a:focus-visible { background: rgba(255,255,255,.18); transform: translateY(-2px); }
.it-footer__bottom { background: #101419; }
.it-footer__bottom-inner { min-height: 73px; padding: 20px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.it-footer__legal { color: #c7ced5; font-size: 11px; line-height: 1.65; margin: 0; max-width: 740px; }
.it-footer__credit { color: #dce2e7; margin: 0; font-size: 12px; white-space: nowrap; }
.it-footer__credit a { color: #fff; text-decoration: none; font-weight: 800; }
.it-footer__credit a:hover, .it-footer__credit a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
  .it-footer__main-inner { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 30px; }
  .it-footer__brand { grid-column: 1 / -1; }
  .it-footer__description { max-width: 580px; }
  .it-footer__bottom-inner { flex-wrap: wrap; }
}
@media (max-width: 560px) {
  .it-footer { margin-top: 50px; }
  .it-footer__main { padding: 40px 16px 43px; }
  .it-footer__main-inner { grid-template-columns: 1fr 1fr; gap: 24px 18px; }
  .it-footer__brand { grid-column: 1 / -1; }
  .it-footer__logo { max-width: min(240px, 85vw); }
  .it-footer__description { font-size: 13px; }
  .it-footer__heading { font-size: 14px; }
  .it-footer__links a { font-size: 12px; }
  .it-footer__bottom-inner { flex-direction: column; align-items: flex-start; gap: 11px; padding: 21px 0; }
  .it-footer__credit { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .it-footer__social a { transition: none; } }

/* Mascota IT · cuarta columna editorial */
.it-footer__mascot { min-width: 0; display: flex; justify-content: flex-end; align-self: end; }
.it-footer__mascot-image { display: block; width: clamp(135px, 15vw, 215px); max-width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 8px 16px rgba(0,0,0,.12)); }
@media (min-width: 901px) {
  .it-footer__main-inner { align-items: stretch; }
}
@media (max-width: 900px) {
  .it-footer__mascot { grid-column: 1 / -1; grid-row: auto; justify-content: center; align-self: end; }
  .it-footer__mascot-image { width: 160px; }
}
@media (max-width: 560px) {
  .it-footer__mascot { grid-column: 1 / -1; grid-row: auto; justify-content: center; margin-top: 4px; }
  .it-footer__mascot-image { width: 145px; }
}

/* IT en Línea V2 — Reducir separación antes del footer */
.it-footer {
    margin-top: 2px;
}