@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
@font-face {
  font-family: "Avenir Light";
  src: url("../fonts/Avenir-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Heavy";
  src: url("../fonts/Avenir-Next-Heavy.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Regular";
  src: url("../fonts/Avenir-Next-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Bold";
  src: url("../fonts/Avenir-Next-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Roman";
  src: url("../fonts/Avenir-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next Medium";
  src: url("../fonts/Avenir-Next-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Integral CF Medium";
  src: url("../fonts/IntegralCF-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter Regular";
  src: url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter Black";
  src: url("../fonts/Inter-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@keyframes gradient-text {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
body {
  margin: 0;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  background-color: #ffffff;
}

main {
  margin-top: 60px;
}

.break-after::after {
  content: "";
  display: block;
}

.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.navbar {
  background-color: #00295f;
  height: 70px;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.navbar .container .logo img {
  height: 21.875px;
  width: 84px;
}
.navbar .container .menu-toggle {
  display: flex;
  cursor: pointer;
  font-size: 28px;
  color: #ffffff;
  z-index: 1100;
}
.navbar .container .nav-links {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  background-color: #00295f;
  padding: 9px 42px 19px 42px;
  list-style: none;
  z-index: 1000;
  border-top: 1px solid #ffffff;
  border-radius: 0 0 8px 8px;
}
.navbar .container .nav-links li {
  margin: 4px 0;
}
.navbar .container .nav-links li a {
  font-family: "Mulish", sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1.44px;
  transition: color 0.2s ease, font-size 0.2s ease;
}
.navbar .container .nav-links li a:hover {
  font-weight: 900;
}
.navbar .container .nav-links li:nth-child(2):hover a {
  color: #7bc9f8;
}
.navbar .container .nav-links li:nth-child(3):hover a {
  color: #48bc01;
}
.navbar .container .nav-links li:nth-child(4):hover a {
  color: #b200c2;
}
.navbar .container .nav-links .social-icons {
  display: flex;
  gap: 18px;
}
.navbar .container .nav-links .social-icons .social-icon {
  color: #ffffff;
  font-size: 18px;
}
.navbar .container .nav-links.active {
  display: flex;
}
.navbar .container .nav-icons {
  display: none;
}

@media (min-width: 769px) {
  .navbar {
    height: 106px;
    padding: 0 60px;
  }
  .navbar .container .logo img {
    height: 24.74px;
    width: 95px;
  }
  .navbar .container .nav-links {
    top: 90px;
  }
  .navbar .container .nav-links li {
    margin: 14px 0;
  }
}
@media (min-width: 1366px) {
  .navbar .container .logo img {
    height: 25px;
    width: 95px;
  }
  .navbar .container .menu-toggle {
    display: none;
  }
  .navbar .container .nav-links {
    display: flex;
    flex-direction: row;
    position: relative;
    gap: 24px;
    margin: 0;
    padding: 0;
    top: 0;
    height: 40px;
    border-top: none;
    border-radius: none;
  }
  .navbar .container .nav-links li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-width: 100px;
  }
  .navbar .container .nav-links li a {
    line-height: 1.4;
  }
  .navbar .container .nav-links li:nth-child(1) {
    min-width: 60px;
  }
  .navbar .container .nav-links li:nth-child(2) {
    min-width: 160px;
  }
  .navbar .container .nav-links li:nth-child(4), .navbar .container .nav-links li:nth-child(5) {
    min-width: 140px;
  }
  .navbar .container .nav-links .social-icons {
    display: none;
  }
  .navbar .container .nav-icons {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  .navbar .container .nav-icons a {
    color: #ffffff;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s;
  }
  .navbar .container .nav-icons .social-icon {
    font-size: 18px;
  }
}
.footer-container {
  width: 100%;
  background-color: #00295f;
  color: #ffffff;
  display: flex;
  flex-direction: column;
}
.footer-container .footer-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: left;
  padding: 34px 40px 0 40px;
}
.footer-container .footer-content .footer-logo {
  display: none;
}
.footer-container .footer-content .footer-contact h3 {
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
}
.footer-container .footer-content .footer-contact .footer-contact-info p {
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
  font-weight: 400;
  margin: 5px 0;
}
.footer-container .footer-content .footer-contact .footer-contact-info p:nth-of-type(2) {
  margin-top: 13px;
}
.footer-container .footer-content .footer-contact .footer-contact-info a {
  color: #ffffff;
  font-size: 14px;
}
.footer-container .footer-content .footer-contact .footer-contact-info a:hover {
  color: #c4e7fc;
}
.footer-container .footer-content .footer-contact .footer-social-icons {
  display: none;
}
.footer-container .footer-content .footer-nav {
  display: none;
}
.footer-container .footer-content .footer-nav div {
  display: none;
}
.footer-container .footer-content .footer-nav div .footer-link {
  font-weight: 300;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #7bc9f8;
  transition: color 0.3s;
}
.footer-container .footer-content .footer-nav div .footer-link:hover {
  color: #c4e7fc;
}
.footer-container .footer-content .links2 {
  margin-top: 20px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer-container .footer-content .links2 .footer-link2 {
  font-size: 14px;
  font-weight: 300;
  color: #7bc9f8;
}
.footer-container .footer-content .links2 .footer-link2:hover {
  color: #7bc9f8;
}
.footer-container .footer-copyright-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  margin: auto;
  border-top: 0.5px solid #7bc9f8;
}
.footer-container .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #7bc9f8;
  text-align: center;
}
.footer-container .footer-bottom .footer-legal {
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.footer-container .footer-bottom .footer-legal li {
  flex: 1 1 calc(50% - 16px);
  max-width: calc(50% - 16px);
}
.footer-container .footer-bottom .footer-legal li a {
  font-family: "Mulish", sans-serif;
  font-size: 12px;
  color: #00295f;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
}
.footer-container .footer-bottom .footer-legal li a:hover {
  text-decoration: underline;
}

@media (min-width: 769px) {
  .footer-container .footer-content {
    gap: 20px;
    padding: 34px 148px 0 148px;
  }
  .footer-container .footer-content .footer-contact {
    margin: auto;
  }
  .footer-container .footer-content .footer-contact .footer-contact-info {
    display: flex;
    gap: 32px;
  }
  .footer-container .footer-content .footer-contact .footer-contact-info p {
    margin: 0;
  }
  .footer-container .footer-content .footer-contact .footer-contact-info p:nth-of-type(2) {
    margin-top: 0;
  }
  .footer-container .footer-content .links2 {
    margin-left: -16px;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
    align-items: center;
  }
  .footer-container .footer-bottom .footer-legal li {
    margin: 0 30px;
    flex: 1 1 auto;
    max-width: none;
  }
}
@media (min-width: 1366px) {
  .footer-container {
    justify-content: space-between;
    padding-top: 40px;
  }
  .footer-container .footer-content {
    display: grid;
    grid-template-columns: 50% 25% 25%;
    gap: 30px;
    margin: 0 auto;
    align-items: flex-start;
    padding-bottom: 40px;
  }
  .footer-container .footer-content .footer-logo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 28px;
  }
  .footer-container .footer-content .footer-logo .animated-logo {
    margin-top: -30px;
    font-family: "Mulish", sans-serif;
    font-weight: 900;
    font-size: 96px;
    background: linear-gradient(225deg, #00295f, #7bc9f8, #48bc01, #b200c2, #7bc9f8, #48bc01, #b200c2, #00295f);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-text 8s ease infinite;
  }
  .footer-container .footer-content .footer-logo .footer-copyright {
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
  }
  .footer-container .footer-content .footer-contact {
    margin-top: 0;
  }
  .footer-container .footer-content .footer-contact h3 {
    font-weight: 900;
    font-size: 14px;
    margin-top: 0 0 14px 0;
  }
  .footer-container .footer-content .footer-contact .footer-contact-info {
    display: block;
  }
  .footer-container .footer-content .footer-contact .footer-contact-info p {
    font-size: 14px;
    margin: 14px 0;
    line-height: 1.6;
  }
  .footer-container .footer-content .footer-contact .footer-social-icons {
    display: block;
    margin-top: 8px;
  }
  .footer-container .footer-content .footer-contact .footer-social-icons .social-icon {
    font-size: 20px;
    color: #ffffff;
    margin-right: 10px;
  }
  .footer-container .footer-content .footer-nav {
    display: block;
    font-family: "Mulish", sans-serif;
    font-weight: 300;
    font-size: 16px;
  }
  .footer-container .footer-content .footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .footer-container .footer-content .footer-nav ul li {
    margin-bottom: 16px;
  }
  .footer-container .footer-content .footer-nav ul a {
    color: #ffffff;
    letter-spacing: 1.5px;
    text-decoration: none;
  }
  .footer-container .footer-content .footer-nav div {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 4px;
  }
  .footer-container .footer-content .footer-nav div .footer-link {
    font-size: 14px;
    display: block;
  }
  .footer-container .footer-content .footer-link2 {
    display: none;
  }
  .footer-container .footer-copyright-mobile {
    display: none;
  }
  .footer-container .footer-bottom {
    width: 100%;
    justify-content: end;
    align-items: center;
    margin: 0 auto;
  }
  .footer-container .footer-bottom .footer-wrapper {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: end;
    justify-content: end;
  }
  .footer-container .footer-bottom .footer-legal {
    gap: 40px;
    margin: 0;
  }
  .footer-container .footer-bottom .footer-legal li a {
    font-size: 14px;
  }
}
.home-content a {
  text-decoration: none;
}
.home-content .home-wrapper {
  margin: 0 auto;
}
.home-content .banner {
  margin-top: 66px;
  width: 100%;
  height: 210px;
  background: url(../assets/banner-home-mobile.jpg) no-repeat;
  background-size: auto;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-content .banner .banner__content {
  margin-right: 16px;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  width: auto;
}
.home-content .banner .banner__content .banner-title {
  font-family: "Integral CF Medium", sans-serif;
  font-size: 50px;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
  padding-left: 1px;
  text-align: right;
}
.home-content .banner .banner__content .banner-p {
  width: 225px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url(../assets/home-banner-claim-bg.png) no-repeat center center;
  background-size: contain;
  color: #fff;
  font-size: 8.5px;
  font-family: "Avenir Next Heavy", sans-serif;
  line-height: 40px;
  margin: -12px 0 0 0;
}
.home-content .banner .banner__content .btn-container {
  margin-right: 10px;
  margin-top: 8px;
}
.home-content .banner .banner__content .banner-btn {
  position: relative;
  font-size: 14px;
  padding: 5px 15px 5px;
  color: #fff;
  font-weight: 1000;
  background-color: transparent;
  border: 1px solid transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 0;
  background: linear-gradient(to bottom, #fff 10px, transparent 1px, transparent calc(100% - 10px), #fff calc(100% - 10px), #fff) no-repeat;
  background-size: 1px 100%;
  cursor: pointer;
  padding: 16px 12px 16p 26px;
  line-height: 37.5px;
}
.home-content .banner .banner__content .banner-btn::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 40%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  content: "→";
  font-family: "Arial", sans-serif;
}
.home-content .commitment {
  padding: 4px 0 32px;
  margin: 0 auto;
  margin-top: 10px;
}
.home-content .commitment .commitment-title {
  color: #70add2;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
  margin-bottom: 0;
}
.home-content .commitment .commitment-p {
  width: 90%;
  text-align: center;
  color: #506889;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  margin: 24px auto;
}
.home-content .commitment .commitment-btn-container {
  display: flex;
  justify-content: center;
}
.home-content .commitment .commitment-btn {
  position: relative;
  font-size: 14px;
  padding: 5px 15px 5px;
  color: #70add2;
  font-weight: 1000;
  background-color: transparent;
  border: 1px solid transparent;
  border-top: 1px solid #70add2;
  border-bottom: 1px solid #70add2;
  border-right: 1px solid #70add2;
  border-left: 0;
  background: linear-gradient(to bottom, #70add2 10px, transparent 1px, transparent calc(100% - 10px), #70add2 calc(100% - 10px), #70add2) no-repeat;
  background-size: 1px 100%;
  cursor: pointer;
}
.home-content .commitment .commitment-btn::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 40%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #70add2;
  font-size: 1.5rem;
  content: "→";
  font-family: "Arial", sans-serif;
}
.home-content .cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
}
.home-content .cards .card {
  height: 90px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-content .cards .card .card-p {
  color: #fff;
  font-size: 18px;
  width: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.home-content .cards .card .card-p strong {
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
}
.home-content .cards .card--wellbeing {
  background-color: #7bc9f8;
}
.home-content .cards .card--commitment {
  background-color: #b200c2;
}
.home-content .cards .card--pain {
  background-color: #48bc01;
}
.home-content .cards .card--healthcare {
  background-color: #1baeee;
}
.home-content .pain {
  padding: 32px 0 50px 0;
  text-align: center;
  color: #48bc01;
}
.home-content .pain .image-preload::before {
  content: "";
  width: 0;
  height: 0;
  background: url("../assets/animations/1.jpg") no-repeat, url("../assets/animations/2.jpg") no-repeat, url("../assets/animations/3.jpg") no-repeat, url("../assets/animations/4.jpg") no-repeat, url("../assets/animations/5.jpg") no-repeat, url("../assets/animations/6.jpg") no-repeat, url("../assets/animations/7.jpg") no-repeat;
}
.home-content .pain .pain__title {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: auto;
}
.home-content .pain .pain__title .first-t {
  display: block;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: -10px;
}
.home-content .pain .pain__title .second-t {
  font-size: 26px;
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
}
.home-content .pain .pain__title .third-t {
  font-size: 26px;
  font-weight: 200;
  font-family: "Mulish", sans-serif;
}
.home-content .pain .pain__title .fourth-t {
  margin-top: -10px;
  display: block;
  font-size: 70px;
  line-height: normal;
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}
.home-content .pain .principal {
  padding: 0 5%;
  margin: 0 auto;
  font-size: 20px;
  line-height: normal;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.home-content .pain .principal span {
  display: block;
}
.home-content .pain .second-text {
  padding: 12px 5% 28px 5%;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  font-family: "Mulish", sans-serif;
  margin: auto;
}
.home-content .pain .pain-btn {
  position: relative;
  font-size: 14px;
  padding: 5px 15px 5px;
  color: #ade200;
  font-weight: 1000;
  background-color: transparent;
  border: 1px solid transparent;
  border-top: 1px solid #ade200;
  border-bottom: 1px solid #ade200;
  border-right: 1px solid #ade200;
  border-left: 0;
  background: linear-gradient(to bottom, #ade200 10px, transparent 1px, transparent calc(100% - 10px), #ade200 calc(100% - 10px), #ade200) no-repeat;
  background-size: 1px 100%;
  cursor: pointer;
  margin-right: 0;
}
.home-content .pain .pain-btn::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 51%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ade200;
  font-size: 1.5rem;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0a9";
}
.home-content .chameleon {
  background: #7bc9f8;
  color: #fff;
  transition: background-color 0.3s ease;
  position: relative;
  overflow: hidden;
  padding-bottom: calc(186px + (100vw - 200px) * -0.1);
}
.home-content .chameleon .wrapper {
  width: 90%;
  margin: 0 auto;
}
.home-content .chameleon .chameleon-title {
  text-align: center;
  font-weight: 500;
  margin-bottom: 0;
  transition: color 0.3s ease;
  font-size: 34px;
  line-height: normal;
  padding-top: 18px;
}
.home-content .chameleon .chameleon-title .we-are {
  display: block;
}
.home-content .chameleon .chameleon-title .chameleonic {
  padding: 0;
}
.home-content .chameleon .about-aristo {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  margin: auto;
  padding-top: 4px;
}
.home-content .chameleon .about-aristo strong {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}
.home-content .chameleon .about-aristo .under {
  text-align: center;
  margin-bottom: 44px;
}
.home-content .chameleon .about-aristo .btn-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 9px;
  cursor: pointer;
  width: fit-content;
  margin: auto;
}
.home-content .chameleon .about-aristo .btn-section .chameleon-btn {
  position: relative;
  font-size: 14px;
  padding: 5px 15px 5px;
  color: #fff;
  font-weight: 1000;
  background-color: transparent;
  border: 1px solid transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 0;
  background: linear-gradient(to bottom, #fff 10px, transparent 1px, transparent calc(100% - 10px), #fff calc(100% - 10px), #fff) no-repeat;
  background-size: 1px 100%;
  cursor: pointer;
  margin-right: 0;
  text-transform: uppercase;
}
.home-content .chameleon .about-aristo .btn-section .chameleon-btn::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 51%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0a9";
}
.home-content .chameleon .img-section {
  display: flex;
  justify-content: right;
  align-items: center;
}
.home-content .chameleon .img-section .img {
  height: 166px;
  overflow: auto;
  position: absolute;
  bottom: 0px;
  left: -18px;
  z-index: 0;
  transition: opacity 0.5s ease-in-out;
}
.home-content .chameleon .img-section .img.active {
  opacity: 1;
  z-index: 1;
}
.home-content .chameleon .img-section .list {
  list-style: none;
  line-height: 75px;
  margin: 24px 20px 0 0;
  align-self: end;
}
.home-content .chameleon .img-section .list .list-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 8px;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 1000;
}
.home-content .chameleon .img-section .list .list-section .artist-sec {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
.home-content .chameleon .img-section .list .list-section #icon {
  margin-left: 15px;
  font-size: 36px;
  font-family: "Mulish", sans-serif;
  font-weight: 275;
}
.home-content .chameleon.type-1 {
  background-color: #48bc01;
}
.home-content .chameleon.type-1 i,
.home-content .chameleon.type-1 h2 {
  color: #b200c2;
}
.home-content .chameleon.type-2 {
  background: #9b4cff;
}
.home-content .chameleon.type-2 i,
.home-content .chameleon.type-2 h2 {
  color: #48bc01;
}
.home-content .chameleon.type-3 {
  background-color: #006cf9;
}
.home-content .chameleon.type-3 i,
.home-content .chameleon.type-3 h2 {
  color: #00295f;
}
.home-content .innovation {
  color: #006cf9;
  padding: 32px 5%;
  margin: auto;
}
.home-content .innovation .innovation-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.home-content .innovation .innovation-section .innovation-title {
  text-align: center;
  font-size: 26px;
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
  margin-bottom: -20px;
  margin-top: 0;
  line-height: normal;
}
.home-content .innovation .innovation-section .innovation-container {
  max-width: 100%;
  margin: 0;
}
.home-content .innovation .innovation-section .innovation-container .innov-title {
  line-height: 95px;
  text-align: center;
  font-size: 45px;
  letter-spacing: -1px;
}
.home-content .innovation .innovation-section .innovation-container .innov-title .innov-title--figure-container {
  padding: 20px;
}
.home-content .innovation .innovation-section .innovation-container .innov-title .innov-title--figure-container figure {
  max-width: 35px;
  max-height: 35px;
}
.home-content .innovation .innovation-section .innovation-container .subtitle {
  padding-top: 0;
  font-size: 24px;
  margin: 0 auto 28px;
  box-sizing: border-box;
  font-family: "Mulish", sans-serif;
  font-weight: 200;
  text-align: center;
}
.home-content .innovation .innovation-section .innovation-container .subtitle strong {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}
.home-content .innovation .description-1,
.home-content .innovation .description-2 {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.home-content .innovation .description-1 span,
.home-content .innovation .description-2 span {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}
.home-content .innovation .description-2 {
  margin-top: 2px;
}

@media (min-width: 769px) {
  .home-content .banner {
    background: url(../assets/banner-home-tablet-fixed.jpg) no-repeat center;
    margin-top: 105.99px;
    height: 278px;
  }
  .home-content .banner .banner__content {
    margin-right: 72px;
  }
  .home-content .banner .banner__content .banner-title {
    font-size: 100px;
    letter-spacing: 5px;
  }
  .home-content .banner .banner__content .banner-p {
    width: 454px;
    height: 26px;
    font-size: 16px;
    background-size: cover;
    margin-top: -4px;
  }
  .home-content .banner .banner__content .btn-container {
    margin-right: 15px;
    margin-top: 24px;
  }
  .home-content .banner .banner__content .banner-btn {
    position: relative;
    font-size: 14px;
    padding: 5px 15px 5px;
    color: #fff;
    font-weight: 1000;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 0;
    background: linear-gradient(to bottom, #fff 10px, transparent 1px, transparent calc(100% - 10px), #fff calc(100% - 10px), #fff) no-repeat;
    background-size: 1px 100%;
    cursor: pointer;
    padding: 16px 12px 16p 26px;
    line-height: 37.5px;
  }
  .home-content .banner .banner__content .banner-btn::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 40%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    content: "→";
    font-family: "Arial", sans-serif;
  }
  .home-content .commitment {
    padding: 16px 0 32px;
    margin-top: auto;
  }
  .home-content .commitment .commitment-btn {
    position: relative;
    font-size: 1rem;
    padding: 5px 15px 5px;
    color: #70add2;
    font-weight: 1000;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: 1px solid #70add2;
    border-bottom: 1px solid #70add2;
    border-right: 1px solid #70add2;
    border-left: 0;
    background: linear-gradient(to bottom, #70add2 10px, transparent 1px, transparent calc(100% - 10px), #70add2 calc(100% - 10px), #70add2) no-repeat;
    background-size: 1px 100%;
    cursor: pointer;
  }
  .home-content .commitment .commitment-btn::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 40%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #70add2;
    font-size: 1.5rem;
    content: "→";
    font-family: "Arial", sans-serif;
  }
  .home-content .cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .home-content .cards .card {
    padding: 0;
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .home-content .cards .card .card-p {
    font-size: 20px;
    width: 80%;
  }
  .home-content .pain {
    padding: 42px 0 50px 0;
  }
  .home-content .pain .pain__title {
    gap: 16px;
  }
  .home-content .pain .pain__title .first-t {
    font-size: 44px;
    margin-bottom: -20px;
  }
  .home-content .pain .pain__title .second-t {
    font-size: 44px;
  }
  .home-content .pain .pain__title .third-t {
    font-size: 44px;
  }
  .home-content .pain .pain__title .fourth-t {
    margin-top: -14px;
    font-size: 100px;
    line-height: 120px;
  }
  .home-content .pain .principal {
    padding: 0px 42px;
    font-size: 24px;
  }
  .home-content .pain .second-text {
    padding: 12px 42px 28px 42px;
  }
  .home-content .chameleon {
    height: 700px;
    padding-bottom: 0;
  }
  .home-content .chameleon .chameleon-title {
    margin-bottom: 0;
    font-size: 68px;
    line-height: 76px;
    padding-top: 10px;
  }
  .home-content .chameleon .about-aristo .under {
    margin-bottom: 30px;
  }
  .home-content .chameleon .about-aristo .btn-section .chameleon-btn {
    position: relative;
    font-size: 1rem;
    padding: 5px 15px 5px;
    color: #fff;
    font-weight: 1000;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 0;
    background: linear-gradient(to bottom, #fff 10px, transparent 1px, transparent calc(100% - 10px), #fff calc(100% - 10px), #fff) no-repeat;
    background-size: 1px 100%;
    cursor: pointer;
  }
  .home-content .chameleon .about-aristo .btn-section .chameleon-btn::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 51%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0a9";
  }
  .home-content .chameleon .img-section .img {
    height: 251px;
    left: calc(85% - 85vw);
  }
  .home-content .chameleon .img-section .list {
    margin: 46px 0 0 0;
  }
  .home-content .chameleon .img-section .list .list-section {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .home-content .innovation {
    padding: 48px 5%;
  }
  .home-content .innovation .innovation-section .innovation-title {
    font-size: 44px;
    margin-bottom: 0;
  }
  .home-content .innovation .innovation-section .innovation-container .innov-title {
    font-size: 85px;
    letter-spacing: 0;
  }
  .home-content .innovation .innovation-section .innovation-container .innov-title .innov-title--figure-container {
    padding: 10px;
  }
  .home-content .innovation .innovation-section .innovation-container .innov-title .innov-title--figure-container figure {
    max-width: none;
    max-height: none;
  }
  .home-content .innovation .innovation-section .innovation-container .subtitle {
    padding-top: 16px;
    font-size: 28px;
    margin: 0 auto 16px;
  }
  .home-content .innovation .description-2 {
    margin-top: 16px;
  }
}
@media (min-width: 1366px) {
  .home-content .home-wrapper {
    width: 1366px;
  }
  .home-content .banner {
    margin-top: 105.99px;
    height: 480px;
    background: url(../assets/banner-home-fixed.jpg) no-repeat center;
  }
  .home-content .banner .banner__content {
    margin-right: 60px;
  }
  .home-content .banner .banner__content .banner-title {
    font-size: 162.07px;
    letter-spacing: 13px;
    text-align: center;
    margin-top: 0;
  }
  .home-content .banner .banner__content .banner-p {
    width: 739px;
    height: 56px;
    font-size: 26px;
    letter-spacing: 1px;
    margin: 0 50px 30px 0;
  }
  .home-content .banner .banner__content .btn-container {
    height: 75px;
    padding-right: 45px;
    margin-top: 10px;
    margin-right: 30px;
  }
  .home-content .banner .banner__content .banner-btn {
    position: relative;
    font-size: 25px;
    padding: 5px 15px 5px;
    color: #fff;
    font-weight: 1000;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 0;
    background: linear-gradient(to bottom, #fff 10px, transparent 1px, transparent calc(100% - 10px), #fff calc(100% - 10px), #fff) no-repeat;
    background-size: 1px 100%;
    cursor: pointer;
    padding: 12px 25px 12px;
  }
  .home-content .banner .banner__content .banner-btn::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 40%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    content: "→";
    font-family: "Arial", sans-serif;
  }
  .home-content .commitment {
    padding: 46px 0 100px;
    max-width: 1300px;
    margin: 0 auto;
  }
  .home-content .commitment .commitment-title {
    color: #70add2;
  }
  .home-content .commitment .commitment-p {
    width: 72%;
    font-size: 20px;
    line-height: 32px;
    margin: 15px auto 30px;
  }
  .home-content .cards {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, auto);
  }
  .home-content .cards .card {
    height: 280px;
  }
  .home-content .cards .card .card-p {
    font-size: 25px;
    width: 60%;
  }
  .home-content .pain {
    padding: 90px 0 120px 0;
  }
  .home-content .pain .pain__title {
    max-width: 1300px;
  }
  .home-content .pain .pain__title .first-t {
    font-size: 49px;
    margin-bottom: -10px;
  }
  .home-content .pain .pain__title .second-t {
    font-size: 49px;
    margin-bottom: 30px;
  }
  .home-content .pain .pain__title .third-t {
    font-size: 49px;
    font-weight: 275;
  }
  .home-content .pain .pain__title .fourth-t {
    margin: 0px;
    font-size: 160px;
    line-height: 160px;
  }
  .home-content .pain .principal {
    padding: 0px 200px;
    margin: 16px auto -8px auto;
    font-size: 31px;
    line-height: 40.3px;
    font-weight: 500;
    max-width: 1300px;
  }
  .home-content .pain .second-text {
    padding: 20px 150px 30px 150px;
    font-size: 20px;
    line-height: 30px;
    max-width: 1300px;
  }
  .home-content .pain .pain-btn {
    position: relative;
    font-size: 1rem;
    padding: 5px 15px 5px;
    color: #ade200;
    font-weight: 1000;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: 1px solid #ade200;
    border-bottom: 1px solid #ade200;
    border-right: 1px solid #ade200;
    border-left: 0;
    background: linear-gradient(to bottom, #ade200 10px, transparent 1px, transparent calc(100% - 10px), #ade200 calc(100% - 10px), #ade200) no-repeat;
    background-size: 1px 100%;
    cursor: pointer;
  }
  .home-content .pain .pain-btn::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 51%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ade200;
    font-size: 1.5rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0a9";
  }
  .home-content .chameleon {
    height: 760px;
  }
  .home-content .chameleon .wrapper {
    width: 1150px;
    margin: 0 auto;
  }
  .home-content .chameleon .chameleon-title {
    font-size: 76px;
    padding-top: 0;
  }
  .home-content .chameleon .about-aristo {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
    padding-top: 0;
    width: 85%;
  }
  .home-content .chameleon .about-aristo .under {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 30px;
  }
  .home-content .chameleon .img-section .img {
    height: auto;
    left: calc(75% - 75vw);
  }
  .home-content .chameleon .img-section .list {
    margin: 60px 0 0 0;
  }
  .home-content .chameleon .img-section .list .list-section {
    margin-bottom: 3px;
    font-size: 25px;
    line-height: 50px;
  }
  .home-content .innovation {
    padding: 100px;
    max-width: 1300px;
  }
  .home-content .innovation .innovation-section .innovation-title {
    font-size: 49px;
  }
  .home-content .innovation .innovation-section .innovation-container .innov-title {
    font-size: 95px;
  }
  .home-content .innovation .innovation-section .innovation-container .subtitle {
    font-size: 39px;
    margin: 0 auto 16px;
  }
  .home-content .innovation .description-1,
  .home-content .innovation .description-2 {
    font-size: 20px;
    line-height: 144%;
    padding: 0 80px;
    width: 85%;
  }
}
.dolor .dolor-content {
  width: 100%;
  margin: 0 auto;
  font-weight: 400;
}
.dolor .dolor-content h3 {
  color: #506889;
  font-weight: 900;
  font-size: 18px;
}
.dolor .dolor-content ol li::marker {
  font-weight: 200;
}
.dolor .hero {
  position: relative;
  height: 210px;
  background: linear-gradient(0deg, rgba(77, 77, 77, 0.6) 0%, rgba(77, 77, 77, 0.6) 100%), url("/wp-content/themes/aristo/assets/bg-home-mobile.jpg") lightgray no-repeat;
  background-size: auto;
  background-position: center bottom;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: white;
  text-align: left;
  margin-top: 66px;
}
.dolor .hero .hero-content {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dolor .hero .hero-content h1 {
  font-size: 26px;
  font-weight: 1000;
  text-align: center;
  color: #fff;
  font-family: "Mulish", sans-serif;
}
.dolor .hero .hero-content h1 .e1 {
  font-size: 34px;
  font-weight: 500;
  font-family: "Mulish", sans-serif;
  color: #48bc01;
  display: inline-block;
  margin-bottom: 0px;
}
.dolor .hero .hero-content h1 em.e2 {
  font-size: 26px;
  font-weight: 275;
}
.dolor .hero .hero-content h1 em.e3 {
  font-family: "Mulish", sans-serif;
  font-size: 70px;
  line-height: normal;
  display: block;
  font-style: normal;
  font-weight: 1000;
}
.dolor .datadolor {
  padding-top: 38px;
}
.dolor .datadolor .accordion {
  box-sizing: border-box;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  color: #48bc01;
  cursor: pointer;
  padding: 16px 0;
  padding-right: 20px;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  transition: background-color 0.4s ease;
  background: url("../assets/arrow-green.png") no-repeat right 0px center;
}
.dolor .datadolor .accordion:hover strong {
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
}
.dolor .datadolor .accordion strong {
  font-weight: normal;
}
.dolor .datadolor .accordion.active {
  background: url("../assets/arrow-green-rotated.png") no-repeat right 0px center;
  transition: background-color 0.4s ease;
}
.dolor .datadolor .active strong {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}
.dolor .datadolor .hiden-text {
  display: none;
}
.dolor .datadolor .show-text {
  display: block;
}
.dolor .datadolor .panel {
  padding: 0;
  background-color: white;
  display: none;
  overflow: hidden;
}
.dolor .datadolor .panel.queesdolor {
  background-color: #48bc01;
  color: white;
  padding: 24px 5%;
  width: 100%;
  display: none;
  overflow: hidden;
  box-sizing: border-box;
}
.dolor .datadolor .panel.queesdolor .queesdolor-container {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dolor .datadolor .panel.queesdolor .queesdolor-container .first,
.dolor .datadolor .panel.queesdolor .queesdolor-container .second {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.dolor .datadolor .panel.queesdolor .queesdolor-container .second {
  padding-top: 24px;
}
.dolor .datadolor .panel.queesdolor .queesdolor-container .mtp {
  text-align: center;
}
.dolor .datadolor .panel.queesdolor .queesdolor-container .quote {
  text-align: center;
  margin: auto;
  width: 100%;
}
.dolor .datadolor .panel.queesdolor span.mtp {
  font-size: 46px;
  font-style: normal;
  font-weight: 300;
  line-height: 55.2px;
  text-transform: uppercase;
  float: left;
}
.dolor .datadolor .panel.queesdolor span.mtp.type-2 {
  font-size: 46px;
  line-height: 60px;
}
.dolor .datadolor .panel.queesdolor p {
  display: flex;
  align-items: center;
  margin: 0px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  text-transform: uppercase;
}
.dolor .datadolor .panel.comoproducedolor {
  color: #506889;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.dolor .datadolor .panel.comoproducedolor .description-text {
  display: none;
}
.dolor .datadolor .panel.comoproducedolor p {
  font-family: "Mulish", sans-serif;
  max-width: 1200px;
  margin: 0 auto 50px;
  font-size: 20px;
}
.dolor .datadolor .panel.comoproducedolor strong {
  color: #48bc01;
  font-weight: 1000;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi {
  width: 90%;
  background: linear-gradient(to bottom, #4EBD01 0%, #4EBD01 50%, #82D102 100%);
  padding: 23px 5%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .kpi-main {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt {
  width: 100%;
  height: 100%;
  text-align: left;
  flex-direction: column;
  align-items: center;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt h5 {
  display: none;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt p {
  line-height: normal;
  color: #fff;
  font-size: 16px;
  margin: 0;
  margin-top: 8px;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt strong {
  color: #fff;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .img-container {
  height: 48px;
  margin: 0;
  display: flex;
  margin-right: 16px;
  justify-content: center;
  align-items: center;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi img {
  max-height: 48px;
  width: 38px;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi h3 {
  color: #fff;
  text-align: left;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 1000;
  line-height: 31.2px;
  margin: auto 0;
}
.dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi h3 span {
  display: block;
  margin-top: -6px;
}
.dolor .datadolor .panel.tiposdolor {
  display: none;
}
.dolor .datadolor .panel.tiposdolor .tab {
  width: 100%;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dolor .datadolor .panel.tiposdolor .tablinks {
  font-family: "Mulish", sans-serif;
  height: 78px;
  width: 90%;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  color: #b0bdc6;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  text-transform: uppercase;
  color: #b0bdc6;
  text-align: left;
  margin-left: 5%;
  padding: 0 24px;
  background: url("../assets/arrow-green.png") no-repeat right 0px center;
}
.dolor .datadolor .panel.tiposdolor .tablinks .pain-type--menu {
  display: none;
}
.dolor .datadolor .panel.tiposdolor .tablinks strong {
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
}
.dolor .datadolor .panel.tiposdolor .tablinks:hover {
  background-color: none;
  color: #48bc01;
}
.dolor .datadolor .panel.tiposdolor .tablinks.active {
  color: #48bc01;
  background: url("../assets/arrow-green-rotated.png") no-repeat right 0px center;
  transition: background-color 0.4s ease;
}
.dolor .datadolor .panel.tiposdolor .tab-desktop {
  display: none;
}
.dolor .datadolor .panel.tiposdolor .tab-mobile {
  display: block;
}
.dolor .datadolor .panel.tiposdolor .tabcontent {
  display: none;
  border: none;
  border-top: none;
  position: relative;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion {
  color: #506889;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  width: 100%;
  position: relative;
  margin-top: 24px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectioncontent p {
  font-size: 16px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  margin: auto;
  gap: 20px;
  width: 90%;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .title,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .title {
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: space-between;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .title h4,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .title h4 {
  display: block;
  font-size: 24px;
  line-height: 31.2px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  background: -webkit-linear-gradient(#48bc01, #ade200);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .title strong,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .title strong {
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle p,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle p {
  font-size: 16px;
  line-height: normal;
  margin: 0px;
  padding: 10px 0px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle p strong,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle p strong {
  color: #48bc01;
  font-weight: 1000;
  font-family: "Mulish", sans-serif;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle h4,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle h4 {
  display: none;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-2,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-2 {
  display: flex;
  flex-direction: column;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title {
  order: 1;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title div,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title div {
  order: 2;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title h4,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title h4 {
  order: 1;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .subtitle,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .subtitle {
  order: 2;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .tt-2 .title {
  justify-content: left;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .tt-2 .title h4 {
  margin-left: 40px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata {
  padding: 12px 0px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header {
  border: 1px solid #ADE200;
  background: linear-gradient(180deg, #4FBD02 0%, #80D003 100%);
  margin: 0 auto;
  padding: 0;
  width: 90%;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header h4 {
  padding: 28px 0;
  font-family: "Mulish", sans-serif;
  color: #fff !important;
  line-height: normal;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  display: block;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header h4 strong {
  font-size: 30px;
  font-weight: 1000;
  line-height: 39px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert {
  font-family: "Mulish", sans-serif;
  border-collapse: collapse;
  border: 1px solid #ADE200;
  color: #fff !important;
  text-align: center;
  text-transform: initial;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  table-layout: fixed;
  width: 100%;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert strong {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 1000;
  line-height: normal;
  text-transform: uppercase;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert td {
  border: none;
  padding: 16px 8px;
  text-align: center;
  vertical-align: middle;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert .first,
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert .last {
  box-sizing: content-box;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #ADE200;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt {
  border: 1px solid #ade200;
  border-collapse: collapse;
  border-spacing: 1px;
  text-align: center;
  margin: auto;
  table-layout: fixed;
  width: 90%;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt td {
  border: 1px solid #ade200;
  background-color: #ffffff;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  color: #506889;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 110px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt .middle {
  text-transform: uppercase;
  color: #48bc01;
  font-size: 14px;
  line-height: normal;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt .middle strong {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion {
  position: relative;
  width: 100%;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  justify-content: center;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .sc-wrapper {
  font-family: "Mulish", sans-serif;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent strong {
  font-weight: 1000;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral {
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 24px 5%;
  gap: 24px;
  background: linear-gradient(180deg, #4FBD02 0%, #80D003 100%);
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico h4,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral h4 {
  color: white;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  margin: auto 0;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico h4 strong,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral h4 strong {
  display: block;
  font-weight: 1000;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle {
  margin: auto 0;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle img,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle img {
  width: 39px;
  height: 39px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .description-text h4,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .description-text h4 {
  display: none;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .description-text p,
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .description-text p {
  margin: 0 auto;
  margin-top: -8px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle {
  justify-content: space-between;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle h4 {
  order: 1;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle figure {
  order: 2;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad {
  margin: 0;
  position: relative;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato {
  height: 112px;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato h5 {
  font-size: 24px;
  line-height: normal;
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
  margin: 0;
  padding: 16px 24px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato p {
  font-family: "Mulish", sans-serif;
  line-height: normal;
  color: #fff;
  padding: 0 24px 16px 24px;
  font-size: 16px;
  margin-top: -4px;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato p strong {
  font-weight: 1000;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.leve {
  background: linear-gradient(270deg, #ade200 0%, #48bc01 100%);
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.leve h5 {
  color: #ade200;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.moderado {
  background: linear-gradient(270deg, #ff7b01 0%, #ffd749 100%);
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.moderado h5 {
  color: #fb5812;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.grave {
  background: linear-gradient(98deg, #ff5200 26.18%, #e53711 96.16%);
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.grave h5 {
  color: #772c09;
}
.dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.grave h5 span {
  display: block;
  font-size: 14px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: normal;
}
.dolor .datadolor .panel.tratadolor {
  margin-bottom: 30px;
}
.dolor .datadolor .panel.tratadolor .sectioncontent {
  width: 90%;
  margin: 0 auto;
}
.dolor .datadolor .panel.tratadolor .header {
  background: #ADE200;
  margin: 0;
  padding: 24px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dolor .datadolor .panel.tratadolor .header .title {
  padding-bottom: 16px;
  font-family: "Mulish", sans-serif;
  margin: 0;
  display: block;
  border-bottom: 1px solid #fff;
  line-height: 150%;
}
.dolor .datadolor .panel.tratadolor .header strong {
  font-weight: 900;
}
.dolor .datadolor .panel.tratadolor .header .subtitle {
  text-transform: uppercase;
  padding-top: 16px;
  margin: 0;
  font-size: 20px;
  line-height: 26px;
}
.dolor .datadolor .panel.tratadolor table.contentt {
  border: 1px solid #ade200;
  border-collapse: collapse;
  margin: 0 5%;
  table-layout: fixed;
  border-spacing: 1px;
  text-align: center;
  margin-top: 8px;
  min-width: 90%;
}
.dolor .datadolor .panel.tratadolor table.contentt td,
.dolor .datadolor .panel.tratadolor table.contentt th {
  border: 1px solid #ade200;
  background-color: #ffffff;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  color: #506889;
  line-height: 21px;
  font-style: normal;
  font-weight: 400;
}
.dolor .datadolor .panel.tratadolor table.contentt td {
  font-size: 14px;
  min-width: 140px;
}
.dolor .datadolor .panel.tratadolor table.contentt .title th {
  font-family: "Mulish", sans-serif;
  text-transform: uppercase;
  color: #48bc01;
  font-size: 16px;
  line-height: 72px;
}
.dolor .datadolor .panel.tratadolor table.contentt .title th strong {
  font-weight: 900;
}
.dolor .datadolor .panel.tratadolor table.contentt .darkgreen td {
  font-family: "Mulish", sans-serif;
  color: #266202;
  line-height: 24px;
}
.dolor .datadolor .panel.tratadolor table.contentt .darkgreen td strong {
  font-weight: 900;
}
.dolor .datadolor .panel.tratadolor .sectioncontent {
  padding: 24px 0 8px 0;
  display: flex;
  flex-direction: column;
  color: #506889;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo,
.dolor .datadolor .panel.tratadolor .sectioncontent .cronico {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo h5,
.dolor .datadolor .panel.tratadolor .sectioncontent .cronico h5 {
  text-align: left;
  font-size: 24px;
  line-height: 31.5px;
  margin: 0;
  padding: 0;
  flex: 1;
  font-family: "Mulish", sans-serif;
  font-weight: 200;
  background: -webkit-linear-gradient(#48bc01, #ade200);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo h5 strong,
.dolor .datadolor .panel.tratadolor .sectioncontent .cronico h5 strong {
  padding-left: 8px;
  font-weight: 1000;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle,
.dolor .datadolor .panel.tratadolor .sectioncontent .cronico .imgtitle {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -10px;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo .description-text h5,
.dolor .datadolor .panel.tratadolor .sectioncontent .cronico .description-text h5 {
  display: none;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle h5 {
  order: 1;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle figure {
  order: 2;
}
.dolor .datadolor .panel.tratadolor .sectioncontent .cronico h5 {
  padding-left: 16px;
}
.dolor .datadolor .panel.tratadolor .sectioncontent strong {
  font-family: "Mulish", sans-serif;
  color: #48bc01;
  font-weight: 1000;
}
.dolor .datadolor .panel.tratadolor .sectioninfo {
  background: linear-gradient(0deg, #ADE200 7.55%, #48BC01 253.77%);
  padding: 8px 5%;
  margin: auto;
  color: #fff;
  font-size: 16px;
  line-height: normal;
}
.dolor .datadolor .panel.tratadolor .sectioninfo strong {
  font-weight: 900;
}
.dolor .datadolor .panel.cifradolor {
  font-family: "Mulish", sans-serif;
  text-align: center;
  font-size: 16px;
  font-style: 29.16;
  font-weight: 400;
  line-height: normal;
}
.dolor .datadolor .panel.cifradolor strong {
  color: #48bc01;
  font-weight: 900;
}
.dolor .datadolor .panel.cifradolor .sectioncontent {
  margin: 0 auto;
  width: 90%;
  color: #506889;
}
.dolor .datadolor .panel.cifradolor .sectioncontent img {
  max-width: 100%;
}
.dolor .datadolor .panel.cifradolor .sectioncontent p {
  margin: 0;
  padding-bottom: 32px;
}
.dolor .painfaq {
  border-top: 1px solid #48bc01;
  margin-top: 24px;
  padding: 0 5%;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.dolor .painfaq .ewd-ufaq-post-margin {
  display: flex;
  align-items: center;
}
.dolor .painfaq h3 {
  color: #48bc01;
  font-family: "Mulish", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 1000;
  line-height: 48px;
  text-transform: uppercase;
}
.dolor .painfaq h3 span {
  font-weight: 400;
}
.dolor .painfaq .ewd-ufaq-faq-title-text {
  background-color: none;
  cursor: pointer;
  padding: 0 10px;
  width: 100%;
  color: #2d5a12;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dolor .painfaq .ewd-ufaq-faq-body {
  background-color: none;
  padding: 0;
  display: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24x;
  color: #506889;
}
.dolor .painfaq .ewd-ufaq-post-active .ewd-ufaq-faq-title-text {
  background-color: none;
  color: #2d5a12;
  font-weight: 700;
  font-size: 22px;
  line-height: 37.5px;
  font-style: normal;
  font-family: "Mulish", sans-serif;
}
.dolor .painfaq .ewd-ufaq-post-margin-symbol {
  display: inline-block;
  background-color: #48bc01;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  padding: 5px;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 1000;
  line-height: normal;
}
.dolor .painfaq .ewd-ufaq-post-margin-symbol span {
  font-size: 22px;
}
.dolor .painfaq .ewd-ufaq-post-margin-symbol::before,
.dolor .painfaq .ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol::before {
  content: attr(data-number);
}
.dolor .painfaq .ewd-ufaq-post-margin-symbol.open::before {
  content: attr(data-number);
}
.dolor .painreference {
  padding: 40px 5%;
}
.dolor .painreference ol {
  margin: 0;
  padding: 0 0 0 16px;
}
.dolor .painreference li {
  color: #506889;
  font-weight: 200;
  font-size: 14px;
  line-height: 15.82px;
  padding-bottom: 4px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.dolor .painreference li::marker {
  font-weight: 200;
}
.dolor .painreference a {
  color: #506889;
}
.dolor .pain-types {
  margin-top: 0;
}
.dolor .pain-types .pain-type {
  display: block;
  height: auto;
  background: linear-gradient(to bottom, #4EBD01 0%, #4EBD01 50%, #82D102 100%);
}
.dolor .pain-types .pain-type--content {
  height: 100%;
  width: 90%;
  padding: 24px 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.dolor .pain-types .pain-type .wrap .title-img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.dolor .pain-types .pain-type .wrap .title-img h5 {
  color: white;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
}
.dolor .pain-types .pain-type .wrap .title-img h5 span {
  font-weight: 1000;
  display: inline;
  color: #fff;
}
.dolor .pain-types .pain-type .wrap .title-img .icon-img img {
  max-width: 72px;
  max-height: 72px;
}
.dolor .pain-types .pain-type .wrap p {
  width: 95%;
  color: #fff;
  font-size: 16px;
  line-height: normal;
  margin: 0;
}
.dolor .pain-types .pain-type .wrap p strong {
  background: #47bb01;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 900;
}
.dolor .pain-types .pain-type .icon {
  display: none;
}

.sticky-button {
  display: none;
}

.sticky-button2,
.sticky-button3,
.sticky-button4,
.sticky-button5 {
  display: none;
}

@media (min-width: 769px) {
  .dolor .hero {
    background: linear-gradient(0deg, rgba(77, 77, 77, 0.6) 0%, rgba(77, 77, 77, 0.6) 100%), url("/wp-content/themes/aristo/assets/bg-home-tablet.jpg") lightgray no-repeat;
    background-size: auto;
    background-position: center bottom;
    height: 278px;
    margin-top: 105px;
  }
  .dolor .hero .hero-content {
    padding-bottom: 0;
  }
  .dolor .hero .hero-content h1 {
    font-size: 34px;
  }
  .dolor .hero .hero-content h1 .e1 {
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .dolor .hero .hero-content h1 em.e2 {
    font-size: 34px;
  }
  .dolor .hero .hero-content h1 em.e3 {
    font-size: 100px;
    line-height: 128px;
  }
  .dolor .datadolor {
    padding-top: 36px;
  }
  .dolor .datadolor .accordion {
    padding-right: 0;
    font-size: 28px;
    line-height: 40.3px;
  }
  .dolor .datadolor .panel.queesdolor {
    padding: 42px 42px;
  }
  .dolor .datadolor .panel.queesdolor .queesdolor-container .first,
  .dolor .datadolor .panel.queesdolor .queesdolor-container .second {
    flex-direction: row;
    gap: 20px;
  }
  .dolor .datadolor .panel.queesdolor .queesdolor-container .second {
    padding-top: 30px;
  }
  .dolor .datadolor .panel.queesdolor .queesdolor-container .mtp {
    width: 25%;
  }
  .dolor .datadolor .panel.queesdolor .queesdolor-container .quote {
    text-align: left;
  }
  .dolor .datadolor .panel.queesdolor span.mtp {
    font-size: 56px;
    line-height: 67.2px;
  }
  .dolor .datadolor .panel.queesdolor span.mtp.type-2 {
    font-size: 56px;
    line-height: 60px;
  }
  .dolor .datadolor .panel.queesdolor p {
    font-size: 20px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.comoproducedolor {
    font-size: 28px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi {
    padding: 22px 42px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .kpi-main {
    flex-direction: column;
    justify-content: center;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt h5 {
    display: block;
    line-height: 40.3px;
    font-family: "Mulish", sans-serif;
    font-size: 32px;
    color: white;
    font-weight: 1000;
    margin: 0;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt p {
    line-height: 27px;
    font-size: 18px;
    margin-top: 0;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .img-container {
    height: 108px;
    margin-left: 42px;
    margin-right: 24px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi img {
    max-height: 108px;
    width: 90px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi h3 {
    display: none;
  }
  .dolor .datadolor .panel.tiposdolor .tab-desktop {
    display: block;
  }
  .dolor .datadolor .panel.tiposdolor .tab {
    display: flex;
    width: 90%;
    justify-content: space-between;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks {
    width: auto;
    height: 54px;
    font-size: 20px;
    line-height: 25px;
    margin: 0;
    text-align: center;
    padding: 0 16px 0 0;
    background: none;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks.active {
    background: none;
  }
  .dolor .datadolor .panel.tiposdolor .tab-mobile {
    display: none;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion {
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    position: relative;
    margin-top: 32px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectioncontent p {
    font-size: 18px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico {
    gap: 48px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .title h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .title h4 {
    display: none;
    font-size: 32px;
    line-height: 40px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle p,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle p {
    font-size: 18px;
    line-height: 24px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle h4 {
    display: block;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 33px;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    background: -webkit-linear-gradient(#48bc01, #ade200);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle h4 strong,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle h4 strong {
    font-weight: 1000;
    font-family: "Mulish", sans-serif;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-2,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-2 {
    flex-direction: row;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title {
    order: 2;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .subtitle,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .subtitle {
    order: 1;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata {
    padding: 28px 0px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header h4 {
    line-height: 28px;
    font-size: 28px;
    text-align: center;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header h4 strong {
    font-size: 44px;
    line-height: 57.2px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert strong {
    font-size: 26px;
    line-height: 40.3px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert td {
    border: none;
    padding: 16px 24px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert .first,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert .last {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #ADE200;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt td {
    padding: 0px 24px;
    text-align: center;
    font-size: 16px;
    height: 100px;
    margin: auto;
    width: 90%;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt .middle {
    font-size: 16px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion {
    width: 100%;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent {
    margin-top: 32px;
    font-size: 18px;
    line-height: 27px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral {
    flex-direction: row;
    padding: 32px 5%;
    gap: 24px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico p,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral p {
    padding-top: 20px;
    margin: 0;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral h4 {
    color: white;
    font-family: "Mulish", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico h4 strong,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral h4 strong {
    display: inline;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle {
    margin: auto 0;
    display: flex;
    flex-direction: row;
    gap: 12px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle img,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle img {
    width: 86px;
    height: 86px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle h4 {
    display: none;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .description-text h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .description-text h4 {
    display: block;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle {
    order: 2;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .description-text {
    order: 1;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent {
    flex-direction: row;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato {
    height: 200px;
    width: 33.333333%;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato h5 {
    font-size: 31px;
    line-height: 40.3px;
    padding: 32px 24px 18px 24px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato p {
    line-height: 27px;
    color: #fff;
    padding: 0px 24px 24px 24px;
    font-size: 18px;
    margin-top: 0;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato.grave h5 span {
    font-size: 20px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tratadolor {
    margin-bottom: 30px;
  }
  .dolor .datadolor .panel.tratadolor .sectiondata {
    width: 90%;
    margin: 0 auto;
  }
  .dolor .datadolor .panel.tratadolor .header {
    padding: 16px 50px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tratadolor .header .title {
    font-size: 20px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tratadolor .header .subtitle {
    font-size: 28px;
    line-height: 38.6px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt {
    margin: 0;
    width: 100%;
  }
  .dolor .datadolor .panel.tratadolor table.contentt td,
  .dolor .datadolor .panel.tratadolor table.contentt th {
    padding: 30px 10px;
    line-height: 24px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt td {
    font-size: 16px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt .title th {
    font-family: "Mulish", sans-serif;
    text-transform: uppercase;
    color: #48bc01;
    font-size: 16px;
    line-height: 20px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt .title th strong {
    font-weight: 900;
  }
  .dolor .datadolor .panel.tratadolor table.contentt .darkgreen td {
    font-family: "Mulish", sans-serif;
    color: #266202;
    line-height: 24px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt .darkgreen td strong {
    font-weight: 900;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent {
    padding: 0;
    line-height: 24px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico {
    flex-direction: row;
    margin-top: 20px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo h5,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico h5 {
    font-size: 32px;
    line-height: normal;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico .imgtitle {
    max-width: 25%;
    padding-bottom: 22px;
    justify-content: center;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle h5,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico .imgtitle h5 {
    display: none;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .description-text h5,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico .description-text h5 {
    display: block;
    margin-bottom: -8px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle {
    order: 2;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .description-text {
    order: 1;
  }
  .dolor .datadolor .panel.tratadolor .sectioninfo {
    padding: 20px 5%;
    line-height: 20.8px;
    font-size: 16px;
    line-height: 130%;
  }
  .dolor .datadolor .panel.cifradolor {
    font-size: 18px;
    line-height: 162%;
  }
  .dolor .datadolor .panel.cifradolor .sectioncontent p {
    margin: auto;
  }
  .dolor .painfaq {
    font-size: 16px;
  }
  .dolor .painfaq h3 {
    font-size: 32px;
    line-height: 38px;
  }
  .dolor .painfaq .ewd-ufaq-faq-title-text {
    font-size: 22px;
    line-height: 37.5px;
  }
  .dolor .painfaq .ewd-ufaq-faq-body {
    font-size: 16px;
  }
  .dolor .pain-types {
    margin-top: 32px;
  }
  .dolor .pain-types .pain-type {
    height: 220px;
    background: linear-gradient(to bottom, #4EBD01 0%, #4EBD01 50%, #82D102 100%);
  }
  .dolor .pain-types .pain-type--content {
    padding: 0;
  }
  .dolor .pain-types .pain-type .wrap .title-img h5 {
    margin-bottom: 8px;
    font-size: 32px;
    line-height: normal;
  }
  .dolor .pain-types .pain-type .wrap .title-img .icon-img {
    display: none;
  }
  .dolor .pain-types .pain-type .wrap p {
    font-size: 18px;
    line-height: 27px;
  }
  .dolor .pain-types .pain-type .icon {
    display: block;
  }
  .dolor .pain-types .pain-type .icon img {
    max-width: 150px;
    max-height: 150px;
  }
  .sticky-button2,
  .sticky-button3,
  .sticky-button4,
  .sticky-button5 {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 200px;
    height: 30px;
    left: -85px;
    top: 44px;
    box-sizing: border-box;
    background: #e7edf1;
    transform: rotate(-90deg);
    text-align: center;
  }
  .sticky-button2 .text,
  .sticky-button3 .text,
  .sticky-button4 .text,
  .sticky-button5 .text {
    transform-origin: 0 0;
    color: #506889;
    font-family: "Avenir Next Regular";
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 5px;
  }
  .sticky-button2 .text span,
  .sticky-button3 .text span,
  .sticky-button4 .text span,
  .sticky-button5 .text span {
    font-family: "Avenir Next Heavy";
    text-transform: uppercase;
  }
}
@media (min-width: 1366px) {
  .dolor .dolor-content {
    width: 80%;
    max-width: 1200px;
  }
  .dolor .dolor-content ol li::marker {
    font-weight: 900;
  }
  .dolor .hero {
    height: 480px;
    justify-content: flex-start;
    text-align: left;
    background: url("/wp-content/themes/aristo/assets/bg-home.jpg") lightgray 50% no-repeat;
    background-position: center;
  }
  .dolor .hero .hero-content {
    width: 1172px;
    align-items: center;
  }
  .dolor .hero .hero-content h1 {
    font-size: 39px;
  }
  .dolor .hero .hero-content h1 .e1 {
    font-size: 39px;
  }
  .dolor .hero .hero-content h1 em.e2 {
    font-size: 39px;
  }
  .dolor .hero .hero-content h1 em.e3 {
    margin-top: 10px;
    font-size: 130px;
  }
  .dolor .datadolor {
    padding-top: 58px;
  }
  .dolor .datadolor .accordion {
    width: 80%;
    max-width: 1200px;
    padding: 28px 0;
    font-size: 31px;
  }
  .dolor .datadolor .panel.queesdolor {
    color: #ade200;
    padding: 5px 10px;
  }
  .dolor .datadolor .panel.queesdolor .queesdolor-container {
    max-width: 1171px;
  }
  .dolor .datadolor .panel.queesdolor .queesdolor-container .second {
    padding-top: 0px;
  }
  .dolor .datadolor .panel.queesdolor span.mtp {
    font-size: 76px;
    font-weight: 400;
    line-height: 76px;
    line-height: 76px;
  }
  .dolor .datadolor .panel.queesdolor span.mtp.type-2 {
    font-size: 61px;
    line-height: 73.2px;
  }
  .dolor .datadolor .panel.queesdolor p {
    margin: 20px;
    font-size: 25px;
    line-height: 45px;
    width: 80%;
  }
  .dolor .datadolor .panel.comoproducedolor .description-text {
    display: block;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent {
    flex-direction: row;
    justify-content: center;
    background: radial-gradient(157.92% 220.34% at 49.07% -5.68%, #ade200 18.5%, #48bc01 82%);
    min-height: 390px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi {
    padding: 0;
    width: 33.333333%;
    background: none;
    min-height: 390px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi:hover .alt {
    display: flex;
    height: 100%;
    min-height: 390px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi:hover .kpi-main {
    display: none;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt {
    display: none;
    justify-content: center;
    text-align: center;
    background: radial-gradient(97.63% 91.15% at 50% 117.29%, #ade200 15.19%, #48bc01 100%);
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt h5 {
    font-size: 31px;
    color: #ade200;
    max-width: 250px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .alt p {
    line-height: 37.5px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi .img-container {
    height: 220px;
    margin: 0;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi img {
    max-height: 196px;
    width: 167px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi h3 {
    display: block;
    text-align: center;
    font-size: 31px;
    line-height: 40.3px;
    margin-top: 30px;
  }
  .dolor .datadolor .panel.comoproducedolor .sectioncontent .kpi h3 span {
    margin-top: 0px;
  }
  .dolor .datadolor .panel.tiposdolor .tab {
    width: 80%;
    padding: 0;
    max-width: 1200px;
    margin: 38px auto 30px auto;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks {
    width: 24%;
    height: 78px;
    text-align: left;
    font-size: 30.09px;
    line-height: 36px;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks:hover .pain-type--menu {
    display: block;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks .pain-type--menu {
    background: linear-gradient(180deg, #edf3da, #e7f2c5 10%, #d4ed83 100%);
    width: fit-content;
    padding: 5px 15px 10px;
    display: none;
    position: absolute;
    z-index: 10;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks .pain-type--menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks .pain-type--menu li {
    margin-bottom: 0px;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks .pain-type--menu span {
    display: inline-block;
    font-size: 20px;
    font-weight: 1000;
    line-height: 26px;
    text-align: left;
    color: #48bc01;
    text-transform: uppercase;
  }
  .dolor .datadolor .panel.tiposdolor .tablinks .pain-type--menu span:hover {
    cursor: pointer;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion {
    font-size: 24px;
    line-height: 38px;
    margin-top: 75px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectioncontent p {
    font-size: 24px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico {
    flex-direction: row;
    max-width: 1171px;
    width: 80%;
    gap: 40px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .title,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .title {
    margin-bottom: 40px;
    gap: 40px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .title h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .title h4 {
    display: block;
    font-size: 49px;
    line-height: 63.7px;
    font-weight: 275;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle p,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle p {
    font-size: 20px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .subtitle h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .subtitle h4 {
    display: none;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-2,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-2 {
    flex-direction: column;
    min-height: 385px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title {
    order: 1;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title div,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title div {
    order: 1;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .title h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .title h4 {
    order: 2;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .agudo .tt-1 .subtitle,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .cronico .tt-1 .subtitle {
    order: 2;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .tt-2 .title h4 {
    margin-left: 0px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata {
    padding-top: 47px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header {
    max-width: 1171px;
    width: 80%;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header h4 {
    padding: 40px 0;
    line-height: 37.5px;
    font-size: 25px;
    text-align: left;
    padding-left: 35px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header h4 strong {
    font-size: 61px;
    line-height: 65px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert {
    font-size: 16px;
    line-height: 20px;
    max-width: 1171px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert strong {
    font-size: 31px;
    line-height: 40.3px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert td {
    padding: 20px 40px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert .first,
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata .header table.headert .last {
    font-weight: 700;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt {
    margin: 0 auto 50px;
    max-width: 1171px;
    width: 80%;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt td {
    padding: 40px;
    font-size: 24px;
    line-height: 27px;
    height: auto;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.duracion .sectiondata table.contentt .middle {
    font-size: 24px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent {
    margin-top: 0px;
    background: #48bc01;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .sc-wrapper {
    background: inherit;
    max-width: 1144px;
    margin: 59px auto;
    flex-direction: row;
    gap: 50px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral {
    width: 50%;
    flex-direction: column;
    padding: 0;
    gap: 0;
    background: inherit;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico p,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral p {
    padding: 0 12px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral h4 {
    color: #ade200;
    font-size: 49px;
    font-weight: 200;
    line-height: 63.7px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico h4 strong,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral h4 strong {
    display: block;
    font-weight: 1000;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    gap: 12px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle img,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle img {
    width: 108px;
    height: 108px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .imgtitle h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle h4 {
    display: block;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .somatico .description-text h4,
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .description-text h4 {
    display: none;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle {
    order: 1;
    justify-content: start;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle h4 {
    order: 2;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .imgtitle figure {
    order: 1;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.localizacion .sectioncontent .visceral .description-text {
    order: 2;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad {
    margin-top: 0px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent {
    width: 80%;
    max-width: 1171px;
    margin: 0 auto 50px;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato {
    height: 222px;
    gap: 14px;
    text-align: left;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato h5 {
    padding: 30px 40px 0;
  }
  .dolor .datadolor .panel.tiposdolor .tabcontent.intensidad .sectioncontent .dato p {
    line-height: 30px;
    padding: 0px 40px 10px;
    font-size: 20px;
  }
  .dolor .datadolor .panel.tratadolor {
    margin-bottom: 0px;
  }
  .dolor .datadolor .panel.tratadolor .sectiondata,
  .dolor .datadolor .panel.tratadolor .sectioncontent {
    max-width: 1171px;
    width: 80%;
  }
  .dolor .datadolor .panel.tratadolor .header {
    background: linear-gradient(360deg, #ade200 7.55%, #48bc01 253.77%);
    padding: 15px 100px;
  }
  .dolor .datadolor .panel.tratadolor .header .title {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
  }
  .dolor .datadolor .panel.tratadolor .header .subtitle {
    text-transform: uppercase;
    padding: 30px 0;
    font-size: 31px;
    line-height: 40.3px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt td,
  .dolor .datadolor .panel.tratadolor table.contentt th {
    padding: 30px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt td {
    font-size: 22px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt .title th {
    font-size: 24px;
    line-height: 30px;
  }
  .dolor .datadolor .panel.tratadolor table.contentt .darkgreen td {
    line-height: 30px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent {
    padding: 0;
    flex-direction: row;
    font-size: 24px;
    line-height: 37px;
    gap: 120px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico {
    margin-top: 80px;
    margin-bottom: 40px;
    width: 50%;
    display: block;
    gap: 0px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo h5,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico h5 {
    font-size: 62px;
    line-height: 70px;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo h5 strong,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico h5 strong {
    display: block;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico .imgtitle {
    max-width: none;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle h5,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico .imgtitle h5 {
    display: block;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .description-text h5,
  .dolor .datadolor .panel.tratadolor .sectioncontent .cronico .description-text h5 {
    display: none;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle h5 {
    order: 2;
  }
  .dolor .datadolor .panel.tratadolor .sectioncontent .agudo .imgtitle figure {
    order: 1;
  }
  .dolor .datadolor .panel.tratadolor .sectioninfo {
    padding: 20px 40px;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    max-width: 1171px;
    width: 80%;
  }
  .dolor .datadolor .panel.cifradolor {
    font-size: 24px;
    line-height: 40px;
  }
  .dolor .datadolor .panel.cifradolor .sectioncontent {
    margin: 90px auto 0 auto;
    max-width: 1171px;
    width: 80%;
    color: #48bc01;
  }
  .dolor .datadolor .panel.cifradolor .sectioncontent p {
    padding-bottom: 110px;
  }
  .dolor .painfaq {
    margin-top: 40px;
    padding: 0;
    font-size: 20px;
    line-height: 25.2px;
  }
  .dolor .painfaq .ewd-ufaq-faq-div {
    margin-bottom: 15px;
  }
  .dolor .painfaq h3 {
    margin-top: 110px;
    margin-bottom: 55px;
    font-size: 39px;
    line-height: 50.7px;
  }
  .dolor .painfaq .ewd-ufaq-faq-title-text {
    font-size: 26px;
    padding: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.38px;
  }
  .dolor .painfaq .ewd-ufaq-faq-body {
    padding: 10px 25px 10px 0px;
    font-size: 20px;
    line-height: 25.2px;
  }
  .dolor .painfaq .ewd-ufaq-post-active .ewd-ufaq-faq-title-text {
    font-size: 28px;
    line-height: 31.64px;
  }
  .dolor .painfaq .ewd-ufaq-post-margin-symbol {
    font-size: 20px;
    line-height: 26px;
  }
  .dolor .painfaq .ewd-ufaq-post-margin-symbol span {
    font-size: 26px;
  }
  .dolor .painreference {
    padding: 60px 0 100px 0;
  }
  .dolor .painreference li {
    font-weight: 400;
  }
  .dolor .painreference li::marker {
    font-weight: bold;
    padding-bottom: 0px;
  }
  .dolor .painreference a {
    color: #506889;
  }
  .dolor .pain-types {
    margin-top: 0px;
  }
  .dolor .pain-types .pain-type {
    height: 414px;
    display: none;
    margin-bottom: 30px;
    background: radial-gradient(67.77% 224.04% at 67.77% 50%, #ade200 0%, #48bc01 100%);
    background-size: cover;
  }
  .dolor .pain-types .pain-type--content {
    width: 80%;
    max-width: 1171px;
    gap: 50px;
  }
  .dolor .pain-types .pain-type .wrap .title-img h5 {
    margin-bottom: 0;
    padding-top: 25px;
    color: #ade200;
    font-size: 61px;
    line-height: 73.2px;
    margin: 0 0 40px;
  }
  .dolor .pain-types .pain-type .wrap .title-img h5 span {
    display: block;
  }
  .dolor .pain-types .pain-type .wrap p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .dolor .pain-types .pain-type .icon {
    padding-top: 35px;
  }
  .dolor .pain-types .pain-type .icon img {
    max-width: none;
    max-height: none;
  }
  .dolor .pain-types .select a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 12px;
  }
  .dolor .pain-types .select a:hover, .dolor .pain-types .select a.active {
    color: #ade200;
  }
  .dolor .pain-type.active {
    display: block;
  }
  .sticky-button {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 226px;
    height: 91px;
    left: -70px;
    top: 0px;
    box-sizing: border-box;
    background: #e7edf1;
    transform: rotate(-90deg);
    text-align: center;
  }
  .sticky-button .text {
    transform-origin: 0 0;
    color: #506889;
    font-family: "Avenir Next Regular";
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 30px;
  }
  .sticky-button .text span {
    font-family: "Avenir Next Heavy";
    text-transform: uppercase;
  }
  .sticky-button2,
  .sticky-button3,
  .sticky-button4,
  .sticky-button5 {
    display: none;
  }
}
.hero-products-section {
  margin: 0;
  text-align: center;
}
.hero-products-section .hero-content {
  height: 456px;
  padding-top: 70px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero-products-section .hero-content h2 {
  font-family: "Mulish", sans-serif;
  font-weight: 500;
  font-size: 39px;
  margin: 0;
}
.hero-products-section .hero-content h1 {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  font-size: 95px;
  margin: 0;
}
.hero-products-section .hero-content img {
  height: 270px;
  width: 100%;
  object-fit: contain;
}

.about-section {
  background-color: #ffffff;
  padding: 56px 160px 0 160px;
  text-align: left;
}
.about-section .product-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  max-width: 1200px;
  padding-bottom: 40px;
  margin: auto;
}
.about-section .product-navbar .product-navbar-title {
  display: flex;
}
.about-section .product-navbar .product-navbar-title h2 {
  margin: 0;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  color: #00295f;
  font-size: 16px;
}
.about-section .product-navbar .product-navbar-title span {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  margin-left: 12px;
  font-size: 16px;
  color: inherit;
}
.about-section .product-navbar .product-categories a {
  border: 1px solid var(--link-color);
  padding: 4px 12px;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--link-color);
  text-decoration: none;
  margin-left: 16px;
  transition: color 0.3s;
  letter-spacing: 1.5px;
}
.about-section .product-navbar .product-categories a:hover {
  border: 1px solid #ade200;
  color: #ade200;
}
.about-section .about-content {
  max-width: 1200px;
  margin: 0 auto;
}
.about-section .about-content h3 {
  font-size: 25px;
  color: #00295f;
  margin-top: 44px;
  margin-bottom: 24px;
}
.about-section .about-content h3 span {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}
.about-section .about-content p {
  color: #00295f;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 16px;
}
.about-section .about-content p strong {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}

.products-section {
  margin-bottom: 76px;
}
.products-section a {
  text-decoration: none;
  display: block;
}
.products-section .divider {
  border-bottom: 1px solid #7bc9f8;
}
.products-section .divider .product {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 160px 40px 160px;
}
.products-section .divider .product .product-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products-section .divider .product .product-title h3 {
  font-size: 31px;
  margin: 0;
}
.products-section .divider .product .product-title h3 span {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}
.products-section .divider .product .product-title .arrow {
  font-size: 32px;
}
.products-section .divider .product p {
  line-height: 24px;
  font-size: 20px;
  margin: 20px 0 0 0;
  color: #00295f;
}
.products-section .divider:nth-child(1) h3, .products-section .divider:nth-child(1) .arrow {
  color: #48bc01;
}
.products-section .divider:nth-child(2) h3, .products-section .divider:nth-child(2) .arrow {
  color: #b200c2;
}
.products-section .divider:nth-child(3) h3, .products-section .divider:nth-child(3) .arrow {
  color: #006cf9;
}

.products-list {
  background-color: #ffffff;
  padding-top: 52px;
}
.products-list .alphabet-bar {
  margin: auto;
  padding: 40px 160px;
  border-top: 1.5px solid;
  border-bottom: 1.5px solid;
  align-items: center;
  max-width: 1200px;
}
.products-list .alphabet-bar div {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.products-list .alphabet-bar div div {
  display: flex;
  align-items: center;
  margin: auto 0;
}
.products-list .alphabet-bar div div img {
  cursor: pointer;
}
.products-list .alphabet-bar div div ul {
  list-style: none;
  display: flex;
  margin: auto 0;
  padding: 0 0 4px 16px;
}
.products-list .alphabet-bar div div ul li {
  margin-right: 12px;
}
.products-list .alphabet-bar div div ul li a {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
}
.products-list .alphabet-bar div .search-box {
  margin: auto 0;
  align-items: center;
}
.products-list .alphabet-bar div .search-box input[type=text] {
  font-size: 16px;
  color: #b0bdc6;
  padding: 5px 5px;
  border: none;
  width: 160px;
}
.products-list .alphabet-bar div .search-box input[type=text]::placeholder {
  color: #b0bdc6;
}
.products-list .alphabet-bar div .search-box i {
  font-size: 16px;
  margin-left: 10px;
}
.products-list .aristo-product-wrapper {
  display: flex;
  max-width: 1200px;
  padding: 0 110px 80px 110px;
  margin: 0 auto;
}
.products-list .aristo-product-wrapper .arrow-container {
  padding-top: 100px;
  width: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}
.products-list .aristo-product-wrapper .arrow-container .scroll-arrow {
  font-size: 24px;
  cursor: pointer;
}
.products-list .aristo-product-wrapper .arrow-container .scroll-arrow svg {
  width: 100%;
  height: auto;
  stroke: currentColor;
}
.products-list .aristo-product-wrapper .aristo-product-table {
  width: 100%;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-header {
  display: flex;
  justify-content: space-between;
  padding: 38px 64px;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  font-size: 20px;
  border-bottom: 1px solid;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-container::-webkit-scrollbar {
  display: none;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-info {
  align-items: center;
  padding-left: 20px;
  height: 70px;
  display: flex;
  font-size: 18px;
  color: #506889;
  border-bottom: 1px solid;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-info .arrow {
  display: flex;
  margin-right: 32px;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-info .arrow svg {
  height: 24px;
  width: 14px;
  stroke-width: 1px;
  color: #506889;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-details {
  width: 100%;
  padding: 20px 20px 20px 60px;
  background-color: #f9f9f9;
  color: #506889;
  font-size: 18px;
  box-sizing: border-box;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-details ul {
  margin: 0;
  margin-top: 10px;
  padding: 0;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-details ul li {
  list-style: none;
  margin-bottom: 12px;
}
.products-list .aristo-product-wrapper .aristo-product-table .table-row .product-details a {
  color: unset;
  padding: 0;
}
.products-list .table-container-otc {
  padding: 64px 0 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 960px;
  margin: 0 auto;
}
.products-list .table-container-otc article {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.products-list .table-container-otc article .figure-otc {
  width: 100%;
  max-height: 222px;
  display: flex;
  background-color: #f7f8f9;
  justify-content: center;
  align-items: center;
}
.products-list .table-container-otc article .figure-otc img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.products-list .table-container-otc article .product-info {
  margin-top: -4px;
  height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.products-list .table-container-otc article .product-info .product-description h3 {
  color: #006cf9;
  font-size: 20px;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}
.products-list .table-container-otc article .product-info .product-description h3 a {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.products-list .table-container-otc article .product-info .product-description h4 {
  color: #00295f;
  font-size: 16px;
  margin: 0 0 10px;
  font-weight: normal;
}
.products-list .table-container-otc article .product-info .product-description p {
  color: #006cf9;
  font-size: 14px;
}
.products-list .table-container-otc article .product-info .product-presentation {
  height: 60px;
  border-top: 1px solid #b0bdc6;
  border-bottom: 1px solid #b0bdc6;
  display: flex;
  align-items: center;
}
.products-list .table-container-otc article .product-info .product-presentation ul {
  padding: 0 0;
  justify-content: center;
  gap: 4px;
  list-style: none;
}
.products-list .table-container-otc article .product-info .product-presentation ul li {
  color: #00295f;
  text-transform: uppercase;
  font-size: 9px;
}
.products-list .table-container-otc article .product-info .product-presentation ul li strong {
  font-weight: 700;
}
.products-list .table-container-otc article .product-info .product-presentation ul a {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  cursor: pointer;
}

.wrapper-contact-head main {
  border-bottom: 1px solid #006cf9;
}
.wrapper-contact-head .contact__banner {
  height: 222px;
  background: linear-gradient(0deg, rgba(77, 77, 77, 0.6) 0%, rgba(77, 77, 77, 0.6) 100%), url("/wp-content/themes/aristo/assets/img/contact-bg-mobile.jpg") lightgray no-repeat;
  background-size: auto;
  background-position: center bottom;
}
.wrapper-contact-head #contact-form p,
.wrapper-contact-head #contact-form span {
  margin: 0;
  padding: 0 !important;
}
.wrapper-contact-head #contact-form span.wpcf7-not-valid-tip {
  margin-top: 10px;
  margin-bottom: -25px;
}
.wrapper-contact-head .form__section {
  width: 90%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 32px;
}
.wrapper-contact-head .form__section .form__title {
  font-family: "Mulish", sans-serif;
  color: #006cf9;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 0px;
}
.wrapper-contact-head .form__section .form__title strong {
  font-weight: 1000;
}
.wrapper-contact-head .form__section .form__desc {
  color: #506889;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.wrapper-contact-head .form__section .form__desc strong {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}
.wrapper-contact-head .form__section #contact-form {
  margin-top: -10px;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
  width: 100%;
  margin: 0;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form p {
  width: 100%;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form p:nth-of-type(6) {
  text-align: center;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form p .form-submit {
  font-family: "Mulish", sans-serif;
  margin-top: 26px;
  margin-left: 20px;
  color: #006cf9;
  cursor: pointer;
  font-size: 20px;
  text-transform: uppercase;
  background-color: white;
  line-height: 30px;
  letter-spacing: 2px;
  border: 1px solid #006cf9;
  padding: 4px 16px;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form p .wpcf7-not-valid-tip {
  border: none;
  margin: 4px 0;
  padding: 2px 0px;
  font-size: 12px;
  font-weight: 400;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=text],
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=tel],
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=email],
.wrapper-contact-head .form__section #contact-form .wpcf7-form textarea {
  margin-top: -4px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 16px;
  background-color: #F0F2F4;
  font-size: 14px;
  font-family: "Mulish", sans-serif;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=text]::placeholder,
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=tel]::placeholder,
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=email]::placeholder,
.wrapper-contact-head .form__section #contact-form .wpcf7-form textarea::placeholder {
  color: #006cf9;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=text]:focus,
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=tel]:focus,
.wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=email]:focus,
.wrapper-contact-head .form__section #contact-form .wpcf7-form textarea:focus {
  outline: none;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form textarea {
  resize: none;
  height: 140px;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form .wpcf7-acceptance {
  display: flex;
  margin: 0 auto;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #506889;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form .wpcf7-acceptance span {
  margin: 0;
}
.wrapper-contact-head .form__section #contact-form .wpcf7-form .wpcf7-acceptance input[type=checkbox] {
  margin-right: 5px;
}
.wrapper-contact-head .info-section {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 56px;
  padding-bottom: 8px;
}
.wrapper-contact-head .info-section .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.wrapper-contact-head .info-section .card img {
  width: 42px;
  height: 42px;
}
.wrapper-contact-head .info-section .card-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wrapper-contact-head .info-section .card-desc .desc__title,
.wrapper-contact-head .info-section .card-desc .desc__mail {
  margin: 0;
  padding: 0;
}
.wrapper-contact-head .info-section .card-desc .desc__title {
  font-family: "Mulish", sans-serif;
  color: #00295f;
  font-size: 18px;
  font-weight: 1000;
  padding-top: 4px;
  padding-bottom: 8px;
}
.wrapper-contact-head .info-section .card-desc .desc__mail {
  font-size: 16px;
  color: #006cf9;
}
.wrapper-contact-head .info-section .card-desc .mail--tel {
  padding-bottom: 5px;
  text-transform: uppercase;
}
.wrapper-contact-head .contact-content {
  width: 100%;
  margin: 0 auto;
}
.wrapper-contact-head .datacontact {
  margin: 32px 0;
  color: #006cf9;
}
.wrapper-contact-head .datacontact .accordion {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  width: 90%;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  display: block;
  background: url("../assets/arrow-blue.png") no-repeat right center;
  background-color: #fff;
  color: #006cf9;
  cursor: pointer;
  padding: 16px 0;
  padding-right: 10% !important;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
  transition: background-color 0.4s ease;
}
.wrapper-contact-head .datacontact .accordion:hover strong {
  font-weight: 1000;
}
.wrapper-contact-head .datacontact .accordion strong {
  font-weight: normal;
}
.wrapper-contact-head .datacontact .accordion.active {
  background: url("../assets/arrow-blue-rotated.png") no-repeat right center;
  transition: background-color 0.4s ease;
}
.wrapper-contact-head .datacontact .accordion:first-letter {
  text-transform: uppercase;
}
.wrapper-contact-head .datacontact .panel {
  padding: 0;
  background-color: white;
  display: none;
  overflow: hidden;
}
.wrapper-contact-head .datacontact .active strong {
  font-family: "Mulish", sans-serif;
  font-weight: 1000;
}
.wrapper-contact-head .datacontact .direction {
  display: none;
}
.wrapper-contact-head .datacontact .responsive-map-container {
  position: relative;
  padding-bottom: 200px;
  padding-top: 30px;
  height: 90px;
  margin-top: 24px;
  margin-bottom: -2px;
  overflow: hidden;
}
.wrapper-contact-head .datacontact .responsive-map-container iframe,
.wrapper-contact-head .datacontact .responsive-map-container object,
.wrapper-contact-head .datacontact .responsive-map-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
}
.wrapper-contact-head .datacontact .pharmacovigilance {
  color: #506889;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.wrapper-contact-head .datacontact .pharmacovigilance h4 {
  color: #00295f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 25px;
  margin-top: 0;
}
.wrapper-contact-head .datacontact .pharmacovigilance h4 strong {
  font-weight: 1000;
}
.wrapper-contact-head .datacontact .pharmacovigilance p a,
.wrapper-contact-head .datacontact .pharmacovigilance p span {
  color: #006cf9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 {
  margin-top: 52px;
  width: 90%;
  margin: 0 auto;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p:has(.wpcf7-submit) {
  text-align: center;
  width: 100%;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.48px;
  margin: 0;
  margin-top: 20px;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap {
  width: 100%;
  position: relative;
  display: inline-block;
  font-family: "Mulish", sans-serif;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control {
  display: flex;
  line-height: 36px;
  margin: 0px 0 -8px 0;
  flex-direction: column;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  display: flex;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  margin-left: 0;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=radio] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 15px;
  height: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  cursor: pointer;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=radio]:checked {
  background-color: #006cf9;
  border: 1px solid #006cf9;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 16px;
  font-weight: 400;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=text],
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=tel],
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=email],
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap textarea {
  box-sizing: border-box;
  border: none;
  line-height: normal;
  width: 100%;
  padding: 16px;
  background-color: rgba(176, 189, 198, 0.19);
  font-size: 14px;
  font-family: "Mulish", sans-serif;
  margin-top: 4px;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=text]::placeholder {
  white-space: pre-line;
  word-wrap: break-word;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap textarea {
  resize: none;
  width: 100% !important;
  height: 380px;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-select {
  min-width: 320px;
  padding: 16px 16px 16px 0;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: #00295f;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.48px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  position: relative;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-select {
  background-image: linear-gradient(45deg, transparent 50%, #006cf9 50%), linear-gradient(135deg, #006cf9 50%, transparent 50%);
  background-position: calc(100% - 20px) center, calc(100% - 15px) center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-select:focus {
  background-image: linear-gradient(45deg, #006cf9 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #006cf9 50%);
  background-position: calc(100% - 15px) center, calc(100% - 20px) center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  border-color: #006cf9;
  outline: 0;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-textarea {
  width: 1171px;
  max-width: 100%;
  height: 120px;
  background: rgba(176, 189, 198, 0.19);
  border: none;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-submit {
  color: #006cf9;
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  margin: 0 auto;
  position: relative;
  margin-top: 40px;
  cursor: pointer;
  background-color: white;
  letter-spacing: 2px;
  border: 1px solid #006cf9;
  padding: 5px 20px;
  display: flex;
}
.wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p:nth-child(18) {
  text-align: center;
}
.wrapper-contact-head .datacontact .notification_date {
  height: 70px;
  padding-top: 0px !important;
}
.wrapper-contact-head .datacontact .workwithus {
  width: 90%;
  margin: 0 auto -10px auto;
}
.wrapper-contact-head .datacontact .workwithus p {
  margin: 2px 0;
  font-family: "Mulish", sans-serif;
  color: #00295f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.wrapper-contact-head .datacontact .workwithus p strong {
  font-weight: 900;
  color: #00295f;
}
.wrapper-contact-head .datacontact .workwithus p strong a {
  color: #006cf9;
  font-weight: 900;
  text-decoration: none;
}
.wrapper-contact-head .wpcf7-response-output {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  padding: 30px;
  font-size: 1.2em;
  font-weight: bold;
  font-weight: bold;
  border: none;
  background-color: rgb(255, 255, 255);
  color: rgb(122, 204, 29);
}

@media (min-width: 655px) {
  .notification_date {
    height: 50px !important;
    padding: 16px !important;
  }
}
@media (min-width: 769px) {
  .wrapper-contact-head .contact__banner {
    height: 322px;
    background: linear-gradient(0deg, rgba(77, 77, 77, 0.6) 0%, rgba(77, 77, 77, 0.6) 100%), url("/wp-content/themes/aristo/assets/img/contact-bg-tablet.jpg") lightgray no-repeat;
    background-size: auto;
    background-position: center bottom;
  }
  .wrapper-contact-head .form__section {
    padding-top: 24px;
    padding-bottom: 56px;
  }
  .wrapper-contact-head .form__section .form__title {
    margin-top: 24px;
    font-size: 28px;
  }
  .wrapper-contact-head .form__section #contact-form {
    margin-top: -16px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form {
    gap: 4px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form p:nth-of-type(1), .wrapper-contact-head .form__section #contact-form .wpcf7-form p:nth-of-type(2) {
    width: 48%;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form p .form-submit {
    margin-top: 36px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form p .wpcf7-not-valid-tip {
    margin: 4px 0;
    padding: 10px 0px;
    font-size: 14px;
    font-weight: 400;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=text],
  .wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=tel],
  .wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=email],
  .wrapper-contact-head .form__section #contact-form .wpcf7-form textarea {
    margin-top: 0px;
    font-size: 16px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form .wpcf7-acceptance input[type=checkbox] {
    margin-right: 5px;
  }
  .wrapper-contact-head .info-section {
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 0px;
  }
  .wrapper-contact-head .info-section .card {
    justify-content: center;
    width: 30%;
  }
  .wrapper-contact-head .info-section .card-desc .desc__title {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 5px;
  }
  .wrapper-contact-head .info-section .card-desc .desc__mail {
    font-size: 18px;
  }
  .wrapper-contact-head .datacontact .accordion {
    font-size: 28px;
    line-height: 40.3px;
    padding: 26px 0;
  }
  .wrapper-contact-head .datacontact .responsive-map-container {
    padding-bottom: 200px;
    max-height: 300px;
    margin-top: 14px;
    margin-bottom: -4px;
  }
  .wrapper-contact-head .datacontact .responsive-map-container iframe,
  .wrapper-contact-head .datacontact .responsive-map-container object,
  .wrapper-contact-head .datacontact .responsive-map-container embed {
    height: 300px;
  }
  .wrapper-contact-head .datacontact .pharmacovigilance {
    line-height: 30px;
  }
  .wrapper-contact-head .datacontact .pharmacovigilance h4 {
    margin-bottom: 35px;
    margin-top: 32px;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p {
    width: 100%;
    line-height: 30px;
    letter-spacing: 0.48px;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap {
    width: 100%;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control {
    flex-direction: column;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
    width: 100%;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=text],
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=tel],
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=email],
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap textarea {
    max-width: none !important;
    padding: 20px;
    font-size: 16px;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .notification_date {
    padding: 16px !important;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-submit {
    color: #006cf9;
    text-align: center;
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    cursor: pointer;
    background-color: white;
    letter-spacing: 2px;
    border: 1px solid #006cf9;
    padding: 5px 20px;
    display: flex;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p:nth-child(18) {
    text-align: center;
  }
  .wrapper-contact-head .datacontact .workwithus {
    margin: -8px auto 48px auto;
  }
  .wrapper-contact-head .wpcf7-response-output {
    margin-top: 0px;
    width: 100%;
    text-align: center;
    padding: 30px;
    font-size: 1.2em;
    font-weight: bold;
    font-weight: bold;
    border: none;
    background-color: rgb(255, 255, 255);
    color: rgb(122, 204, 29);
  }
}
@media (min-width: 1366px) {
  .wrapper-contact-head .contact__banner {
    margin-top: 105.99px;
    height: 480px;
    background: url("/wp-content/themes/aristo/assets/img/contact-bg.jpg") lightgray center no-repeat;
  }
  .wrapper-contact-head .form__section {
    max-width: 1200px;
    width: 80%;
    padding-top: 49px;
    padding-bottom: 160px;
  }
  .wrapper-contact-head .form__section .form__title {
    margin-top: 30px;
    font-size: 30px;
    margin-bottom: 30px;
  }
  .wrapper-contact-head .form__section .form__desc {
    max-width: 1200px;
    color: #00295f;
    font-size: 20px;
    margin-bottom: 30px;
  }
  .wrapper-contact-head .form__section #contact-form {
    margin-top: 0px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form {
    max-width: 1200px;
    gap: 15px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form p .form-submit {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    padding: 5px 20px;
    margin-left: 40px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form p .wpcf7-not-valid-tip {
    margin: 0;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: bold;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=text],
  .wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=tel],
  .wrapper-contact-head .form__section #contact-form .wpcf7-form input[type=email],
  .wrapper-contact-head .form__section #contact-form .wpcf7-form textarea {
    padding: 20px;
    background-color: rgba(176, 189, 198, 0.19);
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form textarea {
    height: 120px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form .wpcf7-acceptance {
    font-size: 16px;
  }
  .wrapper-contact-head .form__section #contact-form .wpcf7-form .wpcf7-acceptance input[type=checkbox] {
    margin-right: 5px;
  }
  .wrapper-contact-head .info-section {
    margin-top: 100px;
    max-width: 1171px;
  }
  .wrapper-contact-head .info-section .card {
    width: auto;
    flex-direction: row;
    text-align: left;
  }
  .wrapper-contact-head .info-section .card img {
    margin-right: 15px;
    width: 3.5vw;
    height: auto;
  }
  .wrapper-contact-head .info-section .card-desc .desc__title,
  .wrapper-contact-head .info-section .card-desc .desc__mail {
    margin: 0;
    padding: 0;
  }
  .wrapper-contact-head .info-section .card-desc .desc__title {
    font-size: 1.4vw;
  }
  .wrapper-contact-head .info-section .card-desc .desc__mail {
    font-size: 20px;
  }
  .wrapper-contact-head .info-section .client,
  .wrapper-contact-head .info-section .rrhh {
    flex: 2;
  }
  .wrapper-contact-head .info-section .phone {
    width: fit-content;
  }
  .wrapper-contact-head .info-section .phone img {
    margin-left: 15px;
  }
  .wrapper-contact-head .info-section .phone .card-desc {
    text-align: end;
  }
  .wrapper-contact-head .datacontact {
    gap: 0px;
    margin: 78px 0 120px 0;
  }
  .wrapper-contact-head .datacontact .accordion {
    height: 120px;
    max-width: 1200px;
    width: 80%;
    padding: 45px 0;
    font-size: 31px;
    font-style: normal;
  }
  .wrapper-contact-head .datacontact .direction {
    display: block;
    color: #00295f;
    font-size: 20px;
    line-height: 30px;
    max-width: 1200px;
    width: 80%;
    margin: auto;
    margin-bottom: 25px;
  }
  .wrapper-contact-head .datacontact .responsive-map-container {
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .wrapper-contact-head .datacontact .responsive-map-container iframe,
  .wrapper-contact-head .datacontact .responsive-map-container object,
  .wrapper-contact-head .datacontact .responsive-map-container embed {
    height: 100%;
  }
  .wrapper-contact-head .datacontact .pharmacovigilance {
    font-size: 22px;
    line-height: 36px;
    max-width: 1200px;
    width: 80%;
  }
  .wrapper-contact-head .datacontact .pharmacovigilance h4 {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 35px;
    margin-top: 0;
  }
  .wrapper-contact-head .datacontact .pharmacovigilance p a,
  .wrapper-contact-head .datacontact .pharmacovigilance p span {
    font-size: 22px;
    line-height: 36px;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 {
    max-width: 1200px;
    width: 80%;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p {
    font-size: 20px;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
    margin-bottom: 5px;
    margin-left: 0;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=text],
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=tel],
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap input[type=email],
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap textarea {
    max-width: 670px !important;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap textarea {
    max-width: none !important;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p .wpcf7-submit {
    color: #006cf9;
    text-align: center;
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    cursor: pointer;
    background-color: white;
    letter-spacing: 2px;
    border: 1px solid #006cf9;
    padding: 5px 20px;
    display: flex;
  }
  .wrapper-contact-head .datacontact .formsuspect .wpcf7 .wpcf7-form p:nth-child(18) {
    text-align: center;
  }
  .wrapper-contact-head .datacontact .workwithus {
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
  }
  .wrapper-contact-head .datacontact .workwithus p {
    font-size: 20px;
    line-height: 30px;
  }
  .wrapper-contact-head .datacontact .workwithus p:nth-of-type(2) {
    margin-top: 60px;
  }
  .wrapper-contact-head .wpcf7-response-output {
    margin-top: 0px;
    width: 100%;
    text-align: center;
    padding: 30px;
    font-size: 1.2em;
    font-weight: bold;
    font-weight: bold;
    border: none;
    background-color: rgb(255, 255, 255);
    color: rgb(122, 204, 29);
  }
}
.wp-block-heading {
  color: #006cf9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: -0.64px;
  text-transform: capitalize;
  margin: 36px 162px 10px 139px;
}

.legal-notice-content .legal {
  color: #006cf9;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 108.333% */
  margin-left: 139px;
  margin-right: 162px;
  margin-top: 100px;
}
.legal-notice-content .highlight {
  color: #006cf9;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 26px;
}

.somos-module {
  /* PARA OCULTAR LOS DISTINTOS CONTENIDOS */
  /* Contenedor general con posición relativa */
  /* cards */
  /* Contenedor interno */
  /* Card activa */
  /* Estilo interno de las cards */
}
.somos-module .header {
  background: linear-gradient(0deg, rgba(77, 77, 77, 0.6) 0%, rgba(77, 77, 77, 0.6) 100%), url(../assets/img-somos/main_image-mobile.jpg) lightgray no-repeat;
  height: 210px;
  background-size: auto;
  background-position: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.somos-module .header .tittle_container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  width: 100%;
  padding: 0;
  height: 220px;
  justify-content: center;
}
.somos-module .header .tittle_header_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.somos-module .header .tittle_1 {
  text-align: center;
  color: #7bc9f8;
  /* Color azul claro */
  font-family: "Mulish", sans-serif;
  font-size: 32px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.somos-module .header .tittle_2 {
  color: #ffffff;
  font-family: "Avenir Next Heavy", sans-serif;
  font-size: 70px;
  line-height: 100px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}
.somos-module .center-section-about-us {
  display: flex;
  width: 100%;
  justify-content: center;
}
.somos-module .modulo-compromiso-text {
  margin-top: -60px;
  justify-items: center;
}
.somos-module .modulo-compromiso-text .modulo-compromiso-contaniner {
  padding: 28px 0;
  max-width: 288px;
  margin: 0 auto;
}
.somos-module .modulo-compromiso-text .modulo-compromiso-contaniner .compromiso {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.somos-module .modulo-compromiso-text .modulo-compromiso-contaniner .compromiso span {
  font-family: "Mulish", sans-serif;
  font-weight: 900;
}
.somos-module .modulo-compromiso-text .modulo-compromiso-contaniner .text-compromiso {
  color: #70add2;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px;
}
.somos-module .modulo-compromiso-text .modulo-compromiso-contaniner .text-compromiso span {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-weight: 400;
}
.somos-module .modulo-carousel {
  display: block;
}
.somos-module .modulo-carousel .blue {
  background-color: #7bc9f8;
}
.somos-module .modulo-carousel .purple {
  background-color: #b200c2;
}
.somos-module .modulo-carousel .green {
  background-color: #48bc01;
}
.somos-module .modulo-carousel .cyan {
  background-color: #1baeee;
}
.somos-module .modulo-carousel .main-modules {
  width: 100%;
  display: block;
}
.somos-module .modulo-carousel .element {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-direction: row;
}
.somos-module .modulo-carousel .element figure {
  width: 50%;
  height: 100%;
  flex-grow: 1;
}
.somos-module .modulo-carousel .element .element-content {
  width: 50%;
  padding: 70px 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.somos-module .modulo-carousel .element .element-content h3 {
  font-size: 31px;
  font-weight: 400;
  line-height: 45px;
  color: #ffffff;
  width: 285px;
  margin: 0;
  text-transform: uppercase;
  align-self: flex-start;
}
.somos-module .modulo-carousel .element .element-content h3 strong {
  font-weight: 900;
}
.somos-module .modulo-carousel .element .element-content p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  align-self: flex-end;
  margin: 0;
}
.somos-module .modulo-carousel .element .element-content p strong {
  font-weight: 900;
}
.somos-module .modulo-carousel .element .element-content ul {
  padding: 28px 0 0 0;
  margin: 0;
  list-style-type: square;
  text-indent: 0;
}
.somos-module .modulo-carousel .element .element-content ul li {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
}
.somos-module .modulo-carousel .element .element-content ul li strong {
  font-weight: 900;
}
.somos-module .modulo-carousel .element .close {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
.somos-module .modulo-carousel .element.element-1 figure {
  background: url("../assets/img-somos/s1.webp") no-repeat center center;
  background-size: cover;
}
.somos-module .modulo-carousel .element.element-1 .element-content {
  background: #7bc9f8;
}
.somos-module .modulo-carousel .element.element-2 figure {
  background: url("../assets/img-somos/s3.webp") no-repeat center center;
  background-size: cover;
}
.somos-module .modulo-carousel .element.element-2 .element-content {
  background: #48bc01;
}
.somos-module .modulo-carousel .element.element-3 figure {
  background: url("../assets/img-somos/s2.webp") no-repeat center center;
  background-size: cover;
}
.somos-module .modulo-carousel .element.element-3 .element-content {
  background: #b200c2;
}
.somos-module .modulo-carousel .element.element-4 figure {
  background: url("../assets/img-somos/s4.webp") no-repeat center center;
  background-size: cover;
}
.somos-module .modulo-carousel .element.element-4 .element-content {
  background: #1baeee;
}
.somos-module .modulo-carousel .component-item-img {
  width: 100%;
  cursor: pointer;
}
.somos-module .modulo-carousel .component-item-img .image {
  width: 100%;
  height: 100px;
}
.somos-module .modulo-carousel .component-item-img .image.image-1 {
  background: url("../assets/img-somos/s1-mobile.jpg") no-repeat center center;
  background-size: auto;
}
.somos-module .modulo-carousel .component-item-img .image.image-2 {
  background: url("../assets/img-somos/s3-mobile.jpg") no-repeat center center;
  background-size: auto;
}
.somos-module .modulo-carousel .component-item-img .image.image-3 {
  background: url("../assets/img-somos/s2-mobile.jpg") no-repeat center center;
  background-size: auto;
}
.somos-module .modulo-carousel .component-item-img .image.image-4 {
  background: url("../assets/img-somos/s4-mobile.jpg") no-repeat center;
  background-size: auto;
}
.somos-module .modulo-carousel .component-item-img .component-item-text {
  padding: 32px;
  height: fit-content;
  text-align: left;
  align-items: center;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .word-compromiso {
  display: none;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .second-line br {
  display: none;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .second-line-block {
  display: block;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .line-clamp {
  overflow: visible;
  display: block;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .line-clamp br {
  display: none;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content h3 {
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  padding: 0;
  margin-top: -20px;
  text-transform: uppercase;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content h3 strong {
  font-weight: 900;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content h3 span:first-child {
  font-weight: normal;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content p {
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content p strong {
  font-weight: 900;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .short-content {
  display: none;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .long-content {
  display: block;
  color: white;
}
.somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .long-content strong {
  font-weight: 900;
}
.somos-module .modulo-carousel .component-item-img .component-item-text.purple .main-text-content h3 {
  margin-top: 0;
}
.somos-module .modulo-realidad {
  justify-items: center;
  background: #ffffff;
}
.somos-module .modulo-realidad .modulo-realidad-text {
  padding-top: 32px;
  max-width: 288px;
  margin: 0 auto;
  margin-bottom: 24px;
}
.somos-module .modulo-realidad .modulo-realidad-text .text-realidad-titulo {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.somos-module .modulo-realidad .modulo-realidad-text .text-realidad-titulo h2 {
  margin-bottom: 8px;
}
.somos-module .modulo-realidad .modulo-realidad-text .text-realidad-titulo span {
  font-weight: 900;
}
.somos-module .modulo-realidad .modulo-realidad-text .description-realidad {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.somos-module .modulo-realidad .modulo-realidad-text .description-realidad span {
  color: #70add2;
  font-weight: 900;
}
.somos-module .modulo-realidad .actividad {
  width: 100%;
  max-width: 288px;
  margin: 0 auto;
  padding: 24px 0 0px 0;
}
.somos-module .modulo-realidad .actividad h2 {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  margin: 0;
}
.somos-module .modulo-realidad .actividad h2 span {
  font-weight: 900;
}
.somos-module .modulo-realidad .actividad-container {
  display: flex;
  flex-direction: column-reverse;
  max-width: 100%;
  margin: auto;
}
.somos-module .modulo-realidad .component-container {
  display: block;
  margin-top: 16px;
}
.somos-module .modulo-realidad .component-container .component-item {
  width: 100%;
  text-align: center;
  background-color: #006cf9;
  color: white;
}
.somos-module .modulo-realidad .component-container .component-item img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.somos-module .modulo-realidad .component-container .component-item div {
  height: fit-content;
  padding: 32px;
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  text-align: left;
}
.somos-module .modulo-realidad .component-container .component-item div h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 8px;
}
.somos-module .modulo-realidad .component-container .component-item div p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
.somos-module .modulo-realidad-text-3 {
  max-width: 288px;
  padding: 0.6px 0 24px 0;
  margin: 0 auto;
  font-family: "Mulish", sans-serif;
  color: #00295f;
}
.somos-module .modulo-realidad-text-3 p {
  font-size: 16px;
  line-height: 24px;
  font-style: normal;
  font-weight: 400;
  margin-top: 8px;
}
.somos-module .modulo-realidad-text-3 p span {
  color: #70add2;
  font-weight: 900;
}
.somos-module .map-icons-espana,
.somos-module .map-icons-germany {
  display: none !important;
}
.somos-module .modulo-map-tittle {
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 24px auto;
  display: flex;
}
.somos-module .modulo-map-tittle .tittle-country {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
}
.somos-module .modulo-map-tittle h2 {
  margin: 0;
  font-family: "Mulish", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
  color: #506889;
  display: block;
}
.somos-module .modulo-map-tittle h2.active {
  font-weight: 900;
  background: linear-gradient(90deg, #006cf9 0.03%, #7bc9f9 147.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .modulo-map-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 288px;
  margin: 0 auto;
}
.somos-module .modulo-map-icons .map-icons-espana {
  width: 50%;
  height: auto;
  display: flex;
  justify-content: center;
  margin: auto;
}
.somos-module .modulo-map-icons .map-icons-espana figure {
  max-width: 468px;
  max-height: 391px;
}
.somos-module .modulo-map-icons .map-icons-espana figure img {
  max-width: 468px;
  max-height: 391px;
}
.somos-module .modulo-map-icons .map-icons-medinsa {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.somos-module .modulo-map-icons .map-icons-medinsa .medinsa-punto {
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container {
  align-items: start;
}
.somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container .medinsa-info .year {
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  background: linear-gradient(90deg, #006cf9 0.03%, #7bc9f9 147.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container .medinsa-info .title {
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  background: linear-gradient(90deg, #006cf9 0.03%, #7bc9f9 147.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container .medinsa-info .city {
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
  color: #00295f;
}
.somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container .medinsa-logos {
  padding-top: 10px;
}
.somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container .aristo-logos {
  padding-top: 16px;
}
.somos-module .modulo-map-germany {
  width: 100vw;
  height: fit-content;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.somos-module .modulo-map-germany .map-icons-germany {
  width: 50%;
  height: auto;
  display: flex;
  justify-content: center;
  margin: auto;
}
.somos-module .modulo-map-germany .map-icons-germany figure {
  max-width: 520px;
  max-height: 670px;
}
.somos-module .modulo-map-germany .map-icons-germany figure img {
  width: 100%;
  max-width: 520px;
  max-height: 670px;
}
.somos-module .modulo-map-germany .company-timeline {
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.somos-module .modulo-map-germany .company-timeline .company-item {
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: flex-start;
  width: 80%;
  margin: auto;
}
.somos-module .modulo-map-germany .company-timeline .company-item figure {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
}
.somos-module .modulo-map-germany .company-timeline .company-item figure img.building {
  max-width: 24px;
  max-height: 24px;
  display: block;
}
.somos-module .modulo-map-germany .company-timeline .company-item figure img.logos {
  max-width: 40px;
  max-height: 40px;
  display: block;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info {
  padding-left: 16px;
  margin-left: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info .figure {
  height: 65px;
  width: 55px;
  object-fit: cover;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info .figure .img {
  height: 100%;
  width: 100%;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info .text {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-content: center;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info .text .year {
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  background: linear-gradient(90deg, #006cf9 0.03%, #7bc9f9 147.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info .text .title {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  background: linear-gradient(90deg, #006cf9 0.03%, #7bc9f9 147.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .modulo-map-germany .company-timeline .company-item .company-info .text .location {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #00295f;
}
.somos-module .modulo-historia-tittle {
  width: 100%;
  max-width: 288px;
  padding: 24px 0px 0 0px;
}
.somos-module .modulo-historia-tittle h2 {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
}
.somos-module .modulo-historia-tittle h2 span {
  font-weight: 500;
}
.somos-module .description-historia {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.somos-module .description-historia span {
  color: #70add2;
  font-weight: 900;
}
.somos-module .modulo-linetime {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 52px;
}
.somos-module .modulo-linetime span {
  text-align: center;
  font-family: "Avenir Next Heavy";
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: 129%;
  background: linear-gradient(283deg, #00295f 3.51%, #7bc9f8 92.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .modulo-linetime p {
  color: #00295f;
  font-family: "Avenir Next Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 275;
  line-height: 129%;
}
.somos-module .content-section {
  display: none !important;
  /* Ocultar todas las secciones por defecto */
}
.somos-module .content-section-container {
  display: flex;
}
.somos-module .content-section-container .mas-lineas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.somos-module .close-card-container {
  width: 100%;
  display: flex;
}
.somos-module .active {
  display: flex !important;
  /* Mostrar solo la sección activa */
}
.somos-module .somos-module .timeline .timeline-item .year_extra {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.somos-module .double {
  margin-left: -10px;
}
.somos-module .year_extra.double {
  margin-left: -20px;
}
.somos-module .somos-module .content-section {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.somos-module .tres-lineas {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}
.somos-module .tres-lineas .container-1 {
  margin: auto 20px auto 0;
  display: flex;
  margin-top: 16px;
  justify-content: center;
}
.somos-module .tres-lineas .text-container {
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.somos-module .tres-lineas .container-2 h2 {
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  background: linear-gradient(283deg, #00295f 3.51%, #7bc9f8 92.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.somos-module .tres-lineas .container-3 {
  text-align: left;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.somos-module .tres-lineas .container-3 p {
  text-align: left;
  justify-content: start;
  color: #7bc9f8;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0;
}
.somos-module .tres-lineas .container-3 span {
  text-transform: none;
  text-align: left;
  justify-content: start;
  margin: 0;
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  white-space: pre-line;
  word-break: break-word;
}
.somos-module .somos-module .content-section .container-2 h2 {
  text-align: center;
  font-family: "Avenir Next Heavy";
  font-size: 111.719px;
  font-style: normal;
  font-weight: 900;
  line-height: 129%;
  /* 144.117px */
  background: linear-gradient(283deg, #00295f 3.51%, #7bc9f8 92.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.somos-module .somos-module .content-section .container-3 p {
  text-align: left;
  justify-content: start;
  color: #7bc9f8;
  font-family: "Avenir Next Heavy";
  font-size: 33.638px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* text-transform: uppercase; */
}
.somos-module .somos-module .content-section .container-3 span {
  text-align: left;
  justify-content: start;
  color: #00295f;
  font-family: "Avenir Roman";
  font-size: 33.638px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.somos-module .mas-lineas {
  display: flex;
  flex-direction: column;
  /* Cambia la dirección a columna */
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}
.somos-module .mas-lineas .text-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto 30px;
  width: 920px;
}
.somos-module .mas-lineas .container-1 {
  margin: auto 20px auto 0;
  display: flex;
  margin-top: 16px;
  justify-content: center;
}
.somos-module .mas-lineas .text-container-double {
  margin: 0;
  display: flex;
  gap: 12px;
}
.somos-module .mas-lineas .container-2 {
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.somos-module .mas-lineas .container-2 h2 {
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  background: linear-gradient(283deg, #00295f 3.51%, #7bc9f8 92.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.somos-module .mas-lineas .container-3 {
  text-align: left;
  justify-content: start;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.somos-module .mas-lineas .container-3 span {
  text-align: left;
  justify-content: start;
  margin: 0;
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  white-space: pre-line;
  word-break: break-word;
}
.somos-module .text-container.double {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.somos-module .timeline {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 32px 32px;
  width: 100%;
  margin: 0 auto;
  margin-right: 32px;
}
.somos-module .timeline:before {
  content: "";
  position: absolute;
  top: 45%;
  left: 49%;
  right: 0;
  height: 379px;
  width: 2px;
  background-color: #7bc9f8;
  transform: translateY(-50%);
}
.somos-module .timeline .timeline-item {
  display: flex;
  position: relative;
  margin-bottom: 30px;
}
.somos-module .timeline .timeline-item .year {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  font-size: 18px;
  margin-right: 12px;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(50%);
  color: #00295f;
  font-weight: 400;
  font-size: 12px;
}
.somos-module .timeline .timeline-item .point {
  width: 12px;
  height: 12px;
  background-color: #7bc9f8;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  margin-right: 4px;
}
.somos-module .timeline .timeline-item .year_extra {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  font-size: 24px;
  margin-right: 12px;
  position: absolute;
  top: -10px;
  left: -41%;
  transform: translateX(50%);
}
.somos-module .timeline .timeline-item .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 12px;
}
.somos-module .timeline .timeline-item .content .description {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}
.somos-module .tres-lineas,
.somos-module .mas-lineas .text-container {
  width: 320px;
}
.somos-module .mas-lineas .text-container-double,
.somos-module .tres-lineas .text-container {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  padding-top: 8px;
}
.somos-module .mas-lineas .container-1,
.somos-module .tres-lineas .container-1 {
  margin-top: 26px;
}
.somos-module .tres-lineas .container-2 h2 {
  text-align: left;
}
.somos-module .tres-lineas .container-3,
.somos-module .mas-lineas .container-3 {
  padding-left: 0;
  margin-top: 0px !important;
}
.somos-module .mas-lineas .container-3 span br {
  display: none;
}
.somos-module .modulo-nace-aristo,
.somos-module .tres-lineas {
  justify-content: flex-start;
}
.somos-module .modulo-historia-tittle {
  width: 100%;
  max-width: 288px;
  margin: 24px auto;
  padding: 0;
}
.somos-module .timeline-container {
  gap: 0;
  justify-content: flex-start;
  width: 288px !important;
}
.somos-module .timeline-container br {
  display: none;
}
.somos-module .tres-lineas,
.somos-module .somos-module .mas-lineas .text-container {
  width: fit-content;
}
.somos-module .timeline {
  padding: 0;
}
.somos-module .timeline-container {
  gap: 0;
  justify-content: space-around;
  width: 288px !important;
}
.somos-module .timeline-container {
  position: relative;
  min-height: 400px;
  padding: 0 16px;
}
.somos-module .content-section {
  position: absolute;
  top: 50%;
  left: 50vw;
  transform: translate(-50%, -50%);
  width: 100vw !important;
  /* Asegura que ocupe el ancho completo de la ventana */
  background: rgba(74, 74, 74, 0.8);
  border-radius: 10px;
  box-shadow: 0 24px 26px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 10;
  height: 90vh;
  overflow-x: hidden;
  /* Evita que haya scroll horizontal */
}
.somos-module .content-section-container {
  position: relative;
  /* Ajustar para evitar problemas con `absolute` */
  height: fit-content;
  width: 240px;
  border-radius: 8px;
  background: #FFF;
  flex-direction: column;
  padding: 16px 24px;
}
.somos-module .content-section-container .container-1 {
  display: none !important;
}
.somos-module .content-section-container .text-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  text-align: left;
  gap: 8px;
  margin-bottom: 8px;
}
.somos-module .tres-lineas .container-3 {
  text-align: left;
  margin: 0;
}
.somos-module .content-section .active {
  display: block;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.05);
  z-index: 20;
}
.somos-module .content-section {
  border-radius: 0;
  width: 100%;
}
.somos-module .content-section .container-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.somos-module .content-section .text-container {
  text-align: center;
}
.somos-module .content-section {
  display: block;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.somos-module .close-card-container {
  display: none;
}
.somos-module .content-section h2 {
  font-size: 1.5rem;
  color: #1BAEEE;
  /* Azul principal */
  margin: 0 0 10px 0;
}
.somos-module .content-section span {
  font-size: 1rem;
  color: #333;
  /* Texto oscuro */
  line-height: 1.5;
}
.somos-module .close-card-container {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
.somos-module .close-card {
  background: none;
  border: none;
  cursor: pointer;
}
.somos-module .close-card:hover {
  color: #1BAEEE;
  transform: scale(1.1);
  /* Efecto de hover */
}
.somos-module .modulo-nace-aristo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.somos-module .modulo-nace-aristo .container-1 {
  margin-right: 18px;
}
.somos-module .modulo-nace-aristo .container-2 h2 {
  text-align: center;
  font-family: "Mulish", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  background: linear-gradient(283deg, #00295f 3.51%, #7bc9f8 92.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.somos-module .modulo-nace-aristo .container-3 p {
  text-align: left;
  justify-content: start;
  color: #7bc9f8;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0;
}
.somos-module .modulo-nace-aristo .container-3 span {
  margin: 0;
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.somos-module .nuestro-equipo .nuestro-equipo-title {
  width: 100%;
  max-width: 288px;
  padding: 32px 0 0 0;
}
.somos-module .nuestro-equipo .nuestro-equipo-title h2 {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
}
.somos-module .nuestro-equipo .nuestro-equipo-title h2 span {
  font-weight: 500;
}
.somos-module .nuestro-equipo .somos-module .nuestro-equipo .nuestro-equipo-title {
  width: 100%;
  /* max-width: 1200px; */
  padding: 32px 160px 0 160px;
}
.somos-module .nuestro-equipo .slider-container {
  position: relative;
  margin: 0 auto;
}
.somos-module .nuestro-equipo .slider-container .slider-wrapper {
  width: 100vw;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.somos-module .nuestro-equipo .slider-container .slider {
  width: 3404px;
  display: inline-flex;
  transition: transform 0.4s ease;
  gap: 16px;
}
.somos-module .nuestro-equipo .slider-container .slide {
  box-sizing: border-box;
  width: 212px;
  min-height: 491px;
  padding: 28px 16px 16px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #1baeee;
  cursor: default;
  user-select: none;
}
.somos-module .nuestro-equipo .slider-container .slide figure {
  width: 40px;
  height: 40px;
  padding-bottom: 10px;
  object-fit: contain;
  margin: 0;
}
.somos-module .nuestro-equipo .slider-container .slide figure img {
  height: 100%;
  width: auto;
}
.somos-module .nuestro-equipo .slider-container .slide .slide-title {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  min-height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.somos-module .nuestro-equipo .slider-container .slide .slide-title h2 {
  font-weight: 900;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}
.somos-module .nuestro-equipo .slider-container .slide .slide-title p {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #00295f;
  font-weight: normal;
  margin: 0;
  font-style: italic;
}
.somos-module .nuestro-equipo .slider-container .slide p {
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: start;
}
.somos-module .nuestro-equipo .slider-container .slide p span {
  font-weight: 900;
}
.somos-module .flechas-slider {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  padding: 26px 160px 0 160px;
}
.somos-module .flechas-slider svg {
  cursor: pointer;
}
.somos-module .modulo-exitos {
  width: 100%;
  max-width: 288px;
  padding: 32px 0;
}
.somos-module .modulo-exitos .text-exitos {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: 24px 0 8px 0;
}
.somos-module .modulo-exitos .text-exitos span {
  font-weight: 900;
}
.somos-module .modulo-exitos .description-exitos {
  color: #00295f;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
.somos-module .modulo-exitos .description-exitos span {
  color: #70add2;
  font-weight: 900;
}
.somos-module .modulo-banner-b {
  padding: 42px 16px;
  height: fit-content;
}
.somos-module .modulo-banner-b .banner-container {
  align-items: center;
  display: flex;
  width: 100%;
  max-width: 288px !important;
  flex-direction: column;
}
.somos-module .modulo-banner-b .b-container-mobile {
  width: 222px;
  margin: auto;
}
.somos-module .modulo-banner-b .b-container-mobile figure {
  width: 222px;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.somos-module .modulo-banner-b .b-container-mobile figure .img0,
.somos-module .modulo-banner-b .b-container-mobile figure .img2,
.somos-module .modulo-banner-b .b-container-mobile figure .img3,
.somos-module .modulo-banner-b .b-container-mobile figure .img4 {
  object-fit: contain;
  width: 157px;
  position: relative;
  margin: 4px 0 4px 0;
}
.somos-module .modulo-banner-b .b-container-mobile figure .img0 {
  transition-delay: 1.5s;
}
.somos-module .modulo-banner-b .b-container-mobile figure .img1 {
  position: absolute;
  top: 44%;
  left: 52%;
  transform: translateX(-50%) translateY(-50%);
  height: 100px;
  width: 75px;
}
.somos-module .modulo-banner-b .b-container-mobile figure .img2 {
  height: 157px;
  position: relative;
}
.somos-module .modulo-banner-b .b-container,
.somos-module .modulo-banner-b .b-container-mobile {
  width: 138px !important;
  margin: auto;
}
.somos-module .modulo-banner-b .b-container figure,
.somos-module .modulo-banner-b .b-container-mobile figure {
  width: 138px !important;
}
.somos-module .modulo-banner-b {
  padding: 42px 16px;
  height: fit-content;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../assets/img-somos/Rectangle265.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: none;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 42px 0;
}
.somos-module .modulo-banner-b .banner-container {
  align-items: center;
  display: flex;
  width: 100%;
  max-width: 288px;
}
.somos-module .modulo-banner-b .contenedor-banner {
  display: flex;
  flex-direction: column;
}
.somos-module .modulo-banner-b h5 {
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-bottom: 16px;
  margin-top: 0;
  text-align: center;
}
.somos-module .modulo-banner-b p {
  margin: 0;
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
.somos-module .modulo-banner-b .b-container,
.somos-module .modulo-banner-b .b-container-mobile {
  width: 138px;
  margin: auto 0 auto 0 !important;
}
.somos-module .flechas-slider {
  display: none;
}
.somos-module .b-container {
  display: none;
}

@media (min-width: 769px) {
  .somos-module {
    margin-top: 0;
  }
  .somos-module .header {
    margin-top: 106px;
    background: linear-gradient(0deg, rgba(77, 77, 77, 0.6) 0%, rgba(77, 77, 77, 0.6) 100%), url(../assets/img-somos/main_image-tablet.jpg) lightgray no-repeat;
    height: 278px;
    background-size: auto;
    background-position: center;
    width: 100%;
  }
  .somos-module .header .tittle_container {
    padding: 20px 0 30px 0;
  }
  .somos-module .header .tittle_header_section {
    justify-content: center;
    align-items: center;
  }
  .somos-module .header .tittle_header_section .tittle_1 {
    font-size: 34px;
    line-height: normal;
  }
  .somos-module .header .tittle_header_section .tittle_2 {
    font-size: 100px;
    line-height: 128px;
  }
  .somos-module p {
    font-size: 16px;
  }
  .somos-module .modulo-compromiso-text {
    max-width: 684px;
    margin: auto;
    margin-top: -14px;
  }
  .somos-module .modulo-compromiso-text .modulo-compromiso-contaniner {
    padding: 0 0 24px 0;
    max-width: 100%;
  }
  .somos-module .modulo-carousel .main-modules {
    display: block;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img {
    width: 100%;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image {
    height: 140px;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-1 {
    background: url("../assets/img-somos/s1-tablet.jpg") no-repeat center center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-2 {
    background: url("../assets/img-somos/s3-tablet.jpg") no-repeat center center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-3 {
    background: url("../assets/img-somos/s2-tablet.jpg") no-repeat center center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-4 {
    background: url("../assets/img-somos/s4-tablet.jpg") no-repeat center;
    background-position-y: 25%;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text {
    height: fit-content;
    padding: 42px;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content {
    text-align: left;
    max-width: 684px;
    margin: auto;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content h3 {
    margin-top: 20px;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content h3 .word-compromiso {
    font-weight: normal;
    display: inline-block;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content .first-line br,
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content .second-line br {
    display: none;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content .second-line-block {
    display: inline-block;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content .short-content {
    display: none;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content .long-content {
    display: block;
    color: white;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content .line-clamp {
    overflow: visible;
    display: inline-block;
  }
  .somos-module .modulo-map-tittle {
    margin: 24px auto;
    max-width: 648px;
    width: 648px;
    justify-content: space-evenly;
  }
  .somos-module .modulo-map-icons {
    padding-top: 0px;
    padding-bottom: 24px;
    height: fit-content;
  }
  .somos-module .modulo-map-icons .map-icons-medinsa {
    width: 50%;
    justify-content: flex-start;
    height: 100%;
    margin-left: -20%;
  }
  .somos-module .modulo-map-germany {
    padding-top: 0px;
    width: 648px;
    height: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .somos-module .modulo-map-germany .company-timeline {
    width: 100%;
    margin-left: 24px;
    margin-right: 0;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .somos-module .modulo-map-germany .company-timeline .company-item {
    width: 100%;
    justify-content: flex-start;
  }
  .somos-module .modulo-map-germany .company-timeline .company-item figure {
    justify-content: center;
    width: 24px;
    height: 22px;
    margin: 16px;
  }
  .somos-module .modulo-map-germany .company-timeline .company-item .company-info {
    padding-left: 0;
  }
  .somos-module .map-icons-espana,
  .somos-module .map-icons-germany {
    display: none !important;
  }
  .somos-module .modulo-map-icons {
    width: 100%;
    margin: 0;
  }
  .somos-module .map-icons-medinsa .map-icons-container {
    padding-left: 0 !important;
  }
  .somos-module .company-item {
    padding-left: 0px;
  }
  .somos-module .modulo-realidad .modulo-realidad-text {
    padding: 24px 0;
    max-width: 648px;
    margin: 0 auto;
  }
  .somos-module .modulo-realidad .actividad {
    width: 100%;
    max-width: 648px;
    margin: 0 auto;
    padding: 0;
    margin-top: 24px;
  }
  .somos-module .modulo-realidad .actividad h2 {
    margin: 0;
  }
  .somos-module .modulo-realidad .actividad-container {
    display: flex;
    flex-direction: column-reverse;
    max-width: 100%;
    margin: auto;
  }
  .somos-module .modulo-realidad .actividad-container div {
    max-width: 100vw;
  }
  .somos-module .modulo-realidad .actividad-container .modulo-realidad-text-3 p {
    font-size: 16px;
    line-height: 24px;
  }
  .somos-module .modulo-realidad .component-container {
    display: flex;
    gap: 24px;
    margin: 0 160px 0 160px;
    align-items: center;
    justify-content: center;
  }
  .somos-module .modulo-realidad .component-container .component-item {
    width: 304px;
  }
  .somos-module .modulo-realidad .component-container .component-item img {
    height: 240px;
  }
  .somos-module .modulo-realidad .component-container .component-item div {
    min-height: 200px;
    padding: 40px 16px 24px 16px;
  }
  .somos-module .modulo-realidad-text-3 {
    max-width: 648px;
    padding: 16.6px 0;
  }
  .somos-module .modulo-realidad-text-3 p {
    font-size: 20px;
    line-height: 150%;
  }
  .somos-module .modulo-realidad .component-container {
    flex-direction: column;
    margin: 0;
    gap: 0;
    margin-bottom: 24px;
  }
  .somos-module .modulo-realidad .component-container .component-item {
    width: 100%;
  }
  .somos-module .modulo-realidad .component-container .component-item div {
    height: fit-content;
    min-height: 100%;
    padding: 24px 42px;
  }
  .somos-module .modulo-realidad .component-container .component-item div h4 {
    padding-bottom: 16px;
  }
  .somos-module .modulo-realidad .component-container .component-item img {
    height: 140px;
  }
  .somos-module .content-section-container {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: start;
    width: 304px;
  }
  .somos-module .content-section-container .text-container {
    display: flex;
    flex-direction: row;
  }
  .somos-module .content-section-container .text-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
    text-align: left;
    gap: 8px;
    margin-bottom: 8px;
  }
  .somos-module .modulo-nace-aristo.tres-lineas.content-section.active {
    display: block !important;
  }
  .somos-module .mas-lineas .text-container {
    display: flex;
    justify-content: center;
    flex-direction: row !important;
  }
  .somos-module .mas-lineas .content-section-container {
    flex-direction: column;
  }
  .somos-module .modulo-historia-tittle {
    width: 100%;
    max-width: 648px;
    margin: auto;
    padding: 0;
  }
  .somos-module .modulo-historia-2 {
    display: flex;
    flex-direction: column-reverse;
  }
  .somos-module .modulo-linetime {
    margin-top: 20px;
  }
  .somos-module .timeline-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 119px;
    margin-top: 32px;
  }
  .somos-module .close-card-container {
    display: none !important;
  }
  .somos-module .content-section {
    top: auto;
    left: auto;
    transform: translate(25%, -50%);
    width: fit-content !important;
    background: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    z-index: auto;
    height: auto;
  }
  .somos-module .content-section .container-1 {
    display: flex !important;
    align-items: start;
    justify-content: center;
    margin-bottom: 10px;
  }
  .somos-module .somos-module .content-section-container .text-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    width: 80%;
    margin: auto;
    text-align: left;
    gap: 8px;
    margin-bottom: 8px;
  }
  .somos-module .timeline-container {
    position: static;
    display: flex;
  }
  .somos-module .center-section-about-us {
    justify-content: flex-start;
    max-width: 648px;
    margin: auto;
  }
  .somos-module .timeline {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 auto 35px;
  }
  .somos-module .timeline:before {
    content: "";
    position: absolute;
    top: 45%;
    left: -1px;
    right: 0;
    background-color: #7bc9f8;
    transform: translateY(-50%);
  }
  .somos-module .timeline .timeline-item {
    text-align: center;
    position: relative;
    cursor: pointer;
    flex: 1;
    margin-bottom: 42px;
  }
  .somos-module .timeline .timeline-item .year {
    position: absolute;
    top: -7px;
    left: 50%;
    color: #00295f;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
  .somos-module .timeline .timeline-item .point {
    width: 12px;
    height: 12px;
    background-color: #7bc9f8;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: linear-gradient(0deg, #7bc9f8 0%, #7bc9f8 100%), #7bc9f8;
  }
  .somos-module .timeline .timeline-item .year_extra {
    position: absolute;
    top: -24px;
    left: -25px;
    font-weight: 900;
    font-size: 31px;
  }
  .somos-module .timeline .content-section .close-card-container {
    display: none;
  }
  .somos-module .timeline .content-section .mas-lineas .container-2 h2 {
    font-size: 39px;
    line-height: 130%;
  }
  .somos-module .flechas-slider {
    display: none;
  }
  .somos-module .modulo-exitos {
    width: 100%;
    max-width: 684px;
    padding: 56px 0;
    margin: auto;
  }
  .somos-module .modulo-exitos .description-exitos {
    font-size: 20px;
  }
  .somos-module .modulo-banner-b {
    height: 450px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../assets/img-somos/Rectangle265.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 42px;
  }
  .somos-module .modulo-banner-b .banner-container {
    align-items: center;
    display: flex;
    width: 100%;
    max-width: 648px !important;
    flex-direction: column;
  }
  .somos-module .modulo-banner-b .b-container,
  .somos-module .modulo-banner-b .b-container-mobile {
    width: 157px;
    margin: auto;
  }
  .somos-module .modulo-banner-b .b-container figure,
  .somos-module .modulo-banner-b .b-container-mobile figure {
    width: 157px;
  }
  .somos-module .modulo-banner-b h5 {
    margin-bottom: 32px;
    text-align: center;
  }
  .somos-module .modulo-banner-b p {
    text-align: center;
  }
  .somos-module .nuestro-equipo .slider-container .slider {
    width: 5024px;
  }
  .somos-module .nuestro-equipo .slider-container .slide {
    width: 320px;
    min-height: 585px;
    padding: 32px 42px;
  }
  .somos-module .nuestro-equipo .slider-container .slide figure {
    width: 81.97px;
    height: 79.995px;
  }
  .somos-module .nuestro-equipo .slider-container .slide .slide-title h2 {
    font-size: 20px;
  }
  .somos-module .nuestro-equipo .slider-container .slide .slide-title p {
    font-size: 16px;
  }
  .somos-module .nuestro-equipo .slider-container .slide p {
    font-size: 16px;
    margin: 0;
  }
  .somos-module .nuestro-equipo .nuestro-equipo-title {
    padding: 0;
  }
  .somos-module .modulo-banner-b .banner-container .contenedor-banner {
    width: 100%;
  }
}
@media (min-width: 1366px) {
  .somos-module .header {
    height: 480px;
    background: url(../assets/img-somos/main_image.jpg) no-repeat;
    background-position: center;
    background-size: auto;
  }
  .somos-module .header .tittle_container {
    height: fit-content;
    padding: 0 0 40px 0;
  }
  .somos-module .header .tittle_header_section {
    align-items: flex-start;
  }
  .somos-module .header .tittle_header_section .tittle_1 {
    font-size: 49px;
    line-height: normal;
  }
  .somos-module .header .tittle_header_section .tittle_2 {
    font-size: 120px;
    line-height: normal;
  }
  .somos-module .modulo-compromiso-text {
    max-width: 1200px;
  }
  .somos-module .modulo-compromiso-text .modulo-compromiso-contaniner {
    padding: 20px 0 56px 0;
    max-width: 1200px;
  }
  .somos-module .modulo-compromiso-text .modulo-compromiso-contaniner .compromiso {
    font-size: 25px;
    margin-top: 12px;
  }
  .somos-module .modulo-compromiso-text .modulo-compromiso-contaniner .text-compromiso {
    font-size: 20px;
    line-height: 150%;
  }
  .somos-module .modulo-carousel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
  }
  .somos-module .modulo-carousel .main-modules {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-1 {
    background: url("../assets/img-somos/s1.png") no-repeat center center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-2 {
    background: url("../assets/img-somos/s3.webp") no-repeat center center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-3 {
    background: url("../assets/img-somos/s2.webp") no-repeat center center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .image.image-4 {
    background: url("../assets/img-somos/s4.webp") no-repeat center;
    background-size: cover;
  }
  .somos-module .modulo-carousel .component-item {
    width: fit-content;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .first-line .word-compromiso {
    display: block !important;
  }
  .somos-module .modulo-carousel .main-modules .component-item-img .component-item-text .main-text-content {
    text-align: center;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text {
    padding: 40px 60px;
    height: 250px !important;
    text-align: center;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content {
    justify-content: space-between;
    text-align: center !important;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .short-content {
    display: block !important;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .long-content {
    display: none !important;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content h3 {
    font-size: 25px;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .line-clamp {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .somos-module .modulo-carousel .component-item-img .component-item-text .main-text-content .line-clamp br {
    display: block;
  }
  .somos-module .modulo-carousel .component-item-img {
    cursor: pointer;
    pointer-events: all;
  }
  .somos-module .modulo-carousel .component-item-img .image {
    height: 280px !important;
  }
  .somos-module .modulo-realidad .modulo-realidad-text {
    padding: 56px 0;
    max-width: 1200px;
  }
  .somos-module .modulo-realidad .modulo-realidad-text .text-realidad-titulo h2 {
    font-size: 25px;
    line-height: 150%;
  }
  .somos-module .modulo-realidad .modulo-realidad-text .description-realidad {
    font-size: 20px;
    line-height: 150%;
  }
  .somos-module .modulo-realidad .actividad h2 {
    font-size: 25px;
    line-height: 150%;
  }
  .somos-module .modulo-realidad .actividad,
  .somos-module .modulo-realidad .actividad-container {
    max-width: 1200px;
    margin: auto;
  }
  .somos-module .modulo-realidad .actividad-container .modulo-realidad-text-3 p {
    font-size: 20px;
    line-height: 150%;
  }
  .somos-module .modulo-realidad .actividad-container {
    flex-direction: column;
  }
  .somos-module .modulo-realidad .component-container {
    flex-direction: row;
    gap: 24px;
    margin: 0 160px 0 160px;
    align-items: center;
    justify-content: center;
  }
  .somos-module .modulo-realidad .component-container .component-item {
    width: 304px;
  }
  .somos-module .modulo-realidad .component-container .component-item img {
    height: 240px;
  }
  .somos-module .modulo-realidad .component-container .component-item div {
    min-height: 200px;
    padding: 40px 16px 24px 16px;
  }
  .somos-module .modulo-realidad-text-3 {
    padding: 0px;
    padding: 56px 0;
    max-width: 1200px;
  }
  .somos-module .map-icons-espana,
  .somos-module .map-icons-germany {
    display: block !important;
  }
  .somos-module .modulo-map-tittle {
    max-width: 1200px;
    padding: 0 160px;
    gap: 40px;
  }
  .somos-module .modulo-map-tittle h2 {
    font-size: 31px;
  }
  .somos-module .modulo-map-germany {
    padding: 24px 0px 0 0px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .somos-module .modulo-map-germany .somos-module .modulo-map-germany .company-timeline {
    margin-left: 24px;
  }
  .somos-module .modulo-map-icons {
    padding-top: 0px;
    padding-bottom: 32px;
    height: fit-content;
    width: 100%;
    padding: 24px 0px 0 0px;
  }
  .somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container {
    padding-left: 24px;
  }
  .somos-module .modulo-map-icons .map-icons-medinsa {
    justify-content: center;
    height: 100%;
    margin-left: 0;
    text-align: left;
  }
  .somos-module .modulo-map-icons .map-icons-medinsa .map-icons-container .medinsa-logos {
    padding-top: 40px;
  }
  .somos-module .company-timeline .company-item figure {
    width: 80px;
    height: 73px;
  }
  .somos-module .company-timeline .company-item figure img.logos {
    max-width: 58px;
  }
  .somos-module .modulo-historia-tittle {
    max-width: 1200px;
    padding: 80px 160px 0 160px;
  }
  .somos-module .modulo-historia-tittle .description-historia {
    display: none;
  }
  .somos-module .company-item {
    padding-left: 40px;
  }
  .somos-module .content-section {
    display: block;
    align-items: center;
    justify-content: center;
    text-align: left;
    transform: translate(-50%, -50%);
  }
  .somos-module .content-section-container {
    width: 700px !important;
    align-items: center;
  }
  .somos-module .content-section-container .text-container {
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0;
    width: 690px;
  }
  .somos-module .content-section-container .text-container .container-2 h2 {
    background-color: #47bb01;
    text-align: left;
    font-size: 39px;
  }
  .somos-module .content-section-container .tres-lineas .text-container {
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 12px;
  }
  .somos-module .content-section-container .mas-lineas .text-container-double {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-direction: row;
  }
  .somos-module .content-section-container .mas-lineas .text-container-double br {
    display: block;
  }
  .somos-module .mas-lineas .text-container-double,
  .somos-module .tres-lineas .text-container {
    flex-direction: row;
    align-items: center;
  }
  .somos-module .close-card-container {
    display: none;
  }
  .somos-module .timeline-container {
    flex-direction: column;
    width: 100% !important;
    padding: 0;
  }
  .somos-module .timeline-container br {
    display: block;
  }
  .somos-module .modulo-linetime {
    width: 100%;
  }
  .somos-module .timeline {
    flex-direction: row;
    justify-content: space-around;
  }
  .somos-module .timeline:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #7bc9f8;
    transform: translateY(-50%);
    width: 100%;
  }
  .somos-module .timeline .timeline-item {
    text-align: center;
    position: relative;
    cursor: pointer;
    flex: 1;
  }
  .somos-module .timeline .timeline-item .year {
    position: absolute;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    color: #00295f;
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
  .somos-module .timeline .timeline-item .point {
    width: 16px;
    height: 16px;
    background-color: #7bc9f8;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 82%);
    fill: linear-gradient(0deg, #7bc9f8 0%, #7bc9f8 100%), #7bc9f8;
  }
  .somos-module .timeline .timeline-item .year_extra {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 900;
    font-size: 31px;
  }
  .somos-module .nuestro-equipo .nuestro-equipo-title {
    width: 100%;
    max-width: 648px;
    padding: 32px 0;
  }
  .somos-module .center-section-about-us {
    max-width: 1200px;
  }
  .somos-module .center-section-about-us .flechas-slider {
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    padding: 26px 160px 0 160px;
  }
  .somos-module .center-section-about-us .flechas-slider svg {
    cursor: pointer;
  }
  .somos-module .slider-container .slider-wrapper.dragging {
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .somos-module .slider-container .slider-wrapper {
    cursor: grab;
    cursor: -webkit-grab;
    overflow-x: hidden !important;
  }
  .somos-module .slider-container .slider {
    width: 5024px;
  }
  .somos-module .slider-container .slide {
    width: 386px;
    min-height: 500px;
  }
  .somos-module .slider-container .slide figure {
    width: 80px;
    height: 80px;
  }
  .somos-module .slider-container .slide .slide-title h2 {
    font-size: 25px;
  }
  .somos-module .modulo-exitos {
    width: 100%;
    max-width: 1200px;
    padding: 56px 160px 84px 160px;
  }
  .somos-module .modulo-exitos .text-exitos {
    color: #00295f;
    font-family: "Mulish", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
  }
  .somos-module .modulo-exitos .text-exitos span {
    font-weight: 900;
  }
  .somos-module .modulo-exitos .description-exitos {
    color: #00295f;
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
  }
  .somos-module .modulo-exitos .description-exitos span {
    color: #70add2;
    font-weight: 900;
  }
  .somos-module .modulo-banner-b {
    height: 629px;
    background: url(../assets/img-somos/Rectangle265.png);
    background-repeat: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 160px;
  }
  .somos-module .modulo-banner-b .banner-container {
    align-items: center;
    display: flex;
    width: 100%;
    max-width: 1200px !important;
  }
  .somos-module .modulo-banner-b .contenedor-banner {
    display: flex;
    flex-direction: column;
  }
  .somos-module .modulo-banner-b h5 {
    color: #ffffff;
    font-family: "Mulish", sans-serif;
    font-size: 49px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    margin-bottom: 75px;
    margin-top: 0;
  }
  .somos-module .modulo-banner-b p {
    margin: 0;
    color: #ffffff;
    font-family: "Mulish", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
  }
  .somos-module .b-container {
    display: block;
  }
  .somos-module .b-container-mobile {
    display: none;
  }
}
.modulo-otc .header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #006cf9;
  gap: 3.125rem;
}
.modulo-otc .header h1 {
  color: #fff;
  text-align: center;
  font-family: "Avenir Next Medium";
  font-size: 58.132px;
  font-style: normal;
  font-weight: 500;
  line-height: 37.66px;
  /* 64.783% */
  text-transform: uppercase;
  margin-top: 4.346rem;
}
.modulo-otc .header h2 {
  color: #fff;
  text-align: center;
  font-family: "Avenir Next Heavy";
  font-size: 153.722px;
  font-style: normal;
  font-weight: 900;
  line-height: 99.585px;
  /* 64.783% */
  text-transform: uppercase;
}
.modulo-otc .header img {
  margin-top: -6.25rem;
}
.modulo-otc .nav {
  display: flex;
  justify-content: space-between;
}
.modulo-otc .nav .nav-left {
  display: flex;
  gap: 1.25rem;
  margin-left: 8.5rem;
}
.modulo-otc .nav .nav-left h3 {
  color: #00295f;
  font-family: "Avenir Next Heavy";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  /* 225% */
}
.modulo-otc .nav .nav-left p {
  color: #006cf9;
  font-family: "Avenir Roman";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
.modulo-otc .nav .nav-right {
  display: flex;
  gap: 1.25rem;
  margin-right: 5rem;
}
.modulo-otc .nav .nav-right .blue {
  color: #b0bdc6;
  text-align: center;
  font-family: "Avenir Roman";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 225% */
  text-transform: uppercase;
  text-decoration: none;
}
.modulo-otc .nav .nav-right .purple {
  color: #b0bdc6;
  text-align: center;
  font-family: "Avenir Roman";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 225% */
  text-transform: uppercase;
  text-decoration: none;
}
.modulo-otc .nav .nav-right .blue:hover {
  color: #006cf9;
  font-family: "Avenir Next Heavy";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
}
.modulo-otc .nav .nav-right .purple:hover {
  color: #b200c2;
  font-family: "Avenir Next Heavy";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
}
.modulo-otc .aristo-farmacia {
  margin-left: 8rem;
  margin-top: 3.688rem;
}
.modulo-otc .aristo-farmacia span {
  color: #00295f;
  font-family: "Avenir Next Heavy";
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
}
.modulo-otc .aristo-farmacia h1 {
  color: #00295f;
  font-family: "Avenir Next Regular";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 120% */
}
.modulo-otc .text-farmacia {
  margin-left: 8rem;
  margin-top: 3.688rem;
  margin-right: 8rem;
}
.modulo-otc .text-farmacia p {
  color: #506889;
  font-family: "Avenir Next Regular";
  font-size: 22.84px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 157.618% */
}
.modulo-otc .text-farmacia span {
  color: #006cf9;
  font-family: "Avenir Next Heavy";
  font-size: 22.84px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
}

.post.not-found {
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.post.not-found .not-found-content {
  height: 350px;
  text-align: center;
}
.post.not-found .not-found-content h2 {
  color: #006cf9;
  font-size: 150px;
  font-weight: normal;
  margin: 0 0 24px;
  padding: 0;
}
.post.not-found .not-found-content h2 strong {
  font-family: "Avenir Next Heavy";
  font-weight: normal;
}
.post.not-found .not-found-content p {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 0;
}
.post.not-found .not-found-content p.type-2 {
  color: #006cf9;
  text-transform: unset;
  margin-bottom: 90px;
}
.post.not-found .not-found-content a {
  text-transform: uppercase;
  font-family: "Avenir Next Heavy";
  font-size: 24px;
  text-decoration: none;
  color: #006cf9;
}

.layout-legal {
  width: 1200px;
  margin: 0 auto;
  line-height: 24px;
}
.layout-legal h1 {
  padding-top: 150px;
  color: #006cf9;
  font-size: 24px;
}
.layout-legal ol {
  margin: 0 0 30px;
  padding: 0 0 0 15px;
  color: #006cf9;
}
.layout-legal p {
  margin-bottom: 30px;
}
.layout-legal a {
  color: #506889;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex .flex-item {
  flex: 1 1 50%;
  padding: 10px;
}

.banner .banner-title--container {
  position: relative;
  height: 100px;
  width: 100%;
  display: flex;
  margin-top: -16px;
  justify-content: right;
  align-items: end;
}
.banner .banner-title--container .banner-title {
  position: absolute;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
}
.banner .banner-title--container .title-1 {
  animation-delay: 0s;
  opacity: 1;
  animation-fill-mode: forwards;
  background: linear-gradient(95deg, #00295F -5.12%, #7BC9F8 72.26%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner .banner-title--container .title-2 {
  animation-delay: 4s;
  background: linear-gradient(253.02deg, #9B4CFF -6.67%, #00295F 67.47%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner .banner-title--container .title-3 {
  animation-delay: 8s;
  background: linear-gradient(82.92deg, #006CF9 25.42%, #9B4CFF 63.94%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner .banner-title--container .title-4 {
  animation-delay: 12s;
  background: linear-gradient(81.71deg, #006CF9 15.48%, #01C042 86.18%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner .banner-title--container .title-5 {
  animation-delay: 16s;
  background: linear-gradient(87.05deg, #ADE200 -0.43%, #01C042 84.29%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 1366px) {
  .banner .banner-title--container {
    height: 200px;
    justify-content: center;
    align-items: center;
  }
}
.somos-module .modulo-banner-b .b-container {
  width: 222px;
  margin: auto;
}
.somos-module .modulo-banner-b .b-container figure {
  width: 222px;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.somos-module .modulo-banner-b .b-container figure .img0,
.somos-module .modulo-banner-b .b-container figure .img2,
.somos-module .modulo-banner-b .b-container figure .img3,
.somos-module .modulo-banner-b .b-container figure .img4 {
  object-fit: contain;
  width: 157px;
  opacity: 0;
  position: relative;
  margin: 4px 0 4px 0;
  transition: opacity 2s;
}
.somos-module .modulo-banner-b .b-container figure .img0 {
  transition-delay: 1.5s;
}
.somos-module .modulo-banner-b .b-container figure .img1 {
  position: absolute;
  top: 44%;
  left: 52%;
  transform: translateX(-50%) translateY(-50%);
  height: 100px;
  width: 75px;
  opacity: 0;
  transition: opacity 2s;
}
.somos-module .modulo-banner-b .b-container figure .img2 {
  height: 157px;
  position: relative;
  transition-delay: 0.5s;
}
.somos-module .modulo-banner-b .b-container figure .img3 {
  transition-delay: 1s;
}
.somos-module .modulo-banner-b .b-container figure .img4 {
  transition-delay: 2s;
}
.somos-module .modulo-banner-b .b-container.visible figure .img0,
.somos-module .modulo-banner-b .b-container.visible figure .img1,
.somos-module .modulo-banner-b .b-container.visible figure .img2,
.somos-module .modulo-banner-b .b-container.visible figure .img3,
.somos-module .modulo-banner-b .b-container.visible figure .img4 {
  opacity: 1;
}

.home-content .cards .card {
  position: relative;
}
.home-content .cards .card .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.home-content .cards .card .alt span {
  margin: 30px 0 0 30px;
  display: block;
  float: left;
  padding: 8px 15px;
  background: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "Mulish";
}
.home-content .cards .card .alt.alt1 {
  background: url("../assets/img-somos/s1-mobile.jpg") no-repeat center center;
  background-size: auto;
}
.home-content .cards .card .alt.alt2 {
  background: url("../assets/img-somos/s2-mobile.jpg") no-repeat center center;
  background-size: auto;
}
.home-content .cards .card .alt.alt3 {
  background: url("../assets/img-somos/s3-mobile.jpg") no-repeat center center;
  background-size: auto;
}
.home-content .cards .card .alt.alt4 {
  background: url("../assets/img-somos/s4-mobile.jpg") no-repeat center center;
  background-size: auto;
}
@media (min-width: 769px) {
  .home-content .cards .card .alt {
    position: relative;
    height: 190px;
    opacity: 0;
  }
  .home-content .cards .card .alt.alt1 {
    background: url("../assets/s1.jpg") no-repeat center center;
  }
  .home-content .cards .card .alt.alt2 {
    background: url("../assets/s2.jpg") no-repeat center center;
  }
  .home-content .cards .card .alt.alt3 {
    background: url("../assets/s3.jpg") no-repeat center center;
  }
  .home-content .cards .card .alt.alt4 {
    background: url("../assets/s4.jpg") no-repeat center center;
  }
}
@media (min-width: 1366px) {
  .home-content .cards .card .alt {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  .home-content .cards .card .alt.alt1 {
    background: url("../assets/img-somos/s1.webp") no-repeat center center;
    background-size: cover;
  }
  .home-content .cards .card .alt.alt2 {
    background: url("../assets/img-somos/s2.webp") no-repeat center center;
    background-size: cover;
  }
  .home-content .cards .card .alt.alt3 {
    background: url("../assets/img-somos/s3.webp") no-repeat center center;
    background-size: cover;
  }
  .home-content .cards .card .alt.alt4 {
    background: url("../assets/img-somos/s4.webp") no-repeat center center;
    background-size: cover;
  }
  .home-content .cards .card .alt:hover .alt {
    opacity: 0;
  }
}
.home-content .innovation .innovation-section .innovation-container .innov-title figure {
  display: inline-block;
  margin: 0 -30px;
  height: 70px;
  width: 70px;
  overflow: hidden;
  border-radius: 100%;
  animation: oGlow 4s infinite;
}
.home-content .innovation .innovation-section .innovation-container .innov-title figure img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  animation: oGrow 10s infinite;
}

.dolor .datadolor .panel.queesdolor p:hover {
  color: #fff;
}
.dolor .datadolor .panel.queesdolor p:hover span {
  font-family: "Avenir Next Heavy";
  letter-spacing: 0px !important;
}

figure.circle-pulse {
  width: 46px;
  height: 46px;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
figure.circle-pulse div.circle-inner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 5px solid #ADE200;
  animation: pulse 3s linear infinite;
}

figure.circle-pulse-2 {
  width: 46px;
  height: 46px;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
figure.circle-pulse-2 .circle-inner-full.c1 {
  background: #ADE200;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
figure.circle-pulse-2 .circle-inner {
  border-radius: 100%;
  border: 5px solid transparent;
  transition: border 0.5s;
  margin: 0;
  padding: 0;
}
figure.circle-pulse-2.active .c2 {
  transition-delay: 0.5s;
  border: 5px solid rgba(173, 226, 0, 0.7);
}
figure.circle-pulse-2.active .c3 {
  transition-delay: 1.5s;
  border: 5px solid rgba(173, 226, 0, 0.6);
}
figure.circle-pulse-2.active .c4 {
  transition-delay: 2.5s;
  border: 5px solid rgba(173, 226, 0, 0.4);
}
figure.circle-pulse-2.active .c5 {
  transition-delay: 3.5s;
  border: 5px solid rgba(173, 226, 0, 0.3);
}
figure.circle-pulse-2.active .c6 {
  transition-delay: 4.5s;
  border: 5px solid rgba(173, 226, 0, 0.2);
}
figure.circle-pulse-2.active .c7 {
  transition-delay: 5.5s;
  border: 5px solid rgba(173, 226, 0, 0.1);
}

@media (min-width: 769px) {
  figure.circle-pulse {
    width: 175px;
    height: 175px;
  }
  div.circle-inner {
    border: 10px solid #ADE200;
  }
  figure.circle-pulse-2 {
    width: 175px;
    height: 175px;
  }
  figure.circle-pulse-2 .circle-inner-full.c1 {
    width: 30px;
    height: 30px;
  }
  figure.circle-pulse-2 .circle-inner {
    border: 10px solid transparent;
  }
  figure.circle-pulse-2.active .c2 {
    border: 10px solid rgba(173, 226, 0, 0.7);
  }
  figure.circle-pulse-2.active .c3 {
    border: 10px solid rgba(173, 226, 0, 0.6);
  }
  figure.circle-pulse-2.active .c4 {
    border: 10px solid rgba(173, 226, 0, 0.4);
  }
  figure.circle-pulse-2.active .c5 {
    border: 10px solid rgba(173, 226, 0, 0.3);
  }
  figure.circle-pulse-2.active .c6 {
    border: 10px solid rgba(173, 226, 0, 0.2);
  }
  figure.circle-pulse-2.active .c7 {
    border: 10px solid rgba(173, 226, 0, 0.1);
  }
}
.dolor .datadolor .panel.cifradolor .sectioncontent .map-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.dolor .datadolor .panel.cifradolor .sectioncontent .map-wrapper .number {
  position: absolute;
  bottom: 26%;
  left: 43%;
  font-size: 12px;
  color: white;
}
.dolor .datadolor .panel.cifradolor .sectioncontent .map-wrapper .number span {
  font-family: "Avenir Next Heavy";
  letter-spacing: -2px;
}
@media (min-width: 769px) {
  .dolor .datadolor .panel.cifradolor .sectioncontent .map-wrapper .number {
    bottom: 26%;
    left: 42%;
    font-size: 28px;
  }
}
@media (min-width: 1366px) {
  .dolor .datadolor .panel.cifradolor .sectioncontent .map-wrapper {
    width: 1171px;
  }
  .dolor .datadolor .panel.cifradolor .sectioncontent .map-wrapper .number {
    bottom: 27%;
    left: 42%;
    font-size: 50px;
  }
}

.wave-animation {
  margin: 0 5px 0 0;
}
.wave-animation .wave {
  border: 1px solid transparent;
  transition: border 1s;
  padding: 5px;
  border-radius: 100%;
  box-sizing: border-box;
}
.wave-animation .wave.w1 {
  width: 51px;
  height: 51px;
}
.wave-animation .wave.w1.active, .wave-animation .wave.w2.active, .wave-animation .wave.w3.active {
  border: 1px solid #ADE200;
}

@media (min-width: 769px) {
  .wave-animation .wave {
    padding: 10px;
  }
  .wave-animation .wave.w1 {
    width: 109px;
    height: 109px;
  }
}
@media (min-width: 1366px) {
  .wave-animation .wave.w1 {
    width: 131px;
    height: 131px;
  }
}
.animate-background {
  animation: hoverImagesAnimation 12s ease-in-out infinite, colorSwap 12s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.1);
    opacity: 0.1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes oGlow {
  0% {
    box-shadow: 0 0 0 0 rgb(208, 213, 255);
  }
  50% {
    box-shadow: 0 0 10px 10px rgb(208, 213, 255);
  }
  100% {
    box-shadow: 0 0 0 0 rgb(208, 213, 255);
  }
}
@keyframes oGrow {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes colorSwap {
  0% {
    color: #48bc01;
  }
  14.2857% {
    color: #006bf7;
  }
  28.5714% {
    color: #00295e;
  }
  42.8571% {
    color: #ace000;
  }
  57.1429% {
    color: #7ac7f6;
  }
  71.4286% {
    color: #1badec;
  }
  85.7143% {
    color: #b100c0;
  }
  100% {
    color: #48bc01;
  }
}
@keyframes hoverImagesAnimation {
  0% {
    background: url("./../assets/animations/1.jpg") no-repeat center center;
  }
  14.2857% {
    background: url("./../assets/animations/2.jpg") no-repeat center center;
  }
  28.5714% {
    background: url("../assets/animations/3.jpg") no-repeat center center;
  }
  42.8571% {
    background: url("../assets/animations/4.jpg") no-repeat center center;
  }
  57.1429% {
    background: url("../assets/animations/5.jpg") no-repeat center center;
  }
  71.4286% {
    background: url("../assets/animations/6.jpg") no-repeat center center;
  }
  85.7143% {
    background: url("../assets/animations/7.jpg") no-repeat center center;
  }
  100% {
    background: url("./../assets/animations/1.jpg") no-repeat center center;
  }
}
@keyframes pulse-once {
  0% {
    transform: scaleX(1);
    opacity: 1;
  }
  50% {
    transform: scaleX(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1366px) {
  p {
    font-size: 16px;
  }
  body {
    overflow-x: hidden;
    width: 100dvw;
  }
  .hero-products-section {
    height: 324px;
  }
  .hero-products-section .hero-content {
    display: block;
  }
  .hero-products-section .hero-content h2 {
    font-size: 34px;
  }
  .hero-products-section .hero-content h1 {
    font-size: 50px;
  }
  .hero-products-section .hero-content img {
    margin-top: 10px;
    height: 136px;
  }
  .about-section {
    width: 684px;
    padding-top: 48px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .about-section p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .about-section .about-content p {
    margin-top: 0;
  }
  .about-section .about-content h3 {
    margin-top: 0;
  }
  .about-section .product-navbar {
    padding-top: 0;
  }
  .products-section .divider .product {
    padding: 32px 0;
    width: 684px;
  }
  .products-section .divider .product .product-title h3 {
    font-size: 28px;
  }
  .products-section .divider .product p {
    font-size: 16px;
  }
  .products-list {
    padding-top: 12px;
    padding-bottom: 48px;
  }
  .products-list .alphabet-bar {
    padding: 24px 0;
  }
  .products-list .alphabet-bar > div > div {
    display: none;
  }
  .products-list .alphabet-bar > div > div ul,
  .products-list .alphabet-bar > div > div img {
    display: none;
  }
  .products-list .alphabet-bar > div .search-box {
    display: flex;
    justify-content: end;
    width: 684px;
    margin: 0 auto;
  }
  .products-list .aristo-product-wrapper {
    padding: 0;
    width: 684px;
    margin: 0 auto;
  }
  .products-list .aristo-product-wrapper .aristo-product-table .table-header {
    padding: 24px 0 24px 0;
    font-size: 16px;
  }
  .products-list .aristo-product-wrapper .aristo-product-table .table-row .product-info {
    height: auto;
    padding: 13px 42px;
  }
  .products-list .aristo-product-wrapper .aristo-product-table .table-row .product-info span {
    font-size: 14px;
    line-height: 18px;
  }
  .products-list .aristo-product-wrapper .aristo-product-table .table-row .product-details {
    font-size: 14px;
  }
  .products-list .table-container-otc {
    width: 684px;
    margin: 0 auto;
    gap: 9px;
    grid-template-columns: repeat(3, 1fr);
  }
  .layout-legal {
    width: 684px;
  }
  .layout-legal h1 {
    padding-top: 90px;
  }
  .layout-legal p {
    font-size: 16px;
  }
  .somos-module .modulo-carousel .component-item-img {
    pointer-events: none;
    cursor: default;
  }
  .somos-module .modulo-carousel .component-item-img {
    pointer-events: none;
    cursor: default;
  }
}
@media screen and (max-width: 767px) {
  .hero-products-section {
    height: 220px;
  }
  .hero-products-section .hero-content {
    padding-top: 28px;
    max-height: 100%;
  }
  .hero-products-section .hero-content h2 {
    font-size: 32px;
  }
  .hero-products-section .hero-content h1 {
    font-size: 34px;
  }
  .hero-products-section .hero-content img {
    height: 98px;
  }
  .about-section {
    width: 288px;
  }
  .about-section .product-navbar {
    display: block;
  }
  .about-section .product-navbar .product-navbar-title {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
  }
  .about-section .product-navbar .product-categories {
    display: block;
    width: 100%;
  }
  .about-section .product-navbar .product-categories a:first-child {
    margin-left: 0;
  }
  .products-section .divider .product {
    width: 288px;
  }
  .products-section .divider .product p {
    margin-top: 0;
  }
  .products-list .alphabet-bar > div .search-box {
    width: 150px;
    padding-left: 40px;
  }
  .products-list .aristo-product-wrapper {
    width: 288px;
  }
  .products-list .table-container-otc {
    width: 288px;
    margin: 0 auto;
    gap: 16px;
    grid-template-columns: repeat(1, 1fr);
  }
  .products-list .table-container-otc article .product-info {
    height: auto;
  }
  .layout-legal {
    width: 288px;
  }
  .layout-legal h1 {
    padding-top: 40px;
  }
  .layout-legal p {
    font-size: 16px;
  }
  .somos-module .content-section {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 100%;
    overflow-y: auto;
    background: rgba(74, 74, 74, 0.8);
    backdrop-filter: blur(2px);
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10%;
  }
  .somos-module .modulo-nace-aristo.tres-lineas.content-section.active {
    visibility: hidden;
  }
}

/*# sourceMappingURL=style.css.map */