  .dte-cta-block { border-top:1px solid #e8edf5; padding-top:16px; margin-top:12px; }
  .dte-selector-row { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
  .dte-selector-label { font-size:11px; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; flex-shrink:0; }
  .dte-period-select { flex:1; padding:8px 28px 8px 12px; border-radius:8px; border:1.5px solid #c8d4e8; background:#fff; color:#1a1a2e; font-size:13px; font-family:inherit; font-weight:600; cursor:pointer; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231a1a2e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; background-size:12px 8px; transition:border-color .2s,box-shadow .2s; }
  .dte-period-select:focus { outline:none; border-color:#1a73e8; box-shadow:0 0 0 3px rgba(26,115,232,.12); }
  .dte-price-block { background:#f4f7fb; border:1px solid #e4eaf4; border-radius:10px 10px 0 0; padding:12px 14px 6px; display:flex; align-items:baseline; justify-content:center; gap:5px; }
  .dte-price-main { font-size:2.2rem; font-weight:800; color:#1a1a2e; letter-spacing:-.02em; transition:opacity .15s; }
  .dte-price-per { font-size:13px; color:#999; font-weight:500; }
  .dte-price-note { background:#f4f7fb; border:1px solid #e4eaf4; border-top:none; border-radius:0 0 10px 10px; padding:5px 14px 10px; font-size:11.5px; color:#1a73e8; font-weight:600; text-align:center; min-height:30px; margin-bottom:12px; transition:opacity .15s; }
  .dte-price-main.updating, .dte-price-note.updating { opacity:0; }
  .btn-dte-comprar { display:block; width:100%; padding:11px; border-radius:8px; font-size:14px; font-weight:700; text-align:center; text-decoration:none; transition:opacity .2s,transform .1s; }
  .btn-dte-comprar:hover { opacity:.88; }
  .btn-dte-comprar:active { transform:scale(.98); }

  .faq-label { display:inline-block; background:#e8f0fb; color:#1c5faa; font-size:11px; font-weight:700; padding:4px 14px; border-radius:20px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
  .ql-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
  .flip-wrap { height:170px; perspective:1000px; cursor:pointer; }
  .flip-inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .55s cubic-bezier(.4,0,.2,1); }
  .flip-wrap:hover .flip-inner { transform:rotateY(180deg); }
  .flip-front, .flip-back { position:absolute; inset:0; border-radius:14px; backface-visibility:hidden; -webkit-backface-visibility:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:18px 14px; text-align:center; }
  .flip-front { background:#fff; border:1px solid #e4eaf4; transition:box-shadow .2s; }
  .flip-wrap:hover .flip-front { box-shadow:0 6px 20px rgba(28,95,170,.15); }
  .flip-back { background:#1c5faa; transform:rotateY(180deg); }
  .flip-icon-wrap { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:11px; font-size:24px; }
  .flip-title  { font-size:15px; font-weight:700; color:#1a1a2e; line-height:1.3; }
  .flip-desc   { font-size:13px; color:#888; line-height:1.45; margin-top:5px; }
  .flip-back-title { font-size:15px; font-weight:700; color:#fff; margin-bottom:8px; line-height:1.3; }
  .flip-back-body  { font-size:13px; color:rgba(255,255,255,.85); line-height:1.55; }
  .flip-back-btn { margin-top:10px; background:#fff; color:#1c5faa; font-size:11px; font-weight:700; padding:5px 14px; border-radius:20px; text-decoration:none; display:inline-block; }
  .flip-badge { position:absolute; top:9px; right:9px; font-size:10px; font-weight:700; padding:2px 8px; border-radius:20px; background:#fff3e0; color:#e07800; z-index:2; }
  .ic-blue { background:#e8f0fb; color:#1c5faa; } .ic-green { background:#e6f4ea; color:#1a7a3f; }
  .ic-amber { background:#fff3e0; color:#c67c00; } .ic-red { background:#fdecea; color:#b71c1c; }
  .ic-teal { background:#e0f5f1; color:#00796b; } .ic-purple { background:#ede7f6; color:#5e35b1; }
  .ic-pink { background:#fce4ec; color:#c2185b; } .ic-indigo { background:#e8eaf6; color:#283593; }
  .flip-wrap-planes { height:170px; perspective:1000px; cursor:pointer; }
  .flip-inner-planes { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .55s cubic-bezier(.4,0,.2,1); }
  .flip-wrap-planes:hover .flip-inner-planes { transform:rotateY(180deg); }
  .planes-front, .planes-back { position:absolute; inset:0; border-radius:14px; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
  .planes-front { background:#fff; border:1px solid #e4eaf4; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:18px 14px; text-align:center; transition:box-shadow .2s; }
  .flip-wrap-planes:hover .planes-front { box-shadow:0 6px 20px rgba(28,95,170,.15); }
  .planes-back { background:#1c5faa; border:1px solid #1c5faa; transform:rotateY(180deg); padding:14px 16px; display:flex; flex-direction:column; justify-content:center; gap:7px; }
  .planes-back-title { font-size:12px; font-weight:700; color:#fff; text-align:center; margin-bottom:8px; opacity:.85; }
  .planes-back-list ul { list-style:disc; padding-left:18px; margin:0; }
  .planes-back-list ul li { font-size:11.5px; color:#fff; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.15); }
  .planes-back-list ul li:last-child { border-bottom:none; }
  .special-wrap { grid-column:1/-1; margin-top:4px; }
  .special-inner { border-radius:16px; background:linear-gradient(135deg,#0f2d55 0%,#1c5faa 60%,#1a73e8 100%); padding:24px 28px; display:flex; align-items:center; gap:24px; transition:box-shadow .2s,transform .15s; }
  .special-wrap:hover .special-inner { box-shadow:0 8px 32px rgba(28,95,170,.3); transform:translateY(-2px); }
  .special-icon { width:64px; height:64px; border-radius:50%; background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .special-text { flex:1; }
  .special-badge { display:inline-block; background:rgba(255,255,255,.2); color:#fff; font-size:10px; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:7px; letter-spacing:.06em; text-transform:uppercase; }
  .special-title { font-size:17px; font-weight:700; color:#fff; margin-bottom:5px; }
  .special-body  { font-size:12.5px; color:rgba(255,255,255,.8); line-height:1.6; }
  .special-btn { display:inline-block; background:#fff; color:#1c5faa; font-size:13px; font-weight:700; padding:11px 20px; border-radius:10px; text-decoration:none; white-space:nowrap; flex-shrink:0; }
  .fab-contratar { position:fixed; bottom:28px; right:24px; z-index:9999; background:linear-gradient(135deg,#1c5faa,#1a73e8); color:#fff; font-size:14px; font-weight:700; padding:14px 22px; border-radius:50px; text-decoration:none; box-shadow:0 4px 20px rgba(28,95,170,.45); display:flex; align-items:center; gap:8px; transition:transform .15s,box-shadow .2s; }
  .fab-contratar:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(28,95,170,.55); color:#fff; }
  .fab-contratar:active { transform:scale(.97); }
  .fab-dot { width:8px; height:8px; border-radius:50%; background:#4ade80; display:inline-block; animation:fabpulse 1.8s infinite; }
  @keyframes fabpulse { 0%,100%{opacity:1} 50%{opacity:.4} }

  .chip-negocio { display:inline-flex; align-items:center; gap:7px; background:#f7f9ff; border:1px solid #e3e8f5; border-radius:20px; padding:7px 16px 7px 12px; font-size:12.5px; font-weight:600; color:#2c3a5a; white-space:nowrap; transition:border-color .15s,box-shadow .15s,transform .15s; cursor:default; }
  .chip-negocio:hover { border-color:#a8c8ff; box-shadow:0 2px 8px rgba(26,111,219,.12); transform:translateY(-1px); }

  .hw-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:12px; margin-bottom:20px; }
  .hw-card { background:#f7f9ff; border:1px solid #e8eef8; border-radius:14px; padding:18px 10px 14px; text-align:center; cursor:default; transition:transform .18s,box-shadow .18s,border-color .18s; }
  .hw-card:hover { transform:translateY(-3px); box-shadow:0 6px 18px rgba(26,111,219,.12); border-color:#b8d0f8; }
  .hw-icon { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 10px; font-size:24px; }
  .hw-name { font-size:11.5px; font-weight:700; color:#2c3a5a; line-height:1.3; }
  .p-blue{background:#e8f0fb;} .p-amber{background:#fff8e1;} .p-green{background:#e6f4ea;}
  .p-pink{background:#fce4ec;} .p-teal{background:#e0f5f1;} .p-purple{background:#ede7f6;}
  .p-red{background:#fdecea;} .p-indigo{background:#e8eaf6;} .p-cyan{background:#e0f7fa;}
  .p-orange{background:#fff3e0;}
  .hw-footer { display:flex; align-items:center; gap:14px; background:linear-gradient(135deg,#eef4ff 0%,#e8f5f1 100%); border:1px solid #c5d8ff; border-radius:10px; padding:13px 18px; }
  .hw-footer-icon { font-size:22px; flex-shrink:0; }
  .hw-footer-text { font-size:13px; font-weight:600; color:#2c3a5a; line-height:1.5; }
  .hw-footer-text span { color:#1a6fdb; font-weight:700; }
  .hw-os-chips { display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
  .os-chip { display:inline-flex; align-items:center; gap:4px; background:#fff; border:1px solid #c5d8ff; border-radius:20px; padding:3px 10px; font-size:11px; font-weight:700; color:#1a6fdb; }

  .cmp-table-wrap { background:#fff; border:1px solid #e3e8f5; border-radius:16px; overflow:hidden; box-shadow:0 4px 18px rgba(26,111,219,.08); overflow-x:auto; }
  .cmp-table { width:100%; border-collapse:collapse; min-width:600px; }
  .cmp-th-feature { background:#f7f9ff; padding:18px 20px; font-size:12px; font-weight:700; color:#8f9bb8; text-transform:uppercase; letter-spacing:1px; border-right:1px solid #e8eef8; width:34%; text-align:left; }
  .cmp-th-plan { padding:20px 16px 16px; text-align:center; border-right:1px solid #e8eef8; width:22%; vertical-align:top; }
  .cmp-th-plan:last-child { border-right:none; }
  .cmp-plan-name { font-size:13px; font-weight:700; color:#fff; padding:6px 14px; border-radius:20px; display:inline-block; margin-bottom:6px; }
  .cmp-plan-price { font-size:22px; font-weight:800; color:#1a1a2e; line-height:1; }
  .cmp-plan-price span { font-size:12px; font-weight:500; color:#8f9bb8; }
  .cmp-plan-dtes { font-size:11px; color:#8f9bb8; margin-top:4px; }
  .cmp-cat-row td { background:#f0f4fb; padding:8px 20px; font-size:11px; font-weight:700; color:#1c5faa; text-transform:uppercase; letter-spacing:.8px; border-top:1px solid #e3e8f5; border-bottom:1px solid #e3e8f5; }
  .cmp-data-row td { padding:11px 16px; font-size:12.5px; color:#2c3a5a; border-bottom:1px solid #f0f3fa; vertical-align:middle; }
  .cmp-data-row td:first-child { padding-left:20px; border-right:1px solid #e8eef8; font-weight:600; color:#4a5568; font-size:12px; text-align:left; }
  .cmp-data-row td:not(:first-child) { text-align:center; border-right:1px solid #f0f3fa; }
  .cmp-data-row td:last-child { border-right:none; }
  .cmp-data-row:hover td { background:#f7f9ff; }
  .cmp-row-tramite td { background:#fff8e1 !important; }
  .cmp-row-tramite td:first-child { color:#7c4b00 !important; }
  .cmp-row-mailtrust td { background:#eef4ff !important; }
  .cmp-row-mailtrust td:first-child { color:#1c5faa !important; }
  .cmp-sub-label { font-size:10px; color:#aab4cc; font-weight:400; display:block; margin-top:2px; }
  .cv-yes { color:#1a7a3f; font-size:17px; } .cv-no { color:#ccc; font-size:17px; }
  .cv-na { font-size:11px; font-weight:700; color:#ccc; }
  .cv-text { font-size:11.5px; font-weight:700; color:#2c3a5a; }
  .cv-highlight { font-size:11.5px; font-weight:700; color:#1a6fdb; }
  .cv-warn { font-size:11px; font-weight:700; color:#e07800; }
  .cv-apart { font-size:11px; font-weight:700; color:#888; }
  .cv-free { font-size:11px; font-weight:700; color:#1a7a3f; }
  .cmp-cta-row td { padding:18px 16px; text-align:center; background:#f7f9ff; border-top:2px solid #e3e8f5; }
  .cmp-cta-row td:first-child { border-right:1px solid #e8eef8; text-align:left; font-size:12px; color:#8f9bb8; }
  .cmp-btn { display:inline-block; padding:10px 22px; border-radius:8px; font-size:13px; font-weight:700; color:#fff; text-decoration:none; transition:opacity .2s; }
  .cmp-btn:hover { opacity:.85; color:#fff; }
  .cmp-nota-box { margin-top:16px; background:#fff8e1; border:1px solid #ffe082; border-radius:10px; padding:14px 18px; font-size:11.5px; color:#795548; line-height:1.6; }
  .cmp-nota-box strong { color:#5d4037; }

  @media (max-width:768px) {
    .ql-grid { grid-template-columns:1fr; gap:12px; }
    .flip-wrap, .flip-wrap-planes { height:auto; perspective:none; cursor:default; }
    .flip-inner, .flip-inner-planes { transform:none !important; transition:none; transform-style:flat; display:flex; flex-direction:column; gap:0; }
    .flip-front, .planes-front { position:relative; inset:auto; border-radius:14px 14px 0 0; border-bottom:none; padding:20px 16px 14px; }
    .flip-back { position:relative; inset:auto; transform:none; border-radius:0 0 14px 14px; padding:16px; display:flex; backface-visibility:visible; -webkit-backface-visibility:visible; }
    .planes-back { position:relative; inset:auto; transform:none; border-radius:0 0 14px 14px; padding:16px 18px; display:flex; backface-visibility:visible; -webkit-backface-visibility:visible; }
    .special-inner { flex-direction:column; text-align:center; gap:16px; }
    .special-icon { margin:0 auto; } .special-btn { width:100%; text-align:center; }
    .fab-contratar { bottom:16px; right:12px; font-size:13px; padding:12px 18px; }
    .cmp-plan-price { font-size:16px; } .cmp-plan-name { font-size:11px; padding:4px 10px; }
    .cmp-btn { padding:8px 14px; font-size:12px; }
  }
