/* Calendarios personalizados — ficha con cotizador (v1.0 · 2026-10-18). Usa las variables de site.css. */
.cal-main{position:relative;aspect-ratio:9/7;overflow:hidden;border-radius:var(--r);background:var(--paper2)}
.cal-main img{width:100%;height:100%;object-fit:cover;display:block}
.cal-chip{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.92);color:#3B4652;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px}
.cal-chip-l{right:auto;left:12px;background:rgba(14,17,22,.8);color:#fff}
.cal-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.cal-thumbs button{aspect-ratio:9/7;padding:0;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--paper2);cursor:pointer}
.cal-thumbs button.on{border-color:var(--lime)}
.cal-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.cal-types{margin-bottom:12px}
.cal-box{display:flex;flex-direction:column;gap:8px;border:1.5px solid var(--ink)}
.cal-h{font-family:Sora,sans-serif;font-size:17px}
.cal-chips{display:flex;flex-wrap:wrap;gap:6px}
.cchip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:7px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:inherit;cursor:pointer;text-align:left}
.cchip b{font-size:13px}.cchip small{font-size:11px;color:var(--mute);font-weight:700}
.cchip .dot{width:14px;height:14px;border-radius:50%;border:1px solid #C9CFD6;display:inline-block;margin-bottom:2px}
.cchip.on{border-color:var(--lime);background:#F1F8E6}
.cchip:focus-visible,.sw:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.cal-custom{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cal-custom label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}
.cal-custom input{width:80px;height:40px;border-radius:10px;border:1px solid var(--line);text-align:center;font:inherit;font-weight:800}
.cal-more{border:1px solid var(--line);border-radius:12px;padding:0 12px}
.cal-more summary{min-height:46px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:800;font-size:14px}
.cal-more summary span{font-weight:700;color:var(--mute);font-size:12.5px}
.cal-more-b{display:flex;flex-direction:column;gap:8px;padding-bottom:12px}
.cal-sw{display:flex;flex-wrap:wrap;gap:8px}
.sw{width:34px;height:34px;border-radius:50%;border:1px solid #C9CFD6;cursor:pointer;padding:0}
.sw.on{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--lime)}
.cal-hex{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--mute)}
.cal-hex input{width:110px;height:36px;border-radius:9px;border:1px solid var(--line);padding:0 8px;font-family:ui-monospace,monospace;font-weight:800}
.cal-pages{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cal-qty{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--paper2);padding-top:10px}
.cal-qty .stepper input{width:76px;height:44px;border:1px solid var(--line);border-radius:12px;text-align:center;font:inherit;font-weight:800;font-size:17px}
.cal-u{font-size:14px;font-weight:800;color:#3B4652}
.cal-sum{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--paper2);padding-top:10px}
.cal-sum #calUnit{font-size:13px;font-weight:700;color:#3B4652}
.cal-sum b{font-family:Sora,sans-serif;font-size:30px}
.cal-lines{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px;color:#3B4652}
.cal-lines li{display:flex;justify-content:space-between;gap:10px;padding:2px 0}
@media (max-width:640px){.cal-sum b{font-size:26px}.cchip{min-height:48px}}