.elementor-12455 .elementor-element.elementor-element-8cfc8c5:not(.elementor-motion-effects-element-type-background), .elementor-12455 .elementor-element.elementor-element-8cfc8c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D2B;}.elementor-12455 .elementor-element.elementor-element-8cfc8c5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-12455 .elementor-element.elementor-element-8cfc8c5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12455 .elementor-element.elementor-element-8cfc8c5{padding:30px 15px 30px 15px;}}/* Start custom CSS for html, class: .elementor-element-c5e2625 *//* ========== DIGIKRAM – Términos y Condiciones ========== */
:root{
  --dk-primary:#0072ff;      /* azul Digikram (ajusta si usas otro) */
  --dk-primary-600:#6a11cb;
  --dk-accent:#17C964;        /* acento (botones/links hover) */
  --dk-text:#0F172A;          /* gris azulado oscuro */
  --dk-muted:#4B5563;         /* texto secundario */
  --dk-border:#E5E7EB;        /* bordes/splits */
  --dk-bg:#ffffff;            /* fondo */
  --dk-note:#F8FAFC;          /* bloques y resaltados */
}

.terminos-condiciones{
  background:var(--dk-bg);
  color:var(--dk-text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  padding: clamp(24px, 4vw, 56px) 0;
}

.terminos-condiciones .container{
  width: min(100%, 980px);
  margin-inline:auto;
  padding-inline: clamp(16px, 3vw, 32px);
}

.terminos-condiciones .titulo-principal{
  font-size: clamp(28px, 4.2vw, 40px);
  line-height:1.2;
  letter-spacing:-0.02em;
  margin: 0 0 10px;
  color: var(--dk-text);
}

.terminos-condiciones .fecha-actualizacion{
  margin: 0 0 24px;
  color: var(--dk-muted);
  font-size: clamp(14px, 2.2vw, 15px);
}

.terminos-condiciones h2{
  font-size: clamp(22px, 3.4vw, 28px);
  line-height:1.25;
  margin: 32px 0 8px;
  color: var(--dk-primary);
  position: relative;
}

.terminos-condiciones h2::after{
  content:"";
  display:block;
  width: 56px;
  height: 3px;
  margin-top:8px;
  background: linear-gradient(90deg, #6a11cb, #0072ff);
  border-radius: 2px;
}

.terminos-condiciones h3{
  font-size: clamp(18px, 2.6vw, 20px);
  margin: 20px 0 8px;
  color: var(--dk-text);
}

.terminos-condiciones p{
  margin: 0 0 14px;
  color: var(--dk-text);
}

.terminos-condiciones ul{
  margin: 8px 0 16px 1.2em;
  padding: 0;
}

.terminos-condiciones li{
  margin: 6px 0;
}

.terminos-condiciones hr{
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--dk-border), transparent);
  margin: 24px 0;
}

/* Bloques de nota o aclaración opcionales */
.terminos-condiciones .note{
  background: var(--dk-note);
  border: 1px solid var(--dk-border);
  padding: 14px 16px;
  border-radius: 10px;
  color: var(--dk-muted);
  margin: 14px 0;
}

/* Enlaces dentro del texto legal */
.terminos-condiciones a{
  color: var(--dk-primary);
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.terminos-condiciones a:hover{ color: var(--dk-primary-600); }

/* CTA de aceptación */
.terminos-condiciones .cta-aceptacion{
  margin: 28px 0 8px;
  padding: 16px;
  border: 1px solid var(--dk-border);
  border-radius: 12px;
  background: #fff;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.terminos-condiciones .cta-aceptacion label{
  display:flex;
  gap:12px;
  align-items:flex-start;
  cursor:pointer;
  font-weight:500;
  color: var(--dk-text);
}

.terminos-condiciones .cta-aceptacion input[type="checkbox"]{
  appearance:none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--dk-primary);
  border-radius: 6px;
  display:inline-grid;
  place-content:center;
  margin-top: 2px;
  transition: 120ms border-color ease, 120ms background-color ease;
}
.terminos-condiciones .cta-aceptacion input[type="checkbox"]::before{
  content:"";
  width:12px; height:12px;
  transform: scale(0);
  transition: 120ms transform ease;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 18%, 80% 0, 43% 62%);
  background: var(--dk-primary);
}
.terminos-condiciones .cta-aceptacion input[type="checkbox"]:checked{
  background: #EAF2FF;
}
.terminos-condiciones .cta-aceptacion input[type="checkbox"]:checked::before{
  transform: scale(1);
}

/* Botón opcional (por si lo usas bajo el checkbox) */
.terminos-condiciones .dk-btn{
  display:inline-block;
  margin-top: 12px;
  padding: 10px 16px;
  background: var(--dk-primary);
  color:#fff;
  border-radius: 10px;
  font-weight:600;
  text-decoration:none;
  transition: 160ms background ease, 160ms transform ease;
}
.terminos-condiciones .dk-btn:hover{ background: var(--dk-primary-600); transform: translateY(-1px); }
.terminos-condiciones .dk-btn:active{ transform: translateY(0); }

/* Tablas (si algún día agregas una de tarifas o definiciones) */
.terminos-condiciones table{
  width:100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 15px;
}
.terminos-condiciones th, .terminos-condiciones td{
  padding: 12px 10px;
  border-bottom: 1px solid var(--dk-border);
  text-align: left;
}
.terminos-condiciones th{
  background: var(--dk-note);
  font-weight:600;
}

/* Modo oscuro respetando preferencia del sistema */
@media (prefers-color-scheme: dark){
  :root{
    --dk-text:#E5E7EB;
    --dk-muted:#9CA3AF;
    --dk-border:#334155;
    --dk-bg:#0B1020;
    --dk-note:#0F172A;
  }
  .terminos-condiciones .cta-aceptacion{
    background:#0F1426;
  }
  .terminos-condiciones .dk-btn{ color:#fff; }
}

/* Accesibilidad y responsive fino */
.terminos-condiciones *:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--dk-primary) 60%, #fff);
  outline-offset: 2px;
}
@media (max-width: 480px){
  .terminos-condiciones .cta-aceptacion{ padding: 14px; }
}

/* Estilos de impresión (para descargar/guardar como PDF bonito) */
@media print{
  .terminos-condiciones{
    padding:0;
  }
  .terminos-condiciones .container{
    width:100%;
    padding:0;
  }
  .terminos-condiciones .cta-aceptacion,
  .terminos-condiciones .dk-btn { display:none !important; }
}/* End custom CSS */