/* servicios.css — Fase final drop main.css. Subset verbatim de main.css para servicios.php (intro + services-new swiper/mobile + method + brands cultura5). */

/* === SECTION-SERVICIOS1 / INTRO (shared home1 classes) === */

.section-home1-content-text {
  width: 91.5%;
}

.section-home1-content-text-icon5 {
  position: relative;
  display: inline;
  z-index: -1;
  padding: 0 5.7%;
  margin-right: 15px;
}

.section-home1-content-text-icon5 img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.section-home1-content-text-icon1 {
  padding: 2% 5.4156%;
  position: relative;
  margin-left: -2%;
  display: inline;
}

.section-home1-content-text-icon1 lottie-player {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}

.section-home1-content-text-icon6 {
  position: relative;
  padding: 0px 5%;
  margin-left: -2%;
}

.section-home1-content-text-icon6 lottie-player {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  transform: rotate(170deg);
}

.section-home1-content-text-icon6-1 lottie-player {
  transform: rotate(0deg);
}

.section-home1-content-text-icon1-1 lottie-player {
  width: 120%;
  top: -10%;
}

.section-servicios1-content {
  padding: clamp(150px, 15.938vw, 306px) 0 clamp(80px, 9.011vw, 173px);
}

.section-servicios1-content .section-home1-content-text {
  width: 90.5%;
}

.section-home1-content-text-icon8 {
  position: relative;
  display: inline-block;
}

.section-home1-content-text-icon8 lottie-player {
  position: absolute;
  left: -8%;
  bottom: -140%;
  display: block;
  width: 120%;
  margin: auto;
  height: 200%;
  right: 0;
  top: 0;
  transform: rotate(3deg);
}

.section-home1-content-text-icon7 {
  position: relative;
  display: inline-block;
}

.section-home1-content-text-icon7 lottie-player {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 210%;
}

/* === SERVICES-NEW (swiper desktop + mobile) === */

.content-main.content-main-services-active
  .section-services-new-content-items-nav
  .section-services-new-content-items-nav-title {
  color: #0f0f0f;
  opacity: 0.3;
}

.content-main.content-main-services-active
  .section-services-new-content-items-nav.active
  .section-services-new-content-items-nav-title {
  opacity: 1;
}

.dropdown-item-content {
  position: relative;
  z-index: 1;
  width: 92%;
  transition: all 0s ease;
  padding-bottom: 20px;
  padding-left: 40px;
}

.dropdown-item {
  overflow: hidden;
}

.dropdown-item-content p {
  margin: 0;
}

.section-services-new-content-item-int {
  display: flex;
  align-items: flex-end;
}

.section-services-new-content-item-left {
  flex: 0 0 50%;
}

.section-services-new-content-item-right {
  flex: 0 0 45%;
  margin-left: auto;
  height: 120%;
  display: flex;
  align-items: flex-end;
  margin-right: -40px;
}

.section-services-new-content-item-right-img {
  max-width: 100%;
  height: auto;
}

.section-services-new-content-items-nav-title {
  text-transform: uppercase;
}

.section-services-new-content-items {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: clamp(31.5px, 2.1875vw, 52.5px) 0
    clamp(30.25px, 3.4895833vw, 83.75px) 0;
  overflow: visible;
}

.section-services-new-content-items .swiper-wrapper {
  flex: 1 1 auto;
  align-items: stretch;
}

.section-services-new-content-item {
  height: auto;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}

.section-services-new-content-item.active {
  z-index: 2;
}

.section-services-new-content-item-1 {
  opacity: 1;
}

.section-services-new-content-item-1
  .section-services-new-content-item-right-img {
  margin-bottom: -30%;
}

