/* Identidad corporativa basada en el logotipo original proporcionado por el cliente. */
:root{--boc-blue:#063cdd;--boc-navy:#06105d;--boc-cyan:#00bdf4;--boc-gold:#f2bb38;--boc-white:#fff;--boc-ink:#0c1640}
body{background:#f5f8ff;color:var(--boc-ink)}
header{background:#06135d;color:#fff;border-bottom:2px solid #1688ff}
header a,header strong{color:#fff}
.brand-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-home{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;line-height:1.15}
.brand-home img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 3px 10px #0005)}
.brand-home b{display:block;color:#a9eaff}
.hero-premium{background:radial-gradient(ellipse at 75% 30%,#1264e8 0%,#09238d 38%,#050e49 82%);min-height:540px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;position:relative}
.hero-premium:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,#2cddff17 65%,transparent 85%);pointer-events:none}
.hero-premium .hero-orb{border-color:#49bfff55;background:radial-gradient(circle,#14b6ff3a,transparent 68%)}
.hero-premium .hero-orb:after{border-color:#6acaff66}
.hero-copy{position:relative;z-index:1;flex:1 1 480px}
.hero-brand{position:relative;z-index:1;flex:0 1 360px;display:flex;justify-content:center;align-items:center}
.hero-brand-logo{display:block;width:min(100%,340px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 32px #0008);animation:logoEntrance 1.1s ease both,logoFloat 7s ease-in-out 1.1s infinite}
.hero-premium .eyebrow{color:#a8edff}
.hero-premium h1{color:#fff}
.hero-premium p{color:#e0edff}
.btn,button{background:linear-gradient(120deg,#0751eb,#0830a3);color:white;border-color:#0b45c5;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0646b044;filter:brightness(1.12)}
.hero-premium .btn:first-child{background:linear-gradient(120deg,#f7c54a,#e6a625);color:#07124f;border:0}
.hero-premium .btn:nth-child(2){border-color:#a6dfff!important;color:#fff}
.card,.panel{border-color:#dce6ff;box-shadow:0 8px 30px #092a7b0d}
.card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #062e961f;border-color:#8cc7ff}
.price{color:#0754c8}
.tag{background:#e8f5ff;color:#0646a4}
.social-content{background:linear-gradient(125deg,#061153,#0731b1);border:1px solid #218cfc}
.social-link{border-color:#60b9ff88}
.social-link:hover{background:#0a78d4}
.adminbar{background:#e8efff}
.adminbar a{color:#0a2e91}
@keyframes logoEntrance{from{opacity:0;transform:translateY(22px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:760px){.brand-header{flex-wrap:wrap}.brand-home img{width:52px;height:52px}.hero-premium{flex-direction:column-reverse;text-align:center;padding-top:34px;padding-bottom:48px;gap:0}.hero-brand{flex:auto}.hero-brand-logo{width:min(68vw,230px)}.hero-copy{flex:auto}.hero-copy .row{justify-content:center}.hero-premium .hero-orb{right:-110px}}
@media(prefers-reduced-motion:reduce){.hero-brand-logo{animation:none!important}.btn,button,.card{transition:none!important}.card:hover,.btn:hover,button:hover{transform:none!important}}