/* Start custom CSS *//* Evolve Xtender Básico · HTML Elementor · CSS aislado del tema. */
.exp-post,
.exp-post * { box-sizing: border-box; }
.exp-post {
  --exp-yellow: #D7D000;
  --exp-white: #F2F2F2;
  --exp-muted: #D1D4D6;
  --exp-panel: #111416;
  --exp-border: rgba(242,242,242,.16);
  width: 100%;
  max-width: 1160px;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 54px);
  background: radial-gradient(ellipse at 100% 0%,rgba(13,78,102,.23),transparent 26%),#000;
  border: 1px solid rgba(215,208,0,.25);
  border-radius: 26px;
  color: var(--exp-white);
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.8;
  isolation: isolate;
}
.exp-post .exp-symbols { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.exp-post p,
.exp-post li {
  color: var(--exp-muted);
  font-size: inherit;
  line-height: 1.8;
  text-align: justify;
  text-align-last: left;
  text-justify: inter-word;
  hyphens: auto;
  overflow-wrap: break-word;
}
.exp-post p { margin: 0 0 1.15em; }
.exp-post p:last-child { margin-bottom:0; }
.exp-post strong { color:var(--exp-white); font-weight:800; }
.exp-post h2,
.exp-post h3 {
  color:var(--exp-white) !important;
  font-family: Montserrat, Arial, Helvetica, sans-serif !important;
  font-weight:800 !important;
  text-align:left !important;
  text-align-last:left;
  line-height:1.22 !important;
  letter-spacing:-.025em;
  hyphens:none;
  overflow-wrap:break-word;
  text-wrap:pretty;
  margin:0;
}
.exp-post a:not(.exp-button) {
  color:var(--exp-yellow) !important;
  text-decoration:underline;
  text-underline-offset:.2em;
  text-decoration-thickness:1px;
  overflow-wrap:anywhere;
}
.exp-post a:not(.exp-button) strong { color:inherit; }
.exp-post a:focus-visible { outline:3px solid var(--exp-white); outline-offset:5px; }
.exp-post .exp-icon {
  display:block;
  width:32px;
  height:32px;
  flex:0 0 32px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--exp-yellow);
}
.exp-post .exp-icon-box {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 56px;
  width:56px;
  height:56px;
  border:1px solid rgba(215,208,0,.45);
  border-radius:15px;
  background:rgba(215,208,0,.065);
}
/* Cabecera sin imagen: el usuario la añade en WordPress. */
.exp-post .exp-hero {
  padding:clamp(24px,4vw,48px);
  border:1px solid rgba(215,208,0,.4);
  border-left:5px solid var(--exp-yellow);
  border-radius:22px;
  background:radial-gradient(circle at 100% 0,rgba(13,78,102,.28),transparent 45%),linear-gradient(140deg,#191b18,#070909);
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}
.exp-post .exp-kicker {
  margin:0 0 22px;
  color:var(--exp-yellow);
  font-size:14px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:left;
}
.exp-post .exp-title {
  margin:0 0 28px !important;
  font-size:clamp(34px,4.2vw,60px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em;
}
.exp-post .exp-title-brand { display:block; margin-bottom:.2em; }
.exp-post .exp-title-accent { color:var(--exp-yellow); }
.exp-post .exp-hero-summary { color:var(--exp-white); font-size:21px; }
/* Beneficios en tarjetas. */
.exp-post .exp-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:25px 0 38px;
}
.exp-post .exp-benefit {
  min-width:0;
  padding:24px;
  border:1px solid var(--exp-border);
  border-radius:18px;
  background:linear-gradient(140deg,#181b1b,#090b0c);
  box-shadow:0 12px 25px rgba(0,0,0,.15);
}
.exp-post .exp-benefit h3 { margin:18px 0 12px; font-size:23px !important; }
.exp-post .exp-benefit p { font-size:18px; line-height:1.7; }
.exp-post .exp-intro { margin:0 0 45px; }
/* Artículo y aplicaciones. */
.exp-post .exp-section {
  min-width:0;
  margin:0 0 42px;
  padding-top:36px;
  border-top:1px solid var(--exp-border);
  scroll-margin-top:90px;
}
.exp-post .exp-section:last-child { margin-bottom:0; }
.exp-post .exp-section-heading { display:flex; align-items:flex-start; gap:18px; margin:0 0 25px; }
.exp-post .exp-section-heading h2 { padding-top:3px; font-size:clamp(27px,2.7vw,36px) !important; }
.exp-post .exp-scenarios { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:26px; }
.exp-post .exp-scenario {
  min-width:0;
  padding:clamp(22px,2.7vw,32px);
  border:1px solid var(--exp-border);
  border-radius:20px;
  background:radial-gradient(circle at 100% 0,rgba(13,78,102,.15),transparent 50%),linear-gradient(145deg,#171b1d,#080b0d);
  box-shadow:0 18px 38px rgba(0,0,0,.17);
}
.exp-post .exp-scenario-heading { display:flex; align-items:flex-start; gap:15px; margin-bottom:20px; }
.exp-post .exp-scenario-heading .exp-icon { margin-top:2px; }
.exp-post .exp-scenario h3 { font-size:24px !important; }
.exp-post .exp-scenario p { font-size:19px; }
.exp-post .exp-objectives { display:grid; gap:13px; margin:24px 0; padding:0; list-style:none; }
.exp-post .exp-objectives li { display:flex; align-items:flex-start; gap:15px; margin:0; padding:16px 20px; border:1px solid var(--exp-border); border-radius:13px; background:rgba(255,255,255,.035); }
.exp-post .exp-objectives .exp-icon { width:25px; height:25px; flex-basis:25px; margin-top:5px; }
.exp-post .exp-objectives li span { flex:1; min-width:0; }
.exp-post .exp-section-ai,
.exp-post .exp-contact {
  padding:clamp(24px,3.3vw,40px);
  border:1px solid rgba(215,208,0,.45);
  border-left:5px solid var(--exp-yellow);
  border-radius:22px;
  background:radial-gradient(ellipse at 100% 0,rgba(215,208,0,.08),transparent 55%),#101413;
}
/* CTA con texto grande y áreas cómodas de pulsar. */
.exp-post .exp-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.exp-post .exp-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  max-width:100%;
  min-height:58px;
  padding:16px 23px;
  border:2px solid var(--exp-yellow);
  border-radius:12px;
  font-family:inherit;
  font-size:18px !important;
  font-weight:800;
  line-height:1.35 !important;
  text-align:center;
  text-decoration:none !important;
  white-space:normal;
  transition:background-color .2s ease,transform .2s ease;
}
.exp-post .exp-button .exp-icon { width:24px; height:24px; flex-basis:24px; color:inherit; }
.exp-post .exp-button-primary { color:#080a08 !important; background:var(--exp-yellow); }
.exp-post .exp-button-outline { color:var(--exp-yellow) !important; background:transparent; }
.exp-post .exp-button-primary:hover { background:#F1E929; border-color:#F1E929; transform:translateY(-2px); }
.exp-post .exp-button-outline:hover { background:rgba(215,208,0,.09); transform:translateY(-2px); }
@media (max-width:900px) {
  .exp-post .exp-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exp-post .exp-scenarios { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .exp-post { padding:18px; border-radius:18px; font-size:18px; }
  .exp-post .exp-hero { padding:24px 20px; border-radius:16px; }
  .exp-post .exp-title { font-size:clamp(30px,7.7vw,40px) !important; }
  .exp-post .exp-kicker { font-size:12px; letter-spacing:.07em; }
  .exp-post .exp-hero-summary { font-size:18px; }
  .exp-post .exp-benefits { grid-template-columns:minmax(0,1fr); gap:13px; }
  .exp-post .exp-benefit { padding:22px; }
  .exp-post .exp-benefit h3 { font-size:23px !important; }
  .exp-post .exp-section-heading { flex-direction:column; gap:15px; }
  .exp-post .exp-section-heading h2 { padding-top:0; font-size:28px !important; }
  .exp-post .exp-scenario { padding:23px 20px; }
  .exp-post .exp-scenario h3 { font-size:23px !important; }
  .exp-post .exp-scenario p { font-size:18px; }
  .exp-post .exp-section-ai,.exp-post .exp-contact { padding:25px 20px; }
  .exp-post .exp-actions { flex-direction:column; align-items:stretch; }
  .exp-post .exp-button { width:100%; padding:16px; font-size:17px !important; }
  .exp-post .exp-objectives li { padding:14px; gap:12px; }
}
@media (max-width:360px) {
  .exp-post { padding:12px; }
  .exp-post .exp-hero { padding:22px 16px; }
  .exp-post .exp-title { font-size:28px !important; }
  .exp-post .exp-scenario-heading { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  .exp-post .exp-button { transition:none; }
  .exp-post .exp-button:hover { transform:none; }
}/* End custom CSS */