
/* RED FP360 · Fichas de aplicación — diseño coherente con landing */
:root{--detail-shadow:0 16px 50px rgba(14,52,81,.09)}
html{scroll-padding-top:105px}
.application-page{color:#112e47;background:#fff}
.application-page .header{position:sticky;top:0;z-index:30}
.application-page .wrap{max-width:1280px}
.application-page .headinner{gap:18px}
.application-page .nav{margin-left:auto}
.skip-link{position:absolute;left:-9999px;top:4px;padding:12px;background:#fff;z-index:100}
.skip-link:focus{left:10px}
.detail-hero{background:linear-gradient(160deg,#f6faff 0%,#e6f5fc 60%,#fff 100%);padding:35px 0 44px}
.crumbs{font-size:.82rem;color:#70869a;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.crumbs a{color:#286f9f;text-decoration:none}
.detail-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:55px;margin-bottom:34px}
.detail-head h1,.detail-hero h1{font-weight:850;color:#0f2e4b;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.13;letter-spacing:-.035em;margin:13px 0 15px}
.detail-lead{font-size:clamp(.99rem,1.4vw,1.18rem);max-width:800px;line-height:1.68;color:#526e85;margin:0 0 18px}
.quick-facts{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.quick-facts span{font-size:.76rem;font-weight:700;background:#f1f8fc;border:1px solid #dcecf4;padding:8px 12px;border-radius:30px;color:#41718e}
.detail-hero-note{background:#fff;border:1px solid #d8eaf5;padding:24px;border-radius:18px;box-shadow:var(--detail-shadow)}
.detail-hero-note b{color:#116c9c}.detail-hero-note p,.detail-hero-note a{font-size:.84rem;line-height:1.6;color:#526d80}.detail-hero-note a{font-weight:750;color:#176fbc}
.detail-shot{background:white;border:1px solid #dce6ee;border-radius:17px;box-shadow:0 22px 54px rgba(12,47,80,.12);overflow:hidden}
.detail-shot-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#f3f8fc;padding:13px 20px;font-size:.78rem;color:#71859a}.detail-shot-bar b{color:#284c67}.detail-shot-bar a{color:#0f75c8;font-weight:800}
.detail-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-height:none}
.page-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;justify-content:center}.page-section-nav a{border:1px solid #d9e6ef;color:#426b85;background:white;padding:9px 14px;border-radius:20px;font-weight:720;font-size:.78rem;text-decoration:none}.page-section-nav a:hover{background:#e5f4fb}
.detail-section{padding:76px 0;scroll-margin-top:95px}.detail-section h2{font-size:clamp(1.6rem,2.4vw,2.3rem);margin:10px 0 18px;color:#102e49;letter-spacing:-.025em}.detail-section h3{font-size:1.14rem;color:#173f5d;margin:29px 0 12px}.detail-section .kicker{font-size:.75rem}
.detail-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:50px;align-items:start}
.detail-body,.detail-intro{font-size:.97rem;line-height:1.8;color:#506f82;max-width:820px}.detail-example{background:#e8f8fc;border-left:4px solid #1bbec8;padding:22px;border-radius:12px;margin-top:27px;color:#164b60}.detail-example span,.mini-header{display:block;font-size:.7rem;letter-spacing:.06em;font-weight:850;color:#1387a4;margin:0 0 10px}.detail-example p{line-height:1.7;margin:0}
.detail-panel{background:#fff;border:1px solid #dbe8f1;box-shadow:var(--detail-shadow);padding:28px;border-radius:18px}.detail-panel p{font-size:.88rem;line-height:1.75;color:#597285;margin:0 0 18px}.detail-panel p:last-child{margin-bottom:0}
.section-muted{background:#f4f9fc}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;margin:28px 0 0;counter-reset:none}.process-grid li{display:flex;align-items:flex-start;gap:17px;background:#fff;border:1px solid #e0eaf1;border-radius:14px;padding:20px 23px}.process-grid p{color:#425e72;line-height:1.6;font-size:.9rem;margin:0}.process-n{flex:0 0 auto;background:#e5f3ff;color:#126dc0;font-weight:850;border-radius:12px;padding:9px 12px;font-size:.8rem}
.view-list{display:grid;gap:13px;margin-top:30px}.view-card{border:1px solid #dce8f1;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(9,53,82,.035)}.view-card summary{list-style:none;display:flex;align-items:center;gap:17px;padding:21px 25px;font-weight:800;cursor:pointer;color:#174364}.view-card summary::-webkit-details-marker{display:none}.view-card summary:hover{background:#f6fbff}.view-card[open] summary{background:#f0f8ff}.view-num{border-radius:9px;background:#e1f2ff;color:#1269a2;padding:7px 10px;font-size:.73rem}.view-toggle{margin-left:auto;color:#1388c3;font-size:1.25rem}.view-card[open] .view-toggle{transform:rotate(45deg)}.view-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #e4eff5;padding:23px 26px}.view-field b{color:#176fa6;font-size:.78rem}.view-field p{font-size:.85rem;color:#526d80;line-height:1.65;margin:10px 0 0}
.detail-list{padding-left:23px;max-width:840px}.detail-list li{padding-left:6px;margin-bottom:12px;color:#50697e;line-height:1.7;font-size:.91rem}.detail-list li::marker{color:#1497b2}
.tags{display:flex;gap:9px;flex-wrap:wrap}.link-tag{background:#edf8fc;color:#137da1;border:1px solid #dbedf5;text-decoration:none;padding:9px 11px;border-radius:9px;font-weight:700;font-size:.76rem}.link-tag.subdued{background:#f2f4f6;color:#75848a}
.fields-list{display:flex;flex-direction:column;gap:8px}.fields-list span{border-bottom:1px solid #e9f0f4;padding:7px 0;line-height:1.5;color:#577289;font-size:.8rem}
.highlight-panel{background:linear-gradient(145deg,#eff5ff,#e9fbfc)}.highlight-panel b{color:#174f81}.highlight-panel a{color:#1470ad;font-weight:800;font-size:.83rem}
.docs-section{background:#f4f9fc}.download-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.download-cards a{display:flex;flex-direction:column;gap:10px;min-height:168px;padding:22px;border:1px solid #dceaf4;border-radius:14px;background:white;color:#133d5c;text-decoration:none;box-shadow:0 8px 21px rgba(12,56,78,.04)}.download-cards a:hover{border-color:#50bad8;box-shadow:var(--detail-shadow)}.download-cards b{font-size:.92rem}.download-cards span{font-size:.79rem;color:#5a7488;line-height:1.6}.download-cards strong{font-size:.79rem;color:#1074b8;margin-top:auto}
.adjacent-pages{display:flex;justify-content:space-between;gap:18px;padding:25px 0 60px}.detail-page-link{color:#216f9d;font-size:.86rem;font-weight:700;max-width:48%}.detail-bottom{background:linear-gradient(135deg,#063356,#125994);color:white;padding:65px 0;text-align:center}.detail-bottom h2{font-size:clamp(1.4rem,2.4vw,2.1rem);margin:0 auto 12px;max-width:790px}.detail-bottom p{color:#d2eaf6;margin:0 auto 23px}.detail-footer{display:flex;justify-content:space-between;gap:40px;padding:30px 0;align-items:center}.detail-footer p{color:#b5cddb;font-size:.78rem;max-width:580px}.detail-footer>div:last-child{display:flex;gap:20px}.detail-footer a{font-size:.8rem;color:#deeffd}.application-page .footer{padding:20px 0}
.docs-lead-grid{margin-top:35px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.library-item{border:1px solid #d9e8f1;border-radius:13px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:12px}.library-item-title{display:flex;align-items:center;gap:12px;color:#164b77;text-decoration:none}.library-item-title b{flex:1;font-size:.97rem}.library-item p{font-size:.84rem;line-height:1.6;color:#5f7688;flex:1;margin:0}.library-item div{display:flex;gap:18px;flex-wrap:wrap}.library-item div a{font-size:.8rem;font-weight:800;color:#147dc3}.library-num{background:#e4f3fd;color:#1875a9;border-radius:8px;padding:8px 10px;font-size:.74rem;font-weight:800}.library-search{display:flex;flex-direction:column;gap:7px;margin:15px 0 24px;font-size:.85rem;font-weight:700;color:#315b72}.library-search input{max-width:520px;border:1px solid #d4e5f0;border-radius:11px;background:#fff;color:#1c3a50;font-size:.96rem;padding:13px 18px}
@media(max-width:900px){.detail-head,.detail-two{grid-template-columns:1fr;gap:25px}.detail-hero-note{max-width:100%}.view-content{grid-template-columns:1fr;gap:15px}.library-grid{grid-template-columns:1fr}.download-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.application-page .nav{gap:15px}}
@media(max-width:650px){.detail-hero{padding:20px 0 30px}.process-grid,.download-cards{grid-template-columns:1fr}.page-section-nav{justify-content:flex-start}.detail-section{padding:48px 0}.detail-shot-bar{font-size:.72rem;padding:10px}.detail-footer{flex-direction:column;align-items:flex-start}.detail-footer>div:last-child{flex-wrap:wrap}.adjacent-pages{align-items:start}.view-card summary{padding:16px 14px}.view-content{padding:18px}}
