/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Sergio Silva
 Author URI:   https://koltsocial.xyz
 Template:     generatepress
 Version:      1.0
*/

/* COMPATIBILIDAD */
.ks-xxxl,
.ks-xxl,
.ks-xl,
.ks-lg,
.ks-md,
.ks-subtitle1,
.ks-subtitle2 {
  margin-top: 0px
}

.hero-eyebrow,
.section-eyebrow {
  color: #323232 !important
}

ul.sin-margen {
  margin-left: 1.2em !important
}

.noBottomMargin {
  margin-bottom: 0px !important
}

.secuencia>a {
  font-size: 0.75rem !important;
  color: silver !important;
}


/* 
 * Generated by clampgenerator.com 
 * Font size: 16px to 17px
 * Viewport: 320vw to 1200vw
 */
html {
  font-size: 16px;
}

:root {
  --ks-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --ks-font-weight-base: 400;
  --ks-font-family-head: 'Fraunces', Georgia, serif;
  --ks-font-weight-head: 400;
  --ks-font-family-code: 'Roboto Mono', monospace;
  --ks-font-weight-code: 400;

  --ks-font-h1: clamp(2.25rem, calc(1.832rem + 2.091vw), 3.40rem);
  --ks-font-h2: clamp(1.95rem, calc(1.577rem + 1.864vw), 2.97rem);
  --ks-font-h3: clamp(1.70rem, calc(1.391rem + 1.545vw), 2.55rem);
  --ks-font-h4: clamp(1.45rem, calc(1.205rem + 1.227vw), 2.13rem);
  --ks-font-h5: clamp(1.25rem, calc(1.028rem + 1.108vw), 1.86rem);
  --ks-font-h6: clamp(1.13rem, calc(0.955rem + 0.852vw), 1.59rem);
  --ks-font-base: clamp(1.00rem, calc(0.977rem + 0.114vw), 1.06rem);
  --ks-font-small: clamp(0.88rem, calc(0.787rem + 0.183vw), 0.92rem);
  --ks-font-tiny: clamp(0.75rem, calc(0.733rem + 0.085vw), 0.80rem);
  --ks-font-code: clamp(0.88rem, calc(0.826rem + 0.244vw), 1.01rem);
  --ks-font-medium: clamp(1.065rem, calc(0.966rem + 0.483vw), 1.325rem);

  --ease: 200ms ease;
}

