/* Futuramente: shared foundations, professional creation and a readable mobile flow. */
.fv-common{margin:28px 28px 0;padding:26px;background:linear-gradient(120deg,#112342,#0d1728);border:1px solid #466a9c;border-top:3px solid #7ca9ff}
.fv-common-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.fv-common-heading .meta{color:var(--cyan);flex-shrink:0}
.fv-common-heading h4{font-size:24px;letter-spacing:-.03em;text-align:right}
.fv-common dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fv-common dl>div{padding-left:17px;border-left:1px solid #466487;min-width:0}
.fv-common dt{font-size:15px;font-weight:600;color:#e9f2ff;line-height:1.4;margin-bottom:10px}
.fv-common dd{font-size:14px;color:#b6c8e2;line-height:1.6}
.fv-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border:1px solid #45648b;background:#0c1421}
.fv-create-copy{padding:42px;background:radial-gradient(ellipse at 0 0,#1243a766,transparent 75%);border-right:1px solid #354966}
.fv-create-copy>.meta{color:var(--cyan)}
.fv-create-copy h3{font-size:44px;margin:25px 0;line-height:1.12}
.fv-create-copy>p{font-size:17px;line-height:1.75;max-width:550px}
.fv-create-copy>p+p{margin-top:18px}
.fv-create-copy strong{font-weight:500;color:#dceaff}
.fv-create-copy .text-link{margin-top:24px}
.fv-create-apps{padding:42px;display:flex;flex-direction:column;justify-content:center}
.fv-apps-heading h4{font-size:30px;line-height:1.2;max-width:380px}
.fv-apps-heading>span{display:inline-block;margin-top:14px;font-size:12px;color:#b4c8e6;letter-spacing:.06em;text-transform:uppercase}
.fv-create-apps ul{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fv-create-apps li{padding:12px 15px;min-width:0;background:#14233a;border:1px solid #344e72;font-family:'Space Grotesk','DM Sans',sans-serif;font-size:17px;line-height:1.3;color:#dceaff}
.fv-create-apps>p{padding-top:24px;border-top:1px solid #354966;font-size:15px;line-height:1.7}
.fv-lane-link{display:none}
.flow-node a.artifact-ref{text-decoration:underline;text-underline-offset:3px}
.flow-node a.artifact-ref:hover{color:#fff}
#diagrama-trabajo,#diagrama-responsabilidades,#carril-operacion,#carril-documento,#creacion,.flow-node[id]{scroll-margin-top:32px}
@media(max-width:1000px){
 .fv-common dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .fv-common-heading{align-items:start;flex-direction:column;gap:12px}
 .fv-common-heading h4{text-align:left}
 .fv-create-copy,.fv-create-apps{padding:30px}
 .fv-create-copy h3{font-size:36px}
 .fv-create-apps ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .fv-common{margin:24px 22px 0;padding:24px 22px}
 .fv-common-heading h4{font-size:25px}
 .fv-create{grid-template-columns:1fr}
 .fv-create-copy{padding:28px;border-right:0;border-bottom:1px solid #354966}
 .fv-create-copy h3{font-size:38px;margin:22px 0}
 .fv-create-apps{padding:28px}
 .fv-create-apps ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:25px 0}
 .fv-create-apps li{padding:12px;font-size:16px}
 .fv-apps-heading h4{font-size:29px}
}
@media(max-width:650px){
 .workflow{display:block;padding:22px 18px 0}
 .lane-title{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;min-height:0;padding:0 0 20px;align-items:center}
 .lane-title strong{font-size:18px}
 .lane-title>span:last-of-type{grid-column:2;margin:0;font-size:14px}
 .fv-lane-link{display:inline-flex;align-items:center;justify-content:space-between;grid-column:2;justify-self:start;gap:24px;min-height:40px;border-bottom:1px solid #496e9d;font-size:13px;color:var(--cyan)}
 .lane+.lane{margin-top:38px;padding-top:30px;border-top:1px solid #496580}
 .lane ol{gap:19px}
 .flow-node,.documents .flow-node{padding:20px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 16px;align-items:start}
 .flow-node .step-number{grid-column:2;grid-row:1;margin:3px 0 0;font-size:13px}
 .flow-node h4{grid-column:1;grid-row:1;font-size:21px;line-height:1.3}
 .flow-node p{grid-column:1/-1;font-size:16px;margin:0}
 .flow-node .service{grid-column:1/-1;margin:0;padding-top:4px;font-size:13px}
 .flow-node .artifact-ref{grid-column:1/-1;justify-self:start;margin:0;font-size:13px;min-height:32px;padding-top:8px}
 .documents .flow-node h4{grid-column:1/-1;font-size:21px}
 .documents .version-lock{grid-column:1/-1;margin-top:5px;padding-top:10px;font-size:13px}
 .flow-node:after{right:calc(50% - 5px);font-size:16px;bottom:-20px}
 .operation-principles{padding:26px 22px}
 .flow-explanation{margin:24px 18px 0;min-height:0;padding:20px;font-size:16px}
 .correction-loop{margin:22px 18px 0}
 .correction-loop svg{width:92%}
 .correction-loop p{font-size:14px;line-height:1.65}
 .view-controls{width:100%;gap:7px}
 .view-controls button{flex:1;padding:11px 8px;font-size:12px}
 .fv-common dl{grid-template-columns:1fr;gap:22px}
 .fv-common dl>div{padding-left:17px}
 .fv-common dt{font-size:17px;margin-bottom:7px}
 .fv-common dd{font-size:15px}
 .fv-create-copy,.fv-create-apps{padding:26px 22px}
 .fv-create-apps li{font-size:15px;padding:12px 10px}
}
@media(prefers-reduced-motion:reduce){.fv-create *{scroll-behavior:auto}}

.fv-learning{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center;padding:36px;background:linear-gradient(120deg,#10274b,#101927);border:1px solid #466d9c;margin-bottom:85px}.fv-learning .meta{color:var(--cyan)}.fv-learning h2{font-size:35px;margin:18px 0;line-height:1.15}.fv-learning p{max-width:800px;font-size:16px}.fv-learning>.button{white-space:nowrap}@media(max-width:800px){.fv-learning{grid-template-columns:1fr;padding:27px;gap:25px;margin-bottom:64px}.fv-learning>.button{justify-self:start}.fv-learning h2{font-size:32px}}@media(max-width:390px){.fv-learning{padding:24px 22px}.fv-learning h2{font-size:29px}.fv-learning>.button{white-space:normal;width:100%;gap:18px}}