
  :root{
    --bg: #ffffff;
    --bg-alt: #f9f9f9;
    --ink: #1a1a1a;
    --ink-soft: #444;
    --ink-mute: #777;
    --line: #e5e5e5;
    --gold: #e8a020;
    --gold-lt: #ffd700;
    --gold-dk: #b97a13;
    --cta: #c0392b;
    --cta-hover: #a93226;
    --cta-grey: #6b6b6b;
    --green: #27ae60;
    --score1: #27ae60;
    --score2: #5cb85c;
    --score3: #f0ad4e;
    --score4: #e67e22;
    --score5: #c0392b;
    --header-dk: #0a1f3d;
  }

  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    font-family:'Lato', -apple-system, sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.6;
    font-size:16px;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}

  h1,h2,h3,h4{
    font-family:'Merriweather', Georgia, serif;
    font-weight:700;
    line-height:1.25;
    color:var(--ink);
  }

  .wrap{
    max-width:1050px;
    margin:0 auto;
    padding:0 16px;
  }

  /* ============ HEADER STICKY ============ */
  header.site{
    background:#fff;
    border-bottom:1px solid var(--line);
    
    box-shadow:0 1px 3px rgba(0,0,0,.04);
  }
  .hdr-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 16px;max-width:780px;margin:0 auto;
  }
  .hdr-logo-img{height:36px;width:auto}
  .hdr-flag-img{width:36px;height:24px;border:1px solid var(--line);border-radius:2px}

  /* ============ HERO ============ */
  .hero{
    background:var(--header-dk);
    color:#fff;
    padding:32px 0 28px;
    text-align:center;
  }
  .hero h1{
    font-size:24px;
    color:#fff;
    margin:0 16px 14px;
    line-height:1.3;
  }
  .hero .author-line{
    font-size:13px;
    color:#cdd5e0;
    display:flex;align-items:center;justify-content:center;gap:10px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  .author-photo{
    width:28px;height:28px;border-radius:50%;
    border:2px solid #fff;object-fit:cover;
  }
  .author-flag{
    width:18px;height:12px;display:inline-block;
    border-radius:1px;
  }

  /* Hero intro container (white card on dark) */
  .hero-intro{
    background:#fff;color:var(--ink);
    padding:22px 18px 22px;
    margin:18px 0 0;
    text-align:left;
  }
  .badge-tested{
    background:#1a1a1a;color:#fff;
    font-size:11px;font-weight:900;
    padding:6px 10px 6px 12px;border-radius:3px;
    text-transform:uppercase;letter-spacing:.05em;
    display:inline-flex;align-items:center;gap:8px;
    margin-bottom:14px;
  }
  .badge-tested .check-icon{
    width:16px;height:16px;border-radius:50%;
    background:var(--green);color:#fff;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:10px;font-weight:900;
  }
  .hero-intro p{
    font-size:15px;line-height:1.7;color:var(--ink-soft);
    margin:0 0 12px;
  }
  .hero-intro p strong{color:var(--ink)}
  .hero-winner-link{
    color:var(--cta);font-weight:700;
    text-decoration:underline;
  }
  /* Tested-for bullets in hero */
  .tested-for{
    background:#f9f9f9;
    border-left:3px solid var(--gold);
    padding:12px 14px;
    margin:14px 0;
    font-size:13.5px;
    color:var(--ink-soft);
  }
  .tested-for strong{color:var(--ink);display:block;margin-bottom:6px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
  .tested-for-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;
  }
  .tested-for-grid span::before{content:"✓ ";color:var(--green);font-weight:900}
  /* Hero secondary CTA */
  .hero-cta-secondary{
    display:inline-block;background:var(--ink);color:#fff;
    padding:12px 22px;border-radius:4px;
    font-weight:700;font-size:14px;
    text-transform:uppercase;letter-spacing:.04em;
    margin-top:10px;
  }
  .hero-cta-secondary:hover{background:#000}

  /* ============ TRUST BAR ============ */
  .trust-bar{
    background:#fff;
    padding:18px 0;
    border-bottom:1px solid var(--line);
  }
  .trust-bar-label{
    text-align:center;font-size:11px;color:var(--ink-mute);
    text-transform:uppercase;letter-spacing:.18em;font-weight:700;
    margin-bottom:14px;
  }
  .trust-logos{
    display:flex;justify-content:space-around;align-items:center;
    flex-wrap:wrap;gap:24px;
    filter:grayscale(100%);
    opacity:.62;
  }
  .trust-logo-press{
    color:#1a1a1a;
    font-weight:900;
    font-size:16px;
    letter-spacing:0;
    line-height:1;
    white-space:nowrap;
  }
  .trust-logo-press.logo-forbes{
    font-family:'Merriweather', Georgia, serif;
    font-weight:900;
    letter-spacing:.5px;
    font-size:18px;
  }
  .trust-logo-press.logo-usatoday{
    font-family:'Lato', sans-serif;
    font-weight:900;
    letter-spacing:.5px;
    font-size:14px;
  }
  .trust-logo-press.logo-businessinsider{
    font-family:'Lato', sans-serif;
    font-weight:900;
    letter-spacing:0;
    font-size:14px;
  }
  .trust-logo-press.logo-businessinsider em{
    font-style:italic;font-weight:900;margin-right:1px;
  }
  .trust-logo-press.logo-techradar{
    font-family:'Lato', sans-serif;
    font-weight:900;
    font-size:16px;letter-spacing:-.5px;
    text-transform:none;
  }
  .trust-logo-press.logo-wired{
    font-family:'Merriweather', Georgia, serif;
    font-weight:900;
    letter-spacing:1.5px;
    font-size:16px;
  }

  /* ============ TESTING PROCESS COMPACT (NUEVO arriba) ============ */
  .testing-compact{
    background:#fff;
    padding:24px 0;
    border-bottom:1px solid var(--line);
  }
  .testing-compact-inner{
    background:#f9f9f9;
    border-left:4px solid var(--gold);
    padding:18px 20px;
  }
  .testing-compact h3{
    font-size:16px;margin:0 0 10px;color:var(--ink);
  }
  .testing-compact p{
    font-size:14px;color:var(--ink-soft);margin:0 0 12px;line-height:1.6;
  }
  .testing-compact-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;
    font-size:13px;color:var(--ink-soft);
  }
  .testing-compact-grid div::before{content:"✓ ";color:var(--green);font-weight:900}
  .testing-compact-link{
    display:block;text-align:right;font-size:12px;color:var(--ink-mute);
    text-decoration:underline;margin-top:10px;
  }

  /* ============ TOP PICK BANNER ============ */
  .top-pick-banner{
    background:linear-gradient(180deg, #1a1a1a 0%, #0a1f3d 100%);
    color:#fff;
    padding:14px 16px;
    text-align:center;
    font-family:'Merriweather',serif;
    font-weight:900;
    font-size:18px;
    letter-spacing:.02em;
    border-top:3px solid var(--gold);
    border-bottom:3px solid var(--gold);
    margin-bottom:0;
  }
  .top-pick-banner .label{color:var(--gold);font-size:14px;display:block;margin-bottom:2px;letter-spacing:.15em}

  /* ============ CARDS LIST ============ */
  .cards-section{padding:30px 0 8px;background:var(--bg-alt);overflow:visible}

  .card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:6px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(0,0,0,.04);
  }
  .card.winner{
    border:3px solid var(--gold);
    box-shadow:0 4px 16px rgba(232,160,32,.18);
    position:relative;
    overflow:visible;
    margin-top:24px;
  }
  .card.winner::before{
    /* Localizado (auditoría 28-jul): el texto viene del data-choice que pone
       la plantilla desde ui-strings; era "EDITOR'S CHOICE" a fuego en CSS. */
    content:"\2605  " attr(data-choice) "  \2605";
    position:absolute;
    top:-14px;
    left:14px;
    z-index:5;
    background:var(--gold);color:#fff;
    font-size:11px;font-weight:900;letter-spacing:.14em;
    padding:6px 14px;
    border-radius:3px;
    white-space:nowrap;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
  }
  .card.winner .card-rank-bar{
    padding-top:14px;
  }

  .card-rank-bar{
    background:#1a1a1a;color:#fff;
    text-align:left;padding:10px 16px;
    font-family:'Merriweather',serif;font-weight:900;
    font-size:16px;letter-spacing:.04em;
  }
  .card.winner .card-rank-bar{
    background:linear-gradient(90deg,#1a1a1a 0%, var(--gold-dk) 50%, #1a1a1a 100%);
  }
  .card-rank-bar .num{color:var(--gold);font-size:18px;margin-right:6px}

  .card-body{
    display:grid;
    grid-template-columns: 130px 1fr 160px;
    gap:18px;
    padding:18px 16px;
    align-items:center;
  }
  .card-img{
    aspect-ratio:1/1;
    background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
    border-radius:4px;
    display:grid;place-items:center;
    color:#94a3b8;font-size:11px;text-align:center;
    border:1px dashed #cbd5e1;
  }
  .card-info .name{
    font-family:'Merriweather',serif;
    font-weight:700;font-size:18px;
    margin:0 0 10px;color:var(--ink);
  }
  /* Layout horizontal pros/cons */
  .proscons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 14px;
  }
  .proscons-col h5{
    font-family:'Lato',sans-serif;
    font-size:11px;font-weight:900;
    text-transform:uppercase;letter-spacing:.06em;
    margin:0 0 6px;
    padding-bottom:4px;
    border-bottom:1px solid var(--line);
  }
  .proscons-col.pros h5{color:var(--green)}
  .proscons-col.cons h5{color:var(--cta)}
  .proscons-col ul{
    list-style:none;padding:0;margin:0;
    display:flex;flex-direction:column;gap:4px;
    font-size:13px;color:var(--ink-soft);
    line-height:1.45;
  }
  .proscons-col ul li{padding-left:16px;position:relative}
  .proscons-col.pros ul li::before{
    content:"✓";position:absolute;left:0;color:var(--green);font-weight:900;font-size:12px;
  }
  .proscons-col.cons ul li::before{
    content:"✗";position:absolute;left:0;color:var(--cta);font-weight:900;font-size:12px;
  }

  /* Trustpilot-style square green stars */
  /* Trustpilot-style square stars con fill parcial */
  .tp-stars{display:inline-flex;gap:2px;align-items:center}
  .tp-stars .tp-star{
    width:18px;height:18px;
    position:relative;
    background:#dcdce6;
    display:inline-block;
    border-radius:1px;
    overflow:hidden;
  }
  .tp-stars .tp-star::before{
    content:"\2605";
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:12px;font-weight:900;
    z-index:2;line-height:1;
  }
  .tp-stars .tp-star::after{
    content:"";
    position:absolute;left:0;top:0;bottom:0;
    width:var(--fill, 0%);
    background:#00b67a;
    z-index:1;
  }
  .tp-stars.sm .tp-star{width:14px;height:14px}
  .tp-stars.sm .tp-star::before{font-size:9px}
  .tp-stars.lg .tp-star{width:22px;height:22px}
  .tp-stars.lg .tp-star::before{font-size:14px}

  .card-score{text-align:center}
  .score-num{
    font-family:'Merriweather',serif;
    font-size:38px;font-weight:900;
    line-height:1;color:#fff;
    border-radius:6px;
    padding:10px 8px 6px;
    margin-bottom:6px;
  }
  .verdict{
    font-size:11px;text-transform:uppercase;
    letter-spacing:.08em;font-weight:700;
    margin-bottom:8px;color:var(--ink);
  }

  /* NUEVO: subscores breakdown */
  .subscores{
    background:#fafafa;
    border:1px solid var(--line);
    border-radius:4px;
    padding:8px 10px;
    margin:8px 0 10px;
    font-size:11px;color:var(--ink-soft);
  }
  .subscores .row{
    display:flex;justify-content:space-between;
    padding:3px 0;
  }
  .subscores .row.total{
    border-top:1px solid var(--line);
    margin-top:4px;padding-top:6px;
    font-weight:900;color:var(--ink);
  }
  .subscores .val{font-weight:700}

  .card-score .stars{
    color:#ffd700;font-size:13px;letter-spacing:1px;margin-bottom:8px;
  }
  .card-score .reviews{font-size:11px;color:var(--ink-mute);margin-bottom:10px}

  .cta-btn{
    display:block;text-align:center;
    background:var(--cta);color:#fff;
    padding:11px 12px;border-radius:4px;
    font-weight:900;font-size:13px;
    text-transform:uppercase;letter-spacing:.04em;
    border:0;cursor:pointer;width:100%;
    transition:background .15s;
  }
  .cta-btn:hover{background:var(--cta-hover)}
  .cta-btn.grey{background:var(--cta-grey)}
  .cta-btn.grey:hover{background:#555}

  .discount-badge{
    background:#fff8dc;color:var(--cta);
    border:1px dashed var(--cta);
    padding:4px 8px;border-radius:3px;
    font-size:10px;font-weight:900;
    text-transform:uppercase;letter-spacing:.05em;
    margin-top:8px;display:inline-block;
  }

  /* NUEVO: Stock notice in winner card */
  .card-stock-notice{
    background:#fef2f2;
    color:var(--cta);
    border-top:1px dashed #fca5a5;
    padding:10px 16px;
    font-size:12px;font-weight:700;text-align:center;
    letter-spacing:.04em;
  }
  .card-stock-notice strong{color:var(--cta)}

  /* Cards ocultas */
  .hidden-card{display:none}
  .hidden-card.show{display:block;animation:fadeInCard .35s ease-out}
  @keyframes fadeInCard{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
  }

  .see-rest{text-align:center;margin:8px 0 16px}
  .see-rest a{
    color:var(--ink-soft);font-size:13px;
    text-decoration:underline;font-weight:700;cursor:pointer;
  }
  .see-rest a:hover{color:var(--ink)}

  /* ============ NUEVO: COMPARISON TABLE ============ */
  .compare-section{
    background:#fff;
    padding:36px 0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .compare-section h2{
    font-size:22px;margin:0 0 8px;line-height:1.3;
  }
  .compare-section .sub{
    font-size:14px;color:var(--ink-soft);margin:0 0 22px;
  }

  /* Desktop table — fit width 100% sin scroll horizontal */
  .compare-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:12px;
    table-layout:fixed;
  }
  .compare-table th, .compare-table td{
    padding:10px 6px;
    text-align:center;
    border:1px solid var(--line);
    word-wrap:break-word;
    overflow:hidden;
  }
  /* Primera columna (feature names) más ancha */
  .compare-table th:first-child,
  .compare-table td:first-child{
    width:26%;
  }
  /* Otras columnas reparten el restante */
  .compare-table th:not(:first-child),
  .compare-table td:not(:first-child){
    width:14.8%;
  }
  .compare-table thead th{
    background:#f9f9f9;
    font-family:'Merriweather',serif;
    font-weight:700;font-size:11px;
    color:var(--ink);
    line-height:1.25;
    text-transform:uppercase;letter-spacing:.02em;
    padding:10px 4px;
  }
  .compare-table thead th.winner-col{
    background:var(--gold);color:#fff;
    border-color:var(--gold-dk);
    position:relative;
    font-size:11px;
  }
  .compare-table thead th.winner-col::before{
    content:"★";position:absolute;top:3px;right:4px;font-size:10px;
  }
  .compare-table tbody tr td:first-child{
    text-align:left;font-weight:700;color:var(--ink);
    background:#fafafa;font-size:11.5px;
    padding:10px 8px;
    line-height:1.3;
  }
  .compare-table .yes{color:var(--green);font-weight:900;font-size:18px}
  .compare-table .no{color:#c0392b;font-weight:900;font-size:18px}
  .compare-table tbody tr td.winner-col{
    background:#fffaef;
    border-left:2px solid var(--gold);
    border-right:2px solid var(--gold);
  }
  .compare-table tbody tr:last-child td.winner-col{
    border-bottom:2px solid var(--gold);
  }

  /* Mobile cards version (hidden on desktop) */
  .compare-cards{display:none}
  .compare-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:6px;
    margin-bottom:12px;
    overflow:hidden;
  }
  .compare-card.winner{
    border:2px solid var(--gold);
    box-shadow:0 4px 12px rgba(232,160,32,.12);
  }
  .compare-card-head{
    background:#fafafa;
    padding:12px 14px;
    font-family:'Merriweather',serif;
    font-weight:700;font-size:14px;
    color:var(--ink);
    border-bottom:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;gap:10px;
  }
  .compare-card.winner .compare-card-head{
    background:var(--gold);color:#fff;
  }
  .compare-card-head .badge-num{
    font-size:11px;font-weight:900;letter-spacing:.06em;
    text-transform:uppercase;
    background:#fff;color:var(--ink);
    padding:3px 8px;border-radius:3px;
  }
  .compare-card.winner .compare-card-head .badge-num{
    background:#fff;color:var(--gold-dk);
  }
  .compare-card-body{padding:0}
  .compare-card-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px;
    border-bottom:1px solid var(--line);
    font-size:13px;
    gap:10px;
  }
  .compare-card-row:last-child{border-bottom:0}
  .compare-card-row .feat{color:var(--ink-soft);flex:1}
  .compare-card-row .val{
    flex-shrink:0;font-weight:900;
  }
  .compare-card-row .val.yes{color:var(--green);font-size:18px}
  .compare-card-row .val.no{color:var(--cta);font-size:18px}

  /* ============ BEST OVERALL BANNER ============ */
  .best-overall{
    background:linear-gradient(180deg,#0a1f3d 0%, #1a1a1a 100%);
    color:#fff;padding:24px 0 28px;
    margin:8px 0 0;
  }
  .best-overall-title{
    text-align:center;
    font-family:'Merriweather',serif;font-weight:900;
    font-size:18px;color:#fff;
    padding:0 16px 18px;
    border-bottom:2px solid var(--gold);
    margin:0 16px 18px;
  }
  .best-overall-title .gold{color:var(--gold)}
  .best-overall .card{
    background:#fff;color:var(--ink);
    margin:0 16px;
  }
  .best-overall .qty-bought{
    text-align:center;
    color:var(--gold);font-size:13px;font-weight:700;
    margin-top:14px;
  }

  /* ============ BEST OVERALL — RECAP VISUAL ============ */
  .best-recap{
    background:#fff;color:var(--ink);
    margin:0 16px;
    border:3px solid var(--gold);
    border-radius:8px;
    padding:24px 22px;
    display:grid;
    grid-template-columns:200px 1fr;
    gap:24px;
    align-items:center;
    box-shadow:0 6px 20px rgba(232,160,32,.2);
  }
  .best-recap-img{
    aspect-ratio:1/1;
    background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
    border-radius:6px;
    display:grid;place-items:center;
    color:#94a3b8;font-size:11px;text-align:center;
    border:1px dashed #cbd5e1;
  }
  .best-recap-name{
    font-family:'Merriweather',serif;
    font-weight:900;font-size:24px;
    margin-bottom:6px;color:var(--ink);
    line-height:1.2;
  }
  .best-recap-tagline{
    font-size:14px;color:var(--ink-soft);
    margin-bottom:16px;line-height:1.5;
  }
  .best-recap-meta{
    display:flex;gap:24px;align-items:center;
    padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    margin-bottom:16px;
  }
  .best-recap-score{display:flex;align-items:center;gap:10px}
  .best-recap-score-num{
    font-family:'Merriweather',serif;
    font-weight:900;font-size:42px;
    color:var(--green);line-height:1;
  }
  .best-recap-score-label{
    font-size:10px;color:var(--ink-mute);
    text-transform:uppercase;letter-spacing:.08em;font-weight:700;
    line-height:1.3;
  }
  .best-recap-stars{display:flex;flex-direction:column;gap:4px}
  .best-recap-reviews{font-size:11px;color:var(--ink-mute)}
  .best-recap-cta{
    display:block;text-align:center;
    background:var(--cta);color:#fff;
    padding:14px 16px;border-radius:5px;
    font-weight:900;font-size:15px;
    text-transform:uppercase;letter-spacing:.04em;
    box-shadow:0 4px 12px rgba(192,57,43,.3);
    margin-bottom:8px;
  }
  .best-recap-cta:hover{background:var(--cta-hover)}
  .best-recap-disc{
    text-align:center;font-size:11px;color:var(--ink-mute);
    text-transform:uppercase;letter-spacing:.08em;font-weight:700;
  }

  /* ============ FEATURE HIGHLIGHTS ============ */
  .features{
    background:var(--header-dk);color:#fff;
    padding:28px 0 32px;
  }
  .features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
  .feat-box{text-align:center;padding:0 8px}
  .feat-icon{
    width:54px;height:54px;border-radius:50%;
    background:rgba(232,160,32,.15);
    border:2px solid var(--gold);
    display:grid;place-items:center;
    margin:0 auto 12px;
    color:var(--gold);font-size:22px;
  }
  .feat-box h4{font-size:15px;font-weight:900;color:#fff;margin:0 0 8px;line-height:1.3}
  .feat-box p{font-size:13px;color:#cdd5e0;margin:0;line-height:1.55}

  /* ============ FAQ — REPOSICIONADO ARRIBA ============ */
  .faq{
    background:var(--bg-alt);
    padding:32px 0 28px;
  }
  .faq h2{font-size:22px;margin:0 0 18px;text-align:center}
  .faq-item{
    background:#fff;
    border:1px solid var(--line);
    border-radius:5px;
    margin-bottom:10px;
    overflow:hidden;
  }
  .faq-q{
    padding:14px 16px;cursor:pointer;
    font-weight:700;font-size:15px;
    display:flex;align-items:center;justify-content:space-between;
    gap:12px;color:var(--ink);list-style:none;background:#fff;
  }
  .faq-q::-webkit-details-marker{display:none}
  .faq-q::after{
    content:"+";color:var(--cta);font-size:22px;font-weight:300;
    transition:transform .2s;
  }
  details[open] .faq-q::after{content:"−"}
  .faq-a{
    padding:0 16px 14px;
    font-size:14.5px;line-height:1.7;color:var(--ink-soft);
  }
  .faq-a strong{color:var(--ink)}

  /* ============ MID BANNER (solo mobile + desktop coherente) ============ */
  .mid-banner{
    background:#1a1a1a;color:var(--gold);
    text-align:center;padding:18px 16px;
    font-family:'Merriweather',serif;font-weight:900;
    font-size:18px;letter-spacing:.04em;
  }

  /* ============ EDITORIAL REVIEW ============ */
  .editorial{background:#fff;padding:32px 0 24px}
  .editorial h2{font-size:22px;margin:0 0 14px;line-height:1.3}
  .editorial h3{font-size:18px;margin:24px 0 10px;color:var(--ink)}
  .editorial p{font-size:15px;line-height:1.7;color:var(--ink-soft);margin:0 0 14px}
  .editorial p strong{color:var(--ink)}
  .editorial a.product-link{color:var(--cta);font-weight:700;text-decoration:underline}

  /* Editorial body con imagen flotada cada 2-3 párrafos */
  .editorial-row{
    display:grid;
    grid-template-columns:1fr 200px;
    gap:24px;
    align-items:start;
    margin:18px 0;
  }
  .editorial-row.left{grid-template-columns:200px 1fr}
  .editorial-row .text-col{min-width:0}
  .editorial-row .img-col{
    aspect-ratio:1/1;
    background:linear-gradient(135deg,#e2e8f0,#cbd5e1);
    border-radius:6px;
    display:grid;place-items:center;
    color:#64748b;font-size:11px;text-align:center;padding:8px;
    border:1px dashed #cbd5e1;
  }
  .editorial-img{
    width:100%;
    aspect-ratio:16/9;
    background:linear-gradient(135deg,#e2e8f0,#cbd5e1);
    border-radius:6px;
    margin:14px 0;
    display:grid;place-items:center;
    color:#64748b;font-size:13px;
    border:1px dashed #cbd5e1;
  }
  .summary-box{
    background:#fff8dc;
    border-left:4px solid var(--gold);
    padding:14px 16px;
    margin:18px 0;
    font-size:15px;line-height:1.65;
  }
  .testing-list{list-style:none;padding:0;margin:14px 0 18px}
  .testing-list li{
    font-size:14.5px;color:var(--ink-soft);
    padding:6px 0 6px 26px;position:relative;line-height:1.6;
  }
  .testing-list li::before{
    content:"➔";position:absolute;left:0;
    color:var(--gold);font-weight:900;
  }

  /* ============ FINAL VERDICT / WHERE TO BUY ============ */
  .editorial h2.section-h2{font-size:20px;margin:24px 0 12px}
  .where-to-buy{
    background:#fff8dc;
    border:1px dashed var(--cta);
    padding:14px 16px;border-radius:6px;
    margin:14px 0 18px;font-size:14.5px;
  }
  .where-to-buy strong{color:var(--cta)}

  .final-cta-wrap{text-align:center;margin:22px 0 8px}
  .final-cta{
    display:inline-block;
    background:var(--green);color:#fff;
    padding:16px 32px;border-radius:5px;
    font-weight:900;font-size:16px;
    text-transform:uppercase;letter-spacing:.05em;
    box-shadow:0 4px 12px rgba(39,174,96,.3);
  }
  .final-cta:hover{background:#229954}

  /* ============ AUTHOR BIO ============ */
  .author-bio{
    background:var(--bg-alt);
    padding:24px 0;
    border-top:1px solid var(--line);
  }
  .author-bio-inner{display:flex;gap:14px;align-items:flex-start}
  .author-bio .author-photo-lg{
    width:64px;height:64px;border-radius:50%;
    border:2px solid #fff;
    box-shadow:0 1px 3px rgba(0,0,0,.1);
    object-fit:cover;flex-shrink:0;
  }
  .author-bio-inner h4{font-size:15px;margin:0 0 4px}
  .author-bio-inner .role{
    font-size:12px;color:var(--ink-mute);margin-bottom:8px;
    text-transform:uppercase;letter-spacing:.05em;
  }
  .author-bio-inner p{font-size:13.5px;color:var(--ink-soft);margin:0;line-height:1.6}

  /* ============ FOOTER ============ */
  footer.site{
    background:#fff;
    padding:24px 0 100px;
    border-top:1px solid var(--line);
  }
  .footer-links{text-align:center;margin-bottom:14px;font-size:12px}
  .footer-links a{color:var(--ink-soft);margin:0 8px}
  .footer-links a:hover{text-decoration:underline}
  .footer-disclaimer{
    font-size:10.5px;color:var(--ink-mute);
    line-height:1.55;text-align:left;
  }
  .footer-disclaimer strong{color:var(--ink-soft)}
  .footer-copyright{
    text-align:center;font-size:11px;color:var(--ink-mute);
    margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
  }

  /* ============ STICKY BAR — Desktop bottom, Mobile top, oculto hasta scroll bajo mid-banner ============ */
  .sticky-bar{
    position:fixed;left:0;right:0;
    background:#1a1a1a;color:#fff;
    padding:10px 12px;z-index:80;
    /* DESKTOP: bottom + slide up animation */
    bottom:0;top:auto;
    border-top:3px solid var(--gold);
    border-bottom:0;
    box-shadow:0 -2px 12px rgba(0,0,0,.2);
    /* Hidden until JS triggers it */
    transform:translateY(110%);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
    will-change:transform;
    pointer-events:none;
  }
  .sticky-bar.visible{
    transform:translateY(0);
    pointer-events:auto;
  }
  .sticky-row{
    max-width:780px;margin:0 auto;
    display:grid;
    grid-template-columns:50px 1fr auto;
    gap:12px;align-items:center;
  }
  .sticky-img{
    width:50px;height:50px;
    background:linear-gradient(135deg,#e2e8f0,#cbd5e1);
    border-radius:4px;border:1px dashed #cbd5e1;
    display:grid;place-items:center;color:#94a3b8;font-size:9px;
  }
  .sticky-info{line-height:1.3}
  .sticky-info .name{font-size:13px;font-weight:700;color:#fff;display:block}
  .sticky-info .urgency{font-size:11px;color:var(--gold)}
  .sticky-info .qty{font-size:10px;color:#cdd5e0;display:block}
  .sticky-cta{
    background:var(--cta);color:#fff;
    padding:11px 14px;border-radius:4px;
    font-weight:900;font-size:12px;
    text-transform:uppercase;letter-spacing:.04em;
    text-align:center;line-height:1.1;
  }
  .sticky-cta:hover{background:var(--cta-hover)}

  /* ============ NUEVO: Redirect overlay ============ */
  .redirect-overlay{
    position:fixed;inset:0;
    background:rgba(10,31,61,.96);
    color:#fff;display:none;
    align-items:center;justify-content:center;
    z-index:9999;
    font-family:'Lato',sans-serif;
  }
  .redirect-overlay.active{display:flex}
  .redirect-overlay-inner{text-align:center}
  .redirect-overlay-inner .spinner{
    width:48px;height:48px;
    border:4px solid rgba(232,160,32,.3);
    border-top-color:var(--gold);
    border-radius:50%;
    margin:0 auto 18px;
    animation:spin 0.8s linear infinite;
  }
  @keyframes spin{to{transform:rotate(360deg)}}
  .redirect-overlay-inner h3{
    color:#fff;font-family:'Merriweather',serif;
    font-size:20px;margin:0 0 6px;
  }
  .redirect-overlay-inner p{
    color:#cdd5e0;font-size:14px;margin:0;
  }

  /* ============ RESPONSIVE ============ */
  @media (max-width:680px){
    body{font-size:15px}
    .wrap{padding:0 14px}

    .hdr-row{padding:10px 14px}
    .hdr-logo-img{height:30px}
    .hdr-flag-img{width:30px;height:20px}

    .hero{padding:24px 0 22px}
    .hero h1{font-size:21px;margin:0 14px 12px}
    .hero-intro{padding:18px 16px 20px}
    .hero-intro p{font-size:14.5px;line-height:1.65}
    .badge-tested{font-size:10px}
    .tested-for-grid{grid-template-columns:1fr}

    .trust-bar{padding:14px 0}
    .trust-logos{gap:14px}
    .trust-logo-press{font-size:13px}
    .trust-logo-press.logo-forbes,.trust-logo-press.logo-techradar,.trust-logo-press.logo-wired{font-size:14px}
    .trust-logo-press.logo-usatoday,.trust-logo-press.logo-businessinsider{font-size:11.5px}

    .testing-compact{padding:18px 0}
    .testing-compact-grid{grid-template-columns:1fr}

    .top-pick-banner{font-size:16px;padding:12px 14px}
    .top-pick-banner .label{font-size:12px}

    .cards-section{padding:14px 0 4px}
    .card{margin-bottom:14px;border-radius:5px}
    .card.winner{border-width:2px}
    .card-rank-bar{font-size:14px;padding:9px 12px}
    .card-body{
      grid-template-columns:1fr;
      gap:14px;
      padding:16px 14px;
      text-align:center;
    }
    .card-img{max-width:140px;margin:0 auto;width:100%}
    .card-info{text-align:left}
    .card-info .name{font-size:17px}
    /* Pros/cons SIEMPRE en horizontal, también en mobile */
    .proscons{grid-template-columns:1fr 1fr;gap:8px 10px}
    .proscons-col h5{font-size:10px;margin-bottom:5px}
    .proscons-col ul{font-size:12px;gap:3px}
    .proscons-col ul li{padding-left:14px;line-height:1.4}
    .card-score{
      border-top:1px solid var(--line);
      padding-top:14px;
    }
    .card.winner .card-score{border-top:1px dashed var(--gold)}
    .score-num{font-size:34px;padding:8px 6px 5px;display:inline-block;min-width:80px}
    .subscores{max-width:240px;margin:8px auto 10px}
    .cta-btn{padding:13px 12px;font-size:14px;max-width:280px;margin:0 auto}

    /* Tabla comparativa SOLO en desktop/tablet, oculta en mobile */
    .compare-section{display:none}

    .best-overall{padding:20px 0 22px}
    .best-overall-title{font-size:15px;padding:0 12px 14px;margin:0 14px 14px}
    .best-recap{
      grid-template-columns:1fr;
      gap:18px;
      margin:0 14px;
      padding:20px 16px;
      text-align:center;
    }
    .best-recap-img{max-width:200px;margin:0 auto;width:100%}
    .best-recap-name{font-size:20px}
    .best-recap-meta{
      justify-content:center;flex-direction:column;gap:14px;
    }

    .features{padding:24px 0 26px}
    .features-grid{grid-template-columns:1fr;gap:22px}

    .faq{padding:26px 0 22px}
    .faq h2{font-size:19px}

    .mid-banner{font-size:15px;padding:14px 14px}

    .editorial{padding:26px 0 20px}
    .editorial h2{font-size:19px;line-height:1.3}
    .editorial h2.section-h2{font-size:17px;margin:20px 0 10px}
    .editorial h3{font-size:16px;margin:20px 0 8px}
    .editorial p{font-size:14.5px;line-height:1.65}
    .editorial-row, .editorial-row.left{
      grid-template-columns:1fr;gap:14px;
    }
    .editorial-row .img-col{aspect-ratio:16/9;max-width:280px;margin:0 auto}
    .summary-box{padding:12px 14px;font-size:14px}
    .testing-list li{font-size:13.5px;padding:5px 0 5px 24px}

    .where-to-buy{font-size:13.5px;padding:12px 14px}
    .final-cta{font-size:14px;padding:14px 24px;width:calc(100% - 28px);max-width:340px}

    .author-bio{padding:20px 0}
    .author-bio .author-photo-lg{width:54px;height:54px}
    .author-bio-inner h4{font-size:14px}
    .author-bio-inner p{font-size:12.5px}

    footer.site{padding:20px 0 90px}
    .footer-disclaimer{font-size:10px;line-height:1.5}

    /* Sticky bar EN MOBILE: arriba en lugar de abajo */
    .sticky-bar{
      bottom:auto;top:0;
      border-top:0;border-bottom:3px solid var(--gold);
      box-shadow:0 2px 12px rgba(0,0,0,.2);
      transform:translateY(-110%);
      padding:8px 10px;
    }
    .sticky-bar.visible{
      transform:translateY(0);
    }
    .sticky-row{grid-template-columns:42px 1fr auto;gap:10px}
    .sticky-img{width:42px;height:42px}
    .sticky-info .name{font-size:12px}
    .sticky-info .urgency{font-size:10px}
    .sticky-info .qty{font-size:9.5px}
    .sticky-cta{font-size:11px;padding:10px 12px}
  }

  @media (max-width:380px){
    .hero h1{font-size:19px}
    .top-pick-banner{font-size:14px}
    .card-rank-bar{font-size:13px}
    .card-info .name{font-size:16px}
    .editorial h2{font-size:18px}
    .sticky-cta{font-size:10px;padding:9px 10px}
    .sticky-info .name{font-size:11.5px}
  }

.card.winner .stars,.card.winner .star,.overall-stars{color:#00b67a !important}
.score-num.sn2,.score-num.sn3{color:#73cf11 !important}
.score-num.sn4,.score-num.sn5{color:#f59e0b !important}

@media(min-width:900px){.editorial-grid{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}.editorial-side{position:sticky;top:80px}}
.editorial-side{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;text-align:center}
.editorial-side .side-img{aspect-ratio:1/1;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:11px;margin-bottom:12px}
.editorial-side .side-score{font-size:2rem;font-weight:900;color:#111}
.editorial-side .side-stars{color:#00b67a;font-size:1.1rem;letter-spacing:2px}
.editorial-side .side-reviews{color:#6b7280;font-size:.8rem;margin:6px 0 12px}
.editorial-side .side-cta{display:block;background:#1a1a1a;color:#fff;font-weight:800;padding:12px;border-radius:10px;text-decoration:none}
@media(max-width:899px){.editorial-side{display:none}}
.editorial-row{grid-template-columns:1fr !important;display:block !important}

/* ==== CARDS v4 (estructura Vivitic) ==== */
.card-body.v4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}
.card-body.v4 .c-col{padding:18px 16px;border-right:1px solid #eceff3}
.card-body.v4 .c-col:last-child{border-right:none}
.c-logo{height:54px;border:1px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:11px;text-align:center;margin-bottom:10px;background:#f8fafc}
.c-photo{aspect-ratio:1/1;background:linear-gradient(135deg,#eef2f7,#dbe2ec);border:1px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:11px;text-align:center}
.c-review-link{display:block;text-align:center;margin-top:10px;font-size:13px;font-weight:700;color:#1d4ed8;text-decoration:underline}
.c-rating{text-align:center}
.c-rlabel{font-weight:800;font-size:.85rem;margin-bottom:2px}
.c-num{font-size:2.7rem;font-weight:900;line-height:1.1;background:none !important;padding:0}
.c-num.s1{color:#00b67a}.c-num.sn2,.c-num.sn3{color:#73cf11}.c-num.sn4,.c-num.sn5{color:#f59e0b}
.c-stars{color:#fff;font-size:.95rem;letter-spacing:3px;margin:4px 0}
.c-stars{background:none}
.c-stars{color:#00b67a;text-shadow:none;font-size:1.15rem}
.c-grade{font-weight:800;margin:2px 0}
.c-reviews{color:#6b7280;font-size:.78rem;margin-bottom:10px}
.c-subs{font-size:.78rem;text-align:left;border-top:1px solid #eceff3;border-bottom:1px solid #eceff3;padding:8px 0;margin:8px 0}
.c-subs div{display:flex;justify-content:space-between;padding:2px 0}
.c-deal{font-size:.85rem;font-weight:800;color:#b91c1c;margin:8px 0 6px}
.c-cta{display:block;text-align:center;margin-top:4px;width:100%;box-sizing:border-box;word-break:keep-all}
/* CJK (auditoría 28-jul): sin keep-all el texto japonés se apilaba en vertical
   (botón de 48×160px en las cards 2-5); keep-all + width:100% lo mantiene en línea */
.c-bought{font-size:.75rem;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;padding:5px;margin-top:8px}
.c-pros h5{color:#1f9d57;letter-spacing:.06em}.c-cons h5{color:#c0392b;letter-spacing:.06em}
.c-pros ul,.c-cons ul{list-style:none;padding:0;margin:8px 0 0;font-size:.85rem}
.c-pros li{padding:4px 0 4px 22px;position:relative}.c-pros li::before{content:"✓";position:absolute;left:0;color:#1f9d57;font-weight:900}
.c-cons li{padding:4px 0 4px 22px;position:relative}.c-cons li::before{content:"✗";position:absolute;left:0;color:#c0392b;font-weight:900}
@media(max-width:860px){.card-body.v4{grid-template-columns:1fr 1fr}.card-body.v4 .c-col{border-right:none;border-bottom:1px solid #eceff3}}
@media(max-width:560px){.card-body.v4{grid-template-columns:1fr}}
/* botón compacto en la tabla */
.cmp-cta-row .cta-btn{font-size:11px !important;padding:8px 10px !important;white-space:nowrap;letter-spacing:0}

/* ==== AJUSTES RONDA 3 ==== */
.c-stars .tp{display:inline-block;width:24px;height:24px;background:#00b67a;color:#fff;line-height:24px;font-size:15px;text-align:center;margin:0 2px;border-radius:2px}
.c-stars .tp.off{background:#dcdce6}
.side-stars .tp{display:inline-block;width:20px;height:20px;background:#00b67a;color:#fff;line-height:20px;font-size:13px;text-align:center;margin:0 1px;border-radius:2px}
.c-num,.c-num.s1,.c-num.sn2,.c-num.sn3,.c-num.sn4,.c-num.sn5{color:#111 !important}
.card-body.v4{grid-template-columns:0.85fr 0.9fr 1.45fr 0.8fr}
.card-body.v4 .c-imgcol,.card-body.v4 .c-rating{align-self:center}
.c-pros ul,.c-cons ul{font-size:.82rem;line-height:1.35}
.c-pros li,.c-cons li{padding-top:3px;padding-bottom:3px}
.cta-btn.redirect-cta,.final-cta.redirect-cta,.sticky-cta.redirect-cta,.side-cta.redirect-cta,.cmp-cta-row .cta-btn{background:#f97316 !important;color:#fff !important}
.cta-btn.redirect-cta:hover,.final-cta.redirect-cta:hover,.sticky-cta.redirect-cta:hover,.side-cta.redirect-cta:hover{background:#ea580c !important}
@media(max-width:860px){.card-body.v4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.card-body.v4{grid-template-columns:1fr}}

/* ==== RONDA 4 — FIX estrellas + cajas competidores ==== */
/* Estrellas Trustpilot: UNA fila siempre, compactas, verde oficial TP */
.c-stars{display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:nowrap;margin:6px 0}
.c-stars .tp{width:21px;height:21px;line-height:21px;font-size:13px;margin:0;border-radius:0;background:#00b67a;color:#fff;flex:0 0 auto}
.c-stars .tp.off{background:#dcdce6}
.side-stars{display:flex;justify-content:center;gap:2px;flex-wrap:nowrap}
.side-stars .tp{width:18px;height:18px;line-height:18px;font-size:11px;margin:0;border-radius:0;flex:0 0 auto}
/* Reviews en una sola línea */
.c-reviews{font-size:.72rem;white-space:nowrap;margin-bottom:8px}
/* Cajas competidores: como estaban (4 columnas iguales, sin centrado) */
.card-body.v4{grid-template-columns:repeat(4,1fr)}
.card-body.v4 .c-imgcol,.card-body.v4 .c-rating{align-self:start}
/* La winner conserva el equilibrio de la ronda anterior */
.card.winner .card-body.v4{grid-template-columns:0.85fr 0.9fr 1.45fr 0.8fr}
.card.winner .card-body.v4 .c-imgcol,.card.winner .card-body.v4 .c-rating{align-self:center}
@media(max-width:860px){.card-body.v4,.card.winner .card-body.v4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.card-body.v4,.card.winner .card-body.v4{grid-template-columns:1fr}}

.c-stars .tpsvg{flex:0 0 auto;display:block}
.side-stars .tpsvg{width:18px;height:18px;flex:0 0 auto;display:block}

/* ==== RONDA 5 — winner igualada ==== */
.card.winner .card-body.v4{grid-template-columns:repeat(4,1fr)}
.card.winner .card-body.v4 .c-imgcol,.card.winner .card-body.v4 .c-rating{align-self:start}

/* ==== RONDA 6 — TrustRate oficiales + centrado ==== */
.card-body.v4 .c-col{align-self:center}

.c-stars{margin:6px 0}
.c-stars svg,.side-stars svg{display:block;margin:0 auto}

/* ==== RONDA 7 — centrado horizontal + last updated ==== */
.card-body.v4 .c-col{text-align:center}
.c-pros ul,.c-cons ul{display:inline-block;text-align:left;margin:8px auto 0}
.c-pros h5,.c-cons h5{text-align:center}
.last-updated{text-align:center}

/* ==== FIX 16-jul: estrellas uniformes + layout ==== */
.c-stars svg{width:112px !important;height:auto !important;display:block;margin:0 auto}
.side-stars svg{width:96px !important;height:auto !important}

/* ==== FIX 16-jul (2ª ronda) ==== */
.card-body.v4 .c-col{align-self:center !important}
.c-stars svg{width:96px !important}
.faq-inline{margin-top:34px}
.faq-inline h2{font-size:1.3rem}

/* ==== RONDA 8 — MÓVIL + footer (dirección 17-jul) ====
   Causa raíz del móvil roto: las rondas 4-6 (sin media query) van DESPUÉS de las
   media queries originales del template y las anulaban en cascada — la card
   winner quedaba en 4 columnas aplastadas en móvil. Este bloque va EL ÚLTIMO
   del <style> para ganar el cascade. NO añadir más reglas .card-body sin media
   query por debajo de él. */

/* Footer: políticas y contacto un poco más pequeñas y SIEMPRE en una sola fila */
.footer-links{font-size:11px;white-space:nowrap}
.footer-links a{margin:0 5px}

@media(max-width:860px){
  /* TODAS las cards (incluidas #1 y Best Overall): 2 filas —
     imagen+score | pros+cons (dirección 17-jul, 2ª ronda móvil) */
  .card-body.v4,.card.winner .card-body.v4{grid-template-columns:1fr 1fr}
  /* SIN delimitadores internos: con las celdas centradas en vertical las
     líneas quedaban a alturas distintas y los módulos parecían desalineados */
  .card-body.v4 .c-col{border-right:none;border-bottom:none;padding:14px 12px}
  /* PROS y CONS arrancan a la MISMA altura (dirección 17-jul, 3ª ronda):
     sin esto, el centrado vertical dejaba el header CONS a media altura */
  .card-body.v4 .c-pros,.card-body.v4 .c-cons{align-self:start !important}
  .card-body.v4 .c-photo,.card-body.v4 .c-logo{max-width:200px;margin-left:auto;margin-right:auto}
  /* Trust bar "As featured on": 3 logos arriba y 2 abajo, centrados */
  .trust-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 4px;align-items:center;justify-items:center}
  .trust-logo-press{grid-column:span 2}
  .trust-logo-press:nth-child(4){grid-column:2/4}
  .trust-logo-press:nth-child(5){grid-column:4/6}
  .footer-links{font-size:10px}
  .footer-links a{margin:0 3px}
}
@media(max-width:680px){
  /* Sticky bar en móvil ABAJO (CRO 17-jul: zona del pulgar, no tapa el
     contenido al entrar, patrón e-com dominante; revierte el top:0 del
     media 680 original — el footer ya reserva 90px de padding inferior) */
  .sticky-bar{bottom:0;top:auto;border-bottom:0;border-top:3px solid var(--gold);box-shadow:0 -2px 12px rgba(0,0,0,.2);transform:translateY(110%)}
  .sticky-bar.visible{transform:translateY(0)}
}

/* Dirección 27-jul: PROS y CONS arriba (todas las cards); logo sin caja */
.card-body.v4 .c-pros,.card-body.v4 .c-cons{align-self:start !important;padding-top:22px}
.card .c-logo,.c-imgcol .c-logo{background:transparent !important;border:none !important;box-shadow:none !important}
@media(max-width:760px){
  .c-col{padding:12px 8px}
  .c-num{font-size:2.2rem}
  .c-rating{min-width:0}
  .c-rating .c-reviews{font-size:.72rem}
}

/* Dirección 27-jul: legibilidad — Lato ya es muy legible; subimos cuerpo del editorial */
.editorial-main p,.editorial-main li{font-size:1.06rem;line-height:1.7}
.marca-link{color:inherit}
.marca-link b u{text-underline-offset:2px}

/* Prensa local por defecto (ámbito local 28-jul): wordmarks de texto estilizados */
.trust-logo-press.press-serif{font-family:Merriweather,Georgia,serif;font-weight:900}
.trust-logo-press.press-bold{font-weight:900;letter-spacing:.02em}
.trust-logo-press.press-cond{font-stretch:condensed;font-weight:800;text-transform:uppercase}
.trust-logo-press.press-caps{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82em}