/* Font Family Setup */
body,
.ks-base {
  font-family: var(--ks-font-family-base);
  font-weight: var(--ks-font-weight-base);
  text-wrap: pretty;
  line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ks-md {
  font-family: var(--ks-font-family-head) !important;
  font-weight: var(--ks-font-weight-head);
  line-height: 1.2;
  text-wrap: balance;
}

h1,
h2,
h3 {
  letter-spacing: -0.02em;
}

h4,
h5,
h6 {
  letter-spacing: -0.0095em;
}

p {
  line-height: 1.7;
}

code,
.ks-code {
  font-family: 'Roboto Mono', monospace;
  font-weight: 400;
}

/* Typography Sizes with Variables */
h1,
.ks-h1 {
  font-size: var(--ks-font-h1) !important;
}

h2,
.ks-h2 {
  font-size: var(--ks-font-h2) !important;
}

h2.entry-title {
  font-size: var(--ks-font-h6);
}

h3,
.ks-h3 {
  font-size: var(--ks-font-h3) !important;
}

h4,
.ks-h4 {
  font-size: var(--ks-font-h4) !important;
}

h5,
.ks-h5 {
  font-size: var(--ks-font-h5) !important;
}

h6,
.ks-h6 {
  font-size: var(--ks-font-h6) !important;
}

.ks-md {
  font-size: var(--ks-font-medium) !important;
}

small,
.ks-small,
.ks-sm {
  font-size: var(--ks-font-small) !important;
}

.tiny,
.ks-tiny,
.ks-xs {
  font-size: var(--ks-font-tiny) !important;
}

.ks-eyebrow {
  font-family: var(--ks-font-family-base) !important;
  font-size: var(--ks-font-tiny) !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

code,
.ks-code {
  font-size: var(--ks-font-code);
}

/* 
 * Generated by clampgenerator.com 
 * Viewport: 320vw to 1200vw
 */
.ks-marginTop-sm {
  margin-top: clamp(1rem, calc(0.636rem + 1.818vw), 2rem) !important;
}

.ks-marginTop-md {
  margin-top: clamp(2rem, calc(2.273rem + 3.636vw), 5rem) !important;
}

.ks-marginTop-lg {
  margin-top: clamp(3rem, calc(2.545rem + 7.273vw), 8rem) !important;
}

.ks-marginBottom-sm {
  margin-bottom: clamp(1rem, calc(0.636rem + 1.818vw), 2rem) !important;
}

.ks-marginBottom-md {
  margin-bottom: clamp(2rem, calc(2.273rem + 3.636vw), 5rem) !important;
}

.ks-marginBottom-lg {
  margin-bottom: clamp(3rem, calc(2.545rem + 7.273vw), 8rem) !important;
}

.ks-paddingTop-sm {
  padding-top: clamp(1rem, calc(0.636rem + 1.818vw), 2rem) !important;
}

.ks-paddingTop-md {
  padding-top: clamp(2rem, calc(2.273rem + 3.636vw), 5rem) !important;
}

.ks-paddingTop-lg {
  padding-top: clamp(3rem, calc(2.545rem + 7.273vw), 8rem) !important;
}

.ks-paddingBottom-sm {
  padding-bottom: clamp(1rem, calc(0.636rem + 1.818vw), 2rem) !important;
}

.ks-paddingBottom-md {
  padding-bottom: clamp(2rem, calc(2.273rem + 3.636vw), 5rem) !important;
}

.ks-paddingBottom-lg {
  padding-bottom: clamp(3rem, calc(2.545rem + 7.273vw), 8rem) !important;
}

/* 
 * Compatibility 
 */
.site-header {
  border-bottom: 1px solid rgba(17, 24, 39, 0.09);
}

.ks-noBottomMargin {
  margin-bottom: 0px !important
}

ul.ks-noLeftMargin,
ol.ks-noLeftMargin {
  margin-left: 1.2rem !important
}

li.ks-withBottomMargin {
  margin-bottom: 1rem
}

.entry-meta {
  font-size: var(--ks-font-small);
}

figcaption {
  font-size: 0.75rem !important;
  margin-bottom: 1rem !important;
}

#rank-math-toc nav ul {
  margin-left: 1.2rem !important
}

.ks-badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ks-badge {
  font-size: var(--ks-font-tiny);
  font-weight: 400;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  border: 1px solid var(--border);
  letter-spacing: 0.06em;
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
  margin-top: 0;
  margin-bottom: 0;
}

.ks-simple-table-wrap {
  overflow-x: auto;
  border-radius: 1rem;
  border: 1px solid #e4e4e7;
}

.ks-simple-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--ks-font-small);
}

.ks-simple-table thead tr {
  background: #18181b;
}

.ks-simple-table th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 400;
  font-size: var(--ks-font-tiny);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

.ks-simple-table th:first-child {
  color: rgba(255, 255, 255, 0.9);
}

.ks-simple-table td {
  padding: 1rem 1.5rem;
  vertical-align: top;
  line-height: 1.55;
  border-top: 1px solid #e4e4e7 0 0 0;
}

.ks-simple-table td:first-child {
  font-weight: 600;
  white-space: nowrap;
}

.ks-simple-table tbody tr {
  background: #fafafa;
}

.ks-simple-table tbody tr:nth-child(even) {
  background: #f4f4f5;
}

.ks-simple-table tbody tr:hover td {
  background: rgba(155, 44, 44, 0.03);
}

.ks-card {
  background: var(--light);
  border: 1px solid var(--border);
  border-radius: 1rem;
  padding: 2rem;
  transition: border-color var(--ease), box-shadow var(--ease);
}

.ks-card-featured {
  border-color: var(--accent);
  background: var(--accent-light);
}

.ks-card:hover {
  border-color: var(--accent);
  box-shadow: 0 4px 24px rgba(184, 115, 51, 0.08);
}

.ks-cardDark {
  background: var(--dark-subtle);
  border: 1px solid var(--dark-border);
  border-radius: 1rem;
  padding: 2rem;
  transition: border-color var(--ease);
}

.ks-cardDark:hover {
  border-color: rgba(184, 115, 51, 0.4);
}

.ks-phases {
  border: 1px solid var(--border);
  border-radius: 1rem;
  overflow: hidden;
}

.ks-phase {
  padding: 2.5rem 1.5rem;
  background: var(--light);
  border-right: 1px solid var(--border);
  transition: background var(--ease);
}

.ks-phase:last-child {
  border-right: none;
}

.ks-phase:hover {
  background: var(--accent-light);
}

.about-photo {
  width: 220px;
  height: 220px;
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  border: 3px solid var(--border);
  display: block;
}