/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* VARIABLES REUTILIZABLES  */

:root {
  --color-primary: #094367;

  --font-heading: 'Montserrat', helvetica, sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* ----- TEXTO ----- */
.texto h1,
.texto h2,
.texto h3,
.texto h4 {
  margin: 0 !important;
}
.texto h1,
.texto h3 {
  margin-bottom: 15px !important;
}
.texto h2 {
  margin-bottom: 10px !important;
}
.texto h3 {
  font-size: 28px !important;
}

.texto strong {
  color: var(--color-primary) !important;
}

/* ----- BOTON ----- */
input[type='submit'],
.boton a {
  background: transparent !important;
  border: 2px solid var(--color-primary) !important;
  color: black !important;
  border-radius: 10px !important;
  line-height: normal !important;
  font-family: var(--font-heading) !important;
  padding: 12px 24px !important;
  letter-spacing: -0.4px !important;
}
input[type='submit'],
.boton.fondo a {
  background: var(--color-primary) !important;
  color: white !important;
}

/* ----- IMAGEN ----- */
.imagen img {
  border-radius: 20px !important;
}

/* ----- SECCIONES ----- */
.grid-trabajamos {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 35px !important;
  justify-content: center !important;
  align-items: center !important;
}
.grid-trabajamos div {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  justify-content: center !important;
  align-items: center !important;
}
.grid-trabajamos img {
  width: 65px !important;
  height: 65px !important;
  object-fit: cover !important;
  object-position: center !important;
}

.icono-list {
  display: flex !important;
  gap: 10px !important;
  justify-content: start !important;
  align-items: start !important;
  margin-bottom: 10px !important;
}
.icono-list i {
  margin-top: 6px !important;
}
.icono-list p {
  margin: 0 !important;
}

.card > div {
  border: 2px solid var(--color-primary) !important;
  border-radius: 10px !important;
  padding: 18px 28px !important;
}
.card * {
  margin: 0 !important;
}
.card img {
  width: 75px !important;
  height: 75px !important;
  margin-bottom: 25px !important;
  object-fit: cover !important;
  object-position: center !important;
}

.card-urgente > div > div {
  background: #198fd944 !important;
  border-radius: 20px !important;
  padding: 20px !important;
}

.card-atencion > div > div {
  background: #198fd922 !important;
  border-radius: 20px !important;
  padding: 20px !important;
}

.card-servicio {
  border: 2px solid var(--color-primary) !important;
  border-radius: 20px !important;
}

.card-servicio > div:has(.texto) img {
  width: 75px !important;
  height: 75px !important;
  object-fit: cover !important;
  object-position: center !important;
}
.card-servicio > div:not(:has(.texto)) img {
  max-height: 400px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ----- FORM ----- */
label a {
  text-decoration: underline !important;
  color: var(--color-primary) !important;
}

/* ----- HEADER ----- */
header {
  position: sticky !important;
  top: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
header .fusion-logo img {
  width: 200px !important;
  height: auto !important;
}

.fusion-menu {
  display: flex !important;
  gap: 30px !important;
}
.fusion-menu li {
  padding: 0 !important;
}

.fusion-header .fusion-row {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.fusion-header .fusion-row::before,
.fusion-header .fusion-row::after {
  content: none !important;
}
.fusion-header #flags {
  width: auto !important;
  height: auto !important;
}

.menu-separator {
  display: flex !important;
  flex-direction: row !important;
  gap: 30px !important;
  align-items: center !important;
}

/* ----- FOOTER ----- */
footer {
  background: var(--color-primary) !important;
}
footer a:hover {
  color: white !important;
}
footer .adhoc-footer {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}
footer .adhoc-footer img {
  width: 300px !important;
  filter: invert(1) !important;
}
footer .adhoc-footer .foot {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  border-bottom: 2px solid white !important;
  padding-bottom: 40px !important;
}
footer .adhoc-footer .foot nav {
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
}
footer .adhoc-footer .rights {
  padding-top: 40px !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
}

footer .fusion-social-links-footer {
  display: none !important;
  visibility: hidden !important;
}

/* ----- RESPONSIVE ----- */
@media (max-width: 1300px) {
  .texto h1 {
    font-size: 50px !important;
  }
  .texto h2 {
    font-size: 35px !important;
  }
  .texto h3 {
    font-size: 20px !important;
  }
  .grid-trabajamos img {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (max-width: 1000px) {
  .texto h1 {
    font-size: 40px !important;
  }
  .texto h2 {
    font-size: 30px !important;
  }
  .texto h3 {
    font-size: 18px !important;
  }
  .grid-trabajamos img {
    width: 40px !important;
    height: 40px !important;
  }
  .fusion-menu {
    gap: 25px !important;
  }
}
@media (max-width: 750px) {
  header .fusion-logo img {
    width: 125px !important;
  }
  .fusion-menu {
    gap: 15px !important;
  }
  .fusion-menu span {
    font-size: 14px !important;
  }
}
@media (max-width: 650px) {
  header .fusion-logo img {
    display: none !important;
  }
  footer .adhoc-footer img {
    width: 200px !important;
  }
  .menu-separator {
    gap: 5px !important;
  }
}