@media (max-width: 620px) {
    .site-header .brand img {
        width: 110px !important;
        height: 110px !important;
        max-width: 160px !important;
        max-height: 150px !important;
    }
}

@media (max-width: 620px) {
    .site-footer .footer-logo {
        width: 150px !important;
        height: 150px !important;
        max-width: 150px !important;
        max-height: 150px !important;
        margin: 0 auto 2px;
    }
}


/* Evitar que el logo se corte en móvil */
@media (max-width: 620px) {
  .site-header {
    overflow: visible !important;
  }

  .header-inner {
    min-height: 126px !important;
    height: auto !important;
    overflow: visible !important;
    padding: 8px 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    margin: 0 auto !important;
  }

  .brand img {
    width: 110px !important;
    height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}







/* Tipografía de los botones principales */
.hero-buttons .btn,
.hero-buttons .btn span,
.hero-buttons .btn strong {
  font-family: "Roboto Condensed", Arial, sans-serif !important;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Texto pequeño */
.hero-buttons .btn span {
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

/* Número y palabra WhatsApp */
.hero-buttons .btn strong {
  font-size: 23px;
  font-weight: 900;
  line-height: 1.05;
}




.hero-buttons .btn-large {
  min-width: 220px;
  min-height: 72px;
  padding: 10px 18px;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
}

.hero-buttons .btn-large span,
.hero-buttons .btn-large strong {
  display: block;
  width: 100%;
  text-align: center;
}


