/* VitrinaViral · piezas de conversión compartidas (hoja "ábrelo en tu ordenador", guía del aviso de Windows, barra fija móvil) */
.cv-capa { position: fixed; inset: 0; z-index: 90; display: flex; align-items: flex-end; justify-content: center; padding: 16px;
  background: rgba(0,0,0,.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .25s; }
.cv-capa.abierta { opacity: 1; }
@media (min-width: 700px) { .cv-capa { align-items: center; } }
.cv-hoja { position: relative; width: min(520px, 100%); max-height: calc(100vh - 32px); overflow: auto; background: #FFFDFB; color: #1F1A14;
  border-radius: 22px; padding: 28px 24px 22px; box-shadow: 0 30px 80px rgba(0,0,0,.45); transform: translateY(24px); transition: transform .3s cubic-bezier(.2,.8,.2,1);
  font-size: 16px; line-height: 1.5; text-align: left; }
.cv-capa.abierta .cv-hoja { transform: none; }
.cv-hoja h2 { font-size: 23px; line-height: 1.2; letter-spacing: -.02em; margin: 0 0 8px; color: #1F1A14; }
.cv-hoja p { margin: 0 0 12px; color: #4A3F34; font-size: 16px; }
.cv-cerrar { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; border: 0; border-radius: 12px; background: transparent;
  font-size: 26px; line-height: 1; color: #6B5F52; cursor: pointer; }
.cv-cerrar:hover { background: #F3ECE4; }
.cv-ico { font-size: 34px; line-height: 1; margin-bottom: 10px; }
.cv-botones { display: grid; gap: 10px; margin: 16px 0 6px; }
.cv-boton { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 12px 18px; border-radius: 14px;
  border: 1.5px solid #E2D8CC; background: #fff; color: #1F1A14; font: inherit; font-weight: 700; font-size: 16px; text-decoration: none; cursor: pointer; }
.cv-boton:hover { border-color: #C2410C; }
.cv-boton.principal { background: #C2410C; border-color: #C2410C; color: #fff; }
.cv-boton.principal:hover { background: #9A3412; }
.cv-boton.wa { background: #15803D; border-color: #15803D; color: #fff; }
.cv-boton.wa:hover { background: #166534; }
.cv-seguir { display: block; width: 100%; margin-top: 6px; padding: 12px; border: 0; background: none; color: #7C2D12; font: inherit; font-weight: 600;
  font-size: 15px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.cv-pie { font-size: 13.5px !important; color: #6B5F52 !important; margin: 8px 0 0 !important; }

/* Guía del aviso "Windows protegió su PC" (dibujo orientativo) */
.cv-pasos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 14px 0; }
@media (max-width: 480px) { .cv-pasos { grid-template-columns: 1fr; } }
.cv-paso b.cv-num { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #C2410C; color: #fff; font-size: 14px; margin-right: 6px; }
.cv-paso > span { display: block; font-weight: 700; font-size: 15px; margin-bottom: 8px; color: #1F1A14; }
.smartscreen { background: #0B5CAD; color: #fff; border-radius: 10px; padding: 14px 14px 12px; font: 13px/1.35 "Segoe UI", system-ui, sans-serif;
  box-shadow: 0 10px 24px rgba(11,92,173,.3); min-height: 150px; display: flex; flex-direction: column; }
.smartscreen strong { display: block; font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.smartscreen small { display: block; opacity: .9; font-size: 12px; }
.smartscreen .ss-enlace { display: inline-block; margin-top: 8px; text-decoration: underline; font-weight: 600; }
.smartscreen .ss-botones { display: flex; gap: 6px; justify-content: flex-end; margin-top: auto; padding-top: 10px; }
.smartscreen .ss-botones i { font-style: normal; padding: 5px 10px; border: 1px solid rgba(255,255,255,.7); border-radius: 3px; font-size: 12px; }
.smartscreen .marcado { outline: 3px solid #FACC15; outline-offset: 3px; border-radius: 3px; animation: cv-latir 1.4s ease-in-out infinite; }
@keyframes cv-latir { 50% { outline-color: rgba(250,204,21,.35); } }
.cv-nota-dibujo { font-size: 12.5px !important; color: #7A6E61 !important; text-align: center; margin: 0 !important; }

/* Barra fija en el móvil */
.cv-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: rgba(11,9,7,.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid rgba(255,255,255,.12);
  transform: translateY(110%); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.cv-barra.visible { transform: none; }
.cv-barra a { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 14px; font-weight: 700; font-size: 15.5px;
  text-decoration: none; color: #fff; text-align: center; line-height: 1.2; padding: 6px 10px; }
.cv-barra .cv-b1 { flex: 1.6; background: linear-gradient(135deg, var(--cv-color, #C2410C), var(--cv-color2, #9A3412)); }
.cv-barra .cv-b2 { background: rgba(255,255,255,.08); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset; }
@media (min-width: 821px) { .cv-barra { display: none; } }
@media (prefers-reduced-motion: reduce) { .cv-capa, .cv-hoja, .cv-barra { transition: none; } .smartscreen .marcado { animation: none; } }

/* Bloques nuevos de las páginas: quién está detrás, antes y después, dudas junto a los precios */
.dudas-precio { text-align: center; margin-top: 18px; color: var(--s); font-size: 15.5px; }
.dudas-precio a { color: var(--t); font-weight: 700; text-underline-offset: 3px; }
.detras { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; }
.detras .avatar { width: 96px; height: 96px; border-radius: 28px; display: grid; place-items: center; font-size: 44px;
  background: linear-gradient(135deg, rgba(234,88,12,.35), rgba(56,189,248,.2)); border: 1px solid var(--borde2); }
.detras h2 { font-size: clamp(26px, 3vw, 34px); }
.detras p { color: var(--s); font-size: 17px; margin-bottom: 10px; }
.detras .firmas { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--s2); font-size: 14.5px; margin-top: 6px; }
@media (max-width: 640px) { .detras { grid-template-columns: 1fr; gap: 16px; } }
.comparar { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--borde); border-radius: var(--radio); overflow: hidden; font-size: 16px; }
.comparar th, .comparar td { padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--borde); }
.comparar tr:last-child td { border-bottom: 0; }
.comparar thead th { font-size: 15px; color: var(--s); font-weight: 600; background: rgba(255,255,255,.03); }
.comparar thead th:last-child { color: var(--t); background: rgba(234,88,12,.16); }
.comparar td:first-child { font-weight: 600; color: var(--t); width: 26%; }
.comparar td:nth-child(2) { color: var(--s); }
.comparar td:last-child { color: var(--t); background: rgba(234,88,12,.06); }
@media (max-width: 640px) {
  .comparar, .comparar tbody, .comparar tr, .comparar td { display: block; width: 100% !important; }
  .comparar thead { display: none; }
  .comparar tr { border-bottom: 1px solid var(--borde); padding: 6px 0; } .comparar tr:last-child { border-bottom: 0; }
  .comparar td { border: 0; padding: 6px 16px; }
  .comparar td:nth-child(2)::before { content: "Antes: "; font-weight: 700; }
  .comparar td:last-child::before { content: "Con la app: "; font-weight: 700; }
}