.elementor-kit-5{--e-global-color-primary:#17264A;--e-global-color-secondary:#10182D;--e-global-color-text:#171A20;--e-global-color-accent:#F6F4EF;--e-global-color-3950583:#D8D4CC;--e-global-color-8762e31:#62656B;--e-global-color-1ffb37a:#987452;--e-global-color-0ef1006:#FFFFFF;--e-global-typography-primary-font-family:"Source Serif 4 Normal";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Source Serif 4 Normal";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:300;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:italic;--e-global-typography-e09f95c-font-family:"Source Serif 4 Normal";--e-global-typography-e09f95c-font-weight:600;--e-global-typography-e09f95c-text-transform:none;--e-global-typography-e09f95c-font-style:normal;--e-global-typography-5db1286-font-family:"Source Serif 4 Normal";--e-global-typography-5db1286-font-size:18px;--e-global-typography-5db1286-font-weight:600;--e-global-typography-21caead-font-family:"Inter";--e-global-typography-21caead-font-size:15px;--e-global-typography-21caead-font-weight:600;--e-global-typography-21caead-text-transform:uppercase;--e-global-typography-21caead-font-style:normal;--e-global-typography-21caead-line-height:1px;--e-global-typography-21caead-letter-spacing:-0.3px;--e-global-typography-21caead-word-spacing:0px;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-e09f95c-font-family ), Sans-serif;font-weight:var( --e-global-typography-e09f95c-font-weight );text-transform:var( --e-global-typography-e09f95c-text-transform );font-style:var( --e-global-typography-e09f95c-font-style );color:var( --e-global-color-accent );border-radius:10px 10px 10px 10px;padding:20px 30px 20px 30px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-1ffb37a );}.elementor-kit-5 h1{font-family:"Source Serif 4 Normal", Sans-serif;font-size:50px;font-weight:800;text-transform:none;font-style:normal;}.elementor-kit-5 h2{font-family:"Source Serif 4 Normal", Sans-serif;font-size:28px;font-weight:600;text-transform:none;font-style:normal;}.elementor-kit-5 h3{font-family:"Source Serif 4 Normal", Sans-serif;font-size:24px;font-weight:600;text-transform:none;font-style:normal;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
Jefray Torres Abogado — Directrices globales Elementor
Versión: 1.0 — 2026-08-02
Alcance: páginas que incluyan la clase raíz .jta-page
Ubicación recomendada: Elementor Pro > Ajustes del sitio > CSS personalizado
No incluye @font-face. Source Serif 4 e Inter deben estar cargadas en Elementor.
*/

.jta-page {
  --jta-primary: var(--e-global-color-primary, #17264A);
  --jta-deep: var(--e-global-color-secondary, #10182D);
  --jta-text: var(--e-global-color-text, #171A20);
  --jta-accent: var(--e-global-color-accent, #987452);
  --jta-muted: #62656B;
  --jta-ivory: #F6F4EF;
  --jta-white: #FFFFFF;
  --jta-line: rgba(23, 38, 74, 0.18);
  --jta-accent-line: rgba(152, 116, 82, 0.68);
  --jta-shadow: 0 18px 50px rgba(16, 24, 45, 0.08);
  color: var(--jta-text);
  background: var(--jta-white);
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

.jta-page,
.jta-page *,
.jta-page *::before,
.jta-page *::after {
  box-sizing: border-box;
}

.jta-page a {
  color: inherit;
}

.jta-page img,
.jta-page svg {
  display: block;
  max-width: 100%;
}

/* Directriz de sección solicitada: arriba 80, derecha 10, abajo 80, izquierda 10. */
.jta-page .jta-section {
  width: 100% !important;
  padding: 80px 10px !important;
}

.jta-page .jta-section--white { background: var(--jta-white); }
.jta-page .jta-section--ivory { background: var(--jta-ivory); }
.jta-page .jta-section--navy { color: var(--jta-white); background: var(--jta-primary); }
.jta-page .jta-section--deep { color: var(--jta-white); background: var(--jta-deep); }

.jta-page .jta-shell {
  width: min(1240px, 100%) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

.jta-page .jta-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

.jta-page .jta-grid {
  display: grid !important;
  width: 100%;
  gap: 22px;
}

.jta-page .jta-grid--hero {
  grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
  gap: clamp(42px, 6vw, 88px);
  align-items: center;
}

.jta-page .jta-grid--answer,
.jta-page .jta-grid--information {
  grid-template-columns: minmax(260px, 0.76fr) minmax(0, 1.24fr);
  gap: clamp(42px, 7vw, 92px);
  align-items: start;
}

.jta-page .jta-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jta-page .jta-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jta-page .jta-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Tipografía. El sistema rector asigna Source Serif 4 a H1-H3 e Inter a cuerpo, botones e interfaz. */
.jta-page .jta-h1,
.jta-page .jta-h1 .elementor-heading-title {
  max-width: 830px;
  margin: 0;
  color: var(--jta-primary);
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: clamp(2.5rem, 5vw, 3.75rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.jta-page .jta-h2,
.jta-page .jta-h2 .elementor-heading-title {
  margin: 0;
  color: var(--jta-primary);
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 3.4vw, 2.35rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.018em;
  text-wrap: balance;
}

.jta-page .jta-h3,
.jta-page .jta-h3 .elementor-heading-title {
  margin: 0;
  color: var(--jta-primary);
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-size: clamp(1.22rem, 2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.24;
  text-wrap: balance;
}

.jta-page .jta-section--navy .jta-h1,
.jta-page .jta-section--navy .jta-h1 .elementor-heading-title,
.jta-page .jta-section--navy .jta-h2,
.jta-page .jta-section--navy .jta-h2 .elementor-heading-title,
.jta-page .jta-section--navy .jta-h3,
.jta-page .jta-section--navy .jta-h3 .elementor-heading-title,
.jta-page .jta-section--deep .jta-h1,
.jta-page .jta-section--deep .jta-h1 .elementor-heading-title,
.jta-page .jta-section--deep .jta-h2,
.jta-page .jta-section--deep .jta-h2 .elementor-heading-title,
.jta-page .jta-section--deep .jta-h3,
.jta-page .jta-section--deep .jta-h3 .elementor-heading-title {
  color: var(--jta-white);
}

.jta-page .jta-kicker,
.jta-page .jta-kicker .elementor-heading-title,
.jta-page .jta-kicker p {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 26px;
  color: var(--jta-accent);
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.jta-page .jta-kicker::before,
.jta-page .jta-kicker .elementor-heading-title::before,
.jta-page .jta-kicker p::before {
  width: 54px;
  height: 2px;
  flex: 0 0 54px;
  background: currentColor;
  content: "";
}

.jta-page .jta-section--navy .jta-kicker,
.jta-page .jta-section--navy .jta-kicker .elementor-heading-title,
.jta-page .jta-section--navy .jta-kicker p,
.jta-page .jta-section--deep .jta-kicker,
.jta-page .jta-section--deep .jta-kicker .elementor-heading-title,
.jta-page .jta-section--deep .jta-kicker p {
  color: #D8C1AA;
}

.jta-page .jta-label,
.jta-page .jta-label .elementor-heading-title,
.jta-page .jta-label p {
  margin: 0 0 12px;
  color: var(--jta-accent);
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.jta-page .jta-body,
.jta-page .jta-body p,
.jta-page .jta-body li {
  color: var(--jta-text);
  font-family: Inter, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.72;
}

.jta-page .jta-body p { margin: 0 0 18px; }
.jta-page .jta-body p:last-child { margin-bottom: 0; }

.jta-page .jta-body-lg,
.jta-page .jta-body-lg p {
  color: var(--jta-text);
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(1.08rem, 1.7vw, 1.22rem);
  font-weight: 400;
  line-height: 1.72;
}

.jta-page .jta-body-lg p { margin: 24px 0 0; }

.jta-page .jta-muted,
.jta-page .jta-muted p,
.jta-page .jta-muted li { color: var(--jta-muted); }

.jta-page .jta-section--navy .jta-body,
.jta-page .jta-section--navy .jta-body p,
.jta-page .jta-section--navy .jta-body li,
.jta-page .jta-section--navy .jta-body-lg,
.jta-page .jta-section--navy .jta-body-lg p,
.jta-page .jta-section--deep .jta-body,
.jta-page .jta-section--deep .jta-body p,
.jta-page .jta-section--deep .jta-body li,
.jta-page .jta-section--deep .jta-body-lg,
.jta-page .jta-section--deep .jta-body-lg p {
  color: rgba(255,255,255,.84);
}

.jta-page .jta-intro,
.jta-page .jta-intro p {
  max-width: 820px;
  margin: 22px 0 0;
  color: var(--jta-muted);
  font-family: Inter, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.72;
}

.jta-page .jta-section--navy .jta-intro,
.jta-page .jta-section--navy .jta-intro p,
.jta-page .jta-section--deep .jta-intro,
.jta-page .jta-section--deep .jta-intro p {
  color: rgba(255,255,255,.82);
}

.jta-page .jta-microcopy,
.jta-page .jta-microcopy p {
  max-width: 720px;
  margin: 20px 0 0;
  color: var(--jta-muted);
  font-size: 14px;
  line-height: 1.65;
}

/* Breadcrumb */
.jta-page .jta-breadcrumb-widget { margin: 0 0 42px; }
.jta-page .jta-breadcrumb { color: var(--jta-muted); font-size: 14px; }
.jta-page .jta-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jta-page .jta-breadcrumb li { display: inline-flex; align-items: center; gap: 8px; }
.jta-page .jta-breadcrumb li:not(:last-child)::after { color: var(--jta-accent); content: "/"; }
.jta-page .jta-breadcrumb a { text-decoration-thickness: 1px; text-underline-offset: 4px; }

/* Acciones y botones */
.jta-page .jta-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 32px;
}

.jta-page .jta-btn .elementor-button,
.jta-page a.jta-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border: 1.5px solid var(--jta-primary);
  border-radius: 8px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.jta-page .jta-btn .elementor-button:hover,
.jta-page a.jta-btn:hover { transform: translateY(-2px); }

.jta-page .jta-btn--primary .elementor-button,
.jta-page a.jta-btn--primary {
  color: var(--jta-white) !important;
  background: var(--jta-primary) !important;
  border-color: var(--jta-primary) !important;
}
.jta-page .jta-btn--primary .elementor-button:hover,
.jta-page a.jta-btn--primary:hover {
  background: var(--jta-deep) !important;
  border-color: var(--jta-deep) !important;
}

.jta-page .jta-btn--secondary .elementor-button,
.jta-page a.jta-btn--secondary {
  color: var(--jta-primary) !important;
  background: transparent !important;
  border-color: var(--jta-primary) !important;
}
.jta-page .jta-btn--secondary .elementor-button:hover,
.jta-page a.jta-btn--secondary:hover { background: rgba(23,38,74,.06) !important; }

.jta-page .jta-btn--light .elementor-button,
.jta-page a.jta-btn--light {
  color: var(--jta-deep) !important;
  background: var(--jta-white) !important;
  border-color: var(--jta-white) !important;
}

.jta-page .jta-btn--outline-light .elementor-button,
.jta-page a.jta-btn--outline-light {
  color: var(--jta-white) !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.72) !important;
}
.jta-page .jta-btn--outline-light .elementor-button:hover,
.jta-page a.jta-btn--outline-light:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: var(--jta-white) !important;
}

.jta-page .jta-link-text .elementor-button,
.jta-page a.jta-link-text {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  gap: 9px;
  padding: 0;
  color: var(--jta-primary) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.jta-page .jta-link-text .elementor-button::after,
.jta-page a.jta-link-text::after {
  display: inline-flex;
  width: 23px;
  height: 23px;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-family: Inter, Arial, sans-serif;
  font-size: 12px;
  content: "→";
  transition: transform 180ms ease;
}
.jta-page .jta-link-text .elementor-button:hover::after,
.jta-page a.jta-link-text:hover::after { transform: translateX(3px); }

/* Paneles y tarjetas */
.jta-page .jta-panel {
  overflow: hidden;
  padding: clamp(34px, 5vw, 56px) !important;
  border-left: 6px solid var(--jta-accent);
  box-shadow: var(--jta-shadow);
}
.jta-page .jta-panel--navy { color: var(--jta-white); background: var(--jta-primary); }
.jta-page .jta-panel--navy .jta-h2 .elementor-heading-title,
.jta-page .jta-panel--navy .jta-h3 .elementor-heading-title { color: var(--jta-white); }

.jta-page .jta-checklist,
.jta-page .jta-checklist ul {
  display: grid;
  gap: 16px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.jta-page .jta-checklist li {
  position: relative;
  padding-left: 34px;
  color: rgba(255,255,255,.88);
}
.jta-page .jta-checklist li::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: var(--jta-accent);
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  content: "✓";
}

.jta-page .jta-card {
  display: flex !important;
  min-height: 100%;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: 34px !important;
  background: var(--jta-white);
  border: 1px solid var(--jta-accent-line);
  transition: box-shadow 180ms ease, transform 180ms ease;
}
.jta-page .jta-card:hover { transform: translateY(-3px); box-shadow: var(--jta-shadow); }
.jta-page .jta-card .jta-body { flex: 1 1 auto; margin: 18px 0 24px; }
.jta-page .jta-card .jta-link-text { margin-top: auto; }

.jta-page .jta-card--ivory { background: var(--jta-ivory); }
.jta-page .jta-card--flat:hover { transform: none; box-shadow: none; }

.jta-page .jta-number,
.jta-page .jta-number .elementor-heading-title {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0 0 28px;
  color: var(--jta-primary);
  border: 2px solid var(--jta-accent);
  border-radius: 50%;
  font-family: Inter, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.jta-page .jta-callout,
.jta-page .jta-callout .elementor-widget-container {
  margin-top: 28px;
  padding: 24px 26px;
  background: var(--jta-ivory);
  border-left: 4px solid var(--jta-accent);
}
.jta-page .jta-callout p { margin: 0; }
.jta-page .jta-callout a { color: var(--jta-primary); font-weight: 600; text-underline-offset: 4px; }

.jta-page .jta-info-list,
.jta-page .jta-info-list ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jta-page .jta-info-list li {
  position: relative;
  min-height: 132px;
  padding: 26px 24px 24px 58px;
  background: var(--jta-ivory);
  border-top: 3px solid var(--jta-accent);
}
.jta-page .jta-info-list li::before {
  position: absolute;
  top: 25px;
  left: 24px;
  color: var(--jta-accent);
  font-weight: 900;
  content: "✓";
}
.jta-page .jta-info-list strong {
  display: block;
  margin-bottom: 6px;
  color: var(--jta-primary);
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 600;
}

.jta-page .jta-limit-item {
  padding: 28px 0 !important;
  border-top: 1px solid rgba(255,255,255,.2);
}
.jta-page .jta-limit-item:last-child { border-bottom: 1px solid rgba(255,255,255,.2); }
.jta-page .jta-limit-item .jta-body { margin-top: 12px; }

/* FAQ en <details>: visible en DOM y operable por teclado. */
.jta-page .jta-faq details { border-bottom: 1px solid var(--jta-line); }
.jta-page .jta-faq details:first-child { border-top: 1px solid var(--jta-line); }
.jta-page .jta-faq summary {
  position: relative;
  padding: 24px 54px 24px 0;
  color: var(--jta-primary);
  cursor: pointer;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(1.16rem, 2vw, 1.38rem);
  font-weight: 600;
  line-height: 1.35;
  list-style: none;
}
.jta-page .jta-faq summary::-webkit-details-marker { display: none; }
.jta-page .jta-faq summary::after {
  position: absolute;
  top: 50%;
  right: 4px;
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--jta-accent);
  border-radius: 50%;
  transform: translateY(-50%);
  content: "+";
}
.jta-page .jta-faq details[open] summary::after { content: "−"; }
.jta-page .jta-faq .jta-faq-answer { max-width: 900px; padding: 0 54px 26px 0; color: var(--jta-muted); }
.jta-page .jta-faq .jta-faq-answer p { margin: 0; }

.jta-page .jta-note,
.jta-page .jta-note .elementor-widget-container {
  padding: 24px 28px;
  color: var(--jta-muted);
  background: var(--jta-ivory);
  border-left: 4px solid var(--jta-accent);
  font-size: 14px;
}

.jta-page a:focus-visible,
.jta-page button:focus-visible,
.jta-page summary:focus-visible,
.jta-page .elementor-button:focus-visible {
  outline: 3px solid var(--jta-accent) !important;
  outline-offset: 4px;
}

@media (max-width: 1023px) {
  .jta-page .jta-grid--hero,
  .jta-page .jta-grid--answer,
  .jta-page .jta-grid--information { grid-template-columns: 1fr; }
  .jta-page .jta-grid--3,
  .jta-page .jta-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jta-page .jta-panel { max-width: 760px; }
}

@media (max-width: 767px) {
  .jta-page { font-size: 16px; }
  .jta-page .jta-section { padding: 64px 10px !important; }
  .jta-page .jta-grid--2,
  .jta-page .jta-grid--3,
  .jta-page .jta-grid--4,
  .jta-page .jta-info-list,
  .jta-page .jta-info-list ul { grid-template-columns: 1fr; }
  .jta-page .jta-actions { flex-direction: column !important; align-items: stretch !important; }
  .jta-page .jta-btn,
  .jta-page .jta-btn .elementor-button,
  .jta-page a.jta-btn { width: 100%; }
  .jta-page .jta-card { min-height: 0; }
  .jta-page .jta-faq summary { padding-right: 48px; }
  .jta-page .jta-faq .jta-faq-answer { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .jta-page *,
  .jta-page *::before,
  .jta-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.jta-page .jta-grid-spaced { margin-top: 44px; }
.jta-page .jta-panel--transparent { color: var(--jta-white); background: transparent; border: 1px solid rgba(255,255,255,.28); border-left: 1px solid rgba(255,255,255,.28); box-shadow: none; }


/* ===== CORRECCIÓN V1.1 ===== */

/*
Jefray Torres Abogado
Corrección de color y contraste para /abogado-litigante/
Versión 1.1 — 2026-08-02

USO:
1. Cargar después del CSS global anterior.
2. Ubicación recomendada:
   Elementor Pro > Ajustes del sitio > CSS personalizado.
3. Después de guardar:
   Elementor > Herramientas > Regenerar archivos CSS y datos.
*/

/* =========================================================
   1. TOKENS CROMÁTICOS POR FUNCIÓN
   ========================================================= */

.jta-page {
  /* Colores corporativos base */
  --jta-primary: #17264A;
  --jta-deep: #10182D;
  --jta-text: #171A20;
  --jta-muted: #62656B;
  --jta-bronze: #987452;
  --jta-ivory: #F6F4EF;
  --jta-white: #FFFFFF;

  /*
  El bronce corporativo se conserva en bordes, líneas e iconos.
  Para antetítulos pequeños sobre fondos claros se usa una variante
  más oscura, con mayor contraste.
  */
  --jta-bronze-text: #896442;
  --jta-bronze-light: #D8C1AA;

  /* Superficie clara por defecto */
  --jta-surface-heading: var(--jta-primary);
  --jta-surface-copy: var(--jta-text);
  --jta-surface-muted: var(--jta-muted);
  --jta-surface-kicker: var(--jta-bronze-text);
  --jta-surface-link: var(--jta-primary);
}

/* =========================================================
   2. SISTEMA DE SUPERFICIES
   Evita que una sección oscura vuelva blancos los textos de
   una tarjeta clara contenida dentro de ella.
   ========================================================= */

.jta-page .jta-section,
.jta-page .jta-card,
.jta-page .jta-callout,
.jta-page .jta-info-list li,
.jta-page .jta-note {
  --jta-surface-heading: var(--jta-primary);
  --jta-surface-copy: var(--jta-text);
  --jta-surface-muted: var(--jta-muted);
  --jta-surface-kicker: var(--jta-bronze-text);
  --jta-surface-link: var(--jta-primary);
}

.jta-page .jta-section--navy,
.jta-page .jta-section--deep,
.jta-page .jta-panel--navy,
.jta-page .jta-panel--transparent {
  --jta-surface-heading: var(--jta-white);
  --jta-surface-copy: rgba(255, 255, 255, 0.88);
  --jta-surface-muted: rgba(255, 255, 255, 0.78);
  --jta-surface-kicker: var(--jta-bronze-light);
  --jta-surface-link: var(--jta-white);
}

/* Restablece el esquema claro dentro de tarjetas sobre sección oscura. */
.jta-page .jta-section--navy .jta-card,
.jta-page .jta-section--deep .jta-card,
.jta-page .jta-section--navy .jta-callout,
.jta-page .jta-section--deep .jta-callout,
.jta-page .jta-section--navy .jta-info-list li,
.jta-page .jta-section--deep .jta-info-list li {
  --jta-surface-heading: var(--jta-primary);
  --jta-surface-copy: var(--jta-text);
  --jta-surface-muted: var(--jta-muted);
  --jta-surface-kicker: var(--jta-bronze-text);
  --jta-surface-link: var(--jta-primary);
}

/* =========================================================
   3. TÍTULOS Y SUBTÍTULOS
   Se añade !important porque Elementor genera CSS específico
   por página y por widget.
   ========================================================= */

.jta-page .jta-h1,
.jta-page .jta-h2,
.jta-page .jta-h3,
.jta-page h1.jta-h1,
.jta-page h2.jta-h2,
.jta-page h3.jta-h3,
.jta-page .jta-h1 .elementor-heading-title,
.jta-page .jta-h2 .elementor-heading-title,
.jta-page .jta-h3 .elementor-heading-title {
  color: var(--jta-surface-heading) !important;
}

/* Panel azul del hero */
.jta-page .jta-panel--navy .jta-h2,
.jta-page .jta-panel--navy .jta-h3,
.jta-page .jta-panel--navy .jta-h2 .elementor-heading-title,
.jta-page .jta-panel--navy .jta-h3 .elementor-heading-title {
  color: var(--jta-white) !important;
}

/* Panel transparente de la llamada final */
.jta-page .jta-panel--transparent .jta-h2,
.jta-page .jta-panel--transparent .jta-h3,
.jta-page .jta-panel--transparent .jta-h2 .elementor-heading-title,
.jta-page .jta-panel--transparent .jta-h3 .elementor-heading-title {
  color: var(--jta-white) !important;
}

/* =========================================================
   4. ANTETÍTULOS
   Corrige el doble pseudo-elemento que podía aparecer cuando
   la clase estaba aplicada al wrapper de un widget Heading.
   ========================================================= */

.jta-page .jta-kicker {
  display: block !important;
  margin: 0 0 26px !important;
}

/* Desactiva la línea aplicada al wrapper. */
.jta-page .jta-kicker::before {
  display: none !important;
  content: none !important;
}

/* Heading de Elementor */
.jta-page .jta-kicker > .elementor-widget-container > .elementor-heading-title,
/* Editor de texto de Elementor */
.jta-page .jta-kicker > .elementor-widget-container > p,
/* HTML semántico independiente */
.jta-page p.jta-kicker {
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  margin: 0 !important;
  color: var(--jta-surface-kicker) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase;
}

.jta-page .jta-kicker > .elementor-widget-container > .elementor-heading-title::before,
.jta-page .jta-kicker > .elementor-widget-container > p::before,
.jta-page p.jta-kicker::before {
  display: block !important;
  width: 54px;
  height: 2px;
  flex: 0 0 54px;
  background: var(--jta-bronze) !important;
  content: "" !important;
}

/* La línea usa el bronce corporativo; el texto oscuro o claro
   cambia de acuerdo con la superficie. */
.jta-page .jta-section--navy .jta-kicker > .elementor-widget-container > .elementor-heading-title,
.jta-page .jta-section--navy .jta-kicker > .elementor-widget-container > p,
.jta-page .jta-section--deep .jta-kicker > .elementor-widget-container > .elementor-heading-title,
.jta-page .jta-section--deep .jta-kicker > .elementor-widget-container > p,
.jta-page .jta-panel--navy .jta-kicker > .elementor-widget-container > .elementor-heading-title,
.jta-page .jta-panel--transparent .jta-kicker > .elementor-widget-container > .elementor-heading-title {
  color: var(--jta-bronze-light) !important;
}

/* =========================================================
   5. ETIQUETAS DE TARJETAS Y PANELES
   ========================================================= */

.jta-page .jta-label,
.jta-page .jta-label .elementor-heading-title,
.jta-page .jta-label p {
  color: var(--jta-surface-kicker) !important;
}

.jta-page .jta-panel--navy .jta-label,
.jta-page .jta-panel--navy .jta-label .elementor-heading-title,
.jta-page .jta-panel--navy .jta-label p,
.jta-page .jta-panel--transparent .jta-label,
.jta-page .jta-panel--transparent .jta-label .elementor-heading-title,
.jta-page .jta-panel--transparent .jta-label p {
  color: var(--jta-bronze-light) !important;
}

/* =========================================================
   6. CUERPO, INTRODUCCIONES Y MICROCOPY
   ========================================================= */

.jta-page .jta-body,
.jta-page .jta-body p,
.jta-page .jta-body li,
.jta-page .jta-body-lg,
.jta-page .jta-body-lg p {
  color: var(--jta-surface-copy) !important;
}

.jta-page .jta-intro,
.jta-page .jta-intro p,
.jta-page .jta-muted,
.jta-page .jta-muted p,
.jta-page .jta-muted li,
.jta-page .jta-microcopy,
.jta-page .jta-microcopy p {
  color: var(--jta-surface-muted) !important;
}

/* Tarjetas claras dentro de la sección azul */
.jta-page .jta-section--navy .jta-card .jta-body,
.jta-page .jta-section--navy .jta-card .jta-body p,
.jta-page .jta-section--navy .jta-card .jta-body li,
.jta-page .jta-section--deep .jta-card .jta-body,
.jta-page .jta-section--deep .jta-card .jta-body p,
.jta-page .jta-section--deep .jta-card .jta-body li {
  color: var(--jta-text) !important;
}

.jta-page .jta-section--navy .jta-card .jta-h3,
.jta-page .jta-section--navy .jta-card .jta-h3 .elementor-heading-title,
.jta-page .jta-section--deep .jta-card .jta-h3,
.jta-page .jta-section--deep .jta-card .jta-h3 .elementor-heading-title {
  color: var(--jta-primary) !important;
}

/* =========================================================
   7. ENLACES, NÚMEROS Y ELEMENTOS DECORATIVOS
   ========================================================= */

.jta-page .jta-link-text,
.jta-page .jta-link-text .elementor-button,
.jta-page a.jta-link-text {
  color: var(--jta-surface-link) !important;
}

.jta-page .jta-card .jta-link-text,
.jta-page .jta-card .jta-link-text .elementor-button,
.jta-page .jta-card a.jta-link-text {
  color: var(--jta-primary) !important;
}

.jta-page .jta-number,
.jta-page .jta-number .elementor-heading-title {
  color: var(--jta-primary) !important;
  border-color: var(--jta-bronze) !important;
}

.jta-page .jta-checklist li {
  color: rgba(255, 255, 255, 0.9) !important;
}

.jta-page .jta-checklist li::before {
  color: var(--jta-bronze-light) !important;
}

/* =========================================================
   8. FOOTER GLOBAL
   La captura muestra títulos y textos oscuros sobre azul.
   Estas reglas se limitan a la plantilla de footer de Elementor.
   ========================================================= */

.elementor-location-footer {
  --jta-footer-heading: #FFFFFF;
  --jta-footer-copy: rgba(255, 255, 255, 0.80);
  --jta-footer-link: #D8C1AA;
  --jta-footer-link-hover: #FFFFFF;
}

.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4,
.elementor-location-footer h5,
.elementor-location-footer h6,
.elementor-location-footer .elementor-heading-title {
  color: var(--jta-footer-heading) !important;
}

.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer li,
.elementor-location-footer .elementor-widget-text-editor,
.elementor-location-footer .elementor-icon-list-text {
  color: var(--jta-footer-copy) !important;
}

.elementor-location-footer a,
.elementor-location-footer .elementor-icon-list-item a,
.elementor-location-footer .elementor-button {
  color: var(--jta-footer-link) !important;
}

.elementor-location-footer a:hover,
.elementor-location-footer a:focus-visible,
.elementor-location-footer .elementor-icon-list-item a:hover {
  color: var(--jta-footer-link-hover) !important;
}

/* =========================================================
   9. FOCO VISIBLE
   ========================================================= */

.jta-page a:focus-visible,
.jta-page button:focus-visible,
.jta-page summary:focus-visible,
.elementor-location-footer a:focus-visible {
  outline: 3px solid var(--jta-bronze-light) !important;
  outline-offset: 4px;
}


/* =========================================================
   JEF RAY TORRES ABOGADO
   SISTEMA GLOBAL DE TABLAS + FAQs
   ========================================================= */

/* ---------------------------------------------------------
   1. VARIABLES GLOBALES
   Toman como base los colores globales de Elementor.
   No se inventan colores de marca.
   --------------------------------------------------------- */

:root {
    --jta-primary: var(--e-global-color-primary);
    --jta-secondary: var(--e-global-color-secondary);
    --jta-text: var(--e-global-color-text);
    --jta-accent: var(--e-global-color-accent);

    --jta-surface: #ffffff;
    --jta-surface-soft: color-mix(
        in srgb,
        var(--jta-primary) 5%,
        #ffffff
    );

    --jta-border: color-mix(
        in srgb,
        var(--jta-primary) 16%,
        transparent
    );

    --jta-border-strong: color-mix(
        in srgb,
        var(--jta-primary) 26%,
        transparent
    );

    --jta-shadow:
        0 8px 24px rgba(0, 0, 0, 0.06);

    --jta-shadow-hover:
        0 12px 32px rgba(0, 0, 0, 0.09);

    --jta-radius: 14px;
    --jta-radius-small: 10px;

    --jta-transition: 0.25s ease;
}


/* =========================================================
   2. TABLAS JTA
   ========================================================= */

/*
HTML recomendado:

<div class="jta-table-wrap">
    <table class="jta-table">
        ...
    </table>
</div>

En móvil:
cada <td> debe incluir data-label=""
*/


.jta-table-wrap {
    width: 100%;
    max-width: 100%;
    margin: 1.75rem 0;
    overflow-x: auto;
    overflow-y: hidden;

    background: var(--jta-surface);
    border: 1px solid var(--jta-border);
    border-radius: var(--jta-radius);
    box-shadow: var(--jta-shadow);

    -webkit-overflow-scrolling: touch;
}


.jta-table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;

    color: var(--jta-text);
    background: var(--jta-surface);

    font-size: 0.975rem;
    line-height: 1.55;
}


/* CABECERA */

.jta-table thead {
    background: var(--jta-primary);
}


.jta-table thead th {
    padding: 16px 18px;

    color: #ffffff;
    background: var(--jta-primary);

    font-weight: 650;
    text-align: left;
    vertical-align: middle;

    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
}


.jta-table thead th:last-child {
    border-right: 0;
}


/* CELDAS */

.jta-table tbody th,
.jta-table tbody td {
    padding: 16px 18px;

    vertical-align: top;
    text-align: left;

    border: 0;
    border-bottom: 1px solid var(--jta-border);
}


.jta-table tbody tr:last-child th,
.jta-table tbody tr:last-child td {
    border-bottom: 0;
}


/* FILAS ALTERNADAS */

.jta-table tbody tr:nth-child(even) {
    background: var(--jta-surface-soft);
}


/* HOVER SOLO EN DISPOSITIVOS QUE LO SOPORTAN */

@media (hover: hover) {

    .jta-table tbody tr {
        transition:
            background-color var(--jta-transition),
            box-shadow var(--jta-transition);
    }

    .jta-table tbody tr:hover {
        background: color-mix(
            in srgb,
            var(--jta-primary) 8%,
            #ffffff
        );
    }
}


/* ENLACES DENTRO DE TABLAS */

.jta-table a {
    color: var(--jta-primary);
    font-weight: 600;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* LISTAS DENTRO DE TABLAS */

.jta-table ul,
.jta-table ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.25rem;
}


/* =========================================================
   3. TABLAS EN MÓVIL → CARDS
   ========================================================= */

@media (max-width: 767px) {

    .jta-table-wrap {
        overflow: visible;

        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }


    .jta-table {
        display: block;

        background: transparent;
    }


    .jta-table thead {
        /*
        La cabecera se oculta visualmente,
        pero cada celda debe tener data-label.
        */
        position: absolute;

        width: 1px;
        height: 1px;

        padding: 0;
        margin: -1px;

        overflow: hidden;
        clip: rect(0, 0, 0, 0);

        white-space: nowrap;
        border: 0;
    }


    .jta-table tbody {
        display: grid;
        gap: 16px;
    }


    .jta-table tbody tr {
        display: block;

        overflow: hidden;

        background: var(--jta-surface);

        border: 1px solid var(--jta-border);
        border-radius: var(--jta-radius);

        box-shadow: var(--jta-shadow);
    }


    .jta-table tbody tr:nth-child(even) {
        background: var(--jta-surface);
    }


    .jta-table tbody th,
    .jta-table tbody td {
        display: grid;

        grid-template-columns:
            minmax(110px, 40%)
            minmax(0, 1fr);

        gap: 14px;

        width: 100%;

        padding: 14px 16px;

        border: 0;
        border-bottom: 1px solid var(--jta-border);

        word-break: normal;
        overflow-wrap: anywhere;
    }


    .jta-table tbody th:last-child,
    .jta-table tbody td:last-child {
        border-bottom: 0;
    }


    .jta-table tbody td::before {
        content: attr(data-label);

        color: var(--jta-primary);

        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.35;

        text-transform: none;
    }


    /*
    Cuando no exista data-label,
    la celda ocupa todo el ancho.
    */

    .jta-table tbody td:not([data-label]),
    .jta-table tbody td[data-label=""] {
        display: block;
    }


    .jta-table tbody td:not([data-label])::before,
    .jta-table tbody td[data-label=""]::before {
        content: none;
    }

}


/* MÓVILES MUY PEQUEÑOS */

@media (max-width: 480px) {

    .jta-table tbody th,
    .jta-table tbody td {
        grid-template-columns: 1fr;
        gap: 6px;

        padding: 13px 15px;
    }

}


/* =========================================================
   4. FAQs JTA
   Compatible con:
   - Nested Accordion de Elementor
   - Accordion clásico
   - Toggle
   - <details>
   ========================================================= */


/* ESPACIADO GENERAL */

.jta-faq {
    width: 100%;
    margin: 1.75rem 0;
}


/* ---------------------------------------------------------
   4.1 ELEMENTOR NESTED ACCORDION
   --------------------------------------------------------- */

.jta-faq .e-n-accordion {
    display: grid;
    gap: 12px;
}


.jta-faq .e-n-accordion-item {
    overflow: hidden;

    background: var(--jta-surface);

    border: 1px solid var(--jta-border) !important;
    border-radius: var(--jta-radius) !important;

    box-shadow: var(--jta-shadow);

    transition:
        border-color var(--jta-transition),
        box-shadow var(--jta-transition),
        transform var(--jta-transition);
}


.jta-faq .e-n-accordion-item:hover {
    border-color: var(--jta-border-strong) !important;
}


.jta-faq .e-n-accordion-item[open] {
    border-color: var(--jta-border-strong) !important;
    box-shadow: var(--jta-shadow-hover);
}


/* PREGUNTA */

.jta-faq .e-n-accordion-item-title {
    min-height: 58px;

    padding: 17px 20px !important;

    color: var(--jta-text);

    font-size: 1rem;
    font-weight: 650;
    line-height: 1.45;

    background: var(--jta-surface);

    transition:
        color var(--jta-transition),
        background-color var(--jta-transition);
}


.jta-faq .e-n-accordion-item[open]
.e-n-accordion-item-title {
    color: var(--jta-primary);

    background: var(--jta-surface-soft);
}


/* ICONO */

.jta-faq .e-n-accordion-item-title-icon {
    color: var(--jta-primary);
}


/* RESPUESTA */

.jta-faq .e-n-accordion-item > div {
    color: var(--jta-text);
}


.jta-faq .e-n-accordion-item > div:not(
    .e-n-accordion-item-title
) {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    line-height: 1.7;
}


/* ---------------------------------------------------------
   4.2 ACCORDION / TOGGLE CLÁSICO DE ELEMENTOR
   --------------------------------------------------------- */

.jta-faq .elementor-accordion,
.jta-faq .elementor-toggle {
    display: grid;
    gap: 12px;
}


.jta-faq .elementor-accordion-item,
.jta-faq .elementor-toggle-item {
    overflow: hidden;

    background: var(--jta-surface);

    border: 1px solid var(--jta-border) !important;
    border-radius: var(--jta-radius) !important;

    box-shadow: var(--jta-shadow);
}


.jta-faq .elementor-tab-title {
    padding: 17px 20px !important;

    color: var(--jta-text) !important;

    font-size: 1rem;
    font-weight: 650;
    line-height: 1.45;

    background: var(--jta-surface);

    border: 0 !important;

    transition:
        color var(--jta-transition),
        background-color var(--jta-transition);
}


.jta-faq .elementor-tab-title.elementor-active {
    color: var(--jta-primary) !important;

    background: var(--jta-surface-soft);
}


.jta-faq .elementor-tab-content {
    padding: 2px 20px 20px !important;

    color: var(--jta-text);

    line-height: 1.7;

    background: var(--jta-surface);

    border: 0 !important;
}


.jta-faq .elementor-accordion-icon,
.jta-faq .elementor-toggle-icon {
    color: var(--jta-primary) !important;
}


/* ---------------------------------------------------------
   4.3 FAQs NATIVAS CON DETAILS / SUMMARY
   --------------------------------------------------------- */

.jta-faq details {
    overflow: hidden;

    margin: 0 0 12px;

    background: var(--jta-surface);

    border: 1px solid var(--jta-border);
    border-radius: var(--jta-radius);

    box-shadow: var(--jta-shadow);

    transition:
        border-color var(--jta-transition),
        box-shadow var(--jta-transition);
}


.jta-faq details:last-child {
    margin-bottom: 0;
}


.jta-faq details[open] {
    border-color: var(--jta-border-strong);
    box-shadow: var(--jta-shadow-hover);
}


.jta-faq summary {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    padding: 17px 54px 17px 20px;

    color: var(--jta-text);

    font-size: 1rem;
    font-weight: 650;
    line-height: 1.45;

    background: var(--jta-surface);

    cursor: pointer;

    list-style: none;

    transition:
        color var(--jta-transition),
        background-color var(--jta-transition);
}


.jta-faq summary::-webkit-details-marker {
    display: none;
}


.jta-faq details[open] summary {
    color: var(--jta-primary);

    background: var(--jta-surface-soft);
}


/* ICONO + */

.jta-faq summary::after {
    content: "+";

    position: absolute;

    top: 50%;
    right: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    color: var(--jta-primary);

    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;

    transform: translateY(-50%);

    transition: transform var(--jta-transition);
}


.jta-faq details[open] summary::after {
    transform:
        translateY(-50%)
        rotate(45deg);
}


/* CONTENIDO FAQ NATIVA */

.jta-faq details > div,
.jta-faq details > p {
    margin-top: 0;
}


.jta-faq details > div {
    padding: 2px 20px 20px;

    color: var(--jta-text);

    line-height: 1.7;
}


/* =========================================================
   5. CONTENIDO INTERNO DE FAQs
   ========================================================= */

.jta-faq p:first-child {
    margin-top: 0;
}


.jta-faq p:last-child {
    margin-bottom: 0;
}


.jta-faq ul,
.jta-faq ol {
    padding-left: 1.25rem;
}


.jta-faq a {
    color: var(--jta-primary);

    font-weight: 600;

    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* =========================================================
   6. FAQ EN MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .jta-faq {
        margin: 1.5rem 0;
    }


    .jta-faq .e-n-accordion,
    .jta-faq .elementor-accordion,
    .jta-faq .elementor-toggle {
        gap: 10px;
    }


    .jta-faq .e-n-accordion-item,
    .jta-faq .elementor-accordion-item,
    .jta-faq .elementor-toggle-item,
    .jta-faq details {
        border-radius: 12px !important;
    }


    .jta-faq .e-n-accordion-item-title,
    .jta-faq .elementor-tab-title,
    .jta-faq summary {
        min-height: 54px;

        padding-top: 15px !important;
        padding-bottom: 15px !important;

        font-size: 0.96rem;
        line-height: 1.4;
    }


    .jta-faq .e-n-accordion-item-title,
    .jta-faq .elementor-tab-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }


    .jta-faq summary {
        padding-left: 16px;
        padding-right: 50px;
    }


    .jta-faq summary::after {
        right: 16px;
    }


    .jta-faq .elementor-tab-content {
        padding:
            2px
            16px
            17px !important;
    }


    .jta-faq .e-n-accordion-item > div:not(
        .e-n-accordion-item-title
    ) {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 17px;
    }


    .jta-faq details > div {
        padding:
            2px
            16px
            17px;
    }

}


/* =========================================================
   7. ACCESIBILIDAD
   ========================================================= */

.jta-table a:focus-visible,
.jta-faq a:focus-visible,
.jta-faq summary:focus-visible,
.jta-faq .elementor-tab-title:focus-visible,
.jta-faq .e-n-accordion-item-title:focus-visible {
    outline: 3px solid color-mix(
        in srgb,
        var(--jta-accent) 55%,
        transparent
    );

    outline-offset: 3px;
}


/* RESPETA USUARIOS QUE PREFIEREN MENOS ANIMACIÓN */

@media (prefers-reduced-motion: reduce) {

    .jta-table *,
    .jta-faq * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-Italic-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-Italic-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-Italic-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-Italic-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Serif 4 Normal';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/SourceSerif4-Italic-VariableFont_opszwght.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/Inter-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/Inter-Italic-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/Inter-VariableFont_opszwght.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('http://jefraytorresabogado.com/wp-content/uploads/2026/08/Inter-Italic-VariableFont_opszwght.woff2') format('woff2');
}
/* End Custom Fonts CSS */