:root {
  --mirador-dark: #38452A;
  --mirador-green-1: #5F6F3A;
  --mirador-green-2: #7E8B52;
  --mirador-green-3: #A4AE7A;
  --mirador-light: #D8D8C6;
  
  --primary: var(--mirador-dark);
  --secondary: var(--mirador-green-1);
  --theme: var(--mirador-green-2);
  --action: var(--mirador-green-2);
  --black: var(--mirador-dark);
}

body, .rr-bg-light, .mirador-factual-answer, .location-map-placeholder {
  background-color: var(--mirador-light) !important;
}

.loader-wrap {
  background: var(--mirador-light) !important;
}

.loader-wrap svg {
  fill: var(--mirador-light) !important;
}

.loader-wrap .loader-wrap-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 20 !important;
  text-align: center !important;
}

.loader-wrap .loader-wrap-heading .load-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 90vw !important;
  margin: 0 auto !important;
}

.loader-wrap .loader-logo-verde {
  display: block !important;
  width: clamp(325px, 42vw, 510px) !important;
  max-width: 90vw !important;
  height: auto !important;
  margin: 0 auto !important;
  visibility: visible !important;
  transform: none !important;
}

/* Also ensure the light header theme gets the new light color */
.header-area.header-theme-light .header-area__inner {
    background-color: rgba(216, 216, 198, 0.85) !important; /* D8D8C6 with opacity */
}


/* Mirador de las Sierras - overrides */
.mirador-wordmark{font-family:inherit;font-weight:600;line-height:1.02;letter-spacing:0;font-size:20px;display:inline-block;color:inherit;white-space:normal;word-spacing:.08em;min-width:148px}
.mirador-logo-img{display:block;width:clamp(132px,10vw,178px);height:auto}
.mirador-wordmark br{display:block}
.side-info .mirador-wordmark{line-height:1.04;min-width:158px}

