/* FASE 4 · Diseño: capa editorial local, aislada del catálogo común y del agente. */
#mainContent.se-diseno { background: #f7f9fb; color: #102b45; overflow: clip; }
#mainContent.se-diseno .se-diseno-hero { padding: clamp(58px, 8vw, 124px) 0 clamp(72px, 9vw, 142px); background: linear-gradient(122deg,#081d35 0%,#0e4778 58%,#d8b258 160%); color:#fff; }
#mainContent.se-diseno .se-diseno-hero .page-hero-layout { background: transparent; box-shadow:none; }
#mainContent.se-diseno .se-diseno-hero .page-hero-layout { align-items: center; gap: clamp(30px,6vw,112px); }
#mainContent.se-diseno .se-diseno-hero .page-hero-copy { max-width: 610px; }
#mainContent.se-diseno .se-diseno-hero .kicker, #mainContent.se-diseno .se-diseno-close .kicker { color:#e5bd5b; letter-spacing:.16em; }
#mainContent.se-diseno .se-diseno-hero h1 { max-width: 580px; font-size: clamp(46px,6vw,88px); line-height:.96; letter-spacing:-.055em; color:#fff; margin: 18px 0 26px; }
#mainContent.se-diseno .se-diseno-hero p { max-width: 500px; font-size: clamp(18px,1.6vw,23px); line-height:1.5; color:rgba(255,255,255,.84); }
#mainContent.se-diseno .se-diseno-hero-link { display:inline-flex; gap:10px; align-items:center; margin-top:22px; color:#fff; font-weight:800; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.55); padding-bottom:7px; }
#mainContent.se-diseno .se-diseno-hero-link span { color:#e5bd5b; font-size:1.35em; }
#mainContent.se-diseno .se-diseno-hero-media { min-height: clamp(340px,40vw,585px); border: 1px solid rgba(255,255,255,.28); box-shadow: 22px 26px 0 rgba(5,23,42,.35); transform: rotate(1.2deg); }
#mainContent.se-diseno .se-diseno-hero-media img { min-height:inherit; object-fit:cover; }
#mainContent.se-diseno .se-diseno-intro { padding: clamp(78px,10vw,150px) 0 clamp(58px,7vw,105px); background:#f7f9fb; }
#mainContent.se-diseno .se-diseno-intro-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr); gap:clamp(36px,9vw,150px); align-items:end; }
#mainContent.se-diseno .se-diseno-intro h2 { max-width: 720px; font-size:clamp(35px,4.3vw,63px); line-height:1.02; letter-spacing:-.045em; color:#0b3156; }
#mainContent.se-diseno .se-diseno-intro-copy { border-left:3px solid #dcb355; padding-left:26px; font-size:clamp(17px,1.4vw,21px); line-height:1.65; }
#mainContent.se-diseno .se-diseno-note { color:#37607f; }
#mainContent.se-diseno .se-diseno-capacidades { padding: clamp(72px,9vw,132px) 0; background:#eaf0f5; }
#mainContent.se-diseno .se-diseno-capacidades .section-head { max-width:730px; }
#mainContent.se-diseno .se-diseno-capacidades h2 { font-size:clamp(35px,4vw,60px); line-height:1.02; letter-spacing:-.045em; }
#mainContent.se-diseno .se-diseno-capability-grid { margin-top:52px; gap:2px; background:#aebdca; border:1px solid #aebdca; }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-card { min-height:265px; padding:clamp(25px,3vw,44px); border:0; border-radius:0; background:#fff; transition:background .2s ease, transform .2s ease; }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-card:hover { background:#0e4778; color:#fff; transform:translateY(-5px); }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-card:hover h3, #mainContent.se-diseno .se-diseno-capability-grid .catalog-card:hover p { color:#fff; }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-card:hover .catalog-number { color:#e5bd5b; }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-card h3 { max-width:300px; font-size:clamp(23px,2vw,31px); line-height:1.08; color:#0c3b66; }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-card p { max-width:350px; line-height:1.6; color:#3e5b72; }
#mainContent.se-diseno .se-diseno-capability-grid .catalog-number { color:#a17b20; font-weight:900; letter-spacing:.12em; }
#mainContent.se-diseno .se-diseno-entregables { padding:clamp(76px,9vw,130px) 0; }
#mainContent.se-diseno .se-diseno-entregables .section-head { max-width:760px; }
#mainContent.se-diseno .se-diseno-entregables h2 { font-size:clamp(34px,4vw,57px); line-height:1.04; letter-spacing:-.045em; }
#mainContent.se-diseno .se-diseno-entregables .scope-list { margin-top:48px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #b9c7d2; }
#mainContent.se-diseno .se-diseno-entregables .scope-list > div { padding:19px 0; border-bottom:1px solid #b9c7d2; font-weight:750; color:#17466d; }
#mainContent.se-diseno .se-diseno-entregables .scope-list > div::before { content:'→'; margin-right:13px; color:#bd922d; }
#mainContent.se-diseno .se-diseno-close { padding: 0 0 clamp(84px,11vw,165px); background:#f7f9fb; }
#mainContent.se-diseno .se-diseno-close-panel { background:linear-gradient(125deg,#0b3156,#0f5b8f); color:#fff; padding:clamp(35px,6vw,80px); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(230px,.72fr); gap:35px 90px; align-items:end; }
#mainContent.se-diseno .se-diseno-close h2 { grid-column:1; max-width:700px; margin:0; color:#fff; font-size:clamp(31px,3.6vw,54px); line-height:1.02; letter-spacing:-.04em; }
#mainContent.se-diseno .se-diseno-close p { grid-column:2; grid-row:1 / span 2; align-self:center; color:rgba(255,255,255,.85); line-height:1.6; }
#mainContent.se-diseno .se-diseno-close .button { grid-column:1; justify-self:start; margin-top:3px; }
@media (max-width: 760px) {
  #mainContent.se-diseno .se-diseno-hero { padding:52px 0 70px; }
  #mainContent.se-diseno .se-diseno-hero .page-hero-layout, #mainContent.se-diseno .se-diseno-intro-grid, #mainContent.se-diseno .se-diseno-close-panel { grid-template-columns:1fr; }
  #mainContent.se-diseno .se-diseno-hero h1 { font-size:clamp(43px,13vw,66px); }
  #mainContent.se-diseno .se-diseno-hero-media { min-height:270px; margin-top:18px; }
  #mainContent.se-diseno .se-diseno-intro-copy { margin-top:4px; }
  #mainContent.se-diseno .se-diseno-capability-grid { grid-template-columns:1fr; }
  #mainContent.se-diseno .se-diseno-capability-grid .catalog-card { min-height:0; }
  #mainContent.se-diseno .se-diseno-entregables .scope-list { grid-template-columns:1fr; margin-top:32px; }
  #mainContent.se-diseno .se-diseno-close h2, #mainContent.se-diseno .se-diseno-close p { grid-column:auto; grid-row:auto; }
}
@media (prefers-reduced-motion: reduce) { #mainContent.se-diseno * { transition:none !important; transform:none !important; } }