/* Bloque comparativa — la tabla que ya vivía escrita a mano en /precios/.
 *
 * Mismo CSS, con `.banda-comparativa` renombrado a `.bl-comp` y el resto de
 * clases acotadas a esa raíz, para que el bloque y la página de precios puedan
 * convivir sin pisarse mientras la segunda no se migre.
 */

.bl-comp{   padding:80px 0 100px;background:var(--color-beige); }
  .bl-comp .frase{padding:0px 0px 40px;}
  .bl-comp .comp-eyebrow{color:var(--color-tertiary);margin-bottom:16px}
  .bl-comp .comp-tit{color:var(--color-primary);margin-bottom:14px}
  .bl-comp .comp-sub{color:#5a6a66;max-width:560px;margin:0 auto;font-weight:400}

  .bl-comp .comp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .bl-comp table{
    width:100%;max-width:1000px;margin:0 auto;
    border-collapse:separate;border-spacing:0;
    min-width:680px;
  }
  .bl-comp th,
  .bl-comp td{
    padding:18px 16px;text-align:center;
    font-size:15px;
    border-bottom:1px solid rgba(45,76,71,.12);
    background:transparent;
  }
  /* Cabecera de columnas */
  .bl-comp thead th{
    font-family:'Domine',serif;font-weight:400;font-size:16px;
    color:var(--color-primary);vertical-align:bottom;
    border-bottom:none;padding-bottom:22px;
  }
  .bl-comp .ct-esquina{background:transparent}
  /* Primera columna: etiquetas de fila (sticky en móvil) */
  .bl-comp tbody th{
    text-align:left;font-weight:600;color:#2c2c2c;font-size:15px;
    position:sticky;left:0;background:var(--color-beige);
    min-width:190px;
  }
  /* Columna Weddika destacada */
  .bl-comp .ct-weddika{
    background:var(--color-rosa);color:var(--color-negro);
  }
  .bl-comp thead th.ct-weddika{
    color:var(--color-negro);border-radius: 18px 18px 0 0;padding-top:22px;
  }
  .bl-comp tbody tr:last-child td.ct-weddika{
    border-radius: 0 0 18px 18px;
  }
  .bl-comp tbody tr td.ct-weddika{border-bottom-color:rgba(0,0,0,.08)}
  .bl-comp .ct-pill{
    display:inline-block;margin-bottom:10px;
    background:var(--color-negro);color:#fff;
    font-family:"Source Sans 3",sans-serif;font-weight:700;
    font-size:10px;letter-spacing:1.5px;text-transform:uppercase;
    padding:5px 12px;border-radius:999px;
  }
  .bl-comp thead th.ct-weddika span.ct-name{display:block;font-size:19px}
  /* Símbolos */
  .bl-comp .ct-si{display:inline-flex;color:#c2bcb0}
  .bl-comp .ct-weddika .bl-comp .ct-si{color:#a5385a}
  .bl-comp .ct-no{color:#b9b3a8;font-size:18px;line-height:1}
  .bl-comp .ct-txt{color:#6a6a6a;font-size:14px}
  .bl-comp .ct-weddika .bl-comp .ct-txt{color:var(--color-negro)}
  /* Fila precio */
  .bl-comp .ct-precio td,
  .bl-comp .ct-precio th{font-size:17px;font-weight:700;border-bottom:none}
  .bl-comp .ct-precio td.ct-weddika{font-size:19px}
  .bl-comp .ct-nota{
    text-align:center;font-size:13px;color:#8a8a82;margin-top:18px;
  }
  @media(max-width:768px){
    .bl-comp{padding:64px 0 72px}
    .bl-comp table{min-width:740px}
    .bl-comp th,.bl-comp td{padding:14px 12px;font-size:14px}
  }