.page-copiloto-redesign{padding-top:0;}
.page-copiloto-redesign .page-hero{
  min-height:100vh;
  min-height:100dvh;
  padding-top:120px;
}

.page-hero{min-height:82vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 20px 60px;background:var(--dark);}
.copiloto-glow{position:absolute;top:-15%;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(120,60,255,.28) 0%,rgba(89,0,255,.12) 40%,transparent 68%);pointer-events:none;}
.page-hero-inner{position:relative;z-index:1;max-width:1080px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 460px;gap:60px;align-items:center;}
@media(max-width:860px){.page-hero-inner{grid-template-columns:1fr;}.copiloto-visual{display:none;}}
.copiloto-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(120,60,255,.15);border:1px solid rgba(140,80,255,.4);border-radius:999px;padding:5px 14px 5px 8px;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#c084fc;margin-bottom:22px;}
.copiloto-badge-dot{width:6px;height:6px;background:#7c3cff;border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.page-hero h1{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:900;line-height:1.07;letter-spacing:-.03em;color:#fff;margin-bottom:18px;}
.page-hero-sub{font-size:clamp(.95rem,1.6vw,1.08rem);color:rgba(255,255,255,.68);line-height:1.68;max-width:500px;margin-bottom:32px;}
.page-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}

/* COPILOTO MOCKUP — ventana con guía interna */
.copiloto-mockup{position:relative;}
.copiloto-screen{background:rgba(16,9,32,.97);border:1px solid rgba(120,60,255,.25);border-radius:18px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.55),0 0 0 1px rgba(120,60,255,.12);}
.cop-topbar{background:rgba(30,15,55,.9);padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);}
.cop-dots{display:flex;gap:5px;}
.cop-dot{width:9px;height:9px;border-radius:50%;}
.cop-url{flex:1;background:rgba(255,255,255,.06);border-radius:999px;padding:4px 12px;font-size:.65rem;color:rgba(255,255,255,.35);text-align:center;margin:0 8px;}
.cop-body{padding:20px 18px;position:relative;}
.cop-page-title{font-size:.8rem;color:rgba(255,255,255,.4);margin-bottom:8px;}
.cop-page-content{background:rgba(255,255,255,.04);border-radius:10px;padding:14px;margin-bottom:12px;}
.cop-line{height:7px;border-radius:2px;background:rgba(255,255,255,.1);margin-bottom:6px;}
.cop-line-short{width:60%;}
.cop-line-med{width:80%;}
.cop-line-long{width:95%;}
/* El panel flotante del copiloto */
.cop-panel{position:absolute;right:12px;top:12px;width:180px;background:rgba(20,10,40,.96);border:1px solid rgba(140,80,255,.35);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(89,0,255,.25);}
.cop-panel-head{background:linear-gradient(135deg,rgba(89,0,255,.4),rgba(120,60,255,.25));padding:10px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07);}
.cop-panel-av{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);}
.cop-panel-name{font-size:.72rem;font-weight:800;color:#fff;}
.cop-panel-st{font-size:.62rem;color:rgba(255,255,255,.4);}
.cop-panel-msgs{padding:10px;display:flex;flex-direction:column;gap:7px;}
.cop-msg-bubble{background:rgba(255,255,255,.07);border-radius:3px 10px 10px 10px;padding:7px 9px;font-size:.7rem;color:rgba(255,255,255,.85);line-height:1.45;}
.cop-highlight{position:absolute;left:18px;top:82px;right:200px;height:30px;border:2px solid rgba(140,80,255,.6);border-radius:6px;box-shadow:0 0 12px rgba(120,60,255,.3);animation:highlightPulse 2.5s ease-in-out infinite;pointer-events:none;}
@keyframes highlightPulse{0%,100%{opacity:.7;box-shadow:0 0 12px rgba(120,60,255,.3)}50%{opacity:1;box-shadow:0 0 20px rgba(120,60,255,.5)}}

/* DIFERENCIA CHATBOT VS COPILOTO */
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media(max-width:640px){.comp-grid{grid-template-columns:1fr;}}
.comp-card{border-radius:var(--radius);padding:28px;}
.comp-card.old{background:#fff;border:1px solid var(--border-light);}
.comp-card.new{background:rgba(89,0,255,.07);border:1px solid rgba(89,0,255,.25);}
.comp-title{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;}
.comp-card.old .comp-title{color:#888;}
.comp-card.new .comp-title{color:#7b4cff;}
.comp-card.old h3{color:var(--text-dark);}
.comp-card.new h3{color:#2b1552;}
.comp-card h3{font-size:1.05rem;font-weight:900;margin-bottom:10px;}
.comp-list{display:flex;flex-direction:column;gap:9px;}
.comp-list-item{display:flex;align-items:flex-start;gap:9px;font-size:.84rem;line-height:1.55;}
.comp-card.old .comp-list-item{color:var(--text-mid);}
.comp-card.new .comp-list-item{color:#4a3572;}
.comp-list-item::before{font-size:.75rem;flex-shrink:0;margin-top:2px;}
.comp-card.old .comp-list-item::before{content:'–';color:#bbb;}
.comp-card.new .comp-list-item::before{content:'✓';color:#b094ff;}
.comp-card{
  position:relative;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.comp-card:hover{
  transform:translateY(-3px);
  border-color:rgba(140,80,255,.45);
  box-shadow:0 14px 32px rgba(89,0,255,.14);
}
.comp-card.new:hover{
  background:linear-gradient(145deg,rgba(255,64,161,.12),rgba(124,60,255,.12));
  box-shadow:0 16px 34px rgba(255,64,161,.14),0 0 0 1px rgba(124,60,255,.2) inset;
}

/* CASOS */
.caso-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:700px){.caso-grid{grid-template-columns:1fr;}}
.caso-card{background:rgba(120,60,255,.07);border:1px solid rgba(120,60,255,.2);border-radius:var(--radius);padding:24px;transition:border-color .25s;}
.caso-card:hover{border-color:rgba(140,80,255,.45);box-shadow:0 12px 30px rgba(124,60,255,.16);}
.caso-ico{font-size:1.4rem;margin-bottom:12px;}
.caso-card h3{font-size:.9rem;font-weight:800;color:#fff;margin-bottom:6px;}
.caso-card p{font-size:.82rem;color:var(--text-light);line-height:1.6;}
.lcard{
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.lcard:hover{
  transform:translateY(-3px);
  border-color:rgba(255,64,161,.4);
  background:linear-gradient(145deg,rgba(255,64,161,.11),rgba(124,60,255,.11));
  box-shadow:0 12px 30px rgba(255,64,161,.15);
}

/* Ecosistema: fila de enlaces (propuesta rediseño + contraste sobre lsec-light) */
.copi-eco-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;}
.copi-eco-ctas .lbtn-outline-dark{background:#fff;}
#assistant-booking-cp{margin-top:16px;}
