/* ============================================================
   Ambiente Digital Peru - legibilidad y consistencia visual
   Capa final cargada despues de los estilos de plantilla.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Teko:wght@300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

:root {
  --ad-text: #111111;
  --ad-muted: #3f3f3f;
  --ad-soft: #666666;
  --ad-surface: #ffffff;
  --ad-surface-soft: #f6f7f2;
  --ad-dark: #0f1012;
  --ad-dark-soft: #17191b;
  --ad-green: #a8d900;
  --ad-green-text: #557500;
  --ad-cyan: #00c8d7;
  --ad-border: rgba(17, 17, 17, 0.12);
  --font_teko: 'Teko', 'Arial Narrow', sans-serif;
  --font_dm: 'DM Sans', 'Barlow', Arial, sans-serif;
  --font_orbit: 'Orbitron', 'Barlow Condensed', sans-serif;
}

body {
  font-family: var(--font_dm) !important;
  color: var(--ad-text);
  background-color: var(--ad-surface);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.hero-title,
.ad-sv-list-title,
.ad-sv-row-title,
.ad-industrias-title,
.ad-sv-testimonios-title,
.ad-contact-title,
.ad-cta-title,
.form-header h1,
.panel-tagline h2,
.services-big,
.svc-name,
.brand-name,
.logo-text,
.title {
  font-family: var(--font_teko) !important;
  color: var(--ad-text);
  letter-spacing: 0;
}

.section-subtitle,
.hero-badge,
.ad-pill,
.form-eyebrow,
.field-label,
.header-tag,
.services-label,
.svc-num,
.switcher__title,
.ad-sv-num,
.ad-sv-tags span {
  font-family: var(--font_orbit) !important;
}

p,
li,
span,
label,
input,
textarea,
select,
button,
.text,
.svc-desc,
.svc-list li,
.form-header p,
.panel-tagline p,
.ad-sv-row-desc,
.ad-sv-list-header-right p,
.ad-testimonio-text,
.ad-contact-desc {
  color: inherit;
}

.hero-area,
.about-area,
.service-area,
.skill-area,
.testimonial-area,
.blog-area,
.faq-area,
.ad-sv-list-section,
.ad-sv-testimonios,
.contact-area {
  color: var(--ad-text);
}

.hero-area .section-title,
.about-area .section-title,
.service-area .section-title,
.skill-area .section-title,
.testimonial-area .section-title,
.blog-area .section-title,
.faq-area .section-title,
.ad-sv-list-title,
.ad-sv-row-title,
.ad-sv-testimonios-title,
.form-header h1 {
  color: var(--ad-text) !important;
  text-shadow: none;
}

.hero-area .section-title span,
.section-title span,
.ad-sv-testimonios-title em,
.ad-contact-title em,
.ad-cta-title em {
  color: var(--ad-green-text) !important;
}

body:not(.dark) .ad-valores-tag,
body:not(.dark) .ad-valores-title span,
body:not(.dark) .about-area .number,
body:not(.dark) .counter-area .title,
body:not(.dark) .counter-area .title span,
body:not(.dark) .rating,
body:not(.dark) .number,
body:not(.dark) .ad-pill,
body:not(.dark) .ad-sv-num,
body:not(.dark) .ad-sv-link-btn,
body:not(.dark) .ad-sv-tags span,
body:not(.dark) .accordion-button:not(.collapsed),
body:not(.dark) [style*="color:#a8d900"],
body:not(.dark) [style*="color: #a8d900"] {
  color: var(--ad-green-text) !important;
}

body:not(.dark) .meta,
body:not(.dark) .meta-title,
body:not(.dark) .rating-label,
body:not(.dark) .ad-sv-service-benefits li,
body:not(.dark) .ad-sv-service-card span:not(.ad-sv-num):not(.ad-pill) {
  color: var(--ad-muted) !important;
}

.hero-area .text,
.content-bottom .text,
.about-revamp__text,
.service-area-inner .text-wrapper .text,
.skill-area-inner .text-wrapper .text,
.testimonial-area .text-wrapper .text,
.blog-area-inner .content-last .text,
.ad-sv-list-header-right p,
.ad-sv-row-desc,
.ad-sv-service-card .ad-sv-row-desc,
.ad-sv-service-benefits li,
.ad-testimonio-text,
.form-header p,
.panel-tagline p,
.form-note {
  color: var(--ad-muted) !important;
}

.hero-cta--secondary,
.ad-btn-outline-dark,
.wc-btn-underline {
  color: var(--ad-text) !important;
  border-color: rgba(17, 17, 17, 0.22) !important;
}

.hero-cta--secondary:hover,
.ad-btn-outline-dark:hover,
.wc-btn-underline:hover {
  color: #5e8500 !important;
  border-color: var(--ad-green) !important;
}

.hero-trust span,
.hero-metric,
.process-box,
.service-box,
.feature-box,
.testimonial-box,
.testimonial-item,
.blog,
.ad-sv-service-card,
.ad-testimonio-card,
.field input,
input[type="text"],
input[type="tel"],
input[type="email"] {
  background-color: var(--ad-surface) !important;
  color: var(--ad-text) !important;
  border-color: var(--ad-border) !important;
}

.hero-trust span,
.hero-trust span *,
.hero-metric span,
.service-box .content-last .text,
.feature-box .content .text,
.testimonial-box .text,
.testimonial-item .text,
.blog .text {
  color: var(--ad-muted) !important;
}

.hero-trust strong,
.hero-metric strong,
.service-box .title,
.feature-box .content .title,
.skill-nav .content .title,
.testimonial-box .name,
.blog .title,
.process-box .title,
.ad-testimonio-author strong {
  color: var(--ad-text) !important;
}

.hero-services,
.ad-industrias-section,
.ad-contact-section,
.ad-cta-final,
.cta-area,
.awards-area,
.footer-area,
.clients-area,
.offcanvas-3__inner,
.panel-left,
.header,
.bottom-row,
.col-qr,
.col-img {
  color: #ffffff;
}

.hero-services h1,
.hero-services h2,
.hero-services h3,
.hero-services p,
.hero-services span,
.ad-industrias-section h1,
.ad-industrias-section h2,
.ad-industrias-section h3,
.ad-contact-section h1,
.ad-contact-section h2,
.ad-contact-section h3,
.ad-cta-final h1,
.ad-cta-final h2,
.cta-area h1,
.cta-area h2,
.awards-area h1,
.awards-area h2,
.footer-area,
.footer-area a,
.footer-area .text,
.offcanvas-3__inner,
.offcanvas-3__inner a,
.panel-left,
.panel-left h2,
.panel-left .brand-name,
.header .logo-text,
.header .logo-text small {
  color: #ffffff !important;
}

.hero-services .hero-description,
.hero-services .hero-benefit p,
.ad-industrias-desc,
.ad-contact-desc,
.ad-cta-email,
.footer-area .copyright-text .text {
  color: rgba(255, 255, 255, 0.72) !important;
}

.hero-services .hero-title span,
.hero-badge,
.ad-pill,
.ad-industrias-title em,
.ad-contact-title em,
.ad-cta-title em,
.panel-tagline h2 em,
.logo-text small {
  color: var(--ad-green) !important;
}

.dark,
body.dark {
  background-color: var(--ad-dark) !important;
  color: #ffffff;
}

body.dark .hero-area,
body.dark .about-area,
body.dark .service-area,
body.dark .skill-area,
body.dark .testimonial-area,
body.dark .blog-area,
body.dark .faq-area,
body.dark .ad-sv-list-section,
body.dark .ad-sv-testimonios,
body.dark .contact-area,
body.dark .process-area,
body.dark .counter-area {
  background-color: var(--ad-dark) !important;
  color: #ffffff;
}

body.dark .section-title,
body.dark .hero-area .section-title,
body.dark .ad-sv-list-title,
body.dark .ad-sv-row-title,
body.dark .ad-sv-testimonios-title,
body.dark .service-box .title,
body.dark .feature-box .content .title,
body.dark .skill-nav .content .title,
body.dark .testimonial-box .name,
body.dark .blog .title,
body.dark .process-box .title,
body.dark .ad-testimonio-author strong {
  color: #ffffff !important;
}

body.dark .text,
body.dark p,
body.dark li,
body.dark .content-bottom .text,
body.dark .about-revamp__text,
body.dark .service-area-inner .text-wrapper .text,
body.dark .skill-area-inner .text-wrapper .text,
body.dark .testimonial-area .text-wrapper .text,
body.dark .blog-area-inner .content-last .text,
body.dark .ad-sv-list-header-right p,
body.dark .ad-sv-row-desc,
body.dark .ad-sv-service-card .ad-sv-row-desc,
body.dark .ad-sv-service-benefits li,
body.dark .ad-testimonio-text {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.dark .hero-trust span,
body.dark .hero-metric,
body.dark .process-box,
body.dark .service-box,
body.dark .feature-box,
body.dark .testimonial-box,
body.dark .testimonial-item,
body.dark .blog,
body.dark .ad-sv-service-card,
body.dark .ad-testimonio-card {
  background-color: var(--ad-dark-soft) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

body.dark .hero-trust span *,
body.dark .hero-metric span,
body.dark .service-box .content-last .text,
body.dark .feature-box .content .text,
body.dark .testimonial-box .text,
body.dark .testimonial-item .text,
body.dark .blog .text {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.dark .hero-cta--secondary,
body.dark .ad-btn-outline-dark,
body.dark .wc-btn-underline {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

body.dark input,
body.dark textarea,
body.dark select {
  background-color: #141618 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

body.legal-page {
  background:
    radial-gradient(circle at top left, rgba(168, 217, 0, 0.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(0, 200, 215, 0.08), transparent 30%),
    #0b0b0b !important;
  color: #f4f4f4 !important;
}

body.legal-page h1,
body.legal-page h2,
body.legal-page h3,
body.legal-page .brand,
body.legal-page .brand span,
body.legal-page .nav-links a {
  color: #f4f4f4 !important;
}

body.legal-page .eyebrow,
body.legal-page .card-legal h2,
body.legal-page .nav-links a:hover {
  color: var(--ad-green) !important;
}

body.legal-page .card-legal {
  background: rgba(18, 18, 18, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

body.legal-page .card-legal p,
body.legal-page .card-legal li,
body.legal-page .footer {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Evitar duplicacion visible del texto en botones con efecto flip. */
.btn-text-flip span {
  transform: none !important;
}

