@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}
h1 {
    font-weight: 300;
    letter-spacing: -2px;
}
/* CIMBRA · PROGRAMAS TEST */

.cimbra-test {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f7f3ef;
  color: #2d2a26;
  padding: 80px 24px;
}

.cimbra-test * {
  box-sizing: border-box;
}

.cimbra-test-wrap {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
}

.cimbra-kicker {
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7b5b45;
  margin-bottom: 18px;
}

.cimbra-test h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.95;
  font-weight: 400;
  margin: 0 0 24px;
  color: #2d2a26;
}

.cimbra-test h1 span {
  color: #8a5f44;
  font-style: italic;
}

.cimbra-lead {
  font-size: 19px;
  line-height: 1.65;
  color: #5f5851;
  max-width: 590px;
  margin-bottom: 32px;
}

.cimbra-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.cimbra-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}

.cimbra-btn-primary {
  background: #2d2a26;
  color: #fff !important;
}

.cimbra-btn-secondary {
  border: 1px solid #2d2a26;
  color: #2d2a26 !important;
}

.cimbra-card {
  background: #fff;
  border: 1px solid #e4d9cf;
  border-radius: 28px;
  padding: 36px;
  box-shadow: 0 20px 60px rgba(45,42,38,0.08);
}

.cimbra-card-label {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a5f44;
  margin-bottom: 16px;
}

.cimbra-card h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 400;
  margin: 0 0 18px;
}

.cimbra-card p {
  font-size: 16px;
  line-height: 1.65;
  color: #5f5851;
  margin: 0 0 18px;
}

.cimbra-pill {
  display: inline-block;
  background: #f1e8df;
  color: #6c4a35;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 13px;
  margin-top: 8px;
}

@media (max-width: 820px) {
  .cimbra-test {
    padding: 56px 20px;
  }

  .cimbra-test-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .cimbra-card {
    padding: 26px;
    border-radius: 22px;
  }
}
/* CIMBRA SENSE · TEST 1 */

.sense-test {
  background: #111 !important;
  color: #fff !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.sense-hero {
  min-height: 620px !important;
  padding: 90px 28px !important;
  background: linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.30)), url("https://ss-cnt-001c.esmsv.com/r/content/host2/328394ef189f49937dfcd9c8d0fa41a0//editor/foto.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  display: flex !important;
  align-items: center !important;
}

.sense-inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

.sense-kicker {
  color: #d6a85f !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  margin-bottom: 18px !important;
}

.sense-hero h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(42px, 6vw, 76px) !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  max-width: 760px !important;
  margin: 0 0 24px !important;
  color: #fff !important;
}

.sense-hero p {
  font-size: 20px !important;
  line-height: 1.55 !important;
  max-width: 560px !important;
  color: #eee !important;
  margin: 0 0 26px !important;
}

.sense-btn {
  display: inline-block !important;
  background: #7f2fb0 !important;
  color: #fff !important;
  padding: 14px 24px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.sense-section {
  padding: 80px 28px !important;
  background: #151515 !important;
}

.sense-section h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  max-width: 850px !important;
  margin: 0 0 20px !important;
  color: #fff !important;
}

.sense-section p {
  font-size: 20px !important;
  line-height: 1.6 !important;
  max-width: 780px !important;
  color: #ddd !important;
  margin: 0 !important;
}
/* CIMBRA · BOTONES BURDEOS */

button,
input[type="submit"],
.cimbra-btn-primary,
.sense-btn,
a[style*="#7f2fb0"],
a[style*="#7F2FB0"] {
  background-color: #6E2D3F !important;
  border-color: #6E2D3F !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

button:hover,
input[type="submit"]:hover,
.cimbra-btn-primary:hover,
.sense-btn:hover,
a[style*="#7f2fb0"]:hover,
a[style*="#7F2FB0"]:hover {
  background-color: #4A1F2C !important;
  border-color: #4A1F2C !important;
  color: #ffffff !important;
}
/* CIMBRA · RESPONSIVE GLOBAL */

@media (max-width: 820px) {

  body {
    overflow-x: hidden !important;
  }

  /* HOME PROGRAMAS */
  .cimbra-test {
    padding: 56px 20px !important;
  }

  .cimbra-test-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .cimbra-test h1 {
    font-size: 44px !important;
    line-height: 1.02 !important;
    letter-spacing: -1px !important;
  }

  .cimbra-lead {
    font-size: 17px !important;
    line-height: 1.6 !important;
  }

  .cimbra-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .cimbra-card {
    padding: 28px !important;
    border-radius: 22px !important;
  }

  .cimbra-card h2 {
    font-size: 28px !important;
  }

  /* CIMBRA SENSE: GRIDS INLINE */
  section[style*="background:#111"] div[style*="grid-template-columns:repeat(3,1fr)"],
  section[style*="background:#111"] div[style*="grid-template-columns:repeat(2,1fr)"],
  section[style*="background:#111"] div[style*="grid-template-columns:1.15fr"],
  section[style*="background:#111"] div[style*="grid-template-columns:1fr 1fr"],
  section[style*="background:#111"] div[style*="grid-template-columns:repeat(auto-fit"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  section[style*="background:#151515"] div[style*="grid-template-columns:repeat(2,1fr)"],
  section[style*="background:#151515"] div[style*="grid-template-columns:repeat(3,1fr)"],
  section[style*="background:#151515"] div[style*="grid-template-columns:1.15fr"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* CIMBRA SENSE: TEXTOS Y ESPACIADOS */
  section h1,
  section h2 {
    max-width: 100% !important;
  }

  section[style*="background:#111"] h1,
  section[style*="background:#151515"] h1 {
    font-size: 42px !important;
    line-height: 1.12 !important;
  }

  section[style*="background:#111"] h2,
  section[style*="background:#151515"] h2 {
    font-size: 34px !important;
    line-height: 1.16 !important;
    white-space: normal !important;
  }

  section[style*="background:#111"] p,
  section[style*="background:#151515"] p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  section[style*="background:#111"] div[style*="padding:100px 28px"],
  section[style*="background:#151515"] div[style*="padding:100px 28px"] {
    padding: 64px 22px !important;
  }

  section[style*="background:#111"] div[style*="padding:110px 28px"] {
    padding: 76px 22px !important;
    min-height: auto !important;
  }

  section img {
    height: 220px !important;
    max-width: 100% !important;
  }

  /* CONTACTO */
  form input,
  form textarea,
  form select {
    width: 100% !important;
  }
}