/* BOTZOC LEGAL V7 — REFINAMIENTO CORPORATIVO SIN ADORNOS */
:root {--ink:#14263f; --navy:#112843; --navy2:#193d5d; --blue:#256ca0; --accent:#2d86af; --gold:#6795ab; --slate:#5f7489; --line:#dbe6ee; --cloud:#f6f8fa; --shadow:0 20px 56px rgba(16,43,69,.10);}
body {background:#fff;color:#14263f;}
::selection {background:#d9ebf5;color:#132b48;}
.progress{background:linear-gradient(90deg,#163654,#318ab2);height:2px}
.site-header{background:rgba(255,255,255,.96);box-shadow:0 9px 34px rgba(15,40,61,.055);border-color:#e5edf2}
.header-row{min-height:88px;}
.brand b span{color:#267faf}.desktop-nav a{color:#3e5064;font-size:12px;letter-spacing:-.01em}
.desktop-nav a:hover{color:#13709b}.nav-cta{background:#142b47;border-radius:11px;padding:15px 17px;box-shadow:0 9px 22px rgba(11,37,66,.12)}
.nav-cta:hover,.btn-primary:hover{background:#1c557f;box-shadow:0 14px 32px rgba(13,48,78,.18)}
.hero{max-width:none;width:100%;padding:clamp(68px,7vw,110px) max(36px,calc((100% - 1240px)/2)) 94px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(25px,4vw,66px);min-height:700px;isolation:isolate}
.hero:before{z-index:-1;inset:0;left:0;width:100%;transform:none;background:linear-gradient(118deg,#f6f8fa 0%,#fff 44%,#f0f6f9 100%)}
.hero:after{content:"";pointer-events:none;position:absolute;z-index:-1;right:0;top:0;bottom:0;width:38%;background:linear-gradient(180deg,rgba(213,233,242,.42),rgba(240,246,250,0));border-left:1px solid #eef2f5}
.eyebrow,.kicker{color:#23688e;letter-spacing:.16em;font-size:10px}
.eyebrow{border-left:3px solid #247da6;padding-left:13px;margin-bottom:25px}
.hero h1{font-size:clamp(48px,4.5vw,73px);line-height:1.06;letter-spacing:-.07em;max-width:590px;margin-bottom:27px}
.hero h1 span{display:block;color:#27749b}
.hero-lead{max-width:490px;color:#52677a;font-size:16px;line-height:1.83}
.btn{border-radius:11px;font-size:12px;letter-spacing:.012em;transition:background .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.btn-primary{background:#142b47;box-shadow:0 11px 26px rgba(9,34,57,.14)}
.btn-outline{border-color:#c9d7e3;background:#fff}.btn-outline:hover{background:#f1f7fb;border-color:#70adc6}
.hero-footnote{max-width:505px;margin-top:31px;padding:17px 20px;background:#fff;border:1px solid #d9e4eb;border-left:3px solid #3389b1;border-radius:10px;color:#536c81;font-size:12px;line-height:1.72;box-shadow:0 12px 34px rgba(11,38,62,.055)}
.eyebrow .spark,.footnote-icon,.pill-mark,.visual-glow,.status-dot,.frame-dots,.legal-card-icon,.search-icon{display:none!important}
.hero-visual{height:490px;align-self:center;filter:drop-shadow(0 18px 30px rgba(8,38,66,.09))}
.visual-card{border:1px solid #d8e3ec;border-radius:17px;padding:10px;box-shadow:0 26px 52px rgba(8,37,66,.16);transition:transform .7s cubic-bezier(.2,.85,.3,1),box-shadow .7s ease}
.visual-primary{width:min(100%,630px);right:0;top:37px;transform:rotate(0deg)}
.visual-secondary{width:53%;left:-17px;bottom:9px;transform:rotate(0deg);border:1px solid #d3e1ed;box-shadow:0 18px 42px rgba(8,39,64,.18)}
.hero-visual:hover .visual-primary{transform:translateY(-6px)}
.hero-visual:hover .visual-secondary{transform:translate(3px,-7px)}
.visual-title{padding:9px 9px 14px;color:#4f6b81;letter-spacing:.115em;font-size:9px}
.visual-card img{border-radius:9px;object-fit:cover;object-position:top center}
.visual-pill{bottom:1px;right:0;border-radius:11px;padding:13px 17px;box-shadow:0 15px 35px rgba(11,35,60,.16)}
.visual-pill strong{font-size:11px}.visual-pill small{font-size:10px}
.proof-bar{background:#132b47;border:0}.proof-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:82px}.proof-inner span{font-size:10px;color:#e1ecf3;text-align:center;letter-spacing:.09em;padding:19px 12px;border-right:1px solid #ffffff24}.proof-inner span:last-child{border-right:none}
.section{padding-top:104px;padding-bottom:104px}.section-heading h2,.roles-grid h2,.contact-heading h2{letter-spacing:-.062em}
.section-heading h2 em,.roles-grid h2 em,.contact-heading h2 em{color:#227ba6}
.split-heading{align-items:center}.split-heading p{font-size:14px;color:#506a7e}
.value-grid{gap:18px;margin-top:47px;grid-template-columns:repeat(4,minmax(0,1fr))}
.value-card{padding:27px 0 0;min-height:374px;background:linear-gradient(155deg,#fff,#fafcfd);border:1px solid #dce5ed;border-radius:18px;box-shadow:0 13px 30px rgba(17,47,71,.075);display:flex;flex-direction:column;transition:transform .34s ease,box-shadow .34s ease,border-color .34s ease;}
.value-card:nth-child(2){background:linear-gradient(145deg,#f6faff,#fff)}.value-card:nth-child(3){background:linear-gradient(145deg,#f1f7f8,#fff)}.value-card:nth-child(4){background:linear-gradient(145deg,#f7f9fc,#fff)}
.value-card:hover{transform:translateY(-7px);box-shadow:0 26px 48px rgba(13,48,77,.13);border-color:#98bdcd}
.value-index{margin:0 22px;color:#286d93;font-size:10px}.value-card h3{margin:23px 22px 9px;font-size:20px;line-height:1.25}.value-card p{margin:0 22px 24px;font-size:12px;line-height:1.72;color:#577086}
.value-media{margin-top:auto;position:relative;overflow:hidden;height:142px;border-top:1px solid #e3edf3;background:#eaf2f7}
.value-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 60%,rgba(10,34,54,.10))}
.value-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .65s cubic-bezier(.2,.8,.3,1)}
.value-card:hover .value-media img{transform:scale(1.05)}
.value-line{display:none}
.showcase-section{padding:110px 0 120px;background:linear-gradient(135deg,#10233d,#173e5c);}
.showcase-section:before{display:none}
.showcase-title h2 em,.security-intro h2 em{color:#add8ec}
.showcase-title p{color:#c9d7e2}.kicker.light{color:#add8e9}
.show-tab{background:rgba(255,255,255,.048);border:1px solid #ffffff27;border-radius:11px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.show-tab:hover{background:rgba(255,255,255,.11);transform:translateX(2px);border-color:#9cc8df}
.show-tab.active{background:#fff;color:#19476c;border-color:#fff;box-shadow:0 8px 24px #00000020}
.show-tab.active span{color:#163e62}.show-tab.active b{color:#277ba5}
.showcase-frame{border-radius:17px;padding:11px;box-shadow:0 25px 65px #00000033}
.frame-top{padding:12px 11px 15px;color:#536d81}.frame-live{color:#256d91;font-weight:800}
.preview-button img{transition:transform .6s ease}.preview-button:hover img{transform:scale(1.018)}
.module-grid{gap:19px}.module-card{border-radius:18px;box-shadow:0 12px 26px rgba(10,42,67,.065);border-color:#dce5eb;transition:transform .34s ease,box-shadow .34s ease,border-color .34s ease}
.module-card:hover{transform:translateY(-7px);box-shadow:0 27px 52px rgba(14,46,71,.15);border-color:#91bed2}
.module-img{aspect-ratio:1.86;background:#e9f0f5}.module-img::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 74%,rgba(12,35,58,.10))}
.module-cat{z-index:1;border-radius:6px;background:#ffffffeb;color:#235675;box-shadow:0 3px 15px #091d3020}
.module-content{padding:22px;min-height:162px}.module-header h3{font-size:18px}.module-content p{color:#5f7385;font-size:12px}
.module-action{letter-spacing:.08em;color:#206e93;padding-top:17px}
.filter-btn{border-color:#d7e2e9;color:#50667a}.filter-btn.selected{background:#153654}.filter-btn:hover:not(.selected){border-color:#6eaec5;background:#f1f8fb}
.search-wrap{background:#fff;border-color:#d5e2eb;box-shadow:0 7px 22px #123a5610}.search-wrap input{font-size:12px}
.more-btn{padding:16px 28px;background:#163a5b;color:white;border:1px solid #163a5b;box-shadow:0 11px 26px #123c5c20;transition:transform .25s ease,background .25s ease}
.more-btn:hover{background:#245c7f;border-color:#245c7f;transform:translateY(-3px)}
.workflow-section{background:#f5f8fa;border-block:1px solid #e2e9ee;padding:105px 0}
.workflow-grid{gap:15px;margin-top:45px}.workflow-step{position:relative;background:#fff;border:1px solid #dbe4eb;border-radius:16px;padding:25px 22px 28px;box-shadow:0 10px 28px rgba(16,41,64,.06);transition:transform .28s ease,box-shadow .28s ease}
.workflow-step:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(14,43,66,.10)}
.workflow-step>span{background:transparent;border-bottom:2px solid #2c789d;border-radius:0;width:35px;height:30px;font-size:12px;color:#1b577c;display:block}
.workflow-step h3{margin:22px 0 10px}.workflow-step p{line-height:1.7}
.security-section{background:linear-gradient(125deg,#112742,#123954);padding:110px 0}
.security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.security-list article{background:rgba(255,255,255,.065);border:1px solid #ffffff24;border-radius:14px;padding:22px 20px;gap:13px;min-width:0;transition:background .3s ease,transform .3s ease}
.security-list article:last-child{border:1px solid #ffffff24}
.security-list article:hover{background:rgba(255,255,255,.115);transform:translateY(-3px)}
.security-list article>span{color:#b5d9e8}.security-list p{color:#c4d4df}
.roles-pills span{border-radius:9px;background:#f3f7f9;color:#1c3b54}
.legal-section-home{background:linear-gradient(160deg,#f4f8fa,#fff 58%,#eef4f7);padding:108px 0}
.legal-home-heading{margin-bottom:36px}.legal-home-heading h2 em{color:#267ba5}
.legal-home-card{position:relative;gap:0;padding:34px;min-height:257px;background:#fff;border:1px solid #dce5ec;box-shadow:0 15px 40px rgba(16,43,67,.08);border-radius:18px;overflow:hidden}
.legal-home-card:before{content:"";height:4px;width:100%;position:absolute;left:0;top:0;background:linear-gradient(90deg,#163955,#3b97b3)}
.legal-home-card:nth-child(2):before{background:linear-gradient(90deg,#24677e,#57a6ab)}
.legal-home-card:hover{border-color:#9fbfce;transform:translateY(-7px);box-shadow:0 26px 47px rgba(16,45,69,.13)}
.legal-card-body small{color:#2c728d;font-size:11px}.legal-card-body strong{margin:15px 0 13px;font-size:25px}.legal-card-body>span{font-size:13px;color:#5a7081}.legal-card-body b{margin-top:27px;color:#1b5d80;font-size:13px}
.contact-section{background:#fff;padding:108px 0 98px}.contact-item{border:1px solid #dae4ea;background:#fff;box-shadow:0 14px 32px rgba(14,43,64,.07);border-radius:17px;min-height:232px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.contact-item:nth-child(2){background:#f7fafb}.contact-item:nth-child(3){background:#f4f8fa}
.contact-item:hover{border-color:#8ab7ca;transform:translateY(-6px);box-shadow:0 25px 43px rgba(14,43,64,.12)}
.contact-item>span{color:#2c6b8a}.contact-item strong{color:#1d6287}
.contact-cta{background:#f1f6f8;border-color:#d4e2e9;border-radius:17px;padding:36px 34px}
.footer{background:#0d2139}.footer-links strong{color:#afcee1}.footer-bottom strong{color:#bbdce9}
[data-reveal]{transform:translateY(25px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
/* Mobile layout. Screenshots remain readable and cards never overflow the viewport. */
@media (max-width:1100px){.hero{padding-inline:36px;gap:30px}.hero h1{font-size:clamp(43px,4.4vw,67px)}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-card{min-height:345px}.value-media{height:145px}.security-grid{gap:5%}.security-list{grid-template-columns:1fr}}
@media (max-width:950px){.hero{padding:72px 36px 60px;grid-template-columns:1fr;min-height:0}.hero:after{display:none}.hero-copy{max-width:740px}.hero h1{font-size:clamp(45px,7vw,72px)}.hero-visual{margin:35px auto 0;width:100%;max-width:740px;height:450px}.visual-primary{width:84%;right:0;top:30px}.visual-secondary{width:51%;left:1%;bottom:12px}.proof-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-inner span{border-right:1px solid #ffffff1d;border-bottom:1px solid #ffffff1d}.showcase-layout{grid-template-columns:1fr}.showcase-tabs{flex-direction:row}.security-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){
 .wrap{width:calc(100% - 36px)}.header-row{min-height:70px}
 .hero{padding:48px 18px 55px;gap:0}.eyebrow{font-size:9px;margin-bottom:21px}.hero h1{font-size:clamp(37px,9.5vw,49px);line-height:1.09;max-width:560px;margin-bottom:18px}
 .hero-lead{font-size:13px;line-height:1.77}.hero-footnote{margin-top:22px;padding:13px 15px;font-size:11px;line-height:1.66;border-radius:9px}
 .hero-actions{grid-template-columns:1fr;gap:10px}.btn{min-height:50px}
 .hero-visual{height:290px;margin:32px auto 0}.visual-primary{right:0;top:18px;width:94%;transform:none}.visual-secondary{left:0;bottom:9px;width:58%;transform:none}
 .visual-title{font-size:7px}.visual-card{padding:6px}.visual-pill{right:0;bottom:0;padding:8px 11px}.visual-pill strong{font-size:9px}.visual-pill small{font-size:8px}
 .proof-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:0;overflow:visible;white-space:normal}.proof-inner span{font-size:8px;line-height:1.6;padding:15px 8px}
 .section{padding-top:76px;padding-bottom:76px}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:27px}
 .value-card{min-height:304px;padding:18px 0 0;border-radius:14px}.value-index{margin:0 14px;font-size:10px}.value-card h3{font-size:15px;margin:17px 14px 8px}.value-card p{font-size:11px;line-height:1.57;margin:0 14px 15px}.value-media{height:105px}
 .showcase-section{padding:77px 0 85px}.showcase-frame{padding:7px}.show-tab{padding:12px 13px}.show-tab:hover{transform:none}
 .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-img{aspect-ratio:1.53}
 .module-content{padding:14px;min-height:151px}.module-header h3{font-size:13px}.module-content p{font-size:10px;line-height:1.6}.module-action{font-size:9px}
 .workflow-section{padding:75px 0}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.workflow-step{padding:18px 15px 21px;border-radius:12px}.workflow-step>span{width:30px;height:28px}.workflow-step h3{margin:16px 0 8px;font-size:14px}.workflow-step p{font-size:10px}
 .security-section{padding:78px 0}.security-list{grid-template-columns:1fr;gap:10px}.security-list article{padding:16px;border-radius:11px}.security-list h3{font-size:14px}.security-list p{font-size:11px}
 .legal-section-home{padding:80px 0}.legal-home-card{min-height:0;padding:26px 22px;border-radius:14px}.legal-card-body strong{font-size:20px}.legal-card-body b{margin-top:19px}
 .contact-section{padding:77px 0}.contact-grid{grid-template-columns:1fr}.contact-item{min-height:182px}.contact-cta{padding:25px 19px}
 .footer-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:360px){.value-grid,.module-grid{grid-template-columns:1fr}.value-card{min-height:325px}.value-media{height:145px}.hero-visual{height:240px}.proof-inner span{font-size:8px}}
@media (prefers-reduced-motion:reduce){.hero-visual:hover .visual-primary,.hero-visual:hover .visual-secondary,.value-card:hover,.workflow-step:hover,.legal-home-card:hover,.contact-item:hover{transform:none!important}[data-reveal]{transition:none;transform:none;opacity:1}}


/* V8 — Pie corporativo claro para conservar los colores originales del logotipo.
   Anillos azul y azul marino visibles, sin recolorear la imagen. */
.footer{
  background:linear-gradient(125deg,#eaf3f9 0%,#f6fafc 57%,#e8f1f7 100%);
  color:#142c44;
  border-top:1px solid #d7e5ee;
}
.footer .footer-logo .brand{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:13px 17px 13px 13px;
  background:#fff;
  border:1px solid #d7e6ef;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(16,50,77,.07);
  transition:box-shadow .25s ease,transform .25s ease;
}
.footer .footer-logo .brand:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 32px rgba(16,50,77,.12);
}
.footer .brand>img{width:47px;height:42px;object-fit:contain}
.footer .brand b,.footer .brand>b{color:#10243d}
.footer .brand b span{color:#078bc6}
.footer .brand small{color:#536f87}
.footer .footer-logo p{color:#46627a;max-width:355px;line-height:1.8;margin-top:20px}
.footer .footer-links strong{color:#183f61;letter-spacing:.12em}
.footer .footer-links a{color:#395c76;transition:color .2s ease,transform .2s ease}
.footer .footer-links a:hover{color:#007db9;transform:translateX(2px)}
.footer .footer-bottom{border-top:1px solid #cbdfe9;color:#4c677d}
.footer .footer-bottom a{color:#37546b}
.footer .footer-bottom strong{color:#0c608e}
.footer .footer-bottom a:hover strong{color:#008dc8}
@media(max-width:680px){
  .footer .footer-logo .brand{padding:11px 13px 11px 10px;border-radius:12px}
  .footer .brand>img{width:39px;height:36px}
}
@media(prefers-reduced-motion:reduce){
 .footer .footer-logo .brand:hover,.footer .footer-links a:hover{transform:none}
}