.cc{--rojo:#d90000;--negro:#111;--gris:#6b6b6b;--borde:#e6e6e6;--suave:#f6f6f6;--amarillo:#ffd200;--verde:#18a957;max-width:1100px;margin:0 auto;color:var(--negro)}
.cc *{box-sizing:border-box}
.cc a{color:inherit}
/* Cabecera con la calculadora */
.cc-cab{background:#0b0b0b;color:#fff;border-radius:16px;padding:1.8em 1.6em 1.6em;position:relative;overflow:hidden}
.cc-cab::after{content:"";position:absolute;right:-140px;top:-100px;width:460px;height:460px;border-radius:50%;background:radial-gradient(closest-side,rgba(217,0,0,.5),rgba(217,0,0,0));pointer-events:none}
.cc-cab>*{position:relative;z-index:1}
.cc-et{display:inline-block;background:var(--rojo);color:#fff;font-weight:800;font-size:.78em;letter-spacing:.06em;text-transform:uppercase;padding:.25em .7em;border-radius:6px;margin-bottom:.6em}
.cc-cab h2{margin:0;font-size:clamp(1.8em,4.6vw,2.8em);line-height:1.05;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:#fff}
.cc-cab h2 span{color:var(--amarillo)}
.cc-cab>p{margin:.6em 0 0;color:#ddd;max-width:44em}
.cc-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.2em;margin-top:1.4em}
.cc-form{display:flex;flex-direction:column;gap:1em}
.cc-campo>span{display:block;font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:#aaa;font-weight:800;margin-bottom:.4em}
.cc-seg{display:flex;background:#1b1b1b;border:1px solid #333;border-radius:10px;padding:3px}
.cc-seg button{flex:1;border:0;background:transparent;color:#ccc;padding:.6em .4em;border-radius:8px;font-weight:800;font-size:.95em;cursor:pointer}
.cc-seg button.on{background:var(--rojo);color:#fff}
.cc select,.cc-hms input{width:100%;padding:.6em .7em;border-radius:10px;border:1px solid #333;background:#1b1b1b;color:#fff;font-size:1.05em}
.cc-hms{display:flex;align-items:center;gap:.4em}
.cc-hms input{text-align:center;font-size:1.4em;font-weight:900;font-variant-numeric:tabular-nums;padding:.4em .3em}
.cc-hms b{font-size:1.4em;color:#777}
.cc-hms small{display:block;text-align:center;color:#888;font-size:.72em;margin-top:.2em}
.cc-res{border-radius:14px;overflow:hidden;position:relative;min-height:300px;background:#222 center/cover no-repeat;display:flex}
.cc-res::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.85))}
.cc-res-in{position:relative;z-index:1;padding:1.4em;display:flex;flex-direction:column;justify-content:flex-end;width:100%}
.cc-res-et{font-size:.78em;text-transform:uppercase;letter-spacing:.08em;color:#ddd;font-weight:800}
.cc-tiempo{font-size:clamp(2.8em,8vw,4.4em);font-weight:900;line-height:1;color:var(--amarillo);font-variant-numeric:tabular-nums;margin:.1em 0}
.cc-tiempo.vacio{color:#fff;font-size:1.6em;line-height:1.2}
.cc-formula{color:#eee;font-size:.98em}
.cc-formula b{color:#fff}
.cc-dif{display:inline-block;margin-top:.6em;background:rgba(255,255,255,.14);border-radius:8px;padding:.3em .7em;font-size:.88em;font-weight:700}
/* Equivalencias */
.cc-eq{margin-top:1.4em;border-top:1px solid #2a2a2a;padding-top:1.1em}
.cc-eq h3{margin:0 0 .2em;font-size:1.05em;font-weight:900;text-transform:uppercase;color:#fff}
.cc-eq p{margin:0 0 .8em;color:#aaa;font-size:.88em}
.cc-eqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.5em}
.cc-eqs div{background:#1b1b1b;border:1px solid #2c2c2c;border-radius:10px;padding:.5em .7em}
.cc-eqs div.yo{border-color:var(--amarillo);background:#2a2400}
.cc-eqs span{display:block;font-size:.74em;color:#aaa;font-weight:800}
.cc-eqs b{font-size:1.08em;font-variant-numeric:tabular-nums;color:#fff}
.cc-btns{display:flex;flex-wrap:wrap;gap:.6em;margin-top:1.3em}
.cc-btn{display:inline-flex;align-items:center;gap:.4em;padding:.6em 1em;border-radius:999px;background:#fff;color:var(--negro)!important;text-decoration:none!important;font-weight:800;font-size:.9em}
.cc-btn.r{background:var(--rojo);color:#fff!important}
/* Secciones */
.cc-sec{border:1px solid var(--borde);border-radius:14px;padding:1.3em 1.4em;margin:1.4em 0;background:#fff}
.cc-sec h2{margin:0 0 .3em;font-size:1.45em;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;line-height:1.15}
.cc-sec h2 span{color:var(--rojo)}
.cc-sec p{line-height:1.6}
.cc-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9em;margin:1em 0}
.cc-paso{background:var(--suave);border-radius:12px;padding:1em 1.1em}
.cc-paso b.n{display:inline-flex;width:2em;height:2em;border-radius:50%;background:var(--rojo);color:#fff;align-items:center;justify-content:center;font-weight:900;margin-bottom:.5em}
.cc-paso h4{margin:0 0 .3em;font-size:1.02em;font-weight:900}
.cc-paso p{margin:0;font-size:.93em;line-height:1.5;color:#333}
.cc-form-pool{background:var(--negro);color:#fff;border-radius:12px;padding:1em 1.2em;font-weight:900;font-size:1.15em;text-align:center;margin:1em 0}
.cc-form-pool span{color:var(--amarillo)}
.cc-roll{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin:1em 0}
.cc-roll div{background:var(--suave);border-radius:10px;padding:.55em .9em;font-weight:800}
.cc-roll i{font-style:normal;color:var(--rojo);font-weight:900}
.cc-ej{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9em;margin:1em 0}
.cc-caja{border:1px solid var(--borde);border-radius:12px;padding:1em 1.1em}
.cc-caja h4{margin:0 0 .5em;font-size:.82em;text-transform:uppercase;letter-spacing:.05em;color:var(--gris);font-weight:900}
.cc-caja dl{display:grid;grid-template-columns:1fr auto;gap:.3em .8em;margin:0}
.cc-caja dt{color:#333}
.cc-caja dd{margin:0;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}
.cc-caja dd.r{color:var(--rojo);font-size:1.2em}
.cc-barra{display:flex;height:34px;border-radius:8px;overflow:hidden;margin:.8em 0 .3em;font-weight:900;font-size:.85em}
.cc-barra div{display:flex;align-items:center;justify-content:center;color:#fff}
.cc-tabs{display:flex;flex-wrap:wrap;gap:.5em;margin:1em 0 .6em}
.cc-chip{padding:.45em .9em;border:1px solid var(--borde);border-radius:999px;background:#fff;cursor:pointer;font-size:.88em;font-weight:700;color:var(--negro)}
.cc-chip.on{background:var(--negro);border-color:var(--negro);color:#fff}
.cc-std{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95em}
.cc-std th{text-align:left;font-size:.78em;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);border-bottom:2px solid var(--negro);padding:.5em .6em}
.cc-std td{padding:.45em .6em;border-bottom:1px solid var(--borde)}
.cc-std td.max{color:var(--rojo);font-weight:900}
.cc-std tr.yo td{background:#fff6cc}
.cc-nota{font-size:.82em;color:var(--gris);margin-top:.6em}
@media (max-width:760px){.cc-calc{grid-template-columns:1fr}.cc-cab{padding:1.3em 1.1em}.cc-res{min-height:230px}.cc-sec{padding:1.1em}}