/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2026 | 01:01:56 */
/* ================================================================
   SNIPPET ÚNICO · CSS namespaced para WordPress
   Curso ........ clases gai-curso-*
   Página venta . clases gai-venta-*
   No entra en conflicto con el CSS del tema.
   ================================================================ */

/* ---------- Aislamiento (box-sizing solo dentro de nuestros bloques) ---------- */
.gai-curso, .gai-curso *, .gai-curso *::before, .gai-curso *::after,
.gai-venta, .gai-venta *, .gai-venta *::before, .gai-venta *::after{
  box-sizing:border-box;
}

/* ================================================================
   PARTE A · DOCUMENTO DEL CURSO (gai-curso-*)
   ================================================================ */
.gai-curso{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:1rem;
  line-height:1.75;
  color:#1e293b;
}
.gai-curso h1,.gai-curso h2,.gai-curso h3,.gai-curso h4{margin:0;font-weight:600;}
.gai-curso p{margin:0;}
.gai-curso ul,.gai-curso ol{margin:0;padding-left:24px;}
.gai-curso a{text-decoration:none;}
.gai-curso img{max-width:100%;}

.gai-curso-container{max-width:920px;margin:0 auto;padding:0 20px;}

/* --- Cabecera (hero) --- */
.gai-curso-hero{
  background:linear-gradient(135deg,#3730a3 0%,#4f46e5 60%,#7c3aed 100%);
  color:#fff;
  text-align:center;
  padding:48px 20px 56px;
}
.gai-curso-hero .gai-curso-eyebrow{
  display:inline-block;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.25);
  padding:4px 14px;
  border-radius:999px;
  font-size:.85rem;
  letter-spacing:.4px;
  margin:0 0 16px;
}
.gai-curso-hero h1{
  font-size:2.3rem;
  line-height:1.15;
  letter-spacing:-.5px;
  margin:0 auto 10px;
  max-width:800px;
  color:#fff;
}
.gai-curso-hero .gai-curso-subtitle{
  margin:0 auto;
  font-size:1.1rem;
  color:rgba(255,255,255,.92);
  max-width:640px;
}
.gai-curso-meta-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px;}
.gai-curso-badge{
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  padding:6px 14px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:600;
  color:#fff;
}