.btn-text-flip span::before,
.btn-text-flip span::after {
  content: none !important;
  display: none !important;
}

/* QA visual: pagina de proyectos */
body .body-creative-agency .about-area .subtitle-wrapper {
  position: static !important;
  display: block !important;
  margin-bottom: 18px !important;
}

body .body-creative-agency .about-area .section-subtitle {
  position: static !important;
  display: inline-block !important;
  transform: none !important;
}

body .body-creative-agency .counter-area {
  position: relative !important;
  z-index: 1 !important;
  clear: both !important;
}

body .body-creative-agency .counter-area,
body .body-creative-agency .counter-area .container,
body .body-creative-agency .counter-wrapper,
body .body-creative-agency .stat-card {
  overflow: visible !important;
}

body .body-creative-agency .stat-card,
body .body-creative-agency .stat-number,
body .body-creative-agency .stat-label {
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
}

body .body-creative-agency .cta-area .has_fade_anim,
body .body-creative-agency .cta-area .has_text_move_anim {
  transform: none !important;
  opacity: 1 !important;
}

body .body-creative-agency .cta-area .section-header,
body .body-creative-agency .cta-area .section-title-wrapper,
body .body-creative-agency .cta-area .title-wrapper,
body .body-creative-agency .cta-area .subtitle-wrapper {
  overflow: visible !important;
}

