/* Tipografía base */
body {
  font-size: clamp(0.9rem, .35rem + 1vw, 1rem);
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0 0 .5em 0; }

/* Tamaños fluidos */
h1, .h1 { font-size: clamp(1.5rem, .9rem + 4vw, 2.5rem); font-weight: 700; }
h2, .h2 { font-size: clamp(1.4rem, .8rem + 3.2vw, 2.2rem); font-weight: 600; }
h3, .h3 { font-size: clamp(1.3rem, .8rem + 2.2vw, 1.8rem); font-weight: 600; }
h4, .h4 { font-size: clamp(1.25rem, .85rem + 1.5vw, 1.6rem); font-weight: 500; }
h5, .h5 { font-size: clamp(1.2rem, .8rem + 1vw, 1.4rem); font-weight: 500; }
h6, .h6 { font-size: clamp(1rem, .77rem + .7vw, 1.1rem); font-weight: 500; }

/* Párrafo destacado */
.lead { font-size: clamp(1.1rem, .85rem + 1.2vw, 1.35rem); font-weight: 400; }

/* Botones / links (mantengo tus utilidades) */
.link-button { font-size: clamp(0.9rem, 1vw + .35rem, 1em); }
.btn-gentres-skill.font { font-size: clamp(1rem, 1vw + .35rem, 1.1rem); }
.btn-gentres-skill.btn-small { font-size: clamp(.95rem, 1vw + .35rem, 1.1rem); }
.btn-gentres-skill.extraSmall { font-size: clamp(.9rem, 1vw + .35rem, 1rem); }
.btn-gentres-skill.cta { font-size: clamp(1rem, 1vw + .35rem, 1.1rem); }

/* Layout original */
.main-padding { padding-right: 100px; padding-left: 100px; }
.div-height { height: 110px; }

/* Header */
.nav-text-responsive { font-size: clamp(0.9rem, 1.3vw, 1rem) !important; line-height: 1.15; }
.navbar a.nav-text-responsive span { font-size: inherit !important; }
@media (max-width: 1061px){ .nav-text-responsive{ font-size: 1rem !important; } }

/* Select2 */
.select2-no-search + .select2-container {
  width: clamp(150px, 100%, 300px) !important;
}

/* Solo layout responsivo */
@media (max-width: 1024px) {
  .main-padding { padding-right: 80px; padding-left: 80px; }
}
@media (max-width: 767px) {
  .main-padding { padding-right: 50px; padding-left: 50px; }
}
@media (max-width: 610px) {
  .main-padding { padding-right: 40px; padding-left: 40px; }
}
@media (max-width: 450px) {
  .main-padding { padding-right: 30px; padding-left: 30px; }
  .div-height { height: 100px; }
}
/* Generic responsive type scale */
:root {
  --sk-text-compact-size: clamp(0.85rem, 0.81rem + 0.18vw, 0.92rem); /* Compact text slightly smaller than the default paragraph size */
  --sk-text-compact-line: 1.42; /* Line height for compact text */
  --sk-text-muted-size: clamp(0.83rem, 0.8rem + 0.14vw, 0.88rem); /* Secondary informative text, smaller and lighter than compact */
  --sk-text-muted-line: 1.45; /* Line height for muted/supporting text */
  --sk-text-meta-size: clamp(0.75rem, 0.73rem + 0.1vw, 0.79rem); /* Tiny metadata labels and compact descriptors */
  --sk-text-meta-line: 1.2; /* Line height for compact metadata */
  --sk-font-weight-semibold: 600; /* Shared semibold weight for labels and subheads */
  --sk-font-weight-bold: 700; /* Shared bold weight for pills and emphasis */
  --sk-pill-label-size: clamp(0.71rem, 0.69rem + 0.08vw, 0.76rem); /* Labels next to small pills, e.g. Required/Candidate */
  --sk-pill-text-size: clamp(0.61rem, 0.59rem + 0.06vw, 0.66rem); /* Text inside small level/status pills */
  --sk-pill-metric-size: clamp(0.63rem, 0.61rem + 0.08vw, 0.69rem); /* Text inside metric pills such as Match/Missing */
  --sk-ribbon-font-size: clamp(0.68rem, 0.67rem + 0.04vw, 0.72rem); /* Informative ribbon text size */
  --sk-ribbon-line-height: 1.15; /* Tight line height for informative ribbons */
  --sk-ribbon-fold: .5em; /* Fold depth for ribbon shape */
  --sk-ribbon-notch: .65em; /* Left notch size for ribbon shape */
  --sk-ribbon-pad-block: .42em; /* Vertical padding for ribbon background */
  --sk-ribbon-pad-inline: .55em; /* Horizontal padding for ribbon text */
  --sk-copy-compact-size: var(--sk-text-compact-size); /* Backward-compatible alias for compact text */
  --sk-copy-compact-line: var(--sk-text-compact-line); /* Backward-compatible alias for compact line height */
  --sk-copy-muted-size: var(--sk-text-muted-size); /* Backward-compatible alias for muted text */
  --sk-copy-muted-line: var(--sk-text-muted-line); /* Backward-compatible alias for muted line height */
  --sk-copy-meta-size: var(--sk-text-meta-size); /* Backward-compatible alias for metadata size */
  --sk-copy-meta-line: var(--sk-text-meta-line); /* Backward-compatible alias for metadata line height */
  --sk-copy-muted-color: var(--sk-text-muted-color, #5b6778); /* Backward-compatible alias for muted text color */
}