#header { background: rgba(6,12,34,.98); }

/* ════════════════════════════════════════════════
   UTILIDADES / VARIABLES COMPARTIDAS
   (--main, --secondary, --sp-gold, --white,
    --grey, --black, --sp-bg-dark, --sp-bg-mid,
    --sp-border, --sp-text-muted se definen globalmente)
   ════════════════════════════════════════════════ */

/* ── Franja CTA intermedia ───────────────────────────── */
.au-strip {
    background: var(--main,#8d096b);
    padding: 44px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.au-strip::before {
    content:''; position:absolute; inset:0;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events:none;
}
.au-strip p { color:rgba(250,247,251,.85); margin:0 0 20px; font-size:1.05rem; position:relative; z-index:1; }
.au-strip .sp-btn { position:relative; z-index:1; }
.au-strip .sp-btn--primary { background:#fff; color:var(--main,#8d096b); border-color:#fff; }
.au-strip .sp-btn--primary:hover { background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }

/* ── Secciones oscuras compartidas (diferencial + precios) ── */
.au-diferencial,
.co-precios {
    padding: 80px 0;
    background: var(--sp-bg-dark,#1a0f16);
    position: relative;
    overflow: hidden;
}
.au-diferencial::before,
.co-precios::before {
    content:''; position:absolute; inset:0; pointer-events:none;
}
.au-diferencial::before {
    background:
        radial-gradient(ellipse at 10% 50%, rgba(141,9,107,.2) 0%, transparent 55%),
        radial-gradient(ellipse at 90% 50%, rgba(113,200,217,.1) 0%, transparent 55%);
}
.co-precios::before {
    background:
        radial-gradient(ellipse at 15% 60%, rgba(141,9,107,.2) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 40%, rgba(113,200,217,.1) 0%, transparent 50%);
}
.au-diferencial .container,
.co-precios .container { position:relative; z-index:1; }

/* eyebrow / title / intro compartidos en secciones oscuras */
.au-diferencial .sp-section-eyebrow,
.co-precios .sp-section-eyebrow { color:var(--secondary,#71c8d9); }
.au-diferencial .sp-section-title,
.co-precios .sp-section-title   { color:var(--white,#faf7fb); }
.au-diferencial .sp-section-intro,
.co-precios .sp-section-intro   { color:var(--grey,#c0b6bd); }

/* ── Grid diferencial ────────────────────────────────── */
.au-dif__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 48px;
}
.au-dif__card {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    padding: 32px 28px;
    position: relative; overflow: hidden;
    transition: border-color .3s, transform .3s;
}
.au-dif__card:hover { border-color:rgba(113,200,217,.2); transform:translateY(-4px); }
.au-dif__card--accent { border-color:rgba(141,9,107,.35); background:rgba(141,9,107,.1); }
.au-dif__card--accent:hover { border-color:rgba(141,9,107,.55); }
.au-dif__card::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg, var(--main,#8d096b), var(--secondary,#71c8d9));
    opacity:0; transition:opacity .3s;
}
.au-dif__card:hover::before { opacity:1; }
.au-dif__icon {
    width:48px; height:48px; border-radius:12px;
    background:rgba(113,200,217,.1);
    display:flex; align-items:center; justify-content:center;
    color:var(--secondary,#71c8d9); margin-bottom:18px;
}
.au-dif__card--accent .au-dif__icon { background:rgba(244,182,28,.1); color:var(--sp-gold,#f4b61c); }
.au-dif__card h3 { font-size:.98rem; font-weight:700; color:var(--white,#faf7fb); margin:0 0 10px; line-height:1.3; }
.au-dif__card p  { font-size:.87rem; line-height:1.65; color:var(--grey,#c0b6bd); margin:0; }

/* ── Tipos ───────────────────────────────────────────── */
.au-tipos { padding:80px 0; background:var(--sp-bg-mid,#f6f2f5); }
.au-tipos__grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
    gap:18px; margin-top:48px;
}
.au-tipo {
    background:#fff; border-radius:14px;
    border-left:4px solid var(--main,#8d096b);
    padding:26px 22px;
    transition:transform .3s, box-shadow .3s;
}
.au-tipo:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(141,9,107,.09); }
.au-tipo h3 { font-size:.95rem; font-weight:700; color:var(--black,#291825); margin:0 0 10px; }
.au-tipo p  { font-size:.86rem; line-height:1.62; color:var(--sp-text-muted,#7c767e); margin:0; }

/* ── Tecnologías ─────────────────────────────────────── */
.au-tecno { padding:70px 0; background:#fff; }
.au-tecno__grid {
    display:flex; flex-wrap:wrap; justify-content:center;
    gap:16px; margin-top:40px;
}
.au-tecno-item {
    display:flex; flex-direction:column; align-items:center;
    gap:12px; padding:24px 20px;
    background:var(--sp-bg-mid,#f6f2f5);
    border:1px solid var(--sp-border,rgba(141,9,107,.1));
    border-radius:14px; width:150px; text-align:center;
    transition:border-color .25s, transform .25s;
}
.au-tecno-item:hover { border-color:rgba(141,9,107,.22); transform:translateY(-3px); }
.au-tecno-item img  { height:44px; object-fit:contain; }
.au-tecno-item span { font-size:.8rem; font-weight:700; color:var(--black,#291825); }

/* ── Específicas ─────────────────────────────────────── */
.au-especificas { padding:80px 0; background:var(--sp-bg-mid,#f6f2f5); }
.au-especificas__grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:24px; margin-top:48px;
}
.au-esp-card {
    background:#fff; border-radius:20px; padding:34px 30px;
    border:1px solid var(--sp-border,rgba(141,9,107,.1));
    transition:box-shadow .3s, border-color .3s;
}
.au-esp-card:hover { box-shadow:0 12px 40px rgba(141,9,107,.08); border-color:rgba(141,9,107,.2); }
.au-esp-card__eye {
    font-size:.68rem; font-weight:700; letter-spacing:.12em;
    text-transform:uppercase; color:var(--main,#8d096b);
    display:inline-block; margin-bottom:10px;
}
.au-esp-card h3 { font-size:1.1rem; font-weight:800; color:var(--black,#291825); margin:0 0 14px; }
.au-esp-card p  { font-size:.88rem; line-height:1.7; color:var(--sp-text-muted,#7c767e); margin:0 0 12px; }
.au-esp-card p:last-child { margin-bottom:0; }

/* ── Pricing cards ───────────────────────────────────── */
.co-precios__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
    margin-top: 48px;
    align-items: start;
}
.co-plan {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 28px;
    padding: 36px 28px;
    display: flex; flex-direction: column; gap: 22px;
    position: relative;
    transition: border-color .3s, transform .3s, box-shadow .3s;
}
.co-plan:hover {
    border-color: rgba(113,200,217,.2);
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,.3);
}
.co-plan--popular {
    background: rgba(141,9,107,.14);
    border-color: rgba(141,9,107,.45);
    transform: scale(1.04);
    box-shadow: 0 24px 60px rgba(141,9,107,.18);
}
.co-plan--popular:hover { transform: scale(1.04) translateY(-5px); }
.co-plan__ribbon {
    position: absolute; top:-1px; right:24px;
    background: var(--main,#8d096b);
    color: #fff; font-size:.68rem; font-weight:700;
    text-transform:uppercase; letter-spacing:.1em;
    padding: 5px 16px;
    border-radius: 0 0 10px 10px;
}
.co-plan__nombre {
    font-size:1.15rem; font-weight:800;
    color:var(--white,#faf7fb); margin:0 0 4px;
    font-family:"Doppio One",sans-serif;
}
.co-plan__subtitulo { font-size:.84rem; color:var(--grey,#c0b6bd); margin:0; line-height:1.45; }
.co-plan__precio { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; }
.co-plan__tachado { font-size:1.1rem; color:rgba(250,247,251,.28); text-decoration:line-through; }
.co-plan__num {
    font-size:2.8rem; font-weight:800; line-height:1;
    color:var(--secondary,#71c8d9);
    font-family:"Doppio One",sans-serif;
}
.co-plan--popular .co-plan__num { color:var(--sp-gold,#f4b61c); }
.co-plan__unidad { font-size:.78rem; color:var(--grey,#c0b6bd); }

/* Bullet list compartido: .co-plan__puntos y .co-tema__dot usan el mismo check SVG */
.co-plan__puntos { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; flex:1; }
.co-plan__puntos li {
    font-size:.87rem; color:rgba(250,247,251,.72); line-height:1.5;
    padding-left:20px; position:relative;
}
.co-plan__puntos li::before,
.co-tema__dot {
    background-color: var(--main,#8d096b);
}
.co-plan__puntos li::before {
    content:''; position:absolute; left:0; top:5px;
    width:11px; height:11px; border-radius:50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' viewBox='0 0 7 5'%3E%3Cpath d='M1 2.5l1.5 1.5 3.5-3.5' stroke='%23fff' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:7px 5px;
}
.co-plan--popular .co-plan__puntos li::before { background-color:var(--sp-gold,#f4b61c); }

.co-plan__btn {
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:13px 20px; background:var(--main,#8d096b); color:#fff;
    font-size:.88rem; font-weight:700; border-radius:100px;
    text-decoration:none; transition:background .25s, transform .2s;
}
.co-plan__btn:hover { background:rgba(141,9,107,.65); color:#fff; transform:translateX(2px); }
.co-plan--popular .co-plan__btn { background:var(--sp-gold,#f4b61c); color:#291825; }
.co-plan--popular .co-plan__btn:hover { background:#e0a618; }

/* ── Temas con check ─────────────────────────────────── */
.co-temas { padding:80px 0; background:var(--sp-bg-mid,#f6f2f5); }
.co-temas__grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:12px; margin-top:40px;
}
.co-tema {
    display:flex; align-items:flex-start; gap:12px;
    background:#fff;
    border:1px solid var(--sp-border,rgba(141,9,107,.1));
    border-radius:12px; padding:16px 18px;
    font-size:.88rem; font-weight:500; color:var(--black,#291825); line-height:1.4;
    transition:border-color .25s, transform .25s;
}
.co-tema:hover { border-color:rgba(141,9,107,.22); transform:translateY(-2px); }
.co-tema__dot {
    flex-shrink:0; width:18px; height:18px; margin-top:1px; border-radius:50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:10px 8px;
}

/* ════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════ */
@media (max-width:900px) {
    .co-precios__grid { grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto; }
    .co-plan--popular { transform:none; }
    .co-plan--popular:hover { transform:translateY(-5px); }
}
@media (max-width:860px) {
    .au-dif__grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
    .au-tipos, .au-tecno, .au-especificas, .au-diferencial { padding:55px 0; }
    .au-tipos__grid, .au-especificas__grid { grid-template-columns:1fr; }
    .au-tecno__grid { gap:10px; }
    .au-tecno-item { width:calc(50% - 5px); }
}
@media (max-width:600px) {
    .co-precios, .co-temas { padding:55px 0; }
    .co-temas__grid { grid-template-columns:1fr; }
}