.hero-area-10 .hero-area-10__inner:before{background:linear-gradient(180deg,var(--mirador-light) 6.48%,#fff 84.06%)}
.page-paisaje .header-area .mirador-wordmark,
.page-paisaje .header-area .main-menu li a,
.page-paisaje .header-area .header__navicon i{color:var(--primary)}
.page-paisaje .header__shape svg rect{fill:var(--primary);fill-opacity:.14}
.location-map-placeholder{margin-top:34px;padding:30px 34px;border:1px solid rgba(17,17,17,.18);background:var(--mirador-light);color:var(--primary);max-width:560px}
.location-map-placeholder span{display:block;font-size:18px;line-height:1.3;margin-bottom:10px;color:var(--primary)}
.location-map-placeholder p{margin:0;color:var(--secondary);font-size:18px;line-height:1.45}

@media (max-width:575px){
  .mirador-wordmark{font-size:17px;line-height:1.04;min-width:128px}
  .side-info .mirador-wordmark{font-size:20px;min-width:158px}
  .location-map-placeholder{padding:24px 22px}
}

.page-ubicacion .work-details-area .gallery-wrapper > .image:nth-child(n + 4) {
  min-height: clamp(320px, 25.1vw, 434px);
}

.page-ubicacion .mirador-location-map {
  padding: 0 50px 68px;
}

.page-ubicacion .mirador-location-map iframe {
  display: block;
  width: 100%;
  min-height: clamp(360px, 38vw, 520px);
  border: 0;
  border-radius: 20px;
}

@media (max-width:575px){
  .page-ubicacion .work-details-area .gallery-wrapper > .image:nth-child(n + 4) {
    min-height: auto;
  }

  .page-ubicacion .mirador-location-map {
    padding: 0 10px 42px;
  }

  .page-ubicacion .mirador-location-map iframe {
    min-height: 320px;
    border-radius: 5px;
  }
}

[data-pending]{display:none!important}
.mirador-note{max-width:900px;font-size:14px;opacity:.65}
html{scroll-behavior:smooth}

/* SEO/GEO V2 semantic components */
.mirador-breadcrumb{position:relative;z-index:3;max-width:1650px;margin:0 auto;padding:24px 30px 0;font-size:13px;line-height:1.4;opacity:.72}
.mirador-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mirador-breadcrumb li:not(:last-child)::after{content:"/";margin-left:8px;opacity:.5}
.mirador-breadcrumb a{text-decoration:none;color:inherit}
.mirador-factual-answer{padding:42px 0 10px}
.mirador-factual-answer__text{max-width:1000px;font-size:clamp(18px,2vw,28px);line-height:1.35;margin:0}
.mirador-related-links{padding:70px 0}
.mirador-related-links ul{display:flex;flex-wrap:wrap;gap:18px 30px;list-style:none;margin:18px 0 0;padding:0}
.mirador-related-links a{text-decoration:underline;text-underline-offset:4px;color:inherit}
.mirador-article-enrichment{padding-top:70px;padding-bottom:40px;max-width:1200px}
.mirador-article-enrichment h2{margin-top:32px;margin-bottom:18px}
.mirador-takeaways{padding-left:1.2em;margin:0 0 32px}
.mirador-takeaways li{margin-bottom:10px}
.mirador-method-note{font-size:14px;line-height:1.55;opacity:.7;margin-top:28px}
.mirador-article-date{font-size:13px;opacity:.65;margin-top:12px}
@media(max-width:767px){.mirador-breadcrumb{padding:18px 20px 0}.mirador-factual-answer{padding:28px 0 4px}.mirador-related-links{padding:48px 0}.mirador-related-links ul{display:block}.mirador-related-links li{margin-bottom:10px}}

/* Universal classy horizontal padding for footer across all breakpoints */
footer.footer-area,
.footer-area {
  padding-left: clamp(28px, 4.5vw, 80px) !important;
  padding-right: clamp(28px, 4.5vw, 80px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  footer.footer-area,
  .footer-area {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media (min-width: 992px) {
  .footer-area .footer-widget-wrapper-box::before {
    display: none;
  }

  .footer-area .footer-widget-wrapper > .footer-widget-box:nth-child(4) {
    border-left: 1px solid var(--border);
    padding-left: clamp(48px, 4vw, 72px);
  }
}

@media (min-width: 1200px) {
  .page-contacto .contact-title .page-title-area-inner {
    display: block;
  }

  .page-contacto .contact-title .page-title-wrapper,
  .page-contacto .contact-title .page-title {
    width: 100%;
    max-width: 100%;
  }

  .page-contacto .contact-title .page-title-wrapper {
    margin-left: 0;
    margin-bottom: 26px;
  }

  .page-contacto .contact-title .page-title {
    max-width: 100%;
    margin-left: 0;
    padding-right: 18px;
    padding-bottom: 26px;
    font-size: 90px;
    line-height: 0.98;
    letter-spacing: 0;
    min-height: 297px;
  }

  .page-contacto .mirador-factual-answer .rr-container-1650 {
    min-height: 216px;
    display: flex;
    align-items: flex-start;
  }

  .page-contacto .mirador-factual-answer {
    padding-bottom: 103px;
  }

  .page-contacto .contact-page {
    padding-top: 119px;
  }
}

/* Home intro image */
.about-area-2 .section-subtitle-wrapper .thumb {
  aspect-ratio: 5 / 6;
}

/* Home project cards */
.page-home main > .work-area:nth-of-type(3) {
  padding-bottom: 29px;
}

.page-home main > .work-area:nth-of-type(5) {
  padding-top: 60px;
}

.page-home .services-wrapper-1 .service-box-1:hover {
  background-color: #515e3e !important;
}

.page-una-forma-de-habitar .mirador-faq {
  margin-top: 105px;
}

@media (min-width: 768px) {
  .award-area.rr-bg-primary .award-box:hover {
    background-color: #2D3722;
  }
}

/* Align the evaluation list to the left under the title with at least 80px right padding and 14-inch screen optimization */
.award-area .award-wrapper-box,
.mirador-faq .award-wrapper-box,
.page-home .award-area .award-wrapper-box {
  margin-left: 0 !important;
  margin-right: auto !important;
  max-width: 100% !important;
  padding-right: clamp(80px, 8vw, 160px) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

@media (max-width: 991px) {
  .award-area .award-wrapper-box,
  .mirador-faq .award-wrapper-box,
  .page-home .award-area .award-wrapper-box {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .award-area .award-wrapper-box,
  .mirador-faq .award-wrapper-box,
  .page-home .award-area .award-wrapper-box {
    padding-right: 0 !important;
  }
}

.award-area .award-wrapper,
.mirador-faq .award-wrapper {
  text-align: left !important;
}

/* 14-inch screen & desktop responsive grid layout */
.award-area .award-box,
.mirador-faq .award-box {
  display: grid !important;
  grid-template-columns: minmax(170px, 220px) 1fr auto !important;
  gap: 16px clamp(24px, 3.5vw, 50px) !important;
  align-items: baseline !important;
  justify-content: start !important;
  text-align: left !important;
  padding-top: clamp(22px, 2.2vw, 32px) !important;
  padding-bottom: clamp(22px, 2.2vw, 32px) !important;
}

.award-area .award-box .category,
.mirador-faq .award-box .category {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  min-width: 0 !important;
  width: auto !important;
}

.award-area .award-box .award,
.mirador-faq .award-box .award {
  font-size: clamp(16px, 1.15vw, 18px) !important;
  line-height: 1.5 !important;
  max-width: none !important;
  margin: 0 !important;
}

.award-area .award-box .year,
.mirador-faq .award-box .year {
  font-size: clamp(15px, 1.1vw, 18px) !important;
  white-space: nowrap !important;
  text-align: right !important;
  justify-self: end !important;
  line-height: 1.4 !important;
}

@media (max-width: 767px) {
  .award-area .award-box,
  .mirador-faq .award-box {
    grid-template-columns: 1fr auto !important;
    gap: 10px 16px !important;
  }
  .award-area .award-box .award,
  .mirador-faq .award-box .award {
    grid-column: span 2 !important;
    order: 3 !important;
  }
}

.award-area .award-box:hover .category,
.award-area .award-box:hover .year,
.award-area .award-box:hover .award {
  transform: none !important;
}

.page-home .work-area .work-box .thumb {
  aspect-ratio: 4 / 3;
}

.page-home .work-area .work-box:not(.span-2) .thumb {
  max-width: 800px;
}

.page-home .work-area .work-box.span-2 .thumb {
  aspect-ratio: auto;
  height: clamp(420px, 40.51vw, 700px);
}

.page-home .work-area .work-box .thumb .image,
.page-home .work-area .work-box .thumb img {
  display: block;
  height: 100%;
}

.page-home .work-area .work-box .thumb img {
  object-fit: cover;
  width: 100%;
}

.page-home .work-area .work-box .thumb,
.page-home .work-area .work-box .thumb .image,
.page-home .work-area .work-box .thumb img,
.page-home .team-box-1 .thumb,
.page-home .team-box-1 .thumb img {
  cursor: default !important;
  pointer-events: none;
}

/* Knowledge index introduction */
.page-conocimiento .mirador-factual-answer__text {
  margin-left: clamp(0px, 10.13vw, 175px);
  padding: 34px 0 62px;
}

@media (max-width: 767px) {
  .page-una-forma-de-habitar .mirador-faq {
    margin-top: 64px;
  }

  .page-home main > .work-area:nth-of-type(3) {
    padding-bottom: 32px;
  }

  .page-home main > .work-area:nth-of-type(5) {
    padding-top: 32px;
  }

  .page-conocimiento .mirador-factual-answer__text {
    margin-left: 0;
    padding: 28px 0 40px;
  }

  .page-home .work-area .work-box.span-2 .thumb {
    aspect-ratio: 4 / 3;
    height: auto;
  }
}

.about-area-2 .section-subtitle-wrapper .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .about-area-2 .section-subtitle-wrapper .thumb {
    aspect-ratio: 16 / 10;
  }
}

/* Chacras page - portfolio-grid reinterpretation */
.page-chacras {
  background: var(--mirador-light);
  color: var(--mirador-dark);
}

.page-chacras .mirador-breadcrumb {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.page-chacras .header-area .header-area__inner,
.page-chacras .header-area.header-theme-light .header-area__inner,
.page-chacras .header-area.header-theme-dark .header-area__inner {
  border-color: rgba(56, 69, 42, 0.16);
  background-color: rgba(216, 216, 198, 0.88) !important;
  backdrop-filter: blur(5px);
}

.page-chacras .header-area .mirador-wordmark,
.page-chacras .header-area .main-menu li a,
.page-chacras .header-area .header__navicon i,
.page-chacras .header-area.header-theme-light .mirador-wordmark,
.page-chacras .header-area.header-theme-light .main-menu li a,
.page-chacras .header-area.header-theme-light .header__navicon i,
.page-chacras .header-area.header-theme-dark .mirador-wordmark,
.page-chacras .header-area.header-theme-dark .main-menu li a,
.page-chacras .header-area.header-theme-dark .header__navicon i {
  color: var(--mirador-dark) !important;
}

.page-chacras .header-area .header__shape svg rect,
.page-chacras .header-area.header-theme-light .header__shape svg rect,
.page-chacras .header-area.header-theme-dark .header__shape svg rect {
  fill: var(--mirador-dark) !important;
  fill-opacity: 0.2 !important;
}

.page-chacras .hero-area-16,
.page-chacras .portfolio-area-16,
.page-chacras .mirador-chacras-media,
.page-chacras .mirador-chacras-pending {
  background: var(--mirador-light);
}

.page-chacras .hero-16-content {
  margin-top: 112px;
  color: var(--mirador-dark);
}

.page-chacras .hero-16-content .meta-box-wrapper {
  grid-template-columns: minmax(220px, 0.9fr) minmax(320px, 1fr) minmax(220px, 0.8fr);
  gap: 28px 52px;
  padding-top: 22px;
  border-top: 1px solid rgba(56, 69, 42, 0.24);
}

.page-chacras .hero-16-content .meta-box li {
  color: var(--mirador-dark);
  font-size: 17px;
  line-height: 1.28;
  letter-spacing: 0;
}

.page-chacras .hero-16-content .section-title-wrapper {
  grid-template-columns: minmax(260px, 0.36fr) minmax(0, 1fr);
  gap: 46px 70px;
  align-items: end;
  margin-top: 104px;
}

.page-chacras .hero-16-content .text {
  max-width: 380px;
  color: var(--mirador-dark);
  font-size: 22px;
  line-height: 1.28;
  letter-spacing: 0;
}

.page-chacras .hero-16-content .section-title {
  max-width: 920px;
  color: var(--mirador-dark);
  font-size: 104px;
  line-height: 0.95;
  letter-spacing: 0;
}

.page-chacras .hero-16-content .number {
  margin-top: 38px;
  margin-bottom: 0;
  color: rgba(56, 69, 42, 0.18);
  font-size: 210px;
  line-height: 0.76;
  letter-spacing: 0;
}

.mirador-chacras-answer {
  padding-top: 56px;
  padding-bottom: 54px;
}

.mirador-chacras-answer .mirador-factual-answer__text {
  max-width: 1120px;
  color: var(--mirador-dark);
}

.mirador-chacras-media {
  padding: 0 0 92px;
}

.mirador-chacras-media__figure {
  margin: 0;
  aspect-ratio: 21 / 9;
  overflow: hidden;
}

.mirador-chacras-media__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
  display: block;
}

.mirador-chacras-grid {
  padding-bottom: 108px;
}

.mirador-chacras-grid__intro {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  gap: 46px 72px;
  align-items: end;
  padding-top: 20px;
  border-top: 1px solid rgba(56, 69, 42, 0.24);
}

.mirador-chacras-grid__intro p {
  max-width: 430px;
  margin: 0;
  color: rgba(56, 69, 42, 0.78);
  font-size: 18px;
  line-height: 1.5;
}

.mirador-chacras-grid__intro h2 {
  max-width: 880px;
  margin: 0;
  color: var(--mirador-dark);
  font-size: 62px;
  line-height: 1;
  letter-spacing: 0;
}

.page-chacras .works-16-wrapper-box {
  margin-top: 64px;
  margin-bottom: 0;
}

.page-chacras .works-16-wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.page-chacras .work-box-16 {
  aspect-ratio: 4 / 5;
}

.page-chacras .card-wrap .card {
  border-radius: 6px;
  background-color: rgba(56, 69, 42, 0.12);
}

.page-chacras .card-wrap .card-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: transform 0.7s ease;
}

.page-chacras .card-wrap .card-bg:before {
  opacity: 1;
  background: linear-gradient(180deg, rgba(22, 30, 18, 0.08) 0%, rgba(22, 30, 18, 0.2) 48%, rgba(22, 30, 18, 0.72) 100%);
}

.page-chacras .work-box-16 .tag {
  top: 18px;
  left: 18px;
  padding: 4px 11px;
  border-radius: 4px;
  background: rgba(216, 216, 198, 0.9);
  color: var(--mirador-dark);
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: 0;
}

.page-chacras .work-box-16 .link-arrow {
  top: 18px;
  right: 18px;
  background: rgba(216, 216, 198, 0.9);
}

.page-chacras .work-box-16 .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 26px 24px 24px;
}

.page-chacras .work-box-16 .title {
  position: static;
  display: block;
  padding: 0;
  margin: 0 0 10px;
  background: transparent;
  border-radius: 0;
  color: var(--mirador-light);
  font-size: 31px;
  line-height: 1;
  letter-spacing: 0;
  transform: none;
  opacity: 1;
  visibility: visible;
}

.page-chacras .work-box-16 .content p {
  max-width: 320px;
  margin: 0;
  color: rgba(216, 216, 198, 0.9);
  font-size: 15px;
  line-height: 1.42;
}

.page-chacras .card-wrap:hover .card-bg {
  transform: scale(1.045);
}

.page-chacras .card-wrap:hover .tag {
  background: var(--mirador-dark);
  color: var(--mirador-light);
}

.page-chacras .card-wrap:hover .title {
  color: var(--mirador-light);
}

.mirador-chacras-pending {
  padding: 0 0 120px;
}

.mirador-chacras-pending__inner {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.82fr) auto;
  gap: 30px 54px;
  align-items: start;
  padding-top: 30px;
  border-top: 1px solid rgba(56, 69, 42, 0.24);
}

.mirador-chacras-pending__inner h2 {
  margin: 0;
  color: var(--mirador-dark);
  font-size: 32px;
  line-height: 1.05;
  letter-spacing: 0;
}

.mirador-chacras-pending__inner p {
  max-width: 780px;
  margin: 0;
  color: rgba(56, 69, 42, 0.8);
  font-size: 18px;
  line-height: 1.5;
}

.mirador-chacras-pending__inner .rr-btn-underline {
  white-space: nowrap;
}

@media only screen and (max-width: 1399px) {
  .page-chacras .hero-16-content .section-title {
    font-size: 86px;
  }

  .page-chacras .hero-16-content .number {
    font-size: 172px;
  }
}

@media only screen and (max-width: 1199px) {
  .page-chacras .hero-16-content .meta-box-wrapper,
  .page-chacras .hero-16-content .section-title-wrapper,
  .mirador-chacras-grid__intro,
  .mirador-chacras-pending__inner {
    grid-template-columns: 1fr;
  }

  .page-chacras .hero-16-content .section-title {
    font-size: 72px;
  }

  .page-chacras .hero-16-content .number {
    font-size: 132px;
  }

  .page-chacras .works-16-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 767px) {
  .page-chacras .hero-16-content {
    margin-top: 82px;
  }

  .page-chacras .hero-16-content .section-title-wrapper {
    margin-top: 62px;
    gap: 34px;
  }

  .page-chacras .hero-16-content .section-title {
    font-size: 54px;
  }

  .page-chacras .hero-16-content .number {
    font-size: 96px;
    margin-top: 28px;
  }

  .page-chacras .hero-16-content .text {
    font-size: 19px;
  }

  .mirador-chacras-media {
    padding-bottom: 66px;
  }

  .mirador-chacras-media__figure {
    aspect-ratio: 4 / 5;
  }

  .mirador-chacras-grid__intro h2 {
    font-size: 42px;
  }

  .page-chacras .works-16-wrapper {
    grid-template-columns: 1fr;
  }

  .mirador-chacras-pending {
    padding-bottom: 80px;
  }
}

@media (max-width: 575px) {
  .page-chacras .hero-16-content .section-title {
    font-size: 43px;
  }

  .page-chacras .hero-16-content .number {
    font-size: 82px;
  }

  .page-chacras .work-box-16 .content {
    padding: 24px 20px 22px;
  }

  .page-chacras .work-box-16 .title {
    font-size: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-chacras .card-wrap,
  .page-chacras .card-wrap .card,
  .page-chacras .card-wrap .card-bg {
    transition: none !important;
    transform: none !important;
  }
}

/* Header Theme & Capsule System */
.header-area,
header.header-area {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.header-area .header-main,
.header-area.sticky .header-main,
.header-area.is-sticky .header-main,
.header-area.transformed .header-main,
.header-area .header-main > .container,
.header-area.sticky .header-main > .container,
.header-area.is-sticky .header-main > .container,
.header-area.transformed .header-main > .container {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.header-area .header-area__inner,
header.header-area .header-area__inner,
.header-area.sticky .header-area__inner,
.header-area.is-sticky .header-area__inner,
.header-area.transformed .header-area__inner,
.header-area.header-theme-light .header-area__inner,
.header-area.header-theme-dark .header-area__inner {
    background-color: var(--mirador-light) !important;
    border: 1px solid rgba(56, 69, 42, 0.18) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.header-area .mirador-wordmark,
.header-area .main-menu li a,
.header-area .header__navicon i,
.header-area.sticky .mirador-wordmark,
.header-area.sticky .main-menu li a,
.header-area.sticky .header__navicon i,
.header-area.is-sticky .mirador-wordmark,
.header-area.is-sticky .main-menu li a,
.header-area.is-sticky .header__navicon i,
.header-area.header-theme-light .mirador-wordmark,
.header-area.header-theme-light .main-menu li a,
.header-area.header-theme-light .header__navicon i,
.header-area.header-theme-dark .mirador-wordmark,
.header-area.header-theme-dark .main-menu li a,
.header-area.header-theme-dark .header__navicon i {
    color: var(--mirador-dark) !important;
    transition: color 0.3s ease !important;
}

.header-area .header__shape svg rect,
.header-area.sticky .header__shape svg rect,
.header-area.is-sticky .header__shape svg rect,
.header-area.header-theme-light .header__shape svg rect,
.header-area.header-theme-dark .header__shape svg rect {
    fill: var(--mirador-dark) !important;
    fill-opacity: 0.2 !important;
    transition: fill 0.3s ease, fill-opacity 0.3s ease;
}

/* Home hero exception: capsule is transparent with white text and white border ONLY on index top hero */
.page-home .header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .header-area__inner,
.page-home header.header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .header-area__inner {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.page-home .header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .mirador-wordmark,
.page-home .header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .main-menu li a,
.page-home .header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .header__navicon i,
.page-home header.header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .mirador-wordmark,
.page-home header.header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .main-menu li a,
.page-home header.header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .header__navicon i {
    color: #ffffff !important;
}

.page-home .header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .main-menu li a:hover {
    color: #ffffff !important;
    text-decoration-color: #ffffff !important;
}

.page-home .header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .header__shape svg rect,
.page-home header.header-area:not(.sticky):not(.is-sticky):not(.transformed):not(.header-theme-light) .header__shape svg rect {
    fill: #ffffff !important;
    fill-opacity: 0.4 !important;
}



/* =========================================================
   MIRADOR DE LAS SIERRAS
   MASTERPLAN / HOME
   ========================================================= */

.mirador-masterplan {
  --masterplan-bg: #e7e6df;
  --masterplan-ink: #38452a;
  --masterplan-line: rgba(56, 69, 42, 0.22);

  position: relative;
  width: 100%;

  padding:
    clamp(96px, 12vw, 209px)
    clamp(24px, 4vw, 72px);

  background: var(--masterplan-bg);
  color: var(--masterplan-ink);

  overflow: clip;
}

/* =========================================================
   GRID
   ========================================================= */

.mirador-masterplan__inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  gap: clamp(48px, 3.3vw, 57px);
}

/* =========================================================
   EDITORIAL CONTENT
   ========================================================= */

.mirador-masterplan__content {
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.mirador-masterplan__eyebrow {
  display: block;

  margin-bottom: clamp(28px, 4vw, 58px);

  font-size: 11px;
  line-height: 1;

  font-weight: 500;

  letter-spacing: 0.16em;
  text-transform: uppercase;

  color: var(--masterplan-ink);
}

.mirador-masterplan__title {
  max-width: 620px;

  margin:
    0
    0
    clamp(30px, 3vw, 50px);

  font-size: clamp(46px, 5vw, 92px);

  line-height: 0.94;

  font-weight: 500;

  letter-spacing: -0.045em;

  color: inherit;
}

.mirador-masterplan__copy {
  max-width: 550px;
}

.mirador-masterplan__copy p {
  margin: 0;

  font-size: clamp(16px, 1.25vw, 21px);

  line-height: 1.5;

  color: inherit;
}

.mirador-masterplan__copy p + p {
  margin-top: 1.1em;
}

/* =========================================================
   FACTS
   ========================================================= */

.mirador-masterplan__facts {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  margin:
    clamp(55px, 7vw, 100px)
    0
    0;

  padding: 0;

  border-top:
    1px
    solid
    var(--masterplan-line);
}

.mirador-masterplan__fact {
  min-width: 0;

  padding:
    22px
    20px
    25px
    0;

  border-bottom:
    1px
    solid
    var(--masterplan-line);
}

.mirador-masterplan__fact:nth-child(odd) {
  padding-right: 26px;
}

.mirador-masterplan__fact dt {
  margin: 0 0 6px;

  font-size:
    clamp(32px, 3.2vw, 54px);

  line-height: 1;

  font-weight: 500;

  letter-spacing: -0.035em;

  color: inherit;
}

.mirador-masterplan__fact dd {
  margin: 0;

  max-width: 180px;

  font-size: 12px;

  line-height: 1.35;

  letter-spacing: 0.025em;

  color:
    rgba(56, 69, 42, 0.74);
}

/* =========================================================
   MASTERPLAN IMAGE
   ========================================================= */

.mirador-masterplan__figure {
  width: 100%;
  margin: 0;
}

.mirador-masterplan__image {
  display: block;

  width: 100%;
  height: auto;

  object-fit: contain;
  object-position: center top;

  border: 0;
}

/* =========================================================
   CAPTION
   ========================================================= */

.mirador-masterplan__caption {
  display: flex;

  justify-content: flex-end;

  max-width: 680px;

  margin:
    18px
    0
    0
    auto;

  font-size: 11px;

  line-height: 1.45;

  letter-spacing: 0.02em;

  text-align: right;

  color:
    rgba(56, 69, 42, 0.64);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .mirador-masterplan__inner {
    gap: 48px;
  }

  .mirador-masterplan__content {
    top: 100px;
  }

  .mirador-masterplan__facts {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mirador-masterplan {
    padding:
      clamp(64px, 18vw, 90px)
      20px
      clamp(70px, 20vw, 100px);
  }

  .mirador-masterplan__inner {
    display: flex;

    flex-direction: column;

    gap: 54px;
  }

  .mirador-masterplan__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .mirador-masterplan__eyebrow {
    margin-bottom: 24px;
  }

  .mirador-masterplan__title {
    max-width: 92%;

    margin-bottom: 28px;

    font-size:
      clamp(44px, 14vw, 68px);

    line-height: 0.96;
  }

  .mirador-masterplan__copy {
    max-width: 100%;
  }

  .mirador-masterplan__facts {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 0 16px;

    margin-top: 48px;
  }

  .mirador-masterplan__fact {
    padding:
      18px
      8px
      20px
      0;
  }

  .mirador-masterplan__fact dt {
    font-size:
      clamp(25px, 8vw, 34px);
  }

  .mirador-masterplan__caption {
    max-width: 100%;

    margin-top: 14px;

    text-align: left;

    justify-content: flex-start;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
  .mirador-masterplan__intro {
    margin-top: -179px;
    min-height: 632.7px;
  }

  .mirador-masterplan__facts {
    grid-template-columns: 1fr;
  }

  .mirador-masterplan__title {
    max-width: 100%;
  }
}

/* Chacras page - service-details reinterpretation */
.page-chacras-service .hero-area-service-details,
.page-chacras-service .approach-area-service-details-page,
.page-chacras-service .faq-area {
  background: var(--mirador-light);
  color: var(--mirador-dark);
}

.page-chacras-service .hero-area-service-details .hero-area-service-details-inner {
  padding-top: clamp(118px, 10vw, 170px);
  padding-bottom: clamp(80px, 9vw, 135px);
}

.page-chacras-service .hero-area-service-details .service-meta {
  margin-top: 0;
  color: var(--mirador-dark);
  border-top: 1px solid rgba(56, 69, 42, 0.22);
  padding-top: 22px;
}

.page-chacras-service .hero-area-service-details .service-meta .serial,
.page-chacras-service .hero-area-service-details .service-meta .tag {
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: 0;
}

.page-chacras-service .hero-area-service-details .section-header {
  margin-top: 37px;
  grid-template-columns: minmax(0, 1060px);
}

.page-chacras-service .hero-area-service-details .section-header .title-wrapper .section-title {
  color: var(--mirador-dark);
  font-size: clamp(62px, 8.2vw, 132px);
  line-height: 0.94;
  letter-spacing: 0;
}

.page-chacras-service .hero-area-service-details .section-content-wrapper {
  margin-top: clamp(58px, 6vw, 96px);
  grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 76px);
  border-top-color: rgba(56, 69, 42, 0.28);
}

.page-chacras-service .hero-area-service-details .section-content {
  border-right-color: rgba(56, 69, 42, 0.28);
  padding-top: clamp(34px, 4vw, 58px);
  padding-right: clamp(24px, 4vw, 56px);
}

.page-chacras-service .hero-area-service-details .section-content .title {
  margin-bottom: clamp(28px, 5vw, 72px);
  color: var(--mirador-dark);
  font-size: clamp(28px, 2.9vw, 44px);
  line-height: 1.02;
  letter-spacing: 0;
}

.page-chacras-service .hero-area-service-details .section-content .text {
  max-width: 460px;
  color: rgba(56, 69, 42, 0.82);
  font-size: 19px;
  line-height: 1.48;
}

.page-chacras-service .hero-area-service-details .feature-list {
  margin-top: 38px;
}

.page-chacras-service .hero-area-service-details .feature-list ul {
  gap: 8px;
}

.page-chacras-service .hero-area-service-details .feature-list ul li {
  border-radius: 4px;
  border-color: rgba(56, 69, 42, 0.22);
  color: var(--mirador-dark);
  background: rgba(255, 255, 255, 0.12);
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 14px;
}

.page-chacras-service .hero-area-service-details .section-thumb {
  margin-top: clamp(20px, 3vw, 40px);
  aspect-ratio: auto !important;
  overflow: visible !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-chacras-service .hero-area-service-details .section-thumb img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: 1800 / 1557 !important;
  transform: none !important;
}

@media (min-width: 1200px) {
  .page-chacras-service .hero-area-service-details .section-thumb {
    margin-top: 10px;
    width: 100% !important;
    max-width: 950px;
    aspect-ratio: auto !important;
    margin-left: auto;
  }
}

.page-chacras-service .mirador-chacras-answer {
  padding-top: 0;
  padding-bottom: clamp(80px, 9vw, 140px);
}

.page-chacras-service .mirador-chacras-answer .mirador-factual-answer__text {
  max-width: 1120px;
  color: var(--mirador-dark);
}

.page-chacras-service .approach-area-service-details-page .approach-area-service-details-page-inner {
  padding-bottom: clamp(95px, 10vw, 155px);
}

.page-chacras-service .approach-area-service-details-page .approach-wrapper-box {
  grid-template-columns: minmax(250px, 0.36fr) minmax(0, 1fr);
  gap: 36px clamp(46px, 7vw, 96px);
}

.page-chacras-service .approach-area-service-details-page .approach-wrapper-content {
  margin-top: clamp(80px, 11vw, 180px);
}

.page-chacras-service .approach-area-service-details-page .approach-wrapper-content .subtitle-wrapper .subtitle {
  max-width: 310px;
  display: block;
  color: rgba(56, 69, 42, 0.82);
  font-size: 19px;
  line-height: 1.45;
}

.page-chacras-service .approach-area-service-details-page .approach-wrapper-content .steps {
  color: rgba(56, 69, 42, 0.17);
  font-size: clamp(120px, 18vw, 260px);
  line-height: 0.8;
  letter-spacing: 0;
  margin-top: clamp(46px, 6vw, 88px);
}

.page-chacras-service .approach-area-service-details-page .section-title {
  max-width: 830px;
  color: var(--mirador-dark);
  font-size: clamp(38px, 5vw, 74px);
  line-height: 0.98;
  letter-spacing: 0;
  margin-bottom: clamp(46px, 6vw, 78px);
}

.page-chacras-service .approach-area-service-details-page .approach-wrapper,
.page-chacras-service .approach-area-service-details-page .approach-box {
  border-color: rgba(56, 69, 42, 0.24);
}

.page-chacras-service .approach-area-service-details-page .approach-box {
  grid-template-columns: 64px minmax(170px, 0.55fr) minmax(260px, 1fr);
  gap: 18px clamp(28px, 4vw, 52px);
}

.page-chacras-service .approach-area-service-details-page .approach-box .number {
  color: rgba(56, 69, 42, 0.72);
  letter-spacing: 0;
}

.page-chacras-service .approach-area-service-details-page .approach-box .title {
  color: var(--mirador-dark);
  font-size: clamp(27px, 2.2vw, 36px);
  line-height: 1.02;
  letter-spacing: 0;
}

.page-chacras-service .approach-area-service-details-page .approach-box .text {
  color: rgba(56, 69, 42, 0.78);
  font-size: 18px;
  line-height: 1.48;
}

.page-chacras-service .mirador-chacras-feature,
.page-chacras-service .mirador-chacras-values {
  background: var(--mirador-dark);
}

.page-chacras-service .feature-area .feature-area-inner {
  padding-top: clamp(90px, 9vw, 145px);
  padding-bottom: clamp(90px, 9vw, 145px);
}

.page-chacras-service .feature-area .features-wrapper {
  gap: clamp(34px, 5vw, 76px);
}

.page-chacras-service .feature-area .feature-box {
  gap: clamp(42px, 6vw, 92px);
}

.page-chacras-service .feature-area .feature-box:before {
  background-color: rgba(216, 216, 198, 0.16);
}

.page-chacras-service .feature-area .feature-box .thumb {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 4px;
}

.page-chacras-service .feature-area .feature-box .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.page-chacras-service .feature-area .feature-box .title {
  color: var(--mirador-light);
  font-size: clamp(29px, 2.5vw, 42px);
  line-height: 1;
  letter-spacing: 0;
}

.page-chacras-service .feature-area .feature-box .text,
.page-chacras-service .value-area .value-box .text {
  color: rgba(216, 216, 198, 0.72);
  font-size: 18px;
  line-height: 1.5;
}

.page-chacras-service .value-area .value-area-inner {
  padding-bottom: clamp(95px, 9vw, 145px);
}

.page-chacras-service .value-area .section-content-wrapper {
  border-top: 1px solid rgba(216, 216, 198, 0.22);
  padding-top: clamp(32px, 4vw, 52px);
}

.page-chacras-service .value-area .section-subtitle {
  color: var(--mirador-light);
  font-size: 18px;
  letter-spacing: 0;
}

.page-chacras-service .value-area .value-box {
  border-top-color: rgba(216, 216, 198, 0.22);
}

.page-chacras-service .value-area .value-box .sub-title {
  color: var(--mirador-light) !important;
  letter-spacing: 0;
}

.page-chacras-service .value-area .value-box .number {
  color: var(--mirador-light);
  font-size: clamp(44px, 6vw, 86px);
  line-height: 0.95;
  letter-spacing: 0;
}

.page-chacras-service .faq-area .faq-area-inner {
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 54px);
}

.page-chacras-service .faq-area .section-subtitle {
  color: var(--mirador-dark);
  font-size: 18px;
  letter-spacing: 0;
}

.page-chacras-service .faq-area .section-title-wrapper .title-wrapper .section-title {
  max-width: 320px;
  color: var(--mirador-dark);
  font-size: clamp(44px, 4.2vw, 64px);
  line-height: 0.98;
  letter-spacing: 0;
}

.page-chacras-service .faq-area .section-title-wrapper {
  justify-self: start;
  width: 100%;
}

@media (min-width: 1200px) {
  .page-chacras-service .faq-area .faq-area-inner {
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 82px;
  }

  .page-chacras-service .faq-area .section-title-wrapper {
    margin-left: 0;
  }
}

.page-chacras-service .faq-area .accordion,
.page-chacras-service .faq-area .accordion-item,
.page-chacras-service .faq-area .accordion-body {
  border-color: rgba(56, 69, 42, 0.22);
}

.page-chacras-service .faq-area .accordion-item .title {
  color: var(--mirador-dark);
  letter-spacing: 0;
}

.page-chacras-service .faq-area .accordion-button::after {
  color: var(--mirador-dark);
}

.page-chacras-service .faq-area .accordion-body p {
  max-width: 820px;
  color: rgba(56, 69, 42, 0.78);
  line-height: 1.48;
}

.mirador-page-visual {
  padding: 34px 0 96px;
}

.mirador-page-visual__figure {
  margin: 0;
  overflow: hidden;
  background: rgba(56, 69, 42, 0.08);
}

.mirador-page-visual__figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

@media only screen and (max-width: 991px) {
  .page-chacras-service .hero-area-service-details .service-meta,
  .page-chacras-service .hero-area-service-details .section-content-wrapper,
  .page-chacras-service .approach-area-service-details-page .approach-wrapper-box,
  .page-chacras-service .faq-area .faq-area-inner {
    grid-template-columns: 1fr;
  }

  .page-chacras-service .hero-area-service-details .section-content {
    border-right: 0;
    padding-right: 0;
  }

  .page-chacras-service .approach-area-service-details-page .approach-wrapper-content {
    margin-top: 0;
  }

  .page-chacras-service .approach-area-service-details-page .approach-box {
    grid-template-columns: 56px 1fr;
  }

  .page-chacras-service .approach-area-service-details-page .approach-box .text {
    grid-column: 2;
  }
}

@media only screen and (max-width: 767px) {
  .page-chacras-service .hero-area-service-details .hero-area-service-details-inner {
    padding-top: 102px;
  }

  .page-chacras-service .hero-area-service-details .section-header {
    margin-top: 58px;
  }

  .page-chacras-service .hero-area-service-details .section-content .text,
  .page-chacras-service .approach-area-service-details-page .approach-box .text,
  .page-chacras-service .feature-area .feature-box .text,
  .page-chacras-service .value-area .value-box .text,
  .page-chacras-service .faq-area .accordion-body p {
    font-size: 16px;
  }

  .page-chacras-service .approach-area-service-details-page .approach-box {
    grid-template-columns: 1fr;
  }

  .page-chacras-service .approach-area-service-details-page .approach-box .text {
    grid-column: auto;
  }

  .page-chacras-service .faq-area .accordion-body {
    padding-left: 0;
  }

  .mirador-page-visual {
    padding: 24px 0 64px;
  }

  .mirador-page-visual__figure img {
    aspect-ratio: 4 / 3;
  }
}

/* Uniform blog card image sizes */
.blog-area .blog__item .thumb {
  aspect-ratio: 3 / 2 !important;
  overflow: hidden;
}
.blog-area .blog__item .thumb img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
}

/* Main navigation hover */
@media (min-width: 1200px) {
  .header-area .main-menu > ul > li > a {
    text-decoration-line: none;
    transition: color 0.3s ease, transform 0.25s ease, text-decoration-color 0.25s ease !important;
  }

  .header-area .main-menu > ul > li > a:hover {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    transform: translateY(-2px);
  }
}

/* Home project statement */
.page-home .about-area-2 .section-title {
  margin-left: auto;
  text-indent: 0;
  text-align: right;
}

/* Project hero */
.mirador-project-hero-title {
  font-family: var(--font_bdogrotesk) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .mirador-project-hero-title {
    font-size: 132px;
    line-height: 124.08px;
    color: var(--mirador-dark);
  }
}

/* Site-wide title typography */
:where(h1, h2, h3, h4, h5, h6, .title, .section-title) {
  font-family: var(--font_bdogrotesk) !important;
  font-style: normal !important;
  text-transform: none !important;
}

/* Home hero alignment */
@media (min-width: 992px) {
  .page-home .hero-area .section-content {
    margin-left: auto;
    width: min(100%, 920px);
  }

  .page-home .hero-area .section-content .section-title-wrapper {
    grid-template-columns: 1fr;
    gap: 20px 0;
    justify-items: start;
    text-align: left;
    padding-right: 0;
    padding-left: 195px;
    transform: translateX(32px);
  }

  .page-home .hero-area .section-content .mirador-kicker {
    margin-bottom: 0;
    justify-self: start;
  }

  .page-home .hero-area .section-content .section-title-wrapper .title-wrapper {
    justify-self: start;
    margin-top: 20px;
    padding-top: 12px;
    width: 100%;
    text-align: left;
  }

  .page-home .hero-area .section-content .text-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }

  .page-home .hero-area .section-content .text {
    max-width: 675px;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
  }

  .page-home .hero-area .section-content .section-title {
    text-align: left;
  }

  .page-home .hero-area .section-content .section-title > div:first-child {
    padding-left: 0;
  }

  .page-home .hero-area .section-content .section-title > div:last-child {
    padding-left: 0;
  }

  .page-proyecto .funding-success .funding-success-inner .title {
    padding-inline: clamp(48px, 10.42vw, 180px);
  }
}

/* Project page editorial scale */
@media (min-width: 1400px) {
  .page-proyecto .impact-area .impact-inner .impact-content .title {
    right: 0;
    margin-right: 463px;
    font-size: 154px;
    line-height: 136px;
  }

  .page-proyecto .impact-area .impact-inner .impact-content .designation {
    margin-right: 70px;
    padding-top: 7px;
    font-size: 19px;
    line-height: 20px;
  }
}

.page-proyecto .feature-work-7 .feature-work-7-item .content p {
  padding-top: 17px;
  letter-spacing: -0.56px;
}

@media (min-width: 1200px) {
  .page-chacras-service .hero-area-service-details .section-header {
    margin-left: 0;
  }

  .page-chacras-service .hero-area-service-details .section-header .section-title-wrapper,
  .page-ubicacion .page-title-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .page-chacras-service .hero-area-service-details .section-header .section-title-wrapper .title-wrapper .section-title,
  .page-ubicacion .page-title-wrapper .page-title {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    padding-right: 18px;
    padding-bottom: 26px;
    font-size: clamp(48px, 5.5vw, 84px);
    line-height: 0.98;
    letter-spacing: 0;
  }

  .page-ubicacion .page-title-wrapper .page-title {
    padding-left: 0;
  }
}

/* =========================================================
   PAGE PROYECTO: HERO INTRO & HOMOGENEOUS FLUID TITLE
   ========================================================= */

.page-proyecto .page-proyecto-intro .hero-area-service-details-inner {
  padding-bottom: 50px !important;
  padding-top: 100px !important;
}

.page-proyecto .page-proyecto-intro .service-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
  position: static !important;
  grid-template-columns: none !important;
}

.page-proyecto .page-proyecto-intro .service-meta .serial,
.page-proyecto .page-proyecto-intro .service-meta .tag {
  font-size: clamp(14px, 1.1vw, 16px) !important;
  line-height: 1.4 !important;
  color: var(--mirador-dark) !important;
  opacity: 0.8 !important;
}

.page-proyecto .page-proyecto-intro .section-header {
  display: block !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
}

.page-proyecto .page-proyecto-intro .section-header .section-title-wrapper,
.page-proyecto .page-proyecto-intro .section-header .section-title-wrapper .title-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-proyecto .page-proyecto-intro .section-header .section-title-wrapper .title-wrapper .section-title {
  font-family: var(--font_bdogrotesk) !important;
  font-size: clamp(32px, 4.6vw, 76px) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  color: var(--mirador-dark) !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-align: left !important;
}

/* =========================================================
   PAGE PROYECTO: NATURAL PROPORTIONS FOR ALL IMAGES
   ========================================================= */

/* Hero panoramic landscape */
.page-proyecto .hero-area-7,
.page-proyecto .hero-area-proyecto-banner {
  height: auto !important;
  min-height: 0 !important;
  padding: 20px 0 50px !important;
  display: block !important;
  position: static !important;
  transform: none !important;
}

.page-proyecto .hero-area-7 .image-wrapper,
.page-proyecto .hero-area-proyecto-banner .image-wrapper {
  width: 100% !important;
  max-width: 1650px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
  position: static !important;
  transform: none !important;
}

.page-proyecto .hero-area-7 .image-wrapper img,
.page-proyecto .hero-area-proyecto-banner .image-wrapper img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 80vh !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
  transform: none !important;
}

.page-proyecto .label-left,
.page-proyecto .label-right {
  display: none !important;
}

/* About 7 media boxes */
.page-proyecto .about-uss-7__box .media {
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.page-proyecto .about-uss-7__box .media img,
.page-proyecto .about-uss-7__wrapper > *:nth-child(1) .media img,
.page-proyecto .about-uss-7__wrapper > *:nth-child(2) .media.parallax-view img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  display: block !important;
}

.page-proyecto .about-uss-7__wrapper > *:nth-child(1) .media img {
  aspect-ratio: 1 / 1 !important;
}

.page-proyecto .about-uss-7__wrapper > *:nth-child(2) .media.parallax-view img {
  aspect-ratio: 3 / 4 !important;
}

/* Feature work items (Pilares del Proyecto a-e) */
.page-proyecto .feature-work-7 .feature-work-7-item .image {
  overflow: hidden !important;
  border-radius: 14px !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}

.page-proyecto .feature-work-7 .feature-work-7-item .image a.media {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.page-proyecto .feature-work-7 .feature-work-7-item .image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  display: block !important;
}

/* Fun fact photo (Chacras) */
.page-proyecto .fun-fact-area.fun-fact-7 .fun-fact__item .media img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
}

/* =========================================================
   WHATSAPP FLOATING BUBBLE & CONTACT
   ========================================================= */

.mirador-whatsapp-bubble {
  position: fixed;
  left: 28px;
  bottom: 28px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: #25D366;
  color: #FFFFFF !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45), 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 999;
  text-decoration: none !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background-color 0.2s ease;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.mirador-whatsapp-bubble:hover,
.mirador-whatsapp-bubble:focus-visible {
  transform: scale(1.1);
  background-color: #20BA5A;
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.58), 0 4px 10px rgba(0, 0, 0, 0.2);
  color: #FFFFFF !important;
}

.mirador-whatsapp-bubble:active {
  transform: scale(0.95);
}

.mirador-whatsapp-bubble i {
  line-height: 1;
  display: block;
}

@media (max-width: 767px) {
  .mirador-whatsapp-bubble {
    left: 20px;
    bottom: 20px;
    width: 52px;
    height: 52px;
    font-size: 28px;
  }
}

/* Footer WhatsApp Link */
.footer-area .footer-nav-list li a i.fa-whatsapp {
  color: #25D366;
  margin-right: 6px;
  font-size: 15px;
}

/* =========================================================
   HERO OVERLAY: SUBTLE 15% DARK TINT
   ========================================================= */

.hero-area .area-bg:after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
  mix-blend-mode: normal !important;
  display: block !important;
  opacity: 1 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.hero-area .area-bg {
  background-color: transparent !important;
}

.hero-video {
  pointer-events: none !important;
  object-fit: cover !important;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  filter: none !important;
}

.hero-video::-webkit-media-controls,
.hero-video::-webkit-media-controls-start-playback-button,
.hero-video::-webkit-media-controls-play-button,
.hero-video::-webkit-media-controls-panel,
.hero-video::-webkit-media-controls-overlay-play-button,
.hero-video::-webkit-media-controls-enclosure {
  display: none !important;
  -webkit-appearance: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

.hero-area .section-content .section-title,
.hero-area .section-content .text,
.hero-area .mirador-kicker,
.hero-area .meta-list li {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

/* =========================================================
   FLAT DESIGN: ALL TEXT AND ELEMENTS STATIC (NO ANIMATIONS/FADES)
   ========================================================= */

h1, h2, h3, h4, h5, h6,
p, span, a, label, li,
.fade-anim,
.rr_title_anim,
.rr-title-anim,
.word-anim,
.scale,
.image.scale,
.work-title,
.work-title .first,
.work-title .last,
.title-4-text-last,
.fade-top,
.fade-wrapper,
[data-title-wrap],
[data-title-element],
[data-fade-from],
[data-speed],
.moving-text,
.moving-text .wrapper-text,
.cta-4-section-header .title-wrapper,
.cta-area-5 .section-header .title-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Ensure SplitText / SplitType artifacts remain standard inline text */
.char,
.word,
.line,
.split-word,
.has-split-line {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  display: inline !important;
}

/* Ensure text-invert has normal, solid, static text color */
.text-invert,
.text-invert > div,
.text-invertt,
.text-invertt > div {
  background-image: none !important;
  background: none !important;
  color: var(--primary) !important;
  -webkit-text-fill-color: var(--primary) !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Disable button character flip transitions */
.flip-char,
.flip-char span {
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
}

/* Suppress all custom cursor circle badges, hover texts, and pseudo-elements */
.cb-cursor,
.cb-cursor *,
.cb-cursor:before,
.cb-cursor:after,
.cb-cursor-text,
.custom-cursor,
.custom-cursor * {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

html, body, a, button, img {
  cursor: auto !important;
}

/* =========================================================
   DESPLIEGUE / DATA CARDS: NO ICONS, CENTERED TEXT, +20% SIZE
/* =========================================================
   DESPLIEGUE / DATA CARDS: POSITIONED BELOW MOCKUP TEXT & CENTERED
   ========================================================= */

.services-wrapper-box {
  position: relative !important;
  padding-bottom: 80px !important;
  overflow: visible !important;
}

.phone-mockup {
  position: relative !important;
  z-index: 1 !important;
  margin-inline: auto !important;
  height: 680px !important;
  width: 380px !important;
  border: 4px solid var(--primary) !important;
  border-radius: 38px !important;
  padding: 22px 20px !important;
}

.services-wrapper-1,
.services-wrapper-1.services-box-anim {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(6, 1fr) !important;
  position: relative !important;
  z-index: 3 !important;
  margin-top: -440px !important;
  margin-bottom: 40px !important;
  align-items: center !important;
  width: 100% !important;
}

.services-wrapper-1 .service-box-1,
.services-wrapper-1 .item-1,
.services-wrapper-1 .item-2,
.services-wrapper-1 .item-3,
.services-wrapper-1 .item-4,
.services-wrapper-1 .item-5,
.services-wrapper-1 .item-6 {
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 30px 14px !important;
  height: 350px !important;
  min-height: 350px !important;
  border-radius: 20px !important;
  background-color: var(--mirador-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 30px rgba(56, 69, 42, 0.22) !important;
  cursor: default !important;
  pointer-events: auto !important;
  text-decoration: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
  box-sizing: border-box !important;
}

.services-wrapper-1 .service-box-1:hover {
  background-color: #435332 !important;
  box-shadow: 0 16px 36px rgba(56, 69, 42, 0.3) !important;
  transform: translateY(-4px) !important;
}

.services-wrapper-1 .service-box-1 .thumb {
  display: none !important;
}

.services-wrapper-1 .service-box-1 .content {
  margin-top: 0 !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.services-wrapper-1 .service-box-1 .content .title {
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
}

.services-wrapper-1 .service-box-1 .content .title .metric,
.services-wrapper-1 .service-box-1 .metric {
  display: block !important;
  font-size: clamp(24px, 1.85vw, 36px) !important;
  line-height: 1.1 !important;
  margin-bottom: 0 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.services-wrapper-1 .service-box-1 .content .title .metric-label,
.services-wrapper-1 .service-box-1 .metric-label {
  display: block !important;
  font-size: clamp(13px, 0.95vw, 16px) !important;
  line-height: 1.35 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  max-width: 190px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .phone-mockup {
    height: 620px !important;
    width: 320px !important;
    padding: 18px 16px !important;
  }
  .services-wrapper-1,
  .services-wrapper-1.services-box-anim {
    margin-top: -390px !important;
    gap: 8px !important;
  }
  .services-wrapper-1 .service-box-1 {
    height: 330px !important;
    min-height: 330px !important;
    padding: 20px 8px !important;
  }
}

@media (max-width: 1199px) {
  .phone-mockup {
    display: none !important;
  }
  .services-wrapper-1,
  .services-wrapper-1.services-box-anim {
    margin-top: 30px !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
  .services-wrapper-1 .service-box-1 {
    height: auto !important;
    min-height: 200px !important;
    padding: 28px 16px !important;
  }
}

@media (max-width: 767px) {
  .services-wrapper-1,
  .services-wrapper-1.services-box-anim {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .services-wrapper-1 .service-box-1 {
    min-height: 170px !important;
    padding: 20px 12px !important;
  }
}

@media (max-width: 480px) {
  .services-wrapper-1,
  .services-wrapper-1.services-box-anim {
    grid-template-columns: 1fr !important;
  }
}

/* Direct section flow: no zoom shape, immediate transition */
.service-area {
  padding-bottom: 70px !important;
  overflow: visible !important;
}

.service-area .add,
.service-area .add-shape,
.service-area .add-shape-wrapper {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  visibility: hidden !important;
}

.team-area-1 {
  margin-top: 0 !important;
}

/* =========================================================
   FOOTER: LOGO & -35% TYPOGRAPHY
   ========================================================= */

.footer-area .footer-widget-box.content .footer-logo-verde {
  display: block !important;
  width: clamp(140px, 11vw, 185px) !important;
  height: auto !important;
  margin-bottom: 22px !important;
}

.footer-area .footer-widget-box.content .title {
  font-size: clamp(26px, 2.4vw, 42px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

/* =========================================================
   RESPONSIVE BREAKPOINTS AUDIT & FIXES (MacBook 14" / 1200px-1600px)
   ========================================================= */

/* 1. EL TERRITORIO: Grandioso en pantallas grandes y fluido en resoluciones menores */
.work-area .section-title.work-title,
.work-area .section-title {
  font-weight: 600 !important;
  font-size: clamp(55px, 16.5vw, 390px) !important;
  line-height: 0.76 !important;
  letter-spacing: -0.06em !important;
  text-transform: uppercase !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  overflow: visible !important;
}

.work-area .section-title span.first {
  margin-left: 0 !important;
  display: block !important;
  text-align: left !important;
}

.work-area .section-title span.last,
.work-area .section-title span:nth-child(2) {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: clamp(24px, 3.2vw, 60px) !important;
  margin-top: clamp(10px, 2vw, 30px) !important;
  display: block !important;
  text-align: right !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. Condiciones principales de las chacras: fix left cutoff */
.page-chacras-service .faq-area .section-title-wrapper,
.faq-area .section-title-wrapper {
  margin-left: 0 !important;
  max-width: 100% !important;
}

.page-chacras-service .faq-area .section-title-wrapper .title-wrapper .section-title {
  margin-left: 0 !important;
  max-width: 100% !important;
}

/* 3. Remove extreme negative margins across all pages */
.page-chacras-service .hero-area-service-details .section-header,
.page-chacras-service .hero-area-service-details .section-header .section-title-wrapper,
.page-chacras-service .hero-area-service-details .section-header .section-title-wrapper .title-wrapper .section-title,
.page-proyecto .page-proyecto-intro .section-header,
.page-proyecto .page-proyecto-intro .section-header .section-title-wrapper,
.page-proyecto .page-proyecto-intro .section-header .section-title-wrapper .title-wrapper .section-title,
.page-contacto .contact-title .page-title-wrapper,
.page-contacto .contact-title .page-title {
  margin-left: 0 !important;
  max-width: 100% !important;
  width: auto !important;
}

/* 4. Global overflow protection */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* 5. Suppress hover preview floating image and active background in page-proyecto */
.page-proyecto .hover-image,
.page-proyecto .our-expertise-7 .hover-image,
.page-proyecto .our-expertise-item .hover-image {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  width: 0 !important;
  height: 0 !important;
}

.page-proyecto .our-expertise-7 .active-bg {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
}

.page-proyecto .our-expertise-7 .our-expertise-item:hover span {
  margin-left: 0 !important;
}

/* =========================================================
   GLOBAL HOVER UNDERLINE FOR BUTTONS AND CLICKABLE LINKS
   ========================================================= */

/* Hide default pseudo-element underline on .rr-btn-underline so hover underline is unified */
.rr-btn-underline::before {
  display: none !important;
}

/* Ensure button containers and wrappers do not clip underlines */
.rr-btn,
.rr-btn .btn-wrap,
.btn {
  overflow: visible !important;
}

/* Clickable links and buttons: green underline on hover */
a:hover:not(.mirador-whatsapp-bubble),
a:focus-visible:not(.mirador-whatsapp-bubble),
button:hover,
button:focus-visible,
.rr-btn:hover,
.rr-btn:focus-visible,
.rr-btn-underline:hover,
.rr-btn-underline:focus-visible,
.btn:hover,
.btn:focus-visible,
[role="button"]:hover,
[role="button"]:focus-visible,
input[type="button"]:hover,
input[type="button"]:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
/* Inner elements of hovered links and buttons */
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
a:hover p,
a:hover span,
a:hover .title,
a:hover .mirador-wordmark,
a:focus-visible h1,
a:focus-visible h2,
a:focus-visible h3,
a:focus-visible h4,
a:focus-visible h5,
a:focus-visible h6,
a:focus-visible p,
a:focus-visible span,
a:focus-visible .title,
a:focus-visible .mirador-wordmark,
button:hover span,
button:focus-visible span,
.rr-btn:hover .text-one,
.rr-btn:focus-visible .text-one,
.rr-btn:hover .text-two,
.rr-btn:focus-visible .text-two,
.rr-btn:hover .btn-wrap,
.rr-btn:focus-visible .btn-wrap,
.rr-btn-underline:hover span,
.rr-btn-underline:focus-visible span,
.btn:hover span,
.btn:focus-visible span {
  text-decoration: underline !important;
  text-decoration-color: var(--mirador-dark) !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 1.5px !important;
}

/* Ensure icons, pure images, and floating widgets do not show underlines */
a:hover i,
a:focus-visible i,
button:hover i,
button:focus-visible i,
.rr-btn:hover i,
.rr-btn:focus-visible i,
.rr-btn-underline:hover i,
.rr-btn-underline:focus-visible i,
i[class*="fa-"],
svg,
img,
a.media:hover,
a.thumb:hover,
.thumb a:hover,
.mirador-whatsapp-bubble,
.mirador-whatsapp-bubble:hover,
.mirador-whatsapp-bubble:focus,
.mirador-whatsapp-bubble:focus-visible,
.mirador-whatsapp-bubble *,
.mirador-whatsapp-bubble:hover * {
  text-decoration: none !important;
}

@supports selector(:has(*)) {
  a:has(> img:only-child):hover,
  a:has(> picture:only-child):hover,
  a:has(> svg:only-child):hover {
    text-decoration: none !important;
  }
}

/* =========================================================
   DISABLE ALL IMAGE EFFECTS SITE-WIDE (NO ZOOM, NO HOVER SCALE, NO PARALLAX)
   ========================================================= */

/* All images and image containers static: no transform, no transition, no filter */
img,
picture,
picture img,
figure,
figure img,
.thumb,
.thumb img,
.media,
.media img,
.section-thumb,
.section-thumb img,
.parallax-view,
.parallax-view img,
.scale,
.scale img,
.image.scale,
.image.scale img,
[data-speed],
.award__thumb,
.award__thumb img,
.blog__item .thumb img,
.blog-area .blog__item .thumb img,
.blog-item-4 .thumb img,
.work-box .thumb img,
.brand-area-6 .brand-area-6-inner ul li img,
.portfolio-4-item img,
.services-item img,
.our-expertise-item img,
.project-item img,
.team-box-1 .thumb img,
.team-2__box .thumb img,
.team-4-box .thumb img,
.team-8-box .thumb img,
.rd-capabilities-area-2 .rd-capability-box .thumb img {
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  -webkit-transition: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  will-change: auto !important;
}

/* Prevent any hover zoom, scale, or movement on photos across the site */
*:hover > img,
*:hover > picture > img,
*:hover > figure > img,
*:hover > .thumb img,
*:hover > .media img,
*:hover > .section-thumb img,
*:hover > a > img,
*:hover > a > .thumb img,
*:hover > a > .media img,
a:hover img,
a:hover .thumb img,
a:hover .media img,
.thumb:hover img,
.media:hover img,
.section-thumb:hover img,
.blog__item:hover .thumb img,
.blog__item:hover img,
.blog-area .blog__item:hover .thumb img,
.blog-item-4:hover .thumb img,
.work-box:hover .thumb img,
.work-box:hover img,
.brand-area-6 .brand-area-6-inner ul li:hover img,
.portfolio-4-item:hover img,
.services-item:hover img,
.our-expertise-item:hover img,
.project-item:hover img,
.award__item:hover .thumb img,
.award__item:hover img,
.team-box-1:hover .thumb img,
.team-2__box:hover .thumb img,
.team-4-box:hover .thumb img,
.team-8-box:hover .thumb img,
.rd-capabilities-area-2 .rd-capability-box:hover .thumb img,
.rd-capabilities-area-2 .rd-capability-box.active .thumb img {
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  -webkit-transition: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Suppress any trailing hover image previews */
.hover-image,
.hover-image * {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

/* ==========================================================================
   1. Universal Native Cursor Fix (OS Arrow & Pointer)
   ========================================================================== */
html, body, *, *::before, *::after, [data-cursor], [data-cursor-class], [data-cursor-text] {
  cursor: auto !important;
}

a, button, [role="button"], input[type="submit"], input[type="button"], input[type="reset"],
.rr-btn, .rr-btn-underline, .accordion-button, [data-bs-toggle], .side-toggle,
.main-menu a, .footer-nav-list a, .work-box a, .blog__item a, .service-box-1 {
  cursor: pointer !important;
}

.custom-cursor, #cursorImg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ==========================================================================
   2. Official SVG Branding System (Catchy Mager typography + Sierras Isotype)
   ========================================================================== */
.mirador-brand-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
  max-width: 100% !important;
}

.mirador-brand-logo {
  display: block !important;
  height: clamp(34px, 3.8vw, 44px) !important;
  width: auto !important;
  max-width: clamp(170px, 20vw, 240px) !important;
  object-fit: contain !important;
  transition: opacity 0.3s ease, filter 0.3s ease !important;
}

/* Default (Hero / Dark / Transparent Header): Show white logo */
.header-area .mirador-brand-logo--white {
  display: block !important;
}
.header-area .mirador-brand-logo--green {
  display: none !important;
}

/* Sticky / Light / Scrolled / Subpage Headers: Show green logo */
.header-area.sticky .mirador-brand-logo--white,
.header-area.is-sticky .mirador-brand-logo--white,
.header-area.header-theme-light .mirador-brand-logo--white,
.page-chacras .header-area .mirador-brand-logo--white,
.page-financiacion .header-area .mirador-brand-logo--white,
.page-ubicacion .header-area .mirador-brand-logo--white,
.page-contacto .header-area .mirador-brand-logo--white,
.page-conocimiento .header-area .mirador-brand-logo--white,
.page-paisaje .header-area .mirador-brand-logo--white,
.page-faq .header-area .mirador-brand-logo--white,
.page-inversion .header-area .mirador-brand-logo--white {
  display: none !important;
}

.header-area.sticky .mirador-brand-logo--green,
.header-area.is-sticky .mirador-brand-logo--green,
.header-area.header-theme-light .mirador-brand-logo--green,
.page-chacras .header-area .mirador-brand-logo--green,
.page-financiacion .header-area .mirador-brand-logo--green,
.page-ubicacion .header-area .mirador-brand-logo--green,
.page-contacto .header-area .mirador-brand-logo--green,
.page-conocimiento .header-area .mirador-brand-logo--green,
.page-paisaje .header-area .mirador-brand-logo--green,
.page-faq .header-area .mirador-brand-logo--green,
.page-inversion .header-area .mirador-brand-logo--green {
  display: block !important;
}

/* Side Offcanvas Logo */
.side-info .mirador-brand-logo--white {
  display: none !important;
}
.side-info .mirador-brand-logo--green {
  display: block !important;
  height: clamp(34px, 4vw, 42px) !important;
  width: auto !important;
  max-width: 200px !important;
}

/* Footer Logo */
.footer-logo-verde {
  display: block !important;
  height: clamp(36px, 4vw, 48px) !important;
  width: auto !important;
  max-width: 240px !important;
  margin-bottom: 24px !important;
}

/* ==========================================================================
   3. Home Page - Works / Project Cards Clean Framing
   ========================================================================== */
.page-home .works-wrapper {
  gap: clamp(36px, 4vw, 60px) clamp(24px, 3vw, 40px) !important;
}

.page-home .work-box {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.page-home .work-box:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.page-home .work-box .thumb {
  border-radius: 15px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.page-home .work-box .content {
  padding-top: 6px !important;
}

.page-home .work-box .content .title {
  font-size: clamp(28px, 2.6vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 10px !important;
  color: var(--mirador-dark) !important;
}

.page-home .work-box .content .title a {
  color: var(--mirador-dark) !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.page-home .work-box:hover .content .title a {
  color: var(--mirador-green-1) !important;
}

.page-home .work-box .meta .tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: clamp(16px, 1.2vw, 19px) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--mirador-green-1) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.page-home .work-box .meta .tag::after {
  content: "→";
  font-family: inherit;
  font-size: 1.1em;
  transition: transform 0.25s ease;
}

.page-home .work-box:hover .meta .tag::after {
  transform: translateX(5px);
}

/* ==========================================================================
   5. Proyecto Page - Typographic Fixes & Pilares del Proyecto (Punto 6 & 7)
   ========================================================================== */
.about-uss-7__content .over,
.page-proyecto .about-uss-7__content .over {
  font-size: clamp(38px, 4.5vw, 68px) !important;
  line-height: 1.15 !important;
  margin-bottom: 24px !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: var(--mirador-dark) !important;
}

.page-proyecto .about-uss-7__content .text-invertt {
  font-size: clamp(18px, 1.3vw, 22px) !important;
  line-height: 1.55 !important;
  color: var(--mirador-dark) !important;
  margin-bottom: 16px !important;
}

.feature-work-7 .section-3-title-wrapper .sub-title,
.page-proyecto .feature-work-7 .section-3-title-wrapper .sub-title {
  font-size: clamp(22px, 2vw, 28px) !important;
  font-weight: 500 !important;
  color: var(--mirador-dark) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 36px !important;
}

.feature-work-7 .feature-work-7-item span,
.page-proyecto .feature-work-7 .feature-work-7-item span {
  font-size: clamp(18px, 1.4vw, 22px) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: var(--mirador-green-1) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.feature-work-7 .feature-work-7-item .content .title,
.page-proyecto .feature-work-7 .feature-work-7-item .content .title {
  font-size: clamp(36px, 3.8vw, 56px) !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
  font-weight: 400 !important;
  color: var(--mirador-dark) !important;
}

.feature-work-7 .feature-work-7-item .content p,
.page-proyecto .feature-work-7 .feature-work-7-item .content p {
  font-size: clamp(17px, 1.25vw, 21px) !important;
  line-height: 1.55 !important;
  color: rgba(56, 69, 42, 0.88) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding-top: 14px !important;
  max-width: 680px !important;
}

/* Proyecto Carousel - Drag / Swipe only without auto-scrub */
.fun-fact-area.fun-fact-7 .fun-fact-area-inner {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  cursor: grab !important;
  padding-bottom: 24px !important;
}

.fun-fact-area.fun-fact-7 .fun-fact-area-inner:active {
  cursor: grabbing !important;
}

.fun-fact-area.fun-fact-7 .fun-fact-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
}

/* ==========================================================================
   6. Chacras Page - Remove Giant "04"
   ========================================================================== */
.approach-area-service-details-page .steps,
.page-chacras .steps,
.steps.fade-anim {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ==========================================================================
   7. Ubicación Page - Map Layout & Travel Times
   ========================================================================== */
.mirador-travel-times {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 16px !important;
  margin: 32px 0 48px !important;
}

.mirador-travel-card {
  background: rgba(56, 69, 42, 0.08) !important;
  border: 1px solid rgba(56, 69, 42, 0.16) !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
}

.mirador-travel-card .time {
  font-size: clamp(24px, 2.2vw, 32px) !important;
  font-weight: 600 !important;
  color: var(--mirador-dark) !important;
  line-height: 1.1 !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.mirador-travel-card .destination {
  font-size: 15px !important;
  color: var(--mirador-green-1) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* ==========================================================================
   8. Knowledge Hub (Conocimiento) - Distinct Topic Badges
   ========================================================================== */
.blog__item .meta .category-badge {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--mirador-green-1) !important;
}

.blog__item .meta .topic-badge {
  font-size: 14px !important;
  color: rgba(56, 69, 42, 0.7) !important;
}