/* Canarias Digital - v0.8. Identidad visual corporativa. Solo CSS, sin cambios de negocio. */
:root{--navy:#303a49;--blue:#1486d3;--muted:#69788c;--border:#dce5ee;--bg:#f2f5f9;--cd-gold:#f2bc35;--cd-cyan:#51c4ed}
body{background:var(--bg);color:#233449;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
/* Franja de la marca y cabecera, responsive */
.top{background:#303a49;border:0;position:relative;box-shadow:0 5px 18px rgba(21,34,50,.12)}
.top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#45c2f0 0%,#4dbbff 42%,#f5be39 100%)}
.top .wrap{gap:20px;padding-top:13px;padding-bottom:16px;max-width:1280px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-wrap:wrap;color:#fff;font-size:22px;letter-spacing:-.55px;line-height:1.1}
.brand:hover{text-decoration:none;color:#fff}
.brand-title{white-space:nowrap}.brand strong{color:#5dcbff}
.brand-logo{display:block;width:47px;height:47px;border-radius:50%;object-fit:contain;background:#f9fafc;padding:1px;box-shadow:0 0 0 2px rgba(255,255,255,.13)}
.brand .pill{background:rgba(80,196,238,.13);border:1px solid rgba(110,201,249,.3);color:#dbf5ff;padding:5px 8px;white-space:nowrap;font-size:10px;letter-spacing:.6px}
.nav{gap:5px 7px;align-items:center}
.nav a:not(.btn){display:inline-flex;color:#e3ecf6;font-weight:630;padding:9px 12px;border-radius:9px;transition:background-color .12s ease,color .12s ease;text-decoration:none}
.nav a:not(.btn):hover,.nav a:not(.btn):focus-visible{color:#fff;background:rgba(255,255,255,.13)}
.nav .btn.alt{color:#fff;border:1px solid rgba(195,222,245,.45);background:rgba(255,255,255,.06);padding:9px 13px}
.nav .btn.alt:hover{background:rgba(255,255,255,.17)}
main.wrap{max-width:1210px;min-height:calc(100vh - 205px);padding-top:32px;padding-bottom:32px}
main h1{font-size:29px;font-weight:780;letter-spacing:-.7px;color:var(--navy)}
main h2{color:#303a49;letter-spacing:-.25px}
main h3{color:#344456}
.card,.metric{border:1px solid #dce5ed;background:#fff;border-radius:17px;box-shadow:0 8px 26px rgba(38,59,83,.045)}
.card{padding:27px;margin:18px 0}
.metric{padding:21px 20px;border-top:3px solid #58bef1}
.grid>.metric:nth-child(4n+2){border-top-color:#f2bf48}
.grid>.metric:nth-child(4n+3){border-top-color:#8a9bac}
.grid>.metric:nth-child(4n+4){border-top-color:#5cc3cb}
.metric b{color:#24384f;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.btn{background:#136eb1;border-color:#136eb1;border-radius:10px;padding:11px 17px;box-shadow:0 2px 0 rgba(0,0,0,.045);transition:background-color .15s ease,transform .15s ease}
.btn:not([disabled]):hover{background:#0b5d98;border-color:#0b5d98;transform:translateY(-1px)}
.btn.alt{color:#145f9c;background:#fff;border-color:#c2d6e7}
.btn.alt:hover{color:#0d497e;background:#eef7ff}
a{color:#086da9}
a:hover{color:#064b7b}
.pill{color:#135e9a;background:#e5f4ff}
input,select,textarea{border-color:#c9d8e5;border-radius:9px;min-height:43px}
input:focus,select:focus,textarea:focus{outline:2px solid #6bcbf4;outline-offset:1px;border-color:#1488c8}
input[type="checkbox"],input[type="radio"]{min-height:initial;accent-color:#157bbd}
label{color:#334154}
.notice{border-radius:11px;background:#ecf5fd;border-left:3px solid #48b9f1;color:#214f75}
.notice.success{background:#ebf7ef;border-left-color:#399a6a;color:#216342}
.notice.error{background:#fff1ef;border-left-color:#df6d56;color:#a53930}
th{font-size:12px;text-transform:none;letter-spacing:.15px;color:#51637a;background:#f8fafd}
td{color:#2c3e50}tbody tr:hover{background:#f8fbff}
.choice{border-color:#d6e4f0;border-radius:14px;transition:box-shadow .12s ease,border-color .12s ease}
.choice.active,.choice:focus-within{border-color:#2b98d7;box-shadow:0 0 0 2px rgba(76,184,242,.11);background:#f7fbff}
.price{color:#283c51;font-weight:830;letter-spacing:-1px}
.step{color:#60738b;background:#e7eef5}
.step.current{background:#1876b6;color:white}
.calendar th{background:#eff7fc}
.calendar-item{background:#e9f5fd;border-left-color:#188bc5}
.v06-preview{background:#f2f7fb;border-color:#d2e4f1}
.v06-email{border:1px solid #d6e4ec;border-radius:15px;box-shadow:0 8px 20px rgba(36,53,66,.04)}
.v06-logo{display:flex;align-items:center;gap:12px;font-size:21px;color:#303a49;border-bottom:3px solid #f0bd45;padding-bottom:17px}
.v06-logo strong{color:#1686c9}
.v06-logo img{width:52px;height:52px;border-radius:50%;object-fit:contain}
.copyright{color:#708195;padding:25px 16px}
@media(max-width:880px){.top .wrap{align-items:flex-start}.brand{font-size:20px}.nav{width:100%}.nav a:not(.btn){padding:8px 10px}.top .wrap{gap:12px}}
@media(max-width:660px){.top .wrap{padding:11px 16px 14px}.brand{font-size:19px;gap:8px}.brand-logo{width:39px;height:39px}.brand .pill{font-size:9px}.nav a:not(.btn){font-size:13px;padding:7px 8px}.nav{gap:4px}.card{padding:19px;border-radius:14px}.metric{padding:16px}.grid{gap:11px}main.wrap{padding:22px 15px}main h1{font-size:25px}td,th{padding:9px}}
@media(prefers-reduced-motion:reduce){.btn,.nav a,.choice{transition:none}.btn:not([disabled]):hover{transform:none}}