/* ========================== */
/* ====== FOOTER BASE ======= */
/* ========================== */
#footer {
  background-color: #E5E5E5;
  width: 100%;
  margin: 0;
  padding: 100px 30px 30px 30px;
  box-sizing: border-box;
}

/* ========================== */
/* === CONTENIDO GENERAL === */
/* ========================== */
#footer-content {
  display: grid;
  grid-template-columns: auto 1fr; /* logo | columna derecha */
  column-gap: clamp(16px, 3vw, 40px);
  align-items: center; /* <<< centra logo y textos verticalmente */
  width: 100%;
  box-sizing: border-box;
}

.logo_footer {
  grid-column: 1;
  width: auto;
  height: auto;
  max-height: 150px;  /* ajustá tamaño del logo */
  object-fit: contain;
}

/* Columna derecha: dentro armamos las filas */
.footer-right {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* alinea a la derecha */
  gap: 6px;              /* espacio entre líneas */
  text-align: right;
}

#footer p {
  font-size: 14px;
  color: #333;
  margin: 0;            /* manejamos gap con .footer-right */
}

#Fcontactanos {
  margin: 6px 0 4px;
  font-weight: bold;
}

/* ========================== */
/* ===== REDES SOCIALES ===== */
/* ========================== */
#RRSS {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.RRSS {
  width: clamp(25px, 4vw, 35px);
  height: clamp(25px, 4vw, 35px);
  object-fit: contain;
}

/* ========================================================== */
/* ===== MODO COLUMNA EN PANTALLAS PORTRAIT ===== */
/* ========================================================== */
@media (orientation: portrait) {
  #footer {
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  #footer-content {
    display: flex;            /* una sola columna */
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .logo_footer {
    max-height: 200px;  /* más grande en portrait */
    margin-bottom: 15px;
  }

  .footer-right {
    align-items: center;
    text-align: center;
  }

  #RRSS {
    justify-content: center;
  }
}