/* ── FIX NAV — sobreescribe index-premium.css ── */
    #navbar .nav-links a {
      color: rgba(255, 255, 255, .9) !important;
      font-family: var(--font-main) !important;
      font-size: 1rem !important;
      font-weight: 600 !important;
      letter-spacing: .05em !important;
    }

    #navbar.scrolled .nav-links a {
      color: #fff !important;
    }

    #navbar.scrolled .nav-links a:hover {
      color: var(--green-lt) !important;
    }

    #navbar:not(.scrolled) .nav-links a:hover {
      color: var(--green-lt) !important;
    }

    /* ── FIX DROPDOWN ── */
    #navbar .dropdown-menu {
      background: #111 !important;
      border: 1px solid rgba(149, 187, 48, .2) !important;
      border-top: 2px solid var(--green) !important;
      box-shadow: 0 12px 40px rgba(0, 0, 0, .5) !important;
    }

    #navbar .dropdown-menu li a {
      color: #f5f2ec !important;
      font-family: var(--font-main) !important;
      font-size: .85rem !important;
      font-weight: 600 !important;
    }

    #navbar .dropdown-menu li a:hover {
      background: rgba(149, 187, 48, .1) !important;
      color: var(--green-lt) !important;
    }

    #navbar .dd-icon {
      color: #95BB30 !important;
    }

    #navbar:not(.scrolled) .dropdown-menu {
      background: #111111 !important;
      border: 1px solid rgba(149, 187, 48, .2) !important;
      border-top: 2px solid var(--green) !important;
      box-shadow: 0 12px 40px rgba(0, 0, 0, .5) !important;
    }

    #navbar:not(.scrolled) .dropdown-menu li a {
      color: #f5f2ec !important;
      font-size: .85rem !important;
      font-weight: 600 !important;
    }

    #navbar:not(.scrolled) .dropdown-menu li a:hover {
      background: rgba(149, 187, 48, 0.1) !important;
      color: #CEE632 !important;
    }

    #navbar:not(.scrolled) .dd-icon {
      color: #95BB30 !important;
    }

    #navbar:not(.scrolled) .nav-logo-img {
      filter: brightness(0) invert(1) !important;
    }

    /* Navbar siempre oscuro en esta página */
    #navbar {
      background: rgba(8,8,8,.96) !important;
      backdrop-filter: blur(20px) !important;
      border-bottom: 1px solid transparent !important;
    }
  

    /* ── HERO NOSOTROS ── */
    .nos-hero {
      min-height: 70vh;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 60px 0 50px;
      margin-top: 82px;
      overflow: hidden;
      background: #ffffff;
    }

    .nos-hero-grid {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: 60px;
      align-items: center;
      max-width: 1350px;
      margin: 0 auto;
      padding: 0 56px;
      position: relative;
      z-index: 5;
    }

    @media (max-width: 1080px) {
      .nos-hero-grid {
        grid-template-columns: 1fr;
        gap: 50px;
        text-align: center;
      }

      .nos-hero-img-wrap {
        order: 1;
      }

      .nos-hero-content {
        order: 2;
        align-items: center !important;
        text-align: center !important;
      }
    }

    .nos-hero-bg {
      position: absolute;
      inset: 0;
      background: radial-gradient(rgba(149,187,48,.10) 1.2px, transparent 1.2px);
      background-size: 26px 26px;
    }

    /* Grandes arcos decorativos esquina derecha */
    .nos-hero-bg::before {
      content: '';
      position: absolute;
      right: -180px; top: 50%;
      transform: translateY(-50%);
      width: 700px; height: 700px;
      border-radius: 50%;
      border: 2px solid rgba(149,187,48,.18);
      box-shadow:
        0 0 0 60px rgba(149,187,48,.06),
        0 0 0 120px rgba(149,187,48,.04),
        0 0 0 200px rgba(149,187,48,.025);
      pointer-events: none;
    }

    /* Barra verde izquierda + mancha de color esquina inferior izq */
    .nos-hero-bg::after {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 5px;
      background: linear-gradient(to bottom, transparent 5%, #95BB30 30%, #95BB30 70%, transparent 95%);
      opacity: .55;
      pointer-events: none;
    }

    /* Texto decorativo de fondo */
    .nos-hero-deco-text {
      position: absolute;
      bottom: -30px; left: 50%;
      transform: translateX(-50%);
      font-family: 'Arial Black', Arial, sans-serif;
      font-size: clamp(7rem, 16vw, 14rem);
      font-weight: 900;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: transparent;
      -webkit-text-stroke: 1.5px rgba(149,187,48,.13);
      white-space: nowrap;
      pointer-events: none;
      user-select: none;
      z-index: 0;
      line-height: 1;
    }

    .nos-hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, rgba(255,255,255,.35) 0%, transparent 60%);
    }

    .nos-hero-content {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
    }

    /* Imagen con recuadro y estilo */
    .nos-hero-img-wrap {
      position: relative;
      padding: 20px;
      max-width: 520px;
      margin: 0 auto;
    }

    .nos-hero-img-frame {
      position: relative;
      z-index: 2;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18);
      transform: perspective(1000px) rotateY(-5deg);
      transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .nos-hero-img-frame:hover {
      transform: perspective(1000px) rotateY(0deg) translateY(-10px);
    }

    .nos-hero-img-frame img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .nos-hero-img-wrap::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 80%;
      height: 80%;
      border: 2px solid var(--green);
      z-index: 1;
      transform: translate(-15px, -15px);
    }

    .nos-hero-img-wrap::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 60%;
      height: 60%;
      background: rgba(149, 187, 48, 0.1);
      z-index: 1;
      transform: translate(15px, 15px);
    }

    .nos-hero-eyebrow {
      font-family: var(--font-sans);
      font-size: .86rem;
      font-weight: 800;
      letter-spacing: .3em;
      text-transform: uppercase;
      color: #95BB30;
      margin-bottom: 12px;
      display: block;
    }

    .nos-hero-title {
      font-family: 'Arial Black', Arial, sans-serif;
      font-size: clamp(3rem, 7vw, 5rem);
      font-weight: 900;
      text-transform: uppercase;
      line-height: 1.0;
      color: #1A1A18;
      letter-spacing: -.01em;
      margin-bottom: 16px;
    }

    .nos-hero-title em {
      font-family: 'Arial Black', Arial, sans-serif; font-style: normal;
      color: inherit;
      font-weight: 900; font-size: 0.82em; text-transform: uppercase;
    }

    .nos-hero-desc {
      font-family: var(--font-sans);
      font-size: 1.15rem;
      color: #5a5853;
      max-width: 650px;
      line-height: 1.7;
    }

    /* ── SECCIÓN PRINCIPAL ── */
    .nos-page-main {
      background: #000;
      padding: 50px 0;
      position: relative;
    }

    .nos-page-main::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent, rgba(149, 187, 48, .3), transparent);
    }

    .nos-page-inner {
      max-width: 1160px;
      margin: 0 auto;
      padding: 0 48px;
      position: relative;
      z-index: 1;
    }

    /* Stats en Hero */
    .nos-hero-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      margin-top: 30px;
      width: 100%;
      animation: fadeInUp 1s ease 0.6s both;
    }

    .nos-hero-stat-item {
      display: flex;
      flex-direction: column;
    }

    .nos-hero-stat-num {
      font-family: var(--font-serif);
      font-size: 3.5rem;
      color: #95BB30;
      line-height: 1;
      margin-bottom: 8px;
    }

    .nos-hero-stat-label {
      font-size: .85rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #5a5853;
      line-height: 1.4;
    }

    /* Bloque misión/visión */
    .nos-mv-block {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-bottom: 40px;
      position: relative;
      z-index: 1;
    }

    .nos-mv-item {
      background: rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      padding: 60px 45px;
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .nos-mv-watermark {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80%;
      height: 80%;
      transform: translate(-50%, -50%);
      background: url('../../fotos/logos/marca.jpeg?v=4') center/contain no-repeat;
      opacity: 0.02;
      pointer-events: none;
      z-index: 0;
      transition: all 0.6s ease;
    }

    .nos-mv-item:hover .nos-mv-watermark {
      opacity: 0.05;
      transform: translate(-50%, -50%) scale(1.05);
    }

    .nos-mv-item:hover {
      transform: translateY(-15px);
      border-color: var(--green);
      background: rgba(149, 187, 48, 0.04);
      box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5);
    }

    .nos-mv-num {
      position: absolute;
      top: -20px;
      right: -10px;
      font-family: var(--font-serif);
      font-size: 10rem;
      font-weight: 400;
      color: rgba(149, 187, 48, 0.04);
      line-height: 1;
      pointer-events: none;
      transition: all 0.6s;
    }

    .nos-mv-item:hover .nos-mv-num {
      color: rgba(149, 187, 48, 0.08);
      transform: scale(1.1) translateX(-20px);
    }

    .nos-mv-icon {
      font-size: 2.5rem;
      margin-bottom: 24px;
      display: block;
      filter: drop-shadow(0 0 10px rgba(149, 187, 48, 0.3));
    }

    .nos-mv-icon img {
      width: 52px;
      height: 52px;
      object-fit: contain;
      filter: drop-shadow(0 0 10px rgba(149, 187, 48, 0.3));
    }

    .nos-mv-title {
      font-family: var(--font-serif);
      font-size: 2.2rem;
      font-weight: 300;
      color: var(--white);
      margin-bottom: 20px;
      line-height: 1.1;
    }

    .nos-mv-title em {
      font-family: 'Arial Black', Arial, sans-serif; font-style: normal;
      font-weight: 900; color: inherit; font-size: 1em; text-transform: uppercase;
    }

    .nos-mv-text {
      font-family: var(--font-sans);
      font-size: 1rem;
      color: rgba(255, 255, 255, 0.7);
      line-height: 1.8;
      transition: color 0.3s;
    }

    .nos-mv-item:hover .nos-mv-text {
      color: rgba(255, 255, 255, 0.95);
    }

    .nos-mv-text strong {
      color: var(--green-lt);
      font-weight: 700;
    }

    /* Valores */
    .nos-valores-header {
      text-align: center;
      margin-bottom: 60px;
      position: relative;
      z-index: 1;
    }

    .nos-valores-title {
      font-family: var(--font-serif);
      font-size: clamp(2.5rem, 5vw, 3.5rem);
      font-weight: 300;
      color: var(--white);
    }

    .nos-valores-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      position: relative;
      z-index: 1;
    }

    .nos-valor-item {
      background: rgba(255, 255, 255, 0.02);
      border: 1px solid rgba(255, 255, 255, 0.05);
      padding: 40px 30px;
      border-radius: 16px;
      transition: all 0.5s ease;
      text-align: center;
    }

    .nos-valor-item:hover {
      background: rgba(149, 187, 48, 0.05);
      border-color: var(--green);
      transform: scale(1.05);
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    }

    .nos-valor-icon-wrap {
      width: 70px;
      height: 70px;
      background: rgba(149, 187, 48, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
      font-size: 1.8rem;
      transition: all 0.3s;
      border: 1px solid rgba(149, 187, 48, 0.2);
    }

    .nos-valor-item:hover .nos-valor-icon-wrap {
      background: var(--green);
      transform: rotateY(360deg);
      color: #fff;
    }

    .nos-valor-name {
      font-family: var(--font-sans);
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 12px;
      letter-spacing: 0.05em;
    }

    .nos-valor-desc {
      font-family: var(--font-sans);
      font-size: .88rem;
      color: rgba(255, 255, 255, 0.6);
      line-height: 1.7;
    }

    /* Imagen + quote */
    .nos-img-section {
      position: relative;
      margin-bottom: 100px;
      border-radius: 4px;
      overflow: hidden;
      height: 420px;
    }

    .nos-img-section img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .nos-img-overlay-dark {
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, rgba(14, 14, 12, .9) 0%, rgba(14, 14, 12, .4) 60%, transparent 100%);
      display: flex;
      align-items: center;
      padding: 0 64px;
    }

    .nos-img-quote-text {
      font-family: var(--font-serif);
      font-size: 2rem;
      font-weight: 300;
      color: var(--white);
      max-width: 560px;
      line-height: 1.35;
    }

    .nos-img-quote-text em {
      font-family: 'Dancing Script', cursive; font-style: normal;
      color: var(--green-lt); font-size: 1.25em;
    }

    /* Valores */
    .nos-valores-header {
      text-align: center;
      margin-bottom: 28px;
    }

    .nos-valores-eyebrow {
      font-family: var(--font-sans);
      font-size: .84rem;
      font-weight: 800;
      letter-spacing: .28em;
      text-transform: uppercase;
      color: var(--green);
      display: block;
      margin-bottom: 16px;
    }

    .nos-valores-title {
      font-family: var(--font-serif);
      font-size: clamp(1.4rem, 3vw, 2rem);
      font-weight: 300;
      color: var(--white);
    }

    .nos-valores-title em {
      font-family: 'Arial Black', Arial, sans-serif; font-style: normal;
      font-weight: 900; color: inherit; font-size: 0.82em; text-transform: uppercase;
    }

    .nos-valores-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      margin-bottom: 0;
    }

    .nos-valor-item {
      background: rgba(255, 255, 255, .025);
      border: 1px solid rgba(255, 255, 255, .05);
      padding: 22px 20px;
      transition: all .3s;
    }

    .nos-valor-item:hover {
      background: rgba(149, 187, 48, .08);
      border-color: rgba(149, 187, 48, .25);
      transform: translateY(-4px);
    }

    .nos-valor-icon {
      font-size: 1.5rem;
      margin-bottom: 8px;
      display: block;
    }

    .nos-valor-name {
      font-family: var(--font-sans);
      font-size: .95rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px;
    }

    .nos-valor-desc {
      font-family: var(--font-sans);
      font-size: .83rem;
      color: #ffffff;
      line-height: 1.7;
    }

    /* Social */
    .nos-social-section {
      background: rgba(255, 255, 255, .02);
      border: 1px solid rgba(255, 255, 255, .06);
      padding: 60px;
      text-align: center;
    }

    .nos-social-title {
      font-family: var(--font-serif);
      font-size: 1.8rem;
      font-weight: 300;
      color: var(--white);
      margin-bottom: 10px;
    }

    .nos-social-sub {
      font-family: var(--font-sans);
      font-size: .88rem;
      color: #ffffff;
      margin-bottom: 32px;
    }

    .nos-social-btns {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
    }

    .nos-soc-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 24px;
      border-radius: 2px;
      font-family: var(--font-sans);
      font-size: .82rem;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--white);
      transition: all .3s;
      text-decoration: none;
    }

    .nos-soc-btn.instagram {
      background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    }

    .nos-soc-btn.facebook {
      background: #1877F2;
    }

    .nos-soc-btn.tiktok {
      background: #010101;
      border: 1px solid rgba(255, 255, 255, .1);
    }

    .nos-soc-btn:hover {
      opacity: .85;
      transform: translateY(-2px);
    }

    /* CTA final */
    .nos-cta {
      background: linear-gradient(135deg, rgba(10, 30, 6, .97), rgba(26, 60, 10, .97));
      padding: 100px 0;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .nos-cta::before {
      content: '';
      position: absolute;
      top: -100px;
      right: -100px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(149, 187, 48, .1) 0%, transparent 70%);
    }

    .nos-cta-inner {
      position: relative;
      z-index: 1;
    }

    .nos-cta-title {
      font-family: var(--font-serif);
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 300;
      color: var(--white);
      margin-bottom: 16px;
    }

    .nos-cta-title em {
      font-family: 'Dancing Script', cursive; font-style: normal;
      color: var(--green-lt); font-size: 1.25em;
    }

    .nos-cta-sub {
      font-family: var(--font-sans);
      font-size: .95rem;
      color: #ffffff;
      margin-bottom: 40px;
    }

    .nos-cta-btns {
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-wrap: wrap;
    }

    /* ── CÓMO TRABAJAMOS ── */
    .nos-como-section {
      padding: 100px 0;
      background: var(--dark-2);
      position: relative;
    }

    .nos-como-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(to right, transparent, rgba(149, 187, 48, .3), transparent);

    }

    .nos-como-header {
      text-align: center;
      margin-bottom: 72px;
    }

    .nos-como-eyebrow {
      font-family: var(--font-sans);
      font-size: .84rem;
      font-weight: 800;
      letter-spacing: .28em;
      text-transform: uppercase;
      color: var(--green);
      display: block;
      margin-bottom: 16px;
    }

    .nos-como-title {
      font-family: var(--font-serif);
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 300;
      color: var(--white);
    }

    .nos-como-title em {
      font-family: 'Dancing Script', cursive; font-style: normal;
      color: var(--green-lt); font-size: 1.25em;
    }

    .nos-como-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      align-items: stretch;
    }

    /* Card base */
    .nos-como-card {
      display: flex;
      flex-direction: column;
      background: var(--dark-3);
      border: 1px solid rgba(255, 255, 255, .06);
      overflow: hidden;
      transition: border-color .35s, transform .35s, box-shadow .35s;
    }

    .nos-como-card:hover {
      border-color: rgba(149, 187, 48, .3);
      transform: translateY(-6px);
      box-shadow: 0 20px 48px rgba(0, 0, 0, .5);
    }

    /* Bloque de TEXTO */
    .nos-como-text-block {
      padding: 32px 20px 20px;
      text-align: center;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .nos-como-step-num {
      font-family: var(--font-sans);
      font-size: .79rem;
      font-weight: 800;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--green);
      display: block;
      margin-bottom: 10px;
    }

    .nos-como-step-title {
      font-family: var(--font-sans);
      font-size: .98rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px;
      line-height: 1.3;
    }

    .nos-como-step-desc {
      font-family: var(--font-sans);
      font-size: .82rem;
      color: #ffffff;
      line-height: 1.75;
    }

    /* Triángulo verde apuntando ABAJO — va entre texto y foto (card impar) */
    .nos-como-tri-down {
      width: 100%;
      height: 48px;
      flex-shrink: 0;
      background: #95BB30;
      clip-path: none;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 6px;
      transition: background .3s;
    }

    .nos-como-card:hover .nos-como-tri-down {
      background: var(--green-lt);
    }

    /* Triángulo verde apuntando ARRIBA — va entre foto y texto (card par) */
    .nos-como-tri-up {
      width: 100%;
      height: 48px;
      flex-shrink: 0;
      background: var(--green);
      clip-path: none;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 6px;
      transition: background .3s;
    }

    .nos-como-card:hover .nos-como-tri-up {
      background: var(--green-lt);
    }

    .nos-como-tri-icon {
      font-size: 1.5rem;
      line-height: 1;
    }

    /* Imagen */
    .nos-como-foto {
      width: 100%;
      aspect-ratio: 1/1;
      background-size: cover;
      background-position: center;
      filter: grayscale(.5) brightness(.7);
      transition: filter .5s;
      flex-shrink: 0;
    }

    .nos-como-card:hover .nos-como-foto {
      filter: grayscale(.1) brightness(.85);
    }

    .nos-como-section {
      background: #050505 !important;
    }

    .nos-como-card {
      background: #111 !important;
      border-color: rgba(255, 255, 255, 0.05) !important;
    }

    .nos-como-card:hover {
      border-color: var(--green) !important;
    }

    .nos-como-step-num {
      color: var(--green) !important;
    }

    .nos-como-step-title {
      color: #fff !important;
    }

    .nos-como-step-desc {
      color: #ffffff !important;
    }

    .nos-como-eyebrow {
      color: var(--green) !important;
    }

    .nos-como-title {
      color: #fff !important;
    }

    .nos-como-title em {
      color: var(--green-lt) !important;
    }

    .nos-como-section::before {
      background: linear-gradient(to right, transparent, rgba(149, 187, 48, .3), transparent) !important;
      display: block !important;
    }

    .nos-page-main {
      background: #f5efe4;
    }

    .nos-page-stat {
      background: rgba(255, 255, 255, 0.7);
      border-color: rgba(149, 187, 48, 0.18);
    }

    .nos-page-stat-num {
      color: #5a8010;
    }

    .nos-page-stat-label {
      color: #5A5853;
    }

    .nos-mv-item {
      background: rgba(255, 255, 255, 0.75);
      border-color: rgba(149, 187, 48, 0.16);
    }

    .nos-mv-title {
      color: #1A1A18;
    }

    .nos-mv-text {
      color: #5A5853;
    }

    .nos-mv-num {
      color: rgba(149, 187, 48, 0.12);
    }

    .nos-img-quote-text {
      color: #fff;
    }

    .nos-valores-title {
      color: #1A1A18;
    }

    .nos-valores-title {
      color: #fff;
    }

    .nos-valores-title em {
      color: #95BB30;
    }

    .nos-valor-item {
      background: rgba(255, 255, 255, 0.03);
      border-color: rgba(255, 255, 255, 0.08);
    }

    .nos-valor-name {
      color: #fff;
    }

    .nos-valor-desc {
      color: rgba(255, 255, 255, 0.6);
    }



    /* Responsive */
    @media (max-width: 960px) {
      .nos-como-grid {
        grid-template-columns: 1fr 1fr;
      }

      .nos-hero-content {
        padding: 90px 24px 0;
      }

      .nos-page-inner {
        padding: 0 24px;
      }

      .nos-page-stats {
        grid-template-columns: 1fr 1fr 1fr;
      }

      .nos-mv-block {
        grid-template-columns: 1fr;
      }

      .nos-valores-grid {
        grid-template-columns: 1fr 1fr;
      }

      .nos-social-section {
        padding: 40px 24px;
      }
    }

    @media (max-width: 640px) {
      .nos-como-grid {
        grid-template-columns: 1fr;
      }

      .nos-hero {
        min-height: 60vh;
        padding: 0 0 60px;
      }

      .nos-page-main {
        padding: 72px 0;
      }

      .nos-page-stats {
        grid-template-columns: 1fr;
      }

      .nos-valores-grid {
        grid-template-columns: 1fr;
      }

      .nos-img-section {
        height: 280px;
      }

      .nos-img-overlay-dark {
        padding: 0 28px;
      }

      .nos-img-quote-text {
        font-size: 1.3rem;
      }

      .nos-mv-item {
        padding: 40px 28px;
      }

    }

    /* ── RESTAURAR FONDOS NORMALES ── */
    .eq-main,
    .eq-adicional-section {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      position: relative;
      z-index: 10;
    }
  

    .premium-valores-section {
      background: #ffffff;
      /* Pure white background like reference image */
      padding: 50px 0;
      position: relative;
      overflow: hidden;
      width: 100%;
    }

    .valores-wrapper-grid {
      display: grid;
      grid-template-columns: 42% 58%;
      align-items: center;
      width: 100%;
      position: relative;
    }

    /* Left Card - Premium Architectural Beige Block (Touches left edge of screen) */
    .valores-hero-card {
      background: var(--beige-2);
      /* Warm luxury beige */
      border-radius: 0 40px 40px 0;
      padding: 80px 60px 80px clamp(40px, 6vw, 120px);
      color: var(--dark-txt);
      /* High contrast dark text */
      box-shadow: 15px 20px 50px rgba(30, 26, 18, 0.05);
      /* Soft natural shadow */
      border: 1px solid rgba(149, 187, 48, 0.25);
      border-left: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      overflow: hidden;
      z-index: 2;
    }

    /* Marca de agua edificio en bloque beige */
    .valores-hero-wm {
      position: absolute;
      bottom: -1%;
      right: -5%;
      width: 75%;
      height: 70%;
      background: url('../../fotos/logos/marca.jpeg?v=4') center/contain no-repeat;
      opacity: 0.35;
      filter: brightness(0) invert(1);
      pointer-events: none;
      z-index: 0;
    }

    /* Subtle architectural accent line inside the dark card */
    .valores-hero-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: linear-gradient(to bottom, var(--green-lt), var(--green-dk));
    }

    .valores-hero-eyebrow {
      font-family: var(#95BB30);
      font-size: 0.95rem;
      font-weight: 700;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--green-dk);
      margin-bottom: 16px;
      display: block;
    }

    .valores-hero-title {
      font-family: var(--font-serif);
      font-size: clamp(2rem, 3.8vw, 2.8rem);
      font-weight: 300;
      line-height: 1.15;
      color: var(--dark-txt);
      margin-bottom: 24px;
    }

    .valores-hero-title em {
      font-family: 'Arial Black', Arial, sans-serif; font-style: normal;
      color: inherit;
      font-weight: 900; font-size: 1em; text-transform: uppercase;
    }

    .valores-hero-desc {
      font-family: var(--font-main);
      font-size: 1.1rem;
      color: var(--mid-txt);
      line-height: 1.85;
      margin-bottom: 40px;
    }

    .valores-hero-actions {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
    }

    .valores-btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: var(--green);
      /* Company brand green */
      color: #1A1A18;
      font-family: var(--font-main);
      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-decoration: none;
      padding: 16px 32px;
      border-radius: 12px;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      box-shadow: 0 4px 15px rgba(149, 187, 48, 0.3);
      border: 1px solid transparent;
    }

    .valores-btn-primary:hover {
      background: var(--green-lt);
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(206, 230, 50, 0.4);
    }

    .valores-btn-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: transparent;
      color: var(--green-dk);
      /* Dark green for visibility on beige card */
      font-family: var(--font-main);
      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-decoration: none;
      padding: 16px 32px;
      border-radius: 12px;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      border: 1px solid var(--green);
      /* Company brand green border */
    }

    .valores-btn-secondary:hover {
      background: var(--green);
      color: #1A1A18;
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(149, 187, 48, 0.3);
    }

    /* Right Grid - Value Cards & Watermark */
    .valores-grid-container {
      position: relative;
      display: flex;
      align-items: center;
      padding: 0 80px 0 40px;
      width: 100%;
      height: 100%;
    }

    .valores-grid-premium {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      width: 100%;
      position: relative;
      z-index: 2;
    }

    .valores-card-premium {
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.05);
      border-radius: 16px;
      padding: 32px 24px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      display: flex;
      flex-direction: column;
      position: relative;
      z-index: 2;
    }

    .valores-card-premium:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(149, 187, 48, 0.1);
      border-color: var(--green);
      /* Glow in brand green on hover for all cards */
    }

    .valores-card-header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 16px;
    }

    .valores-card-icon-box {
      width: 44px;
      height: 44px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform 0.3s ease;
    }

    .valores-card-premium:hover .valores-card-icon-box {
      transform: scale(1.1) rotate(5deg);
    }

    .valores-card-title {
      font-family: var(--font-main);
      font-size: 1.15rem;
      font-weight: 700;
      color: var(--dark-txt);
      margin: 0;
      letter-spacing: 0.02em;
    }

    .valores-card-body {
      font-family: var(--font-main);
      font-size: 1.02rem;
      color: var(--mid-txt);
      line-height: 1.75;
      margin: 0;
    }

    /* Watermark positioned to the far right, matching the reference image */
    .valores-watermark {
      display: none;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .valores-grid-container {
        padding: 0 40px 0 30px;
      }

      .valores-grid-premium {
        gap: 16px;
      }
    }

    @media (max-width: 900px) {
      .valores-wrapper-grid {
        grid-template-columns: 1fr;
      }

      .valores-hero-card {
        border-radius: 24px;
        margin: 0 24px;
        padding: 48px 36px;
        border-left: 1px solid rgba(149, 187, 48, 0.15);
      }

      .valores-grid-container {
        padding: 0 24px;
        margin-top: 40px;
      }

      .valores-watermark {
        right: 0;
        width: 320px;
        height: 320px;
      }
    }

    @media (max-width: 580px) {
      .valores-grid-premium {
        grid-template-columns: 1fr;
      }

      .valores-hero-card {
        margin: 0 16px;
        padding: 40px 24px;
      }

      .valores-grid-container {
        padding: 0 16px;
      }

      .valores-hero-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px;
      }

      .valores-btn-primary,
      .valores-btn-secondary {
        width: 100%;
      }
    }