/* Integración general del sitio */
:root{--site-header-height:76px}
.skip-link{position:fixed;left:16px;top:-60px;z-index:10000;background:#10243E;color:#fff;padding:11px 16px;border-radius:12px;font-weight:800;transition:.2s}
.skip-link:focus{top:12px}
.site-header .nav{position:relative}
.site-header .navlinks a{position:relative}
.site-header .navlinks a[aria-current="page"]{color:#246BFD}
.site-header .navlinks a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;border-radius:99px;background:#20B8A6}
.site-header .menu-btn{cursor:pointer}
.site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px}
.site-footer .footer-legal a{display:inline-block;margin:0}
.form-status{display:none;margin-top:18px;padding:15px 17px;border-radius:14px;background:#EAF8F4;border:1px solid #A8DED1;color:#174C42;font-weight:700}
.form-status.show{display:block}
.prototype-note{font-size:.86rem;color:#627083;margin-top:12px}
.integration-blog-preview{padding:92px 0;background:#fff}
.integration-blog-preview .integration-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.integration-blog-preview .integration-heading p{max-width:610px;margin:0;color:#526176}
.integration-post-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:20px}
.integration-post{display:flex;flex-direction:column;background:#fff;border:1px solid #DCE4EE;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(16,36,62,.06)}
.integration-post img{width:100%;height:210px;object-fit:cover}
.integration-post:first-child img{height:270px}
.integration-post-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.integration-post .integration-tag{color:#246BFD;font-size:.77rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}
.integration-post h3{font-size:1.25rem;margin-bottom:12px}
.integration-post p{color:#526176}
.integration-post .integration-read{margin-top:auto;color:#246BFD;font-weight:850}
.integration-post.upcoming{background:#F7F9FC}
.integration-post.upcoming img{filter:saturate(.72)}
.legal-main{padding:84px 0 100px;background:linear-gradient(180deg,#fff,#F7F9FC)}
.legal-card{max-width:860px;margin:auto;background:#fff;border:1px solid #DCE4EE;border-radius:28px;padding:42px;box-shadow:0 18px 45px rgba(16,36,62,.1)}
.legal-card h1{font-size:clamp(2.35rem,5vw,4rem)}
.legal-card h2{font-size:1.65rem;margin-top:34px}
.pending-box{padding:18px 20px;border-radius:16px;background:#FFF8E5;border:1px solid #F1D68B;color:#624B0D;margin:24px 0}
@media(max-width:980px){
  :root{--site-header-height:68px}
  body.nav-open{overflow:hidden}
  .site-header .navlinks{display:none!important;position:absolute;top:calc(100% + 1px);left:0;right:0;background:#fff;border:1px solid #DCE4EE;border-radius:0 0 22px 22px;padding:18px;box-shadow:0 18px 35px rgba(16,36,62,.14);flex-direction:column;align-items:stretch;gap:4px;z-index:100}
  body.nav-open .site-header .navlinks{display:flex!important}
  .site-header .navlinks a{padding:11px 13px;border-radius:12px}
  .site-header .navlinks a:hover,.site-header .navlinks a[aria-current="page"]{background:#F1F5FA}
  .site-header .navlinks a[aria-current="page"]:after{display:none}
  .site-header .navlinks .btn{margin-top:8px}
  .integration-post-grid{grid-template-columns:1fr 1fr}
  .integration-post:first-child{grid-column:1/-1}
}
@media(max-width:650px){
  .integration-blog-preview{padding:70px 0}
  .integration-blog-preview .integration-heading{display:block}
  .integration-post-grid{grid-template-columns:1fr}
  .integration-post:first-child{grid-column:auto}
  .legal-card{padding:28px 22px}
}