body .body-creative-agency .cta-area .subtitle-wrapper {
  position: static !important;
  display: block !important;
  margin-bottom: 20px !important;
}

body .body-creative-agency .cta-area .section-subtitle {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  transform: none !important;
  line-height: 1.2 !important;
}

body .body-creative-agency .cta-area .section-title {
  position: static !important;
  margin-top: 0 !important;
  line-height: 0.95 !important;
}

body .body-creative-agency .stat-number {
  color: var(--ad-green) !important;
}

body .body-creative-agency .stat-label {
  color: #ffffff !important;
}

body .body-creative-agency .cta-area .wc-btn-underline {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.75) !important;
}

body .body-creative-agency .cta-area .wc-btn-underline:hover {
  color: var(--ad-green) !important;
  border-bottom-color: var(--ad-green) !important;
}

/* Assets personalizados Ambiente Digital */
.ad-asset-img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-illustration__image {
  width: min(100%, 640px);
  max-height: 680px;
  margin-inline: auto;
  object-fit: contain;
  filter: drop-shadow(0 28px 60px rgba(0, 200, 215, 0.18));
}

::selection {
  background: rgba(168, 217, 0, 0.28);
  color: inherit;
}

.ad-valor-icon img,
.skill-nav .icon img,
.service-box .icon img,
.ad-sv-icon-box img,
.process-box .thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ad-valor-icon {
  width: 72px !important;
  height: 72px !important;
}

.ad-valores-section {
  background: #f4f5f3 !important;
}

.ad-valores-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.ad-valor-card {
  min-height: 0 !important;
  padding: 34px 32px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(18, 18, 18, 0.08) !important;
  border-top: 3px solid var(--ad-green) !important;
  box-shadow: 0 18px 44px rgba(18, 18, 18, 0.06) !important;
}

.ad-valor-num {
  margin-bottom: 20px !important;
}

.ad-valor-icon {
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 24px !important;
  background: rgba(168, 217, 0, 0.08) !important;
}

.ad-valor-name {
  font-size: 24px !important;
  line-height: 1 !important;
}

.ad-valor-text {
  max-width: 25ch;
}

.skill-nav {
  align-items: center !important;
  gap: 18px !important;
}

.skill-nav .icon {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 10px !important;
}

.skill-thumb {
  position: relative;
  overflow: hidden !important;
  border-radius: 8px;
}

.skill-thumb .main-image {
  border-radius: 8px;
  min-height: 360px;
  object-fit: cover !important;
}

.skill-thumb .small-image {
  width: 84px !important;
  height: 84px !important;
  object-fit: contain !important;
  padding: 10px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  right: 22px !important;
  bottom: 22px !important;
}

.service-box .icon {
  width: 96px !important;
  height: 96px !important;
  flex: 0 0 96px !important;
}

.process-box .thumb {
  width: 92px !important;
  height: 92px !important;
  margin-bottom: 26px !important;
}

