:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--navy:#0b2e4b;--ink:#17344d;--muted:#657e90;--blue:#137cf0;--teal:#0fb9ba;--line:#e0eaf2;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;color:var(--ink)}.wrap{max-width:1350px;padding:0 32px;margin:auto}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.sr{position:absolute;clip:rect(0,0,0,0)}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#fff;z-index:90}.skip:focus{top:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:clamp(2.6rem,4vw,4.55rem);line-height:1.09;margin-bottom:27px}h2{font-size:clamp(2.15rem,3vw,3.4rem);line-height:1.15;margin-bottom:22px}h1 span,h2 span{color:var(--blue)}p{line-height:1.74}.section{padding:92px 0;scroll-margin-top:90px}.kicker{font-weight:850;letter-spacing:.13em;font-size:.74rem;color:#068baa;display:inline-block;margin-bottom:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:10px;border:1px solid transparent;font-size:.89rem;font-weight:750;min-height:48px;transition:.2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(120deg,#187ff5,#0867d8);color:#fff;box-shadow:0 12px 25px #176ce225}.btn.outline{background:#fff;color:#146bc7;border-color:#c9dff1}.btn.white{background:#fff;color:#0b5c98}.btn.full{width:100%}.topnote{background:#092b46;color:#d4eaf7;text-align:center;padding:8px 12px;font-size:.73rem}.topnote a{color:#71e5e8;font-weight:800}.dot{display:inline-block;height:7px;width:7px;background:#3ee2b3;border-radius:50%;margin-right:7px}.header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid #eaf0f5;z-index:50}.headinner{min-height:79px;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brandicon{display:grid;place-items:center;background:linear-gradient(130deg,#18cbbd,#176be5);color:white;font-size:28px;width:44px;height:44px;border-radius:50%}.brand b{color:#0f3d60;font-size:1.4rem;letter-spacing:-.06em}.brand em{color:#0aafd0;font-style:normal}.brand small{display:block;color:#71879a;font-size:.62rem;margin-top:1px}.nav{display:flex;gap:25px;margin-left:auto}.nav a{font-size:.82rem;font-weight:750;color:#526779}.nav a:hover{color:#0870dd}.topcta{font-size:.82rem}.menubtn{display:none}.hero{padding:83px 0 87px;background:radial-gradient(ellipse at 73% 42%,#cff4f9 0,transparent 38%),linear-gradient(125deg,#f8fcff,#eef9ff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:48% 52%;gap:15px;align-items:center}.hero-left{position:relative;z-index:2}.lead{font-size:1.05rem;color:#5b718a;margin-bottom:27px}.lead b{color:#1e435e}.btnrow{display:flex;flex-wrap:wrap;gap:12px}.stats{margin-top:44px;border-top:1px solid #dce9f3;padding-top:22px;display:flex;gap:38px}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:1.5rem;color:#0d5c9a}.stats small{font-size:.7rem;color:#6a8191}.caution{font-size:.71rem;color:#7a8b9a;margin:22px 0 0}.hero-screen{position:relative;padding:30px 10px 35px}.device{border:1px solid #b8d2e5;background:#fff;border-radius:16px;padding:0 0 5px;overflow:hidden;box-shadow:0 35px 65px #16477837;transform:perspective(1100px) rotateY(-5deg)}.device img{aspect-ratio:16/9;width:100%}.device-top{font-size:.7rem;color:#638194;padding:11px 14px;border-bottom:1px solid #ecf1f6;display:flex;align-items:center;gap:16px}.device-top span{color:#e0abb3}.device-top i{font-style:normal;margin-left:auto;font-weight:800;font-size:.56rem;padding:5px 8px;background:#eaf6ff;color:#157fc4;border-radius:5px}.floating{position:absolute;z-index:3;border:1px solid #e3eff6;background:#fff;border-radius:12px;box-shadow:0 16px 30px #0f436326;padding:12px 17px;font-size:.83rem}.floating small{display:block;color:#698299;margin-top:4px;font-size:.7rem}.f-one{top:0;right:0}.f-two{bottom:3px;left:0}.ribbon{border-block:1px solid #e5ecf2}.ribbon>.wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:19px;text-align:center;gap:16px;color:#43728a;font-weight:750;font-size:.78rem}.headsection{max-width:790px;margin:0 auto 50px}.center{text-align:center}.headsection p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.features article{border:1px solid var(--line);border-radius:17px;background:#fff;padding:30px 24px;box-shadow:0 10px 30px #164e7708}.feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e8f2ff;color:#1275da;font-size:1.7rem;margin-bottom:25px}.feature-icon.teal{background:#e1f8f5;color:#049d96}.feature-icon.violet{background:#efeaff;color:#7450d2}.feature-icon.amber{background:#fff1d9;color:#c78308}.features h3{font-size:1.1rem;margin-bottom:10px}.features p{font-size:.82rem;color:#607b8d}.simsec,.rolesec,.joinsec{background:#f3f8fc}.split{display:grid;grid-template-columns:52% 44%;gap:4%;align-items:center}.simimage img{border:9px solid #fff;border-radius:17px;box-shadow:0 22px 55px #0c4f821e;transform:rotate(-1deg)}.simimage p{text-align:center;color:#8092a2;font-size:.73rem;margin-top:21px}.split>div>p{color:#617a8c}.steps{display:grid;gap:19px;margin-top:28px}.steps>div{display:flex;gap:15px;align-items:start}.steps b{display:grid;place-items:center;min-width:35px;height:35px;background:#e0efff;color:#126cca;border-radius:9px;font-size:.78rem}.steps span{font-size:.88rem;color:#5b7185;line-height:1.6}.steps strong{color:#1a3f5d}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-intro>div:first-child{max-width:800px}.section-intro p{color:var(--muted)}.bigstat{border:1px solid #deebf5;background:#f4faff;border-radius:16px;padding:19px 25px;text-align:center;white-space:nowrap}.bigstat b{display:block;color:#1181e9;font-size:2rem}.bigstat small{font-size:.74rem;color:#637a90}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 27px}.filters button{border:1px solid #dfeaf3;background:#f5f9fc;padding:11px 16px;font-size:.83rem;font-weight:750;color:#587188;border-radius:9px}.filters .active{background:#1279e5;color:white;border-color:#1279e5}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.shot{overflow:hidden;border:1px solid var(--line);border-radius:16px;box-shadow:0 11px 29px #1a4d710b;transition:.2s}.shot:hover{box-shadow:0 21px 35px #1a4d711b;transform:translateY(-3px)}.shot[hidden]{display:none}.shot-open{width:100%;padding:0;border:0;position:relative;background:#edf4f9}.shot-open img{width:100%;aspect-ratio:16/9;object-fit:cover}.shot-open .zoom{position:absolute;right:10px;bottom:10px;background:white;color:#146fbd;box-shadow:0 5px 15px #15324d25;border-radius:7px;font-size:.74rem;font-weight:750;padding:8px 10px;opacity:0}.shot:hover .zoom,.shot-open:focus-visible .zoom{opacity:1}.shot-info{display:flex;align-items:start;gap:13px;padding:19px 19px 23px}.shot-info h3{font-size:.98rem;margin-bottom:6px}.shot-info p{font-size:.79rem;color:#6a8192;margin:0}.num{color:#0989c0;font-weight:800;font-size:.82rem}.disclaimer{font-size:.76rem;background:#f2f9ff;border-left:3px solid #3b9fe4;color:#5a7a8e;padding:16px 19px;margin:27px 0}.catalog{border:1px solid #dbe9f4;background:linear-gradient(110deg,#f6fbff,#edf8fd);border-radius:17px;padding:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.catalog .kicker{margin-bottom:6px}.catalog h3{margin:0;font-size:1.4rem}.catalog #catalog-content{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #dae7f1;padding-top:22px}.catalog #catalog-content[hidden]{display:none}.catalog h4{font-size:.9rem;margin:0 0 7px}.catalog #catalog-content p{font-size:.82rem;color:#648195;margin:0}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.role{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 24px;min-height:340px;display:flex;flex-direction:column}.role-idx{color:#7790a4;font-size:.69rem;font-weight:850;letter-spacing:.08em}.role-symbol{display:grid;place-items:center;font-size:1.8rem;background:#e6f6fc;color:#0b84c8;width:51px;height:51px;margin:22px 0;border-radius:14px}.role h3{font-size:1.23rem;margin-bottom:12px}.role p{font-size:.83rem;color:#647e8f}.role a{margin-top:auto;padding-top:18px;border-top:1px solid #ebeff4;display:flex;justify-content:space-between;gap:10px;color:#0872d3;font-weight:800;font-size:.81rem}.transfert{background:linear-gradient(120deg,#092e4e,#105580);color:#fff}.transfert .kicker{color:#71dedb}.transfert h2 span{color:#85e9d9}.transfert p{color:#c5dceb!important}.timeline{margin-top:32px}.timeline p{border-bottom:1px solid #ffffff35;padding-bottom:13px;font-size:.88rem}.timeline b{color:#7de4db;margin-right:10px}.transfert aside{border:1px solid #ffffff36;background:#ffffff12;border-radius:19px;padding:36px}.transfert aside h3{font-size:1.45rem}.transfert ul{padding-left:18px;color:#dcecf8;font-size:.87rem;line-height:1.85;margin:20px 0 28px}.join-grid{display:grid;grid-template-columns:43% 53%;gap:4%;align-items:start}.join-grid>div:first-child>p{color:var(--muted)}.join-bullet{margin:22px 0}.join-bullet b,.join-bullet small{display:block}.join-bullet b{font-size:.92rem}.join-bullet small{color:#6b8192;margin-top:5px;font-size:.81rem}.dossier{display:inline-block;color:#076cc1;font-weight:750;margin-top:20px;font-size:.9rem}.formbox{background:#fff;padding:35px;border-radius:20px;border:1px solid #dce7f0;box-shadow:0 23px 65px #174b7611}.formbox h3{font-size:1.55rem;margin-bottom:4px}.formbox>p{color:#7890a0;font-size:.87rem}.formbox form{display:grid;gap:18px}.formbox label{display:flex;flex-direction:column;gap:8px;font-weight:750;font-size:.8rem;color:#3b546b}.formbox input,.formbox select,.formbox textarea{outline:none;border:1px solid #d6e4ef;background:#fbfdff;border-radius:9px;padding:12px 13px;width:100%;color:#20405a;font-size:.87rem}.formbox input:focus,.formbox select:focus,.formbox textarea:focus{border-color:#2486e8;box-shadow:0 0 0 3px #2486e818}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formbox .consent{display:flex;flex-direction:row;align-items:start;font-size:.74rem;color:#60798d;line-height:1.6;font-weight:450}.consent input{width:16px;margin:4px 0;accent-color:#187cf0}.consent a{color:#0a73d2;text-decoration:underline}.formbox small{display:block;font-size:.72rem;text-align:center;color:#8496a2}.hiddenhp{position:absolute;left:-9999px}.formbox button:disabled{opacity:.58;cursor:not-allowed}.notice-good,.notice-error{padding:12px;border-radius:9px;font-size:.82rem}.notice-good{background:#e6faef;color:#066746}.notice-error{background:#ffeded;color:#9d2626}.faqsec .split{grid-template-columns:36% 60%}.faq details{padding:21px 0;border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;font-weight:750;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#1780d2}.faq details p{font-size:.84rem;color:#607c8e;margin-top:15px}.footer{background:#082a43;color:#eff8ff;padding:64px 0 0}.footgrid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:40px}.footbrand{font-size:1.5rem;font-weight:850}.footbrand span{color:#43d7d0}.footgrid>div:first-child p{max-width:360px;color:#b6ccdc;font-size:.83rem;margin-top:19px}.footgrid>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footgrid h4{font-size:.86rem;margin:0 0 10px}.footgrid a{color:#b3cddd;font-size:.8rem}.footend{border-top:1px solid #ffffff22;margin-top:55px;padding-top:23px;padding-bottom:27px;color:#95b1c4;font-size:.73rem}.lightbox{border:0;border-radius:15px;padding:0;max-width:min(98vw,1560px);max-height:95vh;box-shadow:0 25px 90px #07182caf}.lightbox::backdrop{background:#041625d9}.lighthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 19px;background:white}.lighthead small{display:block;color:#748898;font-size:.7rem;margin-top:4px}.lightcontrols{display:flex;gap:7px}.lightcontrols a,.lightcontrols button{background:#eef5fc;color:#156cb2;border:0;border-radius:8px;padding:8px 12px;font-size:.77rem;font-weight:800}.lightbox img{width:100%;height:auto}.menubtn{background:#fff;border:0;color:#133c58}.legal-page{background:#f4f9fd;min-height:100vh;padding:50px 20px}.legal-card{max-width:850px;background:#fff;margin:auto;border:1px solid var(--line);border-radius:18px;padding:44px}.legal-card h1{font-size:2.2rem}.legal-card h2{font-size:1.25rem;margin-top:30px}.legal-card p,.legal-card li{font-size:.9rem;color:#536c80}.legal-card a{color:#106ec4}.admin-page{background:#f3f8fc;min-height:100vh}.admin-wrap{max-width:1350px;margin:auto;padding:36px 25px}.admin-card{border:1px solid var(--line);border-radius:17px;padding:27px;background:white;margin:20px 0;box-shadow:0 8px 35px #184a7010}.admin-login{max-width:480px;margin:8vh auto}.admin-card input,.admin-card select,.admin-card textarea{padding:10px;border:1px solid #d5e5f0;border-radius:8px}.admin-table{overflow-x:auto}.admin-table table{border-collapse:collapse;width:100%;font-size:.81rem}.admin-table td,.admin-table th{border-bottom:1px solid #e5edf3;padding:13px 9px;text-align:left;vertical-align:top}.admin-table th{background:#f4f9fd}.admin-table td p{white-space:pre-wrap;min-width:220px;max-width:360px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-flex{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.admin-flex label{font-size:.8rem}.admin-card form.compact{display:grid;gap:7px}.admin-card .btn{min-height:37px;padding:8px 12px}.smallmuted{font-size:.78rem;color:#7e94a3}
@media(max-width:1120px){.nav{gap:13px}.topcta{display:none}.features,.roles{grid-template-columns:repeat(2,1fr)}.shots{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.section{padding:68px 0}.wrap{padding:0 20px}.menubtn{display:block;margin-left:auto}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 20px 20px #042c4920;padding:20px;flex-direction:column}.nav.open{display:flex}.hero-grid,.split,.join-grid,.faqsec .split{grid-template-columns:1fr;gap:42px}.hero-left{max-width:740px}.hero-screen{max-width:760px}.ribbon>.wrap{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:2fr 1fr 1fr}.footgrid>div:last-child{grid-column:2/4}.catalog #catalog-content{grid-template-columns:1fr}}
@media(max-width:570px){.topnote{font-size:.65rem}.hero{padding:60px 0}.hero h1{font-size:2.5rem}.btnrow .btn{width:100%}.stats{gap:17px;justify-content:space-between}.stats b{font-size:1.2rem}.stats small{font-size:.65rem}.device{transform:none}.floating{position:static;margin-top:10px}.f-two{display:none}.features,.roles,.shots{grid-template-columns:1fr}.ribbon>.wrap{gap:13px;font-size:.7rem;text-align:left}.section-intro{flex-direction:column;align-items:start}.filters button{font-size:.74rem;padding:9px 11px}.catalog{align-items:start;flex-direction:column}.two{grid-template-columns:1fr}.formbox{padding:22px}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.footgrid>div:first-child{grid-column:1/3}.footgrid>div:last-child{grid-column:auto}.lighthead{flex-direction:column;align-items:start}.lightcontrols{flex-wrap:wrap}.legal-card{padding:25px}.admin-wrap{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* RED FP360 v2: marca original, 26 maquetas y proporciones sin deformación */
.brand{gap:0}.brand-logo{height:56px;width:auto;max-width:245px;object-fit:contain;aspect-ratio:702/198}
.footer-logo{width:222px;height:auto;display:block;background:#fff;border-radius:10px;padding:7px 10px;aspect-ratio:702/198;object-fit:contain}
.brandicon{display:none}
.device img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.simimage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.shot-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f1f6fa}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:22px 0 25px}
.gallery-toolbar .filters{margin:0}.gallery-search{flex:1;max-width:300px;min-width:205px}
.gallery-search input{padding:12px 15px;width:100%;border:1px solid #dae7ef;border-radius:10px;background:#fff;color:#203e57;outline-offset:3px;font-size:.83rem}
.shot-kind{display:inline-block;margin-top:10px;background:#edf7fd;color:#377793;border-radius:5px;padding:4px 7px;font-size:.68rem;font-weight:700}
.no-matches{background:#eff7fb;border-radius:12px;padding:24px;color:#536f85;text-align:center}
#lightbox{width:min(96vw,1600px);overflow:hidden}
#lightbox .lighthead{position:relative;z-index:2}
#lightbox #light-img{display:block;width:100%;height:auto;max-height:calc(90vh - 80px);object-fit:contain;aspect-ratio:16/9;background:#f4f8fc}
#lightbox .lightcontrols button:focus-visible,#lightbox .lightcontrols a:focus-visible,.shot-open:focus-visible{outline:3px solid #0c8ad0;outline-offset:2px}
@media(max-width:850px){.brand-logo{height:48px;max-width:220px}}
@media(max-width:570px){.brand-logo{height:43px;max-width:187px}.gallery-search{max-width:none;width:100%}.gallery-toolbar{align-items:stretch}.shots{grid-template-columns:1fr}.lighthead{padding:10px}.lightcontrols a,.lightcontrols button{padding:7px 9px}}

/* RED FP360 v3: enlaces funcionales a las 26 fichas sin sustituir el visor existente */
.shot-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #e3edf3;padding:0 15px 16px}
.shot-actions a{font-size:.78rem;font-weight:800;text-decoration:none;min-height:35px;display:inline-flex;align-items:center;justify-content:center}
.shot-detail{background:#e7f5ff;color:#1173af;padding:9px 13px;border-radius:8px;flex:1}
.shot-doc{color:#427e9d;padding:9px 0}
.shot-actions a:hover{text-decoration:underline}
.documentation-section{background:linear-gradient(145deg,#e9f7fd,#f5fbff)}
.documentation-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.75fr);gap:60px;align-items:center}
.documentation-grid h2{max-width:790px}.documentation-grid p{max-width:780px;font-size:.96rem;color:#546e83;line-height:1.75}
.documentation-highlight{border-radius:19px;background:#fff;box-shadow:0 20px 60px #11517416;padding:35px;border:1px solid #d7e9f4}
.documentation-highlight span{font-size:.75rem;font-weight:800;color:#147ca5;letter-spacing:.05em}
.documentation-highlight>b{display:block;font-size:4rem;color:#136db8;margin:7px 0}
.documentation-highlight p{font-size:.83rem}.documentation-highlight ul{padding-left:20px;font-size:.8rem;color:#536d83;line-height:1.9}
@media(max-width:850px){.documentation-grid{grid-template-columns:1fr;gap:25px}}