/* --- Índice (TOC) --- */
.gai-curso-toc{
  background:#fff;
  border-bottom:1px solid #e2e8f0;
  padding:24px 0;
}
.gai-curso-toc h2{font-size:1.2rem;margin:0 0 14px;color:#3730a3;}
.gai-curso-toc ol{margin:0;padding-left:22px;}
.gai-curso-toc li{margin:6px 0;}
.gai-curso-toc a{color:#4f46e5;font-weight:600;}
.gai-curso-toc a:hover{text-decoration:underline;}

/* --- Módulos --- */
.gai-curso-module{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.08),0 6px 18px rgba(0,0,0,.06);
  padding:28px 30px;
  margin:36px 0;
}
.gai-curso-module-header{border-bottom:2px solid #e2e8f0;padding-bottom:14px;margin-bottom:18px;}
.gai-curso-module-title{
  color:#3730a3;
  font-size:1.6rem;
  margin:0 0 8px;
  letter-spacing:-.3px;
}
.gai-curso-module-meta{
  background:#eef2ff;
  border-left:4px solid #4f46e5;
  padding:10px 14px;
  border-radius:0 6px 6px 0;
  font-size:.92rem;
  color:#373a3c;
}
.gai-curso-module-meta b{color:#3730a3;}
.gai-curso-module p{margin:10px 0;}
.gai-curso-module ul,.gai-curso-module ol{margin:10px 0;}
.gai-curso-module li{margin:6px 0;}
.gai-curso-module strong{color:#1e293b;}

/* --- Bloques de sección --- */
.gai-curso-section{
  border-left:3px solid #e2e8f0;
  padding:6px 0 6px 18px;
  margin:26px 0;
}
.gai-curso-section h3{font-size:1.22rem;margin:10px 0 12px;color:#1e293b;}
.gai-curso-section h4{color:#4f46e5;font-size:1rem;margin:16px 0 6px;}

/* --- Prompts bilingües --- */
.gai-curso-prompt{
  margin:16px 0;
  border:1px solid #e2e8f0;
  border-radius:10px;
  overflow:hidden;
  background:#fbfcfe;
}
.gai-curso-prompt-title{
  background:#f1f5f9;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#64748b;
  padding:6px 14px;
  border-bottom:1px solid #e2e8f0;
}
.gai-curso-prompt-en,.gai-curso-prompt-es{
  display:flex;
  gap:12px;
  padding:10px 14px;
}
.gai-curso-prompt-en{border-left:4px solid #1d4ed8;background:#f0f6ff;}
.gai-curso-prompt-es{border-left:4px solid #b45309;background:#fffaf0;}
.gai-curso-lang{
  flex:0 0 40px;
  height:22px;
  margin-top:4px;
  font-size:.72rem;
  font-weight:800;
  color:#fff;
  text-align:center;
  border-radius:5px;
  line-height:22px;
}
.gai-curso-lang-en{background:#1d4ed8;}
.gai-curso-lang-es{background:#b45309;}
.gai-curso-prompt-en code,.gai-curso-prompt-es code{
  font-family:Consolas,Menlo,monospace;
  font-size:.93rem;
  white-space:pre-wrap;
  word-break:break-word;
  color:inherit;
  background:transparent;
  padding:0;
}

/* --- Callouts --- */
.gai-curso-callout{
  border-radius:10px;
  padding:12px 16px;
  margin:16px 0;
  font-size:.95rem;
}
.gai-curso-callout .gai-curso-callout-label{
  font-weight:800;display:block;margin-bottom:4px;font-size:.8rem;
  text-transform:uppercase;letter-spacing:.5px;
}
.gai-curso-callout-idea{background:#fffbeb;border:1px solid #fde68a;color:#78350f;}
.gai-curso-callout-idea .gai-curso-callout-label{color:#b45309;}
.gai-curso-callout-warn{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;}
.gai-curso-callout-warn .gai-curso-callout-label{color:#b91c1c;}
.gai-curso-callout-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;}
.gai-curso-callout-info .gai-curso-callout-label{color:#1d4ed8;}
.gai-curso-callout-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;}
.gai-curso-callout-success .gai-curso-callout-label{color:#15803d;}

/* --- Tablas --- */
.gai-curso-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #e2e8f0;border-radius:10px;}
.gai-curso-table-wrap table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px;margin:0;}
.gai-curso-table-wrap th{
  background:#4f46e5;
  color:#fff;
  text-align:left;
  padding:10px 12px;
  font-weight:600;
}
.gai-curso-table-wrap td{padding:9px 12px;border-top:1px solid #e2e8f0;vertical-align:top;}
.gai-curso-table-wrap tr:nth-child(even) td{background:#f8fafc;}

/* --- Emoji y varios --- */
.gai-curso-emoji{font-size:1.3em;margin-right:2px;}
.gai-curso code{font-family:Consolas,Menlo,monospace;}

/* --- Footer del curso --- */
.gai-curso-footer{
  background:#3730a3;
  color:#e0e7ff;
  text-align:center;
  padding:24px 20px;
  margin-top:40px;
  font-size:.9rem;
}
.gai-curso-footer a{color:#fff;}

/* --- Volver arriba --- */
.gai-curso-back-top{
  display:inline-block;
  margin:16px 20px 24px;
  background:#4f46e5;color:#fff;
  border-radius:999px;padding:10px 16px;
  text-decoration:none;font-size:.85rem;
}
.gai-curso-back-top:hover{background:#3730a3;}

/* ================================================================
   PARTE B · PÁGINA DE VENTA (gai-venta-*)
   Paleta azul / cyan / gris · Bordes cuadrados
   ================================================================ */
.gai-venta{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:1rem;
  line-height:1.7;
  color:#334155;
  background:#f4f7fb;
}
.gai-venta h1,.gai-venta h2,.gai-venta h3{margin:0;font-weight:600;line-height:1.25;}
.gai-venta p{margin:0;}
.gai-venta ul{margin:0;}
.gai-venta a{text-decoration:none;}
.gai-venta img{max-width:100%;}

.gai-venta-container{max-width:1000px;margin:0 auto;padding:0 20px;}
.gai-venta-center{text-align:center;}

.gai-venta h2{font-size:2rem;margin-bottom:10px;color:#1e40af;}
.gai-venta-subtitle{font-size:1.1rem;color:#64748b;margin:6 auto 30px;max-width:100%;}

/* --- Botones (cuadrados) --- */
.gai-venta-btn{
  display:inline-block;
  padding:15px 32px;
  border-radius:4px;
  font-weight:700;
  font-size:1.02rem;
  transition:transform .15s ease, box-shadow .15s ease;
  cursor:pointer;
  border:none;
  color:#fff;
}
.gai-venta-btn:hover{transform:translateY(-2px);}
.gai-venta-btn-primario{background:linear-gradient(90deg,#2563eb,#06b6d4);box-shadow:0 6px 18px rgba(37,99,235,.35);}
.gai-venta-btn-secundario{background:#fff;color:#2563eb;border:2px solid #2563eb;}
.gai-venta-btn-blanco{background:#fff;color:#1e40af;}

/* --- Barra superior --- */
.gai-venta-topbar{
  background:#1e40af;
  color:#cfe8ff;
  text-align:center;
  font-size:.9rem;
  padding:9px 16px;
}
.gai-venta-topbar b{color:#fff;}

/* --- Hero --- */
.gai-venta-hero{
  background:linear-gradient(135deg,#1e40af 0%,#2563eb 55%,#06b6d4 120%);
  color:#fff;
  text-align:center;
  padding:56px 20px 64px;
}
.gai-venta-hero .gai-venta-badge{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);
  padding:6px 18px;
  border-radius:6px;
  font-size:.85rem;
  letter-spacing:.4px;
  margin-bottom:18px;
}
.gai-venta-hero h1{font-size:2.4rem;margin:0 auto 14px;max-width:780px;color:#fff;}
.gai-venta-hero .gai-venta-sub{font-size:1.18rem;color:rgba(255,255,255,.92);max-width:660px;margin:0 auto 28px;}
.gai-venta-cta{margin-bottom:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.gai-venta-confianza{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:.9rem;color:rgba(255,255,255,.92);}

/* --- Estadísticas --- */
.gai-venta-stats{background:#fff;border-bottom:1px solid #d7e0ea;padding:30px 0;}
.gai-venta-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.gai-venta-stat b{display:block;font-size:1.6rem;color:#2563eb;}
.gai-venta-stat span{font-size:.88rem;color:#64748b;}
@media (max-width:640px){.gai-venta-stats-grid{grid-template-columns:repeat(2,1fr);}}

/* --- Tarjetas genéricas --- */
.gai-venta-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.gai-venta-card{
  background:#fff;
  border:1px solid #d7e0ea;
  border-radius:6px;
  padding:24px;
  box-shadow:0 8px 24px rgba(37,99,235,.10);
}
.gai-venta-card .gai-venta-icon{font-size:2rem;}
.gai-venta-card h3{margin:10px 0 6px;font-size:1.15rem;color:#1e40af;}
.gai-venta-card p{margin:0;font-size:.95rem;color:#64748b;}

.gai-venta-solucion{background:#fff;padding:50px 0;}
.gai-venta-para-quien{background:#f4f7fb;padding:50px 0;}
section.gai-venta-solucion,section.gai-venta-para-quien{padding:50px 0;}

/* --- Módulos (dos columnas) --- */
.gai-venta-modulos{background:#fff;padding:50px 0;}
.gai-venta-modulos-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.gai-venta-mod{
  display:flex;gap:14px;align-items:flex-start;
  background:#fff;border:1px solid #d7e0ea;
  border-radius:6px;padding:14px 16px;
  box-shadow:0 3px 10px rgba(37,99,235,.06);
}
.gai-venta-mod .gai-venta-num{
  flex:0 0 40px;height:40px;border-radius:6px;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;
}
.gai-venta-mod h3{margin:0;font-size:1.02rem;}
.gai-venta-mod p{margin:2px 0 0;color:#64748b;font-size:.9rem;}
@media (max-width:680px){.gai-venta-modulos-grid{grid-template-columns:1fr;}}

/* --- Incluye --- */
.gai-venta-incluye{background:#f4f7fb;padding:50px 0;}
.gai-venta-lista{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:0;}
.gai-venta-lista li{
  background:#fff;border:1px solid #d7e0ea;border-radius:6px;
  padding:14px 16px;font-size:.95rem;
}
.gai-venta-lista li b{color:#1e40af;}
@media (max-width:640px){.gai-venta-lista{grid-template-columns:1fr;}}

/* --- Bonos --- */
.gai-venta-bonos{background:linear-gradient(135deg,#eff6ff,#ecfeff);padding:50px 0;}
.gai-venta-bono{
  display:flex;gap:16px;align-items:center;
  background:#fff;border:2px dashed #06b6d4;
  border-radius:6px;padding:18px 22px;margin-bottom:14px;
}
.gai-venta-bono .gai-venta-icon{font-size:2rem;}
.gai-venta-bono h3{margin:0;color:#1e40af;font-size:1.1rem;}
.gai-venta-bono p{margin:2px 0 0;color:#64748b;font-size:.95rem;}
.gai-venta-etiqueta-bono{
  background:#06b6d4;color:#fff;font-size:.75rem;font-weight:800;
  padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;
  margin-left:8px;
}

/* --- Precio --- */
.gai-venta-precio{
  background:linear-gradient(135deg,#1e40af 0%,#2563eb 60%,#06b6d4 120%);
  color:#fff;text-align:center;padding:50px 0;
}
.gai-venta-precio h2{color:#fff;}
.gai-venta-card-precio{
  background:#fff;color:#334155;border-radius:6px;
  max-width:580px;margin:0 auto;padding:32px 30px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
  text-align:center;
}
.gai-venta-plan{font-size:.9rem;letter-spacing:.6px;text-transform:uppercase;color:#64748b;font-weight:700;}
.gai-venta-precio-ant{color:#94a3b8;text-decoration:line-through;font-size:1.3rem;margin-right:10px;}
.gai-venta-precio-act{font-size:3rem;font-weight:800;color:#2563eb;line-height:1.1;}
.gai-venta-precio-note{color:#64748b;font-size:.9rem;margin:6px 0 18px;}
.gai-venta-card-precio ul{list-style:none;padding:0;margin:0 0 22px;text-align:left;}
.gai-venta-card-precio ul li{padding:8px 0;border-bottom:1px dashed #d7e0ea;font-size:.95rem;color:#334155;}
.gai-venta-card-precio ul li::before{content:"✅ ";}

.gai-venta-datos-aula{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 22px;text-align:left;}
.gai-venta-dato{background:#f4f7fb;border:1px solid #d7e0ea;border-radius:6px;padding:12px 14px;}
.gai-venta-dato b{display:block;color:#1e40af;font-size:.95rem;}
.gai-venta-dato span{color:#64748b;font-size:.9rem;}
@media (max-width:640px){.gai-venta-datos-aula{grid-template-columns:1fr;}}

/* --- FAQ --- */
.gai-venta-faq{background:#fff;padding:50px 0;}
.gai-venta-faq details{
  background:#fff;border:1px solid #d7e0ea;border-radius:6px;
  padding:16px 20px;margin-bottom:10px;
}
.gai-venta-faq summary{font-weight:700;cursor:pointer;color:#1e40af;}
.gai-venta-faq details p{margin:10px 0 0;color:#64748b;}

/* --- CTA final --- */
.gai-venta-cta-final{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;text-align:center;padding:50px 20px;}
.gai-venta-cta-final h2{color:#fff;font-size:2.1rem;}
.gai-venta-cta-final p{font-size:1.15rem;color:rgba(255,255,255,.95);max-width:620px;margin:0 auto 26px;}

/* --- Footer (venta) --- */
.gai-venta-footer{background:#1e40af;color:#cfe8ff;text-align:center;padding:28px 20px;font-size:.9rem;}
.gai-venta-footer a{color:#fff;}

/* --- Responsive venta --- */
@media (max-width:640px){
  .gai-venta-hero h1{font-size:1.9rem;}
  .gai-venta h2{font-size:1.6rem;}
  .gai-venta-btn{padding:14px 24px;font-size:1rem;}
}