.ad-sv-icon-box {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
}

.ad-sv-icon-box img {
  max-width: 46px !important;
  max-height: 46px !important;
}

.ad-valor-icon,
.skill-nav .icon,
.service-box .icon,
.ad-sv-icon-box,
.process-box .thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
}

.about-revamp__image {
  background: #f5f7f2 !important;
}

.about-revamp__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.work-box .thumb img,
.blog .thumb img,
.about-gallery-wrapper .thumb img,
.image-wrapper > img,
.awards-area .area-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clients-area .client-box img {
  max-width: 150px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
}

.clients-area .client-box {
  min-height: 96px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.04);
}

.testimonial-box .avatar img,
.testimonial-item .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clients-wrapper .thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.hero-services .hero-visual {
  min-height: 460px;
}

.hero-services .hero-visual .mockup-holder {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-services .hero-visual img {
  width: min(100%, 560px);
  max-height: 560px;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 30px 70px rgba(168, 217, 0, 0.14));
}

.work-area .work-box .thumb {
  width: 100% !important;
  aspect-ratio: 16 / 9;
  background: #0b0b0b;
  border-radius: 8px;
  overflow: hidden;
}

.work-area .works-wrapper {
  display: grid !important;
  gap: 22px !important;
}

.work-area .swiper {
  overflow: visible !important;
}

.work-area .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  transform: none !important;
}

.work-area .swiper-slide-duplicate,
.work-area .swiper-slide[class*="duplicate"] {
  display: none !important;
}

.work-area .work-box {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #0b0b0b;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14);
}

.work-area .swiper-slide {
  width: auto !important;
  max-width: none;
  margin: 0 !important;
}

.work-area .work-box .content {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78)) !important;
  inset: auto 0 0 0 !important;
  padding: 58px 24px 24px !important;
}

.work-area .work-box .content .icon {
  display: none !important;
}

.work-area .work-box .thumb img {
  transition: transform 0.45s ease, filter 0.45s ease;
}

.work-area .work-box:hover .thumb img {
  transform: scale(1.035);
  filter: saturate(1.06) contrast(1.03);
}

.enterprise-area .section-header {
  margin-bottom: 42px !important;
}

.expertise-wrapper {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}

.expertise-box {
  min-width: 0 !important;
  min-height: 150px;
  flex: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.expertise-box:last-child {
  border-right: 0 !important;
}

.expertise-box .icon {
  font-size: 28px !important;
  margin-bottom: 22px !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.expertise-box .name {
  color: rgba(255, 255, 255, 0.86) !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}

.contact-area-inner,
.cta-area-inner {
  border-radius: 0 !important;
}

.contact-area {
  background: var(--ad-bg-digital-soft) !important;
  position: relative !important;
  overflow: hidden !important;
}

.contact-area .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.contact-area .contact-area-inner {
  min-height: clamp(420px, 48vw, 620px) !important;
  padding-left: clamp(28px, 8vw, 150px) !important;
  padding-right: clamp(28px, 8vw, 150px) !important;
  padding-top: clamp(72px, 8vw, 110px) !important;
  padding-bottom: clamp(72px, 8vw, 110px) !important;
  align-items: center !important;
}

.contact-area .section-content {
  padding-top: 0 !important;
}

.contact-area .btn-wrapper,
.contact-area .has_fade_anim,
.contact-area .has_text_move_anim {
  opacity: 1 !important;
  visibility: visible !important;
}

.contact-area .section-title,
.contact-area .section-title *,
.contact-area .has_text_move_anim,
.contact-area .has_text_move_anim * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

.contact-area .section-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 24px rgba(0, 0, 0, 0.45);
}

.contact-area .section-title span {
  color: var(--ad-green) !important;
  -webkit-text-fill-color: var(--ad-green) !important;
  text-shadow: 0 0 28px rgba(168, 217, 0, 0.28);
}

.contact-area .wc-btn-underline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 56px;
  padding: 15px 24px !important;
  border: 1px solid rgba(168, 217, 0, 0.55) !important;
  background: rgba(168, 217, 0, 0.14) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.contact-area .btn-text-flip {
  overflow: visible !important;
}

.contact-area .btn-text-flip span {
  display: inline-flex !important;
  align-items: center !important;
  transform: none !important;
  line-height: 1 !important;
}

.contact-area .btn-text-flip span::before,
.contact-area .btn-text-flip span::after {
  content: none !important;
  display: none !important;
}

.contact-area .wc-btn-underline,
.contact-area .wc-btn-underline span,
.contact-area .wc-btn-underline span::before,
.contact-area .wc-btn-underline span::after,
.cta-area .wc-btn-underline {
  color: #ffffff !important;
}

.contact-area .wc-btn-underline::before,
.cta-area .wc-btn-underline::before {
  background: rgba(255, 255, 255, 0.72) !important;
}

.cta-area .wc-btn-underline {
  opacity: 1 !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.65);
}

