/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* ============================================================
   OMEGA SUR — child theme styles
   Fuente única: Cairo (self-hosted) — Regular 400 / SemiBold 600 / Bold 700
   ============================================================ */

a {
  outline: none !important;
}

#seccion-espacio-libre {
  background: #F1F4F4;
}

#logo-icon-head>a>span>img {
  width: 211px;
  height: 67px;
}


.whatsapp-link-head {
  width: 173px;
  height: 34px;
  background: #F26178;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font: normal normal 600 18px/31px Cairo;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.whatsapp-link-head:hover {
  color: #FFFFFF;
}

.whatsapp-icon-head {
  width: 21px;
  height: 21px;
}

.btn-wpp-head-content {
  display: flex;
  align-items: center;
}


#header-omega>div {
  justify-content: space-between;
}


@media only screen and (min-width: 900px) {

  #menu-head-content .menu-item>a {
    font: normal normal 600 18px/31px Cairo;
    letter-spacing: 0px;
  }

  .espacio-paso-num {
    width: 45px;
    height: 45px;
    font-size: 21px;
  }

  #seccion-soluciones .btn-primary.soluciones-boton {
    width: 325px;
    height: 50px;
    background: #F26178 0% 0% no-repeat padding-box;
    border-radius: 30px;
    padding: 0;
  }

  #seccion-soluciones .soluciones-card {
    padding-inline: 50px;
  }

  #seccion-soluciones>div>div>div>div>div>div>div>div>div>div>div:nth-child(2)>ul {
    margin-bottom: 68px;
  }

  #seccion-soluciones>div>div>div>div>div>div>div>div>div>div>div:nth-child(2)>p.soluciones-card-desc.descripcion-texto {
    margin-bottom: 40px;
  }

  #seccion-soluciones>div>div>div>div>div>div>div>div>div>div>div>p.soluciones-card-servicios.descripcion-texto {
    max-width: 20rem;
    margin-bottom: 20px;
  }

  #nuestro-contacto {
    bottom: 60rem;
  }

  #nuestros-servicios,
  #quienes-somos-y-porque {
    bottom: 8rem;
  }


  .rubros-card {
    width: 190px;
    height: 153px;
    padding-block: 16px;
    padding-inline: 20px;
  }

  #seccion-rubros>div.ld-container.container-fluid .rubros-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 52rem;
    margin-inline: auto;
  }

  #footer-principal .footer-inner{
padding-bottom: 7rem;
  }

  #footer-principal .footer-inner > div.footer-col.footer-col-nav{
gap: 1px !important;
  }

}

#seccion-servicios {
  background: #F1F4F4;
}

.soluciones-card-item {
  border-bottom: none !important;
}

#seccion-soluciones .soluciones-card-item {
  padding-bottom: 0;
}


/* ---------------------------- FOOTER RESPONSIVE --------------------- */

/* VISTA RESPONSIVE GENERAL */
@media only screen and (max-width: 900px) {
  .footer-inner {
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 20px;
    gap: 40px;
  }

  .footer-col-marca,
  .footer-col-contacto,
  .footer-col-nav {
    flex: 1 1 100%;
    align-items: center;
    text-align: center;
  }

  .footer-contacto-item {
    justify-content: center;
  }

  .footer-col-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }


  .footer-col.footer-col-marca {
    align-items: flex-start !important;
  }

  .footer-banderas {
    margin-left: 0 !important;
    width: 8rem;
  }

  .footer-col.footer-col-contacto {
    align-items: flex-start !important;
  }

  #footer-principal>div>div>div>div>div>div>div>div>div.footer-credito {
    font: normal normal normal 18px/25px Cairo !important;
  }

}

/* VISTA MOBILE (en caso que sea necesario adaptar elementos que no se vea bien general en 900px) */
@media only screen and (max-width: 700px) {
  .footer-inner {
    padding: 30px 20px;
    gap: 30px;
  }

  .footer-col-nav {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    gap: 15px;
  }

  #seccion-soluciones .btn-primary.soluciones-boton {
    font-size: 14px;
    margin-top: 12px;
  }

  .btn-primary {
    width: 16rem !important;
    padding-inline: 0;
    padding-block: 12px;
  }

  .servicios-card-icono {
    margin-bottom: 12px !important;
  }

  .servicios-card-titulo {
    margin-bottom: 5px;
  }

  .servicios-card-desc.descripcion-texto {
    line-height: 21px;
  }

  .servicios-grid {
    gap: 25px 15px !important;
  }

  #seccion-espacio-libre .espacio-paso-texto {
    text-align: left;
  }

}

/* VISTA TABLET (en caso que sea necesario adaptar elementos que no se ven bien del traspaso de mobile a tablet) */
@media (min-width: 715px) and (max-width: 1000px) {
  .footer-inner {
    flex-direction: row;
    justify-content: space-evenly;
  }

  .footer-col-marca,
  .footer-col-contacto {
    flex: 0 0 45%;
  }

  /* El nav hereda el 100% del query de 900px, acomodándose perfectamente debajo en fila */


}

/* y estas son para tablet horizontal: */
@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
  .footer-inner {
    padding: 50px 30px;
  }

  .footer-col-contacto {
    flex: 0 0 400px;
    /* Evita desbordes si el contenedor se achica un poco */
  }
}



.ocultar {
  display: none !important;
}


.ancla {
  visibility: hidden;
  position: relative;
}


.grecaptcha-badge {
  visibility: hidden;
}

html {
  scroll-behavior: smooth;
}

.footer-credito {
  font: normal normal normal 20px/37px Cairo !important;
  letter-spacing: 0px !important;
  color: #003595 !important;
  background: white !important;
}

.footer-credito a {
  color: #003595 !important;
  font-weight: 900 !important;
}

.btn-primary {
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.btn-primary:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px -8px var(--color-rosa) !important;
  filter: brightness(1.1) !important;
}

.btn-primary:active {
  transform: translateY(1px) scale(0.98) !important;
  box-shadow: 0 4px 10px -5px var(--color-rosa) !important;
  filter: brightness(1) !important;
}

.footer-social {
  display: none;
}