/* interior.css — Proyectos V1.1 — Fichas de proyecto */
.project-nav{padding:20px 7% 0;display:flex;flex-direction:column;gap:6px}
.back-link{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid #cde4f5;border-radius:25px;background:#fff;color:#1b64e6;font-size:0.9375rem;font-weight:800;text-decoration:none;width:fit-content;transition:background .18s,border-color .18s}
.back-link:hover{background:#eafaff;border-color:#05c4e8}
.breadcrumb{font-size:0.75rem;font-weight:800;color:#7284a6;letter-spacing:.04em}
.breadcrumb a{color:#1b64e6;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.project-hero{padding:48px 7% 52px;background:radial-gradient(circle at 80% 40%,#f2d6fb 0,transparent 28%),linear-gradient(115deg,#dffaff,#fff 48%,#fff2fd);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:340px}
.project-hero-copy>p.eyebrow{font-size:0.875rem;font-weight:800;margin:0 0 14px;color:#1b64e6;letter-spacing:.08em}
.project-hero-copy>p.eyebrow::before{content:'';display:inline-block;width:20px;height:3px;margin:0 8px 3px 0;background:linear-gradient(90deg,#05c4e8,#e63da5)}
.project-hero-copy h1{font:800 clamp(34px,3.6vw,56px)/.98 Outfit;margin:0;letter-spacing:-.04em;color:#102654}
.project-hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#05c4e8,#8049e8,#e63da5);-webkit-background-clip:text;background-clip:text;color:transparent}
.project-hero-copy .lead{margin:16px 0 0;font-size:15px;line-height:1.58;max-width:500px}
.hero-status{display:inline-flex;align-items:center;gap:7px;margin-top:22px;padding:8px 15px;border-radius:20px;font-size:0.875rem;font-weight:800;background:#fff;border:1px solid #cde4f5;color:#102654}
.hero-status .dot{width:8px;height:8px;border-radius:50%;background:#05c4e8;animation:pulse 1.8s ease-in-out infinite}
.hero-status.building .dot{background:#f5a623}
.hero-status.lab .dot{background:#8049e8}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.project-hero-visual{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}
.project-visual{width:100%;max-width:380px;aspect-ratio:4/3;border-radius:22px;border:1px solid #e0eaf8;overflow:hidden;position:relative;background:#f6faff}
.project-visual.business-vis{background:linear-gradient(135deg,#eef8ff,#fff 50%,#f2eaff)}
.project-visual.giu-vis{background:linear-gradient(135deg,#f3f0ff,#fff 55%,#e6faff)}
.project-visual.lab-vis{background:linear-gradient(135deg,#e8fffd,#fff 50%,#f8e6ff)}
.vis-grid{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px}
.vis-grid span{border-radius:9px;background:rgba(24,100,230,.07);border:1px solid rgba(5,196,232,.18)}
.vis-grid span:nth-child(1){background:rgba(5,196,232,.10)}
.vis-grid span:nth-child(5){background:rgba(128,73,232,.09)}
.vis-grid span:nth-child(9){background:rgba(230,61,165,.09)}
.vis-label{position:absolute;bottom:16px;left:18px;font:800 11px Outfit;letter-spacing:.06em;color:#1b64e6;opacity:.65}
.vis-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;opacity:.10;color:#102654;font-style:normal}
.project-section{padding:56px 7%}
.project-section.alt{background:linear-gradient(120deg,#f6fdff,#fff 55%,#fdf6ff)}
.project-section.dark-alt{background:linear-gradient(115deg,#f0f9ff,#fff 44%,#f9effe)}
.section-label{font-size:0.875rem;font-weight:800;letter-spacing:.08em;color:#1b64e6;margin:0 0 10px;display:block}
.section-label::before{content:'';display:inline-block;width:18px;height:3px;margin:0 7px 3px 0;background:linear-gradient(90deg,#05c4e8,#e63da5)}
.project-section h2{font:800 1.5rem/1.08 Outfit;margin:0 0 22px;letter-spacing:-.03em}
.project-section h2 em{font-style:normal;background:linear-gradient(90deg,#05c4e8,#8049e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.project-section p{font-size:14px;line-height:1.64;max-width:720px;margin:0 0 14px}
.project-section p:last-child{margin-bottom:0}
.blocks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;max-width:1200px}
.block-card{padding:22px 20px 24px;border:1px solid #d5e8f8;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(33,51,104,.06)}
.block-num{font:800 28px/1 Outfit;color:#05c4e8;margin:0 0 12px;opacity:.55}
.block-card h3{font:800 16px/1.15 Outfit;margin:0 0 8px;color:#102654}
.block-card p{font-size:0.9375rem;line-height:1.58;margin:0;color:#3a4e78}
.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;max-width:1200px}
.flow-step{padding:20px 18px 22px;border:1px solid #dce5f6;border-radius:16px;background:#fff}
.step-num{font:800 11px Manrope;color:#fff;background:linear-gradient(100deg,#05c4e8,#1b64e6);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;margin-bottom:12px}
.flow-step h4{font:800 14px/1.2 Outfit;margin:0 0 6px}
.flow-step p{font-size:0.875rem;line-height:1.55;margin:0;color:#3a4e78}
.status-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.status-chip{padding:8px 14px;border-radius:20px;font-size:0.875rem;font-weight:800;border:1px solid}
.chip-active{background:#e6fef5;border-color:#5bdbaa;color:#1d7a5a}
.chip-dev{background:#fff8e6;border-color:#f5c84a;color:#7a5a1d}
.chip-soon{background:#f2eeff;border-color:#b89ef5;color:#4a28a0}
.chip-proto{background:#e6f4ff;border-color:#7bc2f8;color:#1a5a9a}
.connections{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;max-width:900px}
.connection-card{padding:18px 20px;border:1px solid #d5e8f8;border-radius:16px;background:#fff;display:flex;align-items:flex-start;gap:14px;text-decoration:none;color:#102654;transition:border-color .18s,box-shadow .18s}
.connection-card:hover{border-color:#05c4e8;box-shadow:0 8px 22px rgba(5,196,232,.12)}
.conn-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0;font-style:normal}
.conn-biblioteca{background:#eef4ff}
.conn-comunicador{background:#f0eeff}
.connection-card div p{font-size:0.875rem;font-weight:800;letter-spacing:.05em;color:#1b64e6;margin:0 0 3px}
.connection-card div span{font-size:0.9375rem;line-height:1.45;color:#3a4e78}
.connection-card b{margin-left:auto;color:#e63da5;flex-shrink:0;align-self:center}
.oxi-inline{padding:42px 7%;background:#fff;display:flex;align-items:center;gap:28px;border-top:1px solid #edf1f7}
.oxi-inline img{width:64px;height:64px;object-fit:cover;object-position:center 9%;border-radius:50%;box-shadow:0 8px 18px rgba(37,64,126,.2);flex-shrink:0}
.oxi-inline p{font-size:13px;line-height:1.55;margin:0;max-width:580px}
.oxi-inline strong{color:#1b64e6}
.project-cta{padding:54px 7%;text-align:center;background:radial-gradient(circle at 50% 60%,#e4f9ff 0,transparent 52%),linear-gradient(115deg,#f0f9ff,#fff 44%,#faf0ff)}
.project-cta h2{font:800 1.5rem/1.1 Outfit;margin:0 0 10px;letter-spacing:-.03em}
.project-cta p{font-size:14px;color:#4a5e88;margin:0 0 26px}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-primary{padding:13px 26px;border-radius:28px;background:linear-gradient(100deg,#05c4e8,#1b64e6);color:#fff;font:800 13px Manrope;text-decoration:none;transition:opacity .18s}
.btn-primary:hover{opacity:.88}
.btn-secondary{padding:13px 26px;border-radius:28px;border:1px solid #cde4f5;background:#fff;color:#102654;font:800 13px Manrope;text-decoration:none;transition:border-color .18s}
.btn-secondary:hover{border-color:#05c4e8}
@media(max-width:980px){.project-hero{grid-template-columns:1fr;min-height:auto}.project-hero-visual{display:none}.blocks-grid{grid-template-columns:repeat(2,1fr)}.flow-steps{grid-template-columns:repeat(2,1fr)}.connections{grid-template-columns:1fr;max-width:100%}}
@media(max-width:650px){.project-nav{padding:16px 20px 0}.project-hero{padding:40px 20px 44px}.project-section{padding:42px 20px}.blocks-grid{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr}.oxi-inline{padding:32px 20px;flex-direction:column;align-items:flex-start}.project-cta{padding:44px 20px}.cta-buttons{flex-direction:column;align-items:center}}

/* Correccion logo footer maestro */
footer .foot-brand img { width: 250px; height: 95px; object-fit: contain; object-position: left center; max-width: 100%; }
@media(max-width: 650px) { footer .foot-brand img { width: 230px; } }

/* Master Footer CSS minimal fallback */
footer { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 26px; padding: 58px 5.5% 25px; background: linear-gradient(105deg, #e1f8ff, #fff 52%, #f9e6fb); border-top: 1px solid #dce8f3; }
footer h4 { font-family: sans-serif; font-size: 14px; margin: 7px 0 16px; text-transform: uppercase; }
footer div:not(.foot-brand) { display: grid; align-content: start; gap: 9px; }
footer a, footer p, footer small { font-size:0.9375rem; color: #526985; text-decoration: none; line-height: 1.6; }
footer a:hover { text-decoration: underline; }
.social { display: flex; gap: 9px; margin: 0; }
.social i { font-style: normal; width: 34px; height: 34px; border: 1px solid #c9b6ec; border-radius: 9px; display: grid; place-items: center; font-size: 18px; color: #4d4e9b; background: #ffffff80; }
footer > em { grid-column: 1 / -1; text-align: center; margin-top: 14px; font-size:0.875rem; font-style: normal; color: #607692; }
@media (max-width: 1100px) { footer { grid-template-columns: repeat(3, 1fr); } .foot-brand { grid-column: span 3; } }
@media (max-width: 650px) { footer { grid-template-columns: 1fr 1fr; padding: 46px 22px 24px; gap: 26px; } .foot-brand { grid-column: 1 / -1; } }

@media (min-width: 768px) {
  .hero h1, .section-head h2 { font-size: 4.25rem !important; }
  .contact-header h1 { font-size: 3.75rem !important; }
  .conceptpage h1, .panel h1 { font-size: 4rem !important; }
  .conceptpage h2, .panel h2 { font-size: 2rem !important; }
  .family-card h3 { font-size: 1.75rem; }
}