.cta-area .section-title span,
.contact-area .section-title span {
  color: var(--ad-green) !important;
  -webkit-text-fill-color: var(--ad-green) !important;
}

.contact-area .section-title span,
.cta-area .section-title {
  color: var(--ad-green) !important;
  -webkit-text-fill-color: var(--ad-green) !important;
  text-shadow: 0 0 26px rgba(168, 217, 0, 0.16);
}

.cta-area .section-subtitle img,
.about-area-inner > .shape-1,
.clients-area-inner > .shape-1,
.awards-area .awards-list {
  display: none !important;
}

.awards-area .section-content {
  margin-inline-start: min(52vw, 620px) !important;
}

.about-gallery-wrapper {
  margin-top: 56px !important;
}

.about-gallery-wrapper .row-first {
  display: none !important;
}

.about-gallery-wrapper .row-second {
  margin-inline-start: 0 !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.7fr) !important;
  align-items: stretch;
}

.about-gallery-wrapper .thumb {
  border-radius: 8px;
  overflow: hidden;
}

.about-gallery-wrapper .row-second .thumb:first-child {
  min-height: 360px;
}

.progress-wrap,
.cursor1,
.cursor2,
#preloader {
  display: none !important;
}

.wc-btn-circle {
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.wc-btn-circle.btn-item {
  margin: 0 !important;
}

.contact-area .section-content .btn-wrapper,
.cta-area .section-header .btn-wrapper {
  position: relative;
  z-index: 2;
}

.work-area,
.enterprise-area,
.skill-area,
.ad-valores-section {
  overflow: hidden;
}

.work-area .work-box .content .icon {
  width: 24px !important;
  height: 24px !important;
  opacity: 0.85;
}

.work-area .work-box .title {
  color: #ffffff !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 0.95 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
}

.work-area .work-box .meta {
  color: rgba(255, 255, 255, 0.72) !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
}

.contact-area .section-title,
.contact-area .wc-btn-underline,
.cta-area .section-title,
.cta-area .wc-btn-underline,
.ad-cta-final .ad-cta-email,
.ad-cta-final .ad-cta-title,
.ad-contact-section .ad-btn-ghost {
  user-select: none;
}

::selection {
  background: rgba(168, 217, 0, 0.3);
  color: inherit;
}

.switcher__area,
.overlay-switcher-close {
  display: none !important;
}

.offcanvas-3__area {
  pointer-events: none;
}

.offcanvas-3__area.ad-mobile-menu-open {
  inset: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  z-index: 100000 !important;
}

.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__inner,
.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__menu-wrapper,
.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__menu,
.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__meta,
.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__social,
.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__menu ul li {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  top: 0 !important;
}

.offcanvas-3__area.ad-mobile-menu-open .offcanvas-3__menu a {
  pointer-events: auto !important;
}

/* QA visual: evitar textos fuera del viewport y controles encima de titulos. */
.expertise-wrapper {
  gap: 16px !important;
}

.expertise-box {
  min-width: 150px !important;
  flex: 0 1 170px !important;
}

@media (max-width: 767px) {
  .btn-text-flip {
    overflow: visible !important;
  }

  .btn-text-flip span {
    display: inline-flex !important;
    align-items: center !important;
    transform: none !important;
    line-height: 1.05 !important;
  }

  .btn-text-flip span::before,
  .btn-text-flip span::after {
    content: none !important;
    display: none !important;
  }

  .wc-btn {
    min-height: 44px;
    white-space: normal;
  }

  .container,
  .container.large {
    max-width: 100% !important;
  }

  .process-wrapper,
  .process-wrapper-box,
  .process-area .container,
  .about-area .container {
    overflow: visible !important;
  }

  .process-box {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .process-box:hover {
    transform: none !important;
  }

  .skill-nav {
    gap: 14px !important;
  }

  .skill-nav .icon,
  .service-box .icon,
  .process-box .thumb {
    width: 72px !important;
    height: 72px !important;
    flex-basis: 72px !important;
  }

  .skill-thumb .small-image {
    width: 84px !important;
    height: 84px !important;
    inset-inline-end: 12px !important;
    bottom: 12px !important;
  }

  .work-area .works-wrapper {
    gap: 16px !important;
  }

  .work-area .swiper-slide {
    width: min(330px, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;
  }

  .work-area .work-box .content {
    padding: 44px 18px 18px !important;
  }

  .hero-services .hero-visual {
    min-height: 0;
  }

  .hero-services .hero-visual img,
  .hero-illustration__image {
    max-height: 360px;
  }

  .ad-contact-hero__title {
    width: 100% !important;
    max-width: calc(100vw - 40px) !important;
    font-size: clamp(40px, 13vw, 58px) !important;
    line-height: 0.98 !important;
    overflow-wrap: anywhere;
  }

  .ad-contact-hero__desc {
    width: 100% !important;
    max-width: calc(100vw - 40px) !important;
  }

  .blog-area .container,
  .blogs-wrapper-box,
  .blogs-wrapper-box > div {
    max-width: 100% !important;
    overflow: visible !important;
  }

  .blogs-wrapper-box > div[style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  .blog-area article,
  .blogs-wrapper-box article {
    width: 100% !important;
    max-width: 100% !important;
  }

  section[style*="padding:60px 0 0"] > .container > div[style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  section[style*="padding:60px 0 0"] h2,
  section[style*="padding:60px 0 0"] p,
  section[style*="padding:60px 0 0"] a {
    max-width: 100% !important;
  }
}

/* Fondo digital compartido para las secciones oscuras */
:root {
  --ad-bg-digital:
    linear-gradient(90deg, rgba(7, 10, 12, 0.82) 0%, rgba(7, 13, 14, 0.68) 42%, rgba(5, 18, 18, 0.42) 68%, rgba(3, 9, 12, 0.68) 100%),
    url("../imgs/Inicio/hero-fondo-digital.jpg") center center / cover no-repeat,
    #101113;
  --ad-bg-digital-soft:
    linear-gradient(90deg, rgba(7, 10, 12, 0.82) 0%, rgba(8, 18, 18, 0.62) 56%, rgba(3, 9, 12, 0.72) 100%),
    url("../imgs/Inicio/hero-fondo-digital.jpg") center center / cover no-repeat,
    #101113;
}

/* Home hero: fondo oscuro para integrar la grafica principal sin cuadro visible */
.hero-asset {
  background: var(--ad-bg-digital) !important;
  color: #ffffff !important;
  overflow: hidden !important;
  position: relative !important;
}

.hero-asset::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 45%, rgba(168, 217, 0, 0.13), transparent 32%),
    radial-gradient(circle at 84% 40%, rgba(0, 200, 215, 0.12), transparent 26%);
  pointer-events: none;
}

.hero-asset .container {
  position: relative;
  z-index: 1;
}

.hero-asset .hero-area-inner {
  min-height: calc(100vh - 96px) !important;
  padding-top: clamp(50px, 7vh, 90px) !important;
  padding-bottom: clamp(52px, 7vh, 92px) !important;
  align-items: center !important;
}

.hero-asset .info-text {
  color: var(--ad-green) !important;
  -webkit-text-fill-color: var(--ad-green) !important;
  opacity: 1 !important;
  text-shadow: 0 0 18px rgba(168, 217, 0, 0.24);
}

.hero-asset .section-title,
.hero-asset .section-title span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hero-asset .section-title span {
  color: var(--ad-green) !important;
  -webkit-text-fill-color: var(--ad-green) !important;
}

.hero-asset .text {
  color: rgba(255, 255, 255, 0.82) !important;
}

.hero-asset .hero-cta--secondary {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

.hero-asset .hero-trust span {
  color: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.hero-asset .hero-trust strong {
  color: var(--ad-green) !important;
}

.hero-asset .hero-illustration {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero-asset .hero-illustration__image {
  width: min(100%, 660px) !important;
  max-height: 700px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 34px 80px rgba(168, 217, 0, 0.18)) !important;
  mix-blend-mode: screen;
  border-radius: 0 !important;
}

.hero-asset + .benefits-bar,
.benefits-bar {
  background: #ffffff !important;
}

@media (max-width: 991px) {
  .hero-asset {
    background:
      linear-gradient(180deg, rgba(7, 10, 12, 0.82) 0%, rgba(7, 18, 18, 0.66) 100%),
      url("../imgs/Inicio/hero-fondo-digital.jpg") center center / cover no-repeat,
      #101113 !important;
  }

  .hero-asset .hero-area-inner {
    min-height: auto !important;
  }
}

/* Ajustes finales de composicion profesional */
.awards-area .section-title-wrapper {
  gap: clamp(40px, 10vw, 180px) !important;
}

.awards-area .section-content {
  width: min(520px, 42vw) !important;
  max-width: 520px !important;
  margin-inline-start: auto !important;
  margin-inline-end: clamp(40px, 8vw, 150px) !important;
}

.awards-area .section-content .text,
.awards-area .section-content .text-wrapper,
.awards-area .section-content p {
  width: 100% !important;
  max-width: 520px !important;
  min-width: 0 !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
}

.body-creative-agency .about-area .about-area-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 0.58fr) minmax(380px, 0.42fr) !important;
  gap: 34px 58px !important;
  align-items: start !important;
}

.body-creative-agency .about-area .section-content {
  grid-column: 1 !important;
}

.body-creative-agency .about-gallery-wrapper {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin-top: 40px !important;
  width: 100% !important;
}

.body-creative-agency .about-gallery-wrapper .row-second {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}

.body-creative-agency .about-gallery-wrapper .row-second .thumb:first-child {
  min-height: 330px !important;
}

.body-creative-agency .about-gallery-wrapper .row-second .thumb:last-child {
  min-height: 230px !important;
}

.body-creative-agency .about-gallery-wrapper .thumb img {
  object-fit: cover !important;
}

.hero-services {
  overflow: hidden !important;
  background: var(--ad-bg-digital) !important;
}

.hero-services .hero-grid {
  align-items: center !important;
}

.hero-services .hero-right {
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero-services .hero-visual {
  width: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
}

.hero-services .hero-visual .mockup-holder {
  width: min(100%, 660px) !important;
  margin-top: 0 !important;
  position: relative !important;
  top: auto !important;
  transform: translateY(-24px) !important;
}

.hero-services .hero-visual img {
  width: min(100%, 660px) !important;
  max-height: clamp(440px, 45vw, 620px) !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.hero-services .hero-benefits {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.3vw, 20px) !important;
  margin-top: 34px !important;
  width: min(100%, 1320px) !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
  align-items: stretch !important;
}

.hero-services .hero-benefit {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 170px !important;
  padding: clamp(18px, 1.5vw, 22px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  border-radius: 16px !important;
  background: rgba(8, 18, 18, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.hero-services .hero-benefit-icon {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 16px !important;
}

.hero-services .hero-benefit h3 {
  min-height: 52px !important;
  margin-bottom: 10px !important;
  font-size: clamp(21px, 1.45vw, 27px) !important;
  line-height: 0.95 !important;
  overflow-wrap: anywhere !important;
}

.hero-services .hero-benefit p {
  max-width: 30ch !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.footer-area .copyright-area-inner {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
}

.footer-area .footer-nav-list {
  justify-content: center !important;
}

.footer-area .social-links {
  justify-content: flex-end !important;
}

.footer-area {
  padding-right: 0 !important;
}

/* Aplicar el nuevo fondo en bloques oscuros del sitio */
.enterprise-area,
.contact-area,
.contact-area-inner,
.cta-area,
.cta-area-inner,
.ad-cta-final,
.ad-cta-final-inner,
.footer-area,
.awards-area .awards-area-inner,
section[style*="background: #0a0a0a"] {
  background: var(--ad-bg-digital-soft) !important;
  position: relative !important;
  overflow: hidden !important;
}

.enterprise-area::before,
.contact-area::before,
.contact-area-inner::before,
.cta-area::before,
.cta-area-inner::before,
.ad-cta-final::before,
.ad-cta-final-inner::before,
.footer-area::before,
.awards-area .awards-area-inner::before,
section[style*="background: #0a0a0a"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 32%, rgba(0, 200, 215, 0.09), transparent 30%),
    radial-gradient(circle at 82% 48%, rgba(168, 217, 0, 0.1), transparent 34%),
    rgba(5, 8, 8, 0.06);
  pointer-events: none;
  z-index: 0;
}

.enterprise-area > *,
.contact-area > *,
.contact-area-inner > *,
.cta-area > *,
.cta-area-inner > *,
.ad-cta-final > *,
.ad-cta-final-inner > *,
.footer-area > *,
.awards-area .awards-area-inner > *,
section[style*="background: #0a0a0a"] > * {
  position: relative;
  z-index: 1;
}

/* Contacto: CTA final mas sobria y proporcional */
.body-corporate-agency .cta-area .cta-area-inner {
  min-height: auto !important;
  padding-top: clamp(76px, 8vw, 118px) !important;
  padding-bottom: clamp(72px, 8vw, 112px) !important;
}

.body-corporate-agency .cta-area .section-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(32px, 6vw, 92px) !important;
}

.body-corporate-agency .cta-area .section-title-wrapper {
  max-width: 920px !important;
}

.body-corporate-agency .cta-area .section-title {
  max-width: 920px !important;
  margin: 0 !important;
  color: var(--ad-green) !important;
  -webkit-text-fill-color: var(--ad-green) !important;
  font-size: clamp(54px, 6.4vw, 104px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
}

.body-corporate-agency .cta-area .section-subtitle {
  margin-bottom: 18px !important;
}

.body-corporate-agency .cta-area .btn-wrapper {
  justify-self: end !important;
  min-width: 0 !important;
}

.body-corporate-agency .cta-area .wc-btn-underline {
  display: inline-flex !important;
  align-items: center !important;
  max-width: min(100%, 520px) !important;
  color: #ffffff !important;
  font-size: clamp(18px, 1.7vw, 32px) !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 991px) {
  .body-corporate-agency .cta-area .section-header {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .body-corporate-agency .cta-area .btn-wrapper {
    justify-self: start !important;
  }

  .body-corporate-agency .cta-area .section-title {
    width: 100% !important;
    max-width: 680px !important;
    font-size: clamp(44px, 12vw, 70px) !important;
    line-height: 0.96 !important;
  }
}

@media (max-width: 575px) {
  .body-corporate-agency .cta-area .cta-area-inner {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .body-corporate-agency .cta-area .section-title {
    max-width: 350px !important;
    font-size: clamp(40px, 11vw, 52px) !important;
  }
}

.awards-area .area-bg {
  display: none !important;
}

@media (max-width: 1199px) {
  .body-creative-agency .about-area .about-area-inner {
    grid-template-columns: 1fr !important;
  }

  .body-creative-agency .about-gallery-wrapper {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 40px !important;
  }

  .body-creative-agency .about-gallery-wrapper .row-second {
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.75fr) !important;
  }

  .awards-area .section-content {
    width: min(620px, 100%) !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }

  .hero-services .hero-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .awards-area .section-content .text,
  .awards-area .section-content .text-wrapper,
  .awards-area .section-content p {
    font-size: 16px !important;
  }

  .body-creative-agency .about-gallery-wrapper .row-second {
    grid-template-columns: 1fr !important;
  }

  .hero-services .hero-visual .mockup-holder {
    margin-top: 0 !important;
  }

  .hero-services .hero-benefits {
    grid-template-columns: 1fr !important;
  }

  .footer-area .copyright-area-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  .footer-area .footer-nav-list,
  .footer-area .social-links {
    justify-content: center !important;
  }
}

/* Responsive QA global: evitar columnas rotas en celular/tablet */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}

.container,
.container.large {
  min-width: 0;
}

.ad-valor-card,
.project-card,
.hero-services .hero-benefit,
.expertise-box,
.ad-detail-card,
.service-box,
.process-box,
.work-area .work-box,
.blog-area article,
.blogs-wrapper-box article {
  min-width: 0 !important;
}

.ad-valor-name,
.ad-valor-text,
.project-card__title,
.project-card__text,
.hero-services .hero-benefit h3,
.hero-services .hero-benefit p,
.expertise-box .name,
.ad-detail-card h3,
.ad-detail-card p,
.service-box .title,
.service-box .text,
.process-box .title,
.process-box .text {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 1199px) {
  .ad-valores-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .work-area .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .expertise-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .contact-area .section-content {
    grid-template-columns: minmax(0, 1fr) minmax(0, 520px) !important;
    gap: 34px !important;
  }

  .contact-wrap,
  .contact-formwrap,
  .contact-formfield,
  .contact-formfield input,
  .contact-formfield textarea {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 991px) {
  body {
    min-width: 0 !important;
  }

  .section-spacing,
  .section-spacing-top,
  .section-spacing-bottom {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .ad-valores-section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .ad-valor-card {
    padding: 28px 24px !important;
    min-height: auto !important;
  }

  .ad-valor-icon {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 18px !important;
  }

  .ad-valor-name {
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  .ad-valor-text {
    max-width: none !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .projects-grid,
  .ad-projects-page .projects-grid,
  .ad-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .project-card__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .contact-area .section-content {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .about-gallery-wrapper .row-second,
  .body-creative-agency .about-gallery-wrapper .row-second {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .has_fade_anim,
  .has_text_move_anim,
  .has_fade_anim *,
  .has_text_move_anim * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  .container,
  .container.large {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .section-title,
  .section-title.large,
  .ad-projects-page .projects-hero-title,
  .hero-services .hero-title,
  .ad-detail-hero h1 {
    max-width: 100% !important;
    font-size: clamp(38px, 13vw, 56px) !important;
    line-height: 0.98 !important;
    overflow-wrap: anywhere;
  }

  .ad-valores-grid,
  .work-area .swiper-wrapper,
  .expertise-wrapper,
  .projects-grid,
  .ad-projects-page .projects-grid,
  .ad-detail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ad-valores-grid {
    gap: 16px !important;
  }

  .ad-contact-hero__text,
  .ad-contact-hero__label,
  .ad-contact-hero__badges,
  .ad-contact-hero__card,
  .ad-contact-card,
  .ad-contact-card__header,
  .ad-contact-card__body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .ad-contact-hero__badges {
    gap: 10px !important;
  }

  .ad-valor-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 22px !important;
  }

  .ad-valor-num {
    margin-bottom: 14px !important;
  }

  .ad-valor-name {
    font-size: 21px !important;
  }

  .project-card__body {
    padding: 20px !important;
  }

  .project-card__metrics {
    grid-template-columns: 1fr !important;
  }

  .hero-services .hero-benefit {
    min-height: auto !important;
  }

  .about-revamp,
  .about-revamp__visual,
  .about-revamp__image,
  .about-revamp__image img,
  .about-revamp__content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .about-revamp__visual {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .about-revamp__image {
    min-height: 300px !important;
  }

  .work-area .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
  }

  .expertise-box {
    min-width: 0 !important;
    min-height: 132px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }

  .clients-wrapper,
  .clients-wrapper .thumb,
  .clients-wrapper .info,
  .content-last,
  .testimonial-slider-active {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  .container,
  .container.large {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .section-title,
  .section-title.large,
  .ad-projects-page .projects-hero-title,
  .hero-services .hero-title,
  .ad-detail-hero h1 {
    font-size: clamp(34px, 12vw, 46px) !important;
  }

  .ad-valor-card,
  .project-card__body {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}