/* 
  Global: 2D3142
  Mediclick: 058ED9
  Asesorate: F96E46
  Servicios: 03CEA4
*/

@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Schibsted Grotesk", sans-serif;
}

:root {
  --global: #2d3142;
  --mediclick: #058ed9;
  --asesorate: #f96e46;
  --tecuida: #03cea4;
  /*  */
  --mediclick-dark: #033f60;
}

.site-header-inner {
  justify-content: center;
}

.site-header .brand {
  margin-right: 0;
}

.welcome-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 65px;
}

.welcome-hero h1,
.welcome-hero h2 {
  font-weight: 800;
  margin: 0;
}

.welcome-hero h2 {
  font-size: 30px;
  font-weight: 500;
  opacity: 0.5;
}

.features-tiles-item-content h4 {
  font-family: "Schibsted Grotesk", sans-serif;
  font-weight: 700;
  font-size: 27px;
}

.hero.has-bg-color::before {
  background-color: var(--global);
  clip-path: none;
}

.hero-inner .tiles-item-inner {
  background-color: transparent;
}

.hero-inner .tiles-item-inner {
  padding: 0;
}

.hero-inner .tiles-wrap {
  gap: 20px;
}

.hero-inner .features-tiles-item-image {
  padding: 10px;
}

.hero-inner .features-tiles-item-image img {
  width: 38px;
}

.hero-inner .tiles-item:nth-child(1) .features-tiles-item-image {
  background-color: var(--mediclick);
}

.hero-inner .tiles-item:nth-child(2) .features-tiles-item-image {
  background-color: var(--asesorate);
}

.hero-inner .tiles-item:nth-child(3) .features-tiles-item-image {
  background-color: var(--tecuida);
}

.medi-btn {
  background-color: var(--mediclick);
}

.medi-btn:hover {
  background-color: #24a3e8;
}

.ases-btn {
  background-color: var(--asesorate);
}

.ases-btn:hover {
  background-color: #f88464;
}

.serv-btn {
  background-color: var(--tecuida);
}

.serv-btn:hover {
  background-color: #1adeb7;
}

.purple-btn {
  background-color: #52489c;
}

.purple-btn:hover {
  background-color: #6e63c2;
}

.site-footer::before {
  background-color: #1c1c21;
}

.illustration-element-01::after {
  display: none;
}

.hero-content h1 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1;
}

.header-nav a.button {
  padding: 10px 25px;
  height: auto;
}

.form-disabled {
  pointer-events: none;
  opacity: 0.5;
}

#form-success-message,
#form-error-message {
  border-radius: 5px;
  font-size: 15px;
  margin-bottom: 20px;
  padding: 5px 15px;
  display: none;
}

#form-success-message {
  background: #dff0d8;
  color: #3c763d;
}

#form-error-message {
  background: #f2dede;
  color: #a94442;
}

.signin h1,
.signin h2 {
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
}

.signin h2,
.signin h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
}

.signin h3 {
  font-size: 18px;
  margin-bottom: 0;
}

.signin-inner .tiles-item-inner {
  background: none;
}

@media all and (max-width: 768px) {
  .footer-social ul,
  .footer-nav ul {
    flex-direction: column;
    font-size: 17px;
    gap: 20px;
  }

  .welcome-hero h1 {
    font-size: 29px;
  }

  .welcome-hero h2 {
    font-size: 20px;
    margin-top: -15px;
  }

  .hero-content h1 {
    font-size: 30px;
  }

  .hero-content p {
    font-size: 18px;
    line-height: 1.5;
  }

  #header-nav {
    background-color: transparent;
    backdrop-filter: blur(20px);
  }
}