.section-services-new-content-item-left {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.section-services-new-content-item-left-btn {
  margin-top: auto;
  text-decoration: none !important;
  width: -webkit-fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  bottom: 0;
}

.section-services-new-content-item-left-btn .btn1 {
  display: flex;
  align-items: center;
  border-width: 1px;
  padding-left: clamp(45px, 3.125vw, 75px);
  transition:
    all 1s ease,
    padding-right 0.5s ease,
    padding-left 0.5s ease;
}

.section-services-new-content-item-left-btn
  .btn1
  .section-services-new-content-item-left-btn-point {
  width: clamp(27.75px, 1.9270833vw, 46.25px);
  height: clamp(27.75px, 1.9270833vw, 46.25px);
  display: block;
  background: #ff4343;
  border-radius: 50%;
  position: absolute;
  left: clamp(8px, 0.704vw, 19px);
  top: 0;
  bottom: 0;
  margin: auto;
  transition:
    all 1s ease,
    left 0.5s ease;
}

.section-services-new-content-item-left-btn.active .btn1 {
  padding-right: clamp(45px, 3.125vw, 75px);
  padding-left: 10px;
  border-color: #0f0f0f;
  color: #0f0f0f !important;
}

.section-services-new-content-item-left-btn.active
  .section-services-new-content-item-left-btn-point {
  left: calc(
    100% -
      calc(clamp(27.75px, 1.9270833vw, 46.25px) + clamp(8px, 0.704vw, 19px))
  );
  background: #0f0f0f;
}

.section-services-new-content-items-navs {
  margin-bottom: clamp(30px, 2.0833333vw, 50px);
  position: relative;
  z-index: 2;
}

.section-services-new-content-items-nav-title {
  color: #d9d9d9;
}

.section-services-new-content-items-nav.active
  .section-services-new-content-items-nav-title {
  color: #0f0f0f;
}

.section-services-new-content-item-2 .section-services-new-content-item-right,
.section-services-new-content-item-3 .section-services-new-content-item-right {
  height: calc(120% + 50px);
  margin-bottom: -50px;
}

.section-services-new-content-item-2
  .section-services-new-content-item-right-img,
.section-services-new-content-item-3
  .section-services-new-content-item-right-img {
  width: auto;
  height: 100%;
  margin-left: auto;
}

.section-services-new-content-item-2
  .section-services-new-content-item-right-text,
.section-services-new-content-item-3
  .section-services-new-content-item-right-text {
  bottom: 20%;
}

.parent-section-services-new {
  padding-top: clamp(75px, 5.2083333vw, 125px);
  padding-bottom: clamp(150px, 10.4166667vw, 250px);
}

.section-services-new-content-item-int-active {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
}

.section-services-new-content-item-int-active
  .section-services-new-content-item-right {
  top: -20%;
  position: relative;
}

.section-services-new-content-item-left-item {
  display: flex;
  border: 0;
  background: transparent;
  line-height: 1;
  padding: clamp(8.25px, 0.5729167vw, 13.75px) 0;
  width: 100%;
  text-align: left;
  color: #0f0f0f;
}

.section-services-new-content-item-left-item span {
  transition: all 0.3s ease;
  margin-left: auto;
  flex: 1 1 auto;
}

.section-services-new-content-item-left-item.active span {
  flex: 0 0 auto;
}

.section-services-new-content-item-left-item:not(.active):hover {
  padding-left: 30px;
}

.section-services-new-content-item-left-btn-back .btn1 {
  border-color: #0f0f0f;
  color: #0f0f0f !important;
}

.section-services-new-content-item-left-btn-back
  .btn1
  .section-services-new-content-item-left-btn-point {
  background: #0f0f0f;
  order: 1;
  margin-right: 0;
  margin-left: 10px;
}

.section-services-new-content-item-right-text {
  position: absolute;
  top: 40%;
  width: 73%;
  right: 40px;
  display: none;
  opacity: 0;
  transition: all 0s ease;
}

.swiper-slide-services-new {
  display: flex;
  align-items: stretch;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.swiper-slide-services-new-left-img {
  border-radius: 20px;
  transform: translateY(-50%);
  position: relative;
  padding-top: 0%;
  overflow: hidden;
  top: 50%;
}

.swiper-slide-services-new-left-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide-services-new-1 .swiper-slide-services-new-left {
  opacity: 1;
  transform: translateY(0);
}

.swiper-slide-services-new-1 .swiper-slide-services-new-right {
  opacity: 1;
}

.swiper-slide-services-new-2 .swiper-slide-services-new-left-img {
  transform: translateY(-50%);
}

.swiper-slide-services-new-left {
  flex: 1;
  padding: clamp(37.5px, 2.6041667vw, 62.5px) 0;
  transform: translateY(100%);
  opacity: 1 !important;
}

.swiper-slide-services-new-right {
  flex: 1;
  margin-left: 9.6%;
  padding: 1.574% 0 2%;
  display: flex;
  flex-direction: column;
  max-height: clamp(675px, 46.875vw, 1125px);
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.section-services-new-content-title {
  width: 100%;
  margin-bottom: clamp(80px, 7.82vw, 150px);
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  transition: all 0s ease;
}

.section-services-new-content-title u {
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  flex: 1 1 auto;
  transition: all 0s ease;
}

.section-services-new-content-title u div {
  border-bottom: 1px solid #0f0f0f;
  transition: border-color 0.5s ease;
}

.section-services-new-content-title .space-title9 {
  display: block;
  width: 100%;
}

.section-services-new-content-title div:not(.space-title9) {
  flex: 1 1 auto;
}

.section-services-new {
  padding: clamp(45px, 5.21vw, 100px) 0 clamp(45px, 7.85vw, 150px);
}

.swiper-slide-services-new-right-subtitle {
  margin: 0;
  margin-bottom: clamp(15px, 1.15vw, 22px);
}

.swiper-slide-services-new-right-text {
  margin-bottom: auto;
  width: 75%;
}

.section-services-new-content-swiper {
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-services-new-content-item-left-items {
  display: none;
}

.section-services-new .swiper-slide-services-new-left-img {
  padding-top: 0 !important;
  background: #e4e4e4;
  border-radius: 15px;
  width: 100%;
  transition: all 0.5s ease;
  aspect-ratio: 1/1;
}

.section-services-new .swiper-slide-services-new-right {
  margin-left: 0;
  overflow-y: scroll;
  padding: clamp(37.5px, 2.6041667vw, 62.5px) 0;
  height: 100%;
  max-height: 100%;
}

.section-services-new .swiper-slide-services-new-left {
  margin-left: 0;
}

.section-services-new .swiper-slide-services-new-right-text {
  width: 96%;
}

.section-services-new .swiper-slide-services-new {
  flex-direction: row-reverse;
}

.section-services-new
  .swiper-slide-services-new-1
  .swiper-slide-services-new-right-int {
  opacity: 1;
  z-index: 999;
}

.section-services-new .section-services-new-content-item-left-btn {
  bottom: 5%;
  z-index: 999;
}

.section-services-new .swiper-slide-services-new-right-title {
  margin-bottom: clamp(11.25px, 0.78125vw, 18.75px);
}

.section-services-new
  .swiper-slide-services-new-left-img
  .section-services-new-content-item-right-img {
  height: auto;
  min-height: 100%;
  mix-blend-mode: multiply;
}

.content-main-services-active .swiper-slide-services-new-left-img {
  background: #ee3f3f;
}

.dropdown-item-button {
  background: #ff4343;
  position: relative;
  z-index: 2;
}

.section-services-new .swiper-slide-services-new-right::-webkit-scrollbar {
  display: none;
}

.content-main.content-main-invert
  .section-services-new.content-main-services-active
  .swiper-slide-services-new-left-img,
.content-main.content-main-invert-cultura
  .section-services-new.content-main-services-active
  .swiper-slide-services-new-left-img {
  background: #191919;
}

.content-main.content-main-invert
  .section-services-new.content-main-services-active
  .swiper-slide-services-new-left-img
  lottie-player,
.content-main.content-main-invert-cultura
  .section-services-new.content-main-services-active
  .swiper-slide-services-new-left-img
  lottie-player {
  filter: invert(1);
}

.content-main.content-main-invert
  .section-services-new.content-main-services-active
  .dropdown-item-button,
.content-main.content-main-invert-cultura
  .section-services-new.content-main-services-active
  .dropdown-item-button {
  background: #0f0f0f;
}

.dropdown-item-button {
  transition: background 0.5s ease;
}

.content-main:not(.content-main.content-main-invert):not(
    .content-main-services-active
  )
  .section-services-new.content-main-services-active
  .swiper-slide-services-new-left-img {
  background: #e4e4e4;
}

.content-main:not(.content-main.content-main-invert):not(
    .content-main-services-active
  )
  .section-services-new.content-main-services-active
  .swiper-slide-services-new-left-img
  lottie-player {
  filter: invert(0);
}

.content-main:not(.content-main.content-main-invert):not(
    .content-main-services-active
  )
  .section-services-new.content-main-services-active
  .dropdown-item-button {
  background: #efefef;
}

.section-services-new-content-items-nav {
  margin-bottom: clamp(18.75px, 1.3020833vw, 31.25px);
}

.section-services-new-content-item-left-btn
  .btn1
  .section-services-new-content-item-left-btn-text {
  color: #ff4343 !important;
}

.section-services-new-content-item-left-btn.active
  .btn1
  .section-services-new-content-item-left-btn-text {
  color: #000000 !important;
}

/* === METHOD (section 3 / servicios3) === */

.content-main.content-main-invert:not(.content-main-modal)
  .section-method-content-item-content,
.content-main.content-main-modal-invert:not(.content-main-modal)
  .section-method-content-item-content,
.content-main.content-main-invert-cultura:not(.content-main-modal)
  .section-method-content-item-content {
  background: #0f0f0f;
}

.content-main.content-main-invert:not(.content-main-modal)
  .section-method-content-item,
.content-main.content-main-modal-invert:not(.content-main-modal)
  .section-method-content-item,
.content-main.content-main-invert-cultura:not(.content-main-modal)
  .section-method-content-item {
  background: #0f0f0f;
}

.section-servicios3-content-item {
  padding: clamp(8px, 0.63vw, 12px) 0;
  border-top: 1px solid #fff;
}

.section-servicios3-content-section-int {
  display: flex;
}

.section-servicios3-content-items {
  margin-bottom: clamp(32px, 2.761vw, 53px);
}

.section-servicios3-content-section-int-left-img img {
  width: 100%;
  border-radius: 20px;
}

.section-servicios3-content-section-int-left {
  width: 32.609%;
}

.section-servicios3-content-section-int-right {
  width: 72.4%;
  padding-left: 9.46%;
}

.section-servicios3-content-section-int-right-text {
  margin-bottom: clamp(30px, 2.345vw, 45px);
  width: clamp(680px, 47.45vw, 1186px);
  max-width: 100%;
}

.section-servicios3-content-section-int-right-text p {
  margin: 0;
}

.section-servicios3 {
  padding-bottom: clamp(30px, 2.605vw, 50px);
}

.section-servicios3-content-section-int-right-button {
  display: block;
  width: 50%;
}

.section-servicios3-content-section-int-right-button img {
  width: 100%;
}

.section-servicios3-content-title {
  padding: 15px 0 30px 0;
}

.section-servicios3-content-item {
  padding: 0;
}

.section-servicios3-content-item-title {
  padding: 12px 0 12px;
}

.section-method-content-item-text {
  padding-bottom: 30px;
}

.section-method-content-item-content {
  position: absolute;
  left: 0;
  width: 100%;
  margin: auto;
  transition: all 0.5s ease;
  padding-top: 10px;
  margin-top: -1px;
}

.section-method-content-item {
  position: relative;
  opacity: 1;
  transform: translateY(100vh);
}

.section-servicios3 {
  min-height: 100vh;
}

.section-method-content-item-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.section-servicios3-content-section-int-right-link2 u {
  color: #ff4343 !important;
}

.section-method-content-item-text {
  width: 59%;
}

.section-servicios3-content-item-title-custom {
  padding: clamp(3.75px, 0.3571429vw, 9px) 0 clamp(3.75px, 0.3571429vw, 9px);
  transition: all 0s ease;
}

.section-servicios3-content-section-int-left-img {
  position: relative;
  padding-top: 76%;
}

.section-servicios3-content-section-int-left-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-method-content-items .section-method-content-item:first-child {
  background: transparent !important;
}

.section-method-content-items
  .section-method-content-item:first-child
  .section-method-content-item-content {
  background: transparent;
}

.content-main:not(.content-main-modal) .section-method-content-item-content {
  background: #efefef;
}

/* === MISC (servicios4 / servicios5) === */

.content-main.content-main-invert:not(.content-main-modal)
  .section-servicios5-content-item-left-btn-text,
.content-main.content-main-modal-invert:not(.content-main-modal)
  .section-servicios5-content-item-left-btn-text,
.content-main.content-main-invert-cultura:not(.content-main-modal)
  .section-servicios5-content-item-left-btn-text {
  color: #ff4343 !important;
}

.content-main.content-main-invert:not(.content-main-modal)
  .btn1:hover
  .section-servicios5-content-item-left-btn-text,
.content-main.content-main-modal-invert:not(.content-main-modal)
  .btn1:hover
  .section-servicios5-content-item-left-btn-text,
.content-main.content-main-invert-cultura:not(.content-main-modal)
  .btn1:hover
  .section-servicios5-content-item-left-btn-text {
  color: #ffffff !important;
}

.section-servicios4 {
  padding-bottom: 10vh;
}

.section-servicios5-content-item-int {
  display: flex;
  align-items: flex-end;
}

.section-servicios5-content-item-left {
  flex: 0 0 50%;
}

.section-servicios5-content-item-right {
  flex: 0 0 45%;
  margin-left: auto;
  height: 120%;
  display: flex;
  align-items: flex-end;
  margin-right: -40px;
}

.section-servicios5-content-item-right-img {
  max-width: 100%;
  height: auto;
}

.section-servicios5-content-items-nav-title {
  text-transform: uppercase;
}

.section-servicios5-content-items {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: clamp(31.5px, 2.1875vw, 52.5px) 0
    clamp(30.25px, 3.4895833vw, 83.75px) 0;
  overflow: visible;
}

.section-servicios5-content-items .swiper-wrapper {
  flex: 1 1 auto;
  align-items: stretch;
}

.section-servicios5-content-item {
  height: auto;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}

.section-servicios5-content-item.active {
  z-index: 2;
}

.section-servicios5-content-item-1 {
  opacity: 1;
}

.section-servicios5-content-item-1 .section-servicios5-content-item-right-img {
  margin-bottom: -30%;
}

.section-servicios5-content-item-left {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.section-servicios5-content-item-left-btn {
  margin-top: auto;
  text-decoration: none !important;
  width: -webkit-fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  bottom: 0;
}

.section-servicios5-content-item-left-btn .btn1 {
  display: flex;
  align-items: center;
  border-width: 1px;
  padding-left: clamp(45px, 3.125vw, 75px);
  transition:
    all 1s ease,
    padding-right 0.5s ease,
    padding-left 0.5s ease;
}

.section-servicios5-content-item-left-btn
  .btn1
  .section-servicios5-content-item-left-btn-point {
  width: clamp(27.75px, 1.9270833vw, 46.25px);
  height: clamp(27.75px, 1.9270833vw, 46.25px);
  display: block;
  background: #ff4343;
  border-radius: 50%;
  position: absolute;
  left: clamp(8px, 0.704vw, 19px);
  top: 0;
  bottom: 0;
  margin: auto;
  transition:
    all 1s ease,
    left 0.5s ease;
}

.section-servicios5-content-item-left-btn.active .btn1 {
  padding-right: clamp(45px, 3.125vw, 75px);
  padding-left: 10px;
  border-color: #0f0f0f;
  color: #0f0f0f !important;
}

.section-servicios5-content-item-left-btn.active
  .section-servicios5-content-item-left-btn-point {
  left: calc(
    100% -
      calc(clamp(27.75px, 1.9270833vw, 46.25px) + clamp(8px, 0.704vw, 19px))
  );
  background: #0f0f0f;
}

.section-servicios5-content-items-navs {
  margin-bottom: clamp(30px, 2.0833333vw, 50px);
  position: relative;
  z-index: 2;
}

.section-servicios5-content-items-nav-title {
  color: #d9d9d9;
}

.section-servicios5-content-items-nav.active
  .section-servicios5-content-items-nav-title {
  color: #0f0f0f;
}

.section-servicios5-content-item-2 .section-servicios5-content-item-right,
.section-servicios5-content-item-3 .section-servicios5-content-item-right {
  height: calc(120% + 50px);
  margin-bottom: -50px;
}

.section-servicios5-content-item-2 .section-servicios5-content-item-right-img,
.section-servicios5-content-item-3 .section-servicios5-content-item-right-img {
  width: auto;
  height: 100%;
  margin-left: auto;
}

.section-servicios5-content-item-2 .section-servicios5-content-item-right-text,
.section-servicios5-content-item-3 .section-servicios5-content-item-right-text {
  bottom: 20%;
}

.parent-section-servicios5 {
  padding-top: clamp(75px, 5.2083333vw, 125px);
  padding-bottom: clamp(150px, 10.4166667vw, 250px);
}

.section-servicios5-content-item-int-active {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
}

.section-servicios5-content-item-int-active
  .section-servicios5-content-item-right {
  top: -20%;
  position: relative;
}

.section-servicios5-content-item-left-item {
  display: flex;
  border: 0;
  background: transparent;
  line-height: 1;
  padding: 11px 0;
  width: 100%;
  text-align: left;
}

.section-servicios5-content-item-left-item span {
  transition: all 0.3s ease;
  margin-left: auto;
  flex: 1 1 auto;
}

.section-servicios5-content-item-left-item.active span {
  flex: 0 0 auto;
}

.section-servicios5-content-item-left-item:not(.active):hover {
  padding-left: 30px;
}

.section-servicios5-content-item-left-btn-back .btn1 {
  border-color: #0f0f0f;
  color: #0f0f0f !important;
}

.section-servicios5-content-item-left-btn-back
  .btn1
  .section-servicios5-content-item-left-btn-point {
  background: #0f0f0f;
  order: 1;
  margin-right: 0;
  margin-left: 10px;
}

.section-servicios5-content-item-right-text {
  position: absolute;
  top: 40%;
  width: 73%;
  right: 40px;
  display: none;
  opacity: 0;
  transition: all 0s ease;
}

.section-servicios5-content-item-left-items {
  position: relative;
  z-index: 3;
}

.section-servicios5-content-item-left-item.active
  .section-servicios5-content-item-left-item-arrow {
  transform: rotate(90deg);
  padding-left: 5px;
  margin-right: 5px;
}

.section-servicios5-content-item-left-item > span {
  display: flex;
}

.section-servicios5-content-item-left-item
  .section-servicios5-content-item-left-item-arrow {
  width: auto;
  flex: 0;
  margin-left: 0;
  margin-right: 10px;
  display: block;
  transition: all 0.3s ease;
}

.box-modal-services .section-servicios5-content-item-left {
  display: none;
}

.section-servicios5 {
  mix-blend-mode: multiply;
}

/* === BRANDS (cultura5 — template-parts/cultura/brands-projects.php) === */

.section-cultura5-content-title {
  font-weight: 400;
  margin-bottom: clamp(16px, 1.57vw, 30px);
}

.section-cultura5-content-item {
  display: flex;
  align-items: center;
  margin-bottom: clamp(25px, 1.772vw, 34px);
}

.section-cultura5-content-item-title {
  margin: 0;
}

.section-cultura5-content-item-year {
  margin: 0;
  margin-left: auto;
}

.section-cultura5-content-item-icon {
  margin-right: clamp(10px, 1.1vw, 20px);
}

.section-cultura5-content-items .section-cultura5-content-item:last-child {
  margin-bottom: 0;
}

.section-cultura5 {
  padding-bottom: clamp(90px, 7.3vw, 140px);
}

.section-cultura5-box-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.section-cultura5-element {
  width: calc(50% - 11px);
  gap: clamp(18px, 1.25vw, 30px);
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
}

.section-cultura5-box-elements {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

.section-cultura5-element-img {
  width: 100%;
  min-height: clamp(521.25px, 36.1979167vw, 868.75px);
  object-fit: cover;
}

.section-cultura5-element-box-img {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.section-cultura5-box-elements {
  margin-top: 58px;
}

.section-cultura5-element-title {
  margin: 0;
  color: #0f0f0f;
  font-size: clamp(22.5px, 1.5625vw, 37.5px);
  font-weight: 400;
  line-height: clamp(30px, 2.0833333vw, 50px);
}

.section-cultura5-element-category {
  margin: 0;
  color: #bababa;
  font-size: clamp(22.5px, 1.5625vw, 37.5px);
  font-weight: 400;
  line-height: clamp(30px, 2.0833333vw, 50px);
}

.section-cultura5-element-box-categories {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  font-size: clamp(22.5px, 1.5625vw, 37.5px);
  color: #bababa;
}

.section-cultura5-element-box-title {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}

.section-cultura5 {
  padding-top: 85px;
}

.section-cultura5-title {
  text-transform: uppercase;
}

.section-cultura5-element:hover .section-cultura5-element-box-img {
  border-radius: clamp(300px, 20.8333333vw, 530px);
}

.section-cultura5-element .section-cultura5-element-box-img {
  transition: all 0.5s ease;
}

.section-cultura5-box-elements .section-proyectos1-content-item {
  width: calc(50% - 11px);
}

/* === @media (max-width: 1600px) === */

@media (max-width: 1600px) {
  .section-servicios5-content-item-left-text p {
    font-size: clamp(22.5px, 1.875vw, 37.5px);
    line-height: 1.2;
  }
}

/* === @media (min-width: 1600px) and (max-height: 1000px) === */

@media (min-width: 1600px) and (max-height: 1000px) {
  .section-servicios5-content-item-left-text {
    width: 90%;
  }

  .section-servicios5-content-item-left-text p {
    font-size: clamp(27px, 3.6vh, 45px);
    line-height: 1.3;
  }

  .section-servicios5-content-item-left-item {
    font-size: clamp(27px, 3.6vh, 45px);
  }

  .section-services-new-content-item-left-item {
    font-size: clamp(30px, 2.0833333vw, 50px);
  }
}

/* === @media (max-width: 991px) === */

@media (max-width: 991px) {
  .section-home1-content-text {
    width: 98%;
  }

  .section-home1-content-text-icon5 {
    padding: 0 28px;
    max-width: 56px;
  }

  .section-home1-content-text-icon5 img {
    border-radius: 5px;
  }

  .section-home1-content-text-icon6 {
    display: inline-block;
    padding: 7% 8.4156%;
    margin-left: -3%;
    margin-bottom: -3.2%;
  }

  .section-home1-content-text-icon1 {
    display: inline-block;
    padding: 7% 8.4156%;
    margin-left: -3%;
    margin-bottom: -3.2%;
  }

  .section-home1-content-text-icon1 img {
    bottom: 7px;
  }

  .section-servicios1-content .section-home1-content-text-icon1 {
    margin-left: -3%;
  }

  .section-proyectos1-content-item,
  .section-cultura5-box-elements .section-proyectos1-content-item {
    width: 100%;
  }

  .section-cultura5-content-title {
    margin-bottom: 20px;
  }

  .section-cultura5-content-item-title,
  .section-cultura5-content-item-year {
    font-size: 18px;
    line-height: 22px;
  }

  .section-cultura5-content-item-icon {
    width: 30px;
  }

  .section-cultura5-content-item-year {
    margin-left: auto;
  }

  .section-servicios3-content-section-int {
    flex-wrap: wrap;
  }

  .section-servicios3-content-section-int-left {
    width: 100%;
    margin-bottom: 30px;
  }

  .section-servicios3-content-section-int-right {
    width: 100%;
    padding: 0;
  }

  .section-servicios3-content-section-int-right-text {
    margin-bottom: 30px;
  }

  .section-servicios1-content {
    padding: 100px 0 60px;
  }

  .section-home1-content-text-icon6 {
    padding: 5% 7.4156%;
  }

  .section-servicios1-content .section-home1-content-text {
    width: 98%;
  }

  .section-servicios2-content-items-navigation .swiper-button-navs {
    display: flex;
  }

  .section-servicios2-content-items-navigation
    .swiper-button-navs
    .swiper-button-prev {
    position: initial;
    margin: 0;
    height: auto;
    width: auto;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #040404;
    margin-right: 16px;
  }

  .section-servicios2-content-items-navigation
    .swiper-button-navs
    .swiper-button-prev:after {
    display: none;
  }

  .section-servicios2-content-items-navigation
    .swiper-button-navs
    .swiper-button-next {
    position: initial;
    margin: 0;
    height: auto;
    width: auto;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #040404;
  }

  .section-servicios2-content-items-navigation
    .swiper-button-navs
    .swiper-button-next:after {
    display: none;
  }

  .section-method-content-item-text {
    width: 100%;
  }

  .section-servicios1-content {
    padding-bottom: clamp(67.5px, 23.0769231vw, 112.5px);
  }

  .section-servicios1-content
    .section-home1-content-text
    .section-home1-content-text-icon6 {
    padding: 7% 8%;
    margin-top: -2%;
  }

  .section-servicios3-content-section-int-right-button {
    width: 70%;
  }

  .section-servicios3-content-section-int-left-img {
    padding-top: clamp(127.5px, 43.5897436vw, 212.5px);
  }

  .section-servicios3-content-item-title-custom {
    padding: 10px 0;
  }

  .section-cultura5-content-item {
    align-items: flex-start;
  }

  .section-servicios5-content-items-nav-title {
    font-size: clamp(19.5px, 6.6666667vw, 32.5px);
  }

  .section-servicios5-content-item-int {
    flex-direction: column;
  }

  .section-servicios5-content-item-left {
    order: 2;
    flex: 0;
    height: auto;
    margin-bottom: auto;
    padding-bottom: 100px;
  }

  .section-servicios5-content-item-right {
    width: 100%;
    height: auto;
    margin-right: 0;
    flex: 0 1 auto;
    margin-bottom: auto;
    margin-top: auto;
  }

  .section-servicios5-content-item {
    position: initial;
    opacity: 1;
  }

  .section-servicios5-content-item-2 .section-servicios5-content-item-right {
    max-height: 28vh;
    margin-bottom: auto;
  }

  .section-servicios5-content-item-2
    .section-servicios5-content-item-right-img {
    margin: auto;
  }

  .section-servicios5-content-item-3 .section-servicios5-content-item-right {
    max-height: 28vh;
    margin-bottom: auto;
  }

  .section-servicios5-content-item-3
    .section-servicios5-content-item-right-img {
    margin: auto;
  }

  .section-servicios5-content-item-int-active
    .section-servicios5-content-item-right {
    display: none;
  }

  .section-servicios5-content-item-int-active
    .section-servicios5-content-item-left {
    width: 100%;
    flex: 0 0 100%;
    margin-top: auto;
    margin-bottom: 0;
  }

  .section-servicios5-content-item-left-item span {
    width: 100%;
  }

  .section-servicios5-content-item-left-item:not(.active):hover {
    padding-left: 0;
  }

  .box-modal-services .section-servicios5-content-item-left-btn {
    bottom: clamp(33px, 11.2820513vw, 55px);
    left: clamp(15px, 5.1282051vw, 25px);
  }

  .box-modal-services
    .section-servicios5-content-items-nav:not(.active)
    .section-servicios5-content-items-nav-title {
    color: #cc2c22;
  }

  .section-servicios5-content-item-int-active {
    position: initial;
    opacity: 1;
    height: auto;
    display: flex;
    margin-top: auto;
  }

  .section-servicios5-content-item-left-item {
    font-size: clamp(21px, 7.1794872vw, 35px);
  }

  .parent-section-servicios5 .section-servicios5-content-item-int-active {
    display: none;
  }

  .section-servicios5-content-item-left-item-box-text {
    display: none;
  }

  .section-servicios5-content-item-left-item-box-text
    .section-servicios5-content-item-right-text {
    position: initial;
    display: block;
    opacity: 1;
    width: 100%;
  }

  .section-servicios5-content-item-right-text p {
    font-size: clamp(13.5px, 4.6153846vw, 22.5px);
    line-height: 1.3;
    padding-bottom: 25px;
  }

  .section-servicios5-content-items {
    overflow: hidden;
  }

  .section-cultura5 {
    padding-top: 0;
    padding-bottom: 150px;
  }

  .section-cultura5-box-top {
    flex-direction: column;
    gap: 18px;
  }

  .section-cultura5-box-title {
    width: 100%;
  }

  .section-cultura5-box-button {
    width: 100%;
  }

  .section-cultura5-element {
    width: 100%;
  }

  .section-cultura5-element-box-title {
    flex-wrap: wrap;
  }

  .section-cultura5-element-title {
    font-size: clamp(13.5px, 4.6153846vw, 22.5px);
    line-height: 1;
    width: 100%;
  }

  .section-cultura5-element-box-categories {
    font-size: clamp(13.5px, 4.6153846vw, 22.5px);
    line-height: 1;
    width: 100%;
    flex-wrap: wrap;
  }

  .section-cultura5-element-category {
    font-size: clamp(13.5px, 4.6153846vw, 22.5px);
    line-height: 1;
  }

  .services-new-element-fase {
    margin: 0;
    font-size: clamp(13.5px, 4.6153846vw, 22.5px);
    line-height: 1;
    font-weight: 400;
  }

  .services-new-element-title {
    margin: 0;
    font-size: clamp(39px, 13.3333333vw, 65px);
    font-weight: 400;
    line-height: clamp(37.5px, 12.8205128vw, 62.5px);
  }

  .services-new-element-box-title {
    margin-top: clamp(7.5px, 2.5641026vw, 12.5px);
  }

  .services-new-element-text {
    margin: 0;
    font-size: clamp(18px, 6.1538462vw, 30px);
    font-weight: 400;
    line-height: clamp(24px, 8.2051282vw, 40px);
  }

  .services-new-element-box-text {
    margin-top: clamp(18.75px, 6.4102564vw, 31.25px);
  }

  .section-services-new-content-item-right-img {
    background: #e4e4e4;
    border-radius: 15px;
    mix-blend-mode: multiply;
    min-height: 100%;
  }

  .services-new-element-box-lottie {
    margin-top: clamp(26.25px, 8.974359vw, 43.75px);
    margin-bottom: clamp(22.5px, 7.6923077vw, 37.5px);
    aspect-ratio: 1/1;
  }

  .section-services-new {
    padding-top: 0;
  }

  .section-services-new-content-item-left-item:not(.active):hover {
    padding-left: 0;
  }

  .section-services-new-content-item-left-item {
    font-size: clamp(21px, 7.1794872vw, 35px);
  }

  .dropdown-item-content {
    width: 100%;
    padding-left: clamp(22.5px, 7.6923077vw, 37.5px);
  }

  .services-new-content-mobile-element {
    margin-top: clamp(97.5px, 33.3333333vw, 162.5px);
  }

  .services-new-content-mobile-element:nth-child(1) {
    margin-top: 0;
  }

  .dropdown-item-button {
    background: #efefef;
  }

  .dropdown-item-content p {
    font-size: clamp(13.5px, 4.6153846vw, 22.5px);
    font-weight: 400;
    line-height: clamp(18px, 6.1538462vw, 30px);
  }

  .content-main-services-active .dropdown-item-button {
    background: #ff4343;
  }

  .content-main.content-main-invert .dropdown-item-button {
    background: #040404;
  }

  .section-services-new-content-item-left-item span {
    transition: all 0.1s ease;
  }

  .section-cultura5-element-img {
    min-height: clamp(199.5px, 68.2051282vw, 332.5px);
  }
}