/* Solo Inicio C2. No afecta otras páginas. Derivado del prototipo C2 aprobado como dirección visual. */


/* Solo este documento de exploración; no modifica estilos globales. */
.home-c2 {--content-width:78rem;--section-space:clamp(3rem,6vw,6rem); font-size:1.0625rem;}
.home-c2 .container {width:min(var(--content-width),calc(100% - 3rem));}
.home-c2 h1,.home-c2 h2,.home-c2 h3 {font-weight:600;}
.home-c2 .hero-content {min-width:0;border:0;padding:0;max-width:none;}
.home-c2 .hero {border:0;}
.home-c2 .section-body,.home-c2 .section-intro {max-width:none;}
.home-c2 .service-card {border:0;background:none;border-radius:0;grid-column:auto;padding:0;}
.home-c2 .service-card:hover {transform:none;box-shadow:none;}
.home-c2 .service-card .text-link {margin-top:1rem;}
.home-c2 .home-c2-bar {background:#f4f4f4;font-size:.75rem;color:#393939;border-bottom:1px solid #e0e0e0;}
.home-c2 .home-c2-bar .container {display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:.5rem;}
.home-c2 .home-c2-bar a {font-weight:600;margin-left:1rem;}
.home-c2 .brand {width:9rem;}
.home-c2 .hero-geometry {width:100%;min-width:0;}
.home-c2 .hero-geometry svg {width:100%;height:auto;display:block;}
.home-c2 .section-intro h2 {max-width:24ch;}
.home-c2 .service-grid {counter-reset:area;}
.home-c2 .service-card::before {counter-increment:area;content:'0' counter(area);font-size:.875rem;color:#0c61a2;letter-spacing:.12em;margin-bottom:1.5rem;}
.home-c2 .button {border-radius:0;padding:1rem 1.4rem;}
.home-c2 .button-primary {color:#161616;}
.home-c2 .section {position:relative;}
.home-c2 .section-body p {max-width:65ch;}
.home-c2 .ideas .text-link {font-size:1.2rem;}
.home-c2 .site-footer {background:#161616;color:#fff;}
.home-c2 .site-footer a {color:#fff;}
.home-c2 .site-footer .footer-brand {color:#fff;}
.home-c2 .site-footer .footer-description {color:#fff;}
@media(max-width:59.99rem){
 .home-c2 h1 {font-size:clamp(2rem,6vw,3.3rem);}
 .home-c2 h2 {font-size:clamp(1.7rem,4.5vw,2.4rem);}
 .home-c2 .hero-layout,.home-c2 .section-columns {display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;}
 .home-c2 .hero-geometry {max-width:30rem;margin:1rem auto 0;}
 .home-c2 .service-grid {grid-template-columns:1fr;gap:2.5rem;}
 .home-c2 .hero-content {display:block;}
 .home-c2 .container {width:calc(100% - 2.5rem);}
}
@media(min-width:40rem) and (max-width:59.99rem){.home-c2 .service-grid {grid-template-columns:1fr 1fr;}}
@media(min-width:80rem){.home-c2 .primary-nav a {font-size:.875rem;} .home-c2 .header-layout {gap:1.5rem;}}

/* B: relaciones visibles entre contexto, prioridades y acciones. */
.home-c2 .hero {background:#0c61a2;color:#fff;padding-block:4rem 5rem;}
.home-c2 .hero h1 {color:#fff;line-height:1.12;letter-spacing:-.035em;font-size:clamp(2.3rem,3.65vw,3.3rem);}
.home-c2 .hero .lead {font-size:1.25rem;}
.home-c2 .hero .hero-content {max-width:40rem;}
.home-c2 .hero .button-secondary {background:transparent;color:#fff;border-color:#fff;}
.home-c2 .hero .button-secondary:hover {background:#fff;color:#0c61a2;}
.home-c2 .hero a:focus-visible {outline-color:#fff;}
.home-c2 .problems {background:#fff;}
.home-c2 .problems h2 {font-size:2.6rem;}
.home-c2 .spaced-list {list-style:none;padding:0;display:grid;gap:1.25rem;}
.home-c2 .spaced-list li {position:relative;border-left:3px solid #0c61a2;padding:.25rem 0 .25rem 1.2rem;}
.home-c2 .spaced-list li+li {margin:0;}
.home-c2 .approach {background:#f4f4f4;}
.home-c2 .approach h2 {font-size:2.5rem;}
.home-c2 .areas {background:#fff;}
.home-c2 .areas h2 {font-size:3.2rem;max-width:19ch;}
.home-c2 .areas .service-grid {position:relative;gap:2.5rem;}
.home-c2 .service-card {background:none;padding:1.5rem 0 1.5rem 1.5rem;border-left:2px solid #0c61a2;position:relative;}
.home-c2 .service-card::before {color:#0c61a2;font-size:1.2rem;}
.home-c2 .service-card h3 {font-size:1.55rem;}
.home-c2 .audience {background:#0c61a2;color:#fff;}
.home-c2 .audience h2 {color:#fff;font-size:2.9rem;}
.home-c2 .independence {background:#fff;}
.home-c2 .independence .section-body>p:first-child {font-size:1.6rem;color:#0c61a2;font-weight:600;}
.home-c2 .risk {background:#f4f4f4;}
.home-c2 .ideas {background:#fff;}
.home-c2 .closing {background:#f4f4f4;border-top:8px solid #fc4902;}
.home-c2 .closing h2 {font-size:clamp(2.3rem,3.5vw,3.5rem);max-width:22ch;}
.home-c2 .closing .container {max-width:78rem;}
.home-c2 .closing p {max-width:60ch;}
@media(min-width:60rem){
 .home-c2 .hero-layout {display:grid;grid-template-columns:1.25fr 1fr;gap:4rem;align-items:center;}
 .home-c2 .hero-geometry {max-width:34rem;}
 .home-c2 .hero .actions {flex-direction:column;gap:.8rem;}
 .home-c2 .section-columns {grid-template-columns:1fr 1.3fr;gap:5rem;}
 .home-c2 .problems .spaced-list {grid-template-columns:1fr 1fr;margin-block:2rem;}
 .home-c2 .approach .section-columns {display:block;}
 .home-c2 .approach h2 {max-width:30ch;}
 .home-c2 .approach .section-body {display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2.5rem;}
 .home-c2 .approach .section-body p {border-top:3px solid #0c61a2;padding-top:1.5rem;}
 .home-c2 .areas>.container {display:grid;grid-template-columns:1fr 2.2fr;gap:4rem;align-items:start;}
 .home-c2 .areas h2 {position:sticky;top:8rem;}
 .home-c2 .areas .service-grid {grid-template-columns:1fr 1fr;margin-top:0;align-items:start;}
 .home-c2 .areas .service-card:nth-child(even) {margin-top:3rem;}
 .home-c2 .areas .service-card:nth-child(5) {grid-column:1/-1;background:none;color:#393939;}
 .home-c2 .areas .service-card:nth-child(5) h3,.home-c2 .areas .service-card:nth-child(5) a,.home-c2 .areas .service-card:nth-child(5)::before {color:#0c61a2;}
 .home-c2 .areas .service-card:nth-child(5) a:focus-visible {outline-color:#161616;}
 .home-c2 .areas .service-card::after {content:'';position:absolute;left:-7px;top:2rem;width:11px;height:11px;background:#fc4902;}
 .home-c2 .audience .section-columns {grid-template-columns:1fr 1.2fr;}
 .home-c2 .independence .section-columns {grid-template-columns:1.1fr 1fr;}
 .home-c2 .risk .section-intro h2 {font-size:2.7rem;}
 .home-c2 .ideas .section-columns {grid-template-columns:1fr 1fr;}
 .home-c2 .closing .container {display:grid;grid-template-columns:1.3fr 1fr;column-gap:6rem;}
 .home-c2 .closing h2 {grid-column:1;grid-row:1/4;}
 .home-c2 .closing p,.home-c2 .closing .button {grid-column:2;}
 .home-c2 .closing .button {justify-self:start;}
}
@media(max-width:59.99rem){.home-c2 .problems h2,.home-c2 .areas h2,.home-c2 .audience h2,.home-c2 .approach h2 {font-size:2rem;} .home-c2 .hero {padding-block:3rem;} }


/* C: jerarquía tecnológica de B, ritmo editorial de A, sin cambios globales. */
.home-c2 .hero {padding-block:clamp(3rem,5vw,5rem);background:linear-gradient(118deg,#0c61a2 0%,#0b548c 100%);}
.home-c2 .hero h1 {font-size:clamp(2.25rem,3.9vw,3.65rem);max-width:21ch;letter-spacing:-.04em;}
.home-c2 .hero .lead {font-size:clamp(1.15rem,1.5vw,1.35rem);}
.home-c2 .hero-geometry {max-width:31rem;margin-inline:auto;}
.home-c2 .hero-geometry svg {filter:drop-shadow(0 10px 30px rgba(0,0,0,.08));}
.home-c2 .problems {background:#f4f4f4;}
.home-c2 .problems .section-columns {gap:clamp(2rem,5vw,5rem);}
.home-c2 .problems .spaced-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;}
.home-c2 .problems .spaced-list li {border-left:0;border-top:2px solid #0c61a2;padding:1rem 0 0;}
.home-c2 .approach {background:#fff;}
.home-c2 .approach h2 {font-size:clamp(2rem,3vw,2.9rem);max-width:27ch;}
.home-c2 .approach .section-body p {border-top:2px solid #e0e0e0;padding-top:1.25rem;}
.home-c2 .approach .section-body p:first-child {border-top-color:#fc4902;}
.home-c2 .areas {background:#fff;border-top:1px solid #e0e0e0;}
.home-c2 .areas>.container {display:block;}
.home-c2 .areas h2 {position:static;font-size:clamp(2rem,3.1vw,3rem);max-width:none;margin-bottom:2rem;}
.home-c2 .areas .service-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.5rem 2rem;}
.home-c2 .areas .service-card {grid-column:span 2;border-left:0;border-top:1px solid #bfc9d2;padding:1.35rem 0 0;margin:0;min-width:0;}
.home-c2 .areas .service-card:nth-child(even) {margin:0;}
.home-c2 .areas .service-card:nth-child(4),.home-c2 .areas .service-card:nth-child(5) {grid-column:span 3;background:transparent;padding:1.35rem 0 0;color:inherit;}
.home-c2 .areas .service-card::after {left:0;top:-3px;width:2.5rem;height:4px;background:#0c61a2;}
.home-c2 .areas .service-card::before {font-size:.8rem;letter-spacing:.14em;color:#0c61a2;margin-bottom:1rem;}
.home-c2 .areas .service-card h3 {font-size:clamp(1.25rem,1.6vw,1.6rem);}
.home-c2 .areas .service-card a,.home-c2 .areas .service-card h3 {color:inherit;}
.home-c2 .areas .service-card a {color:#0c61a2;}
.home-c2 .audience {background:#0c61a2;}
.home-c2 .audience .section-columns {grid-template-columns:1.1fr 1fr;}
.home-c2 .audience .section-body {border-left:2px solid rgba(255,255,255,.35);padding-left:clamp(1.25rem,3vw,3rem);}
.home-c2 .independence {background:#fff;}
.home-c2 .independence .section-columns {grid-template-columns:.9fr 1.1fr;}
.home-c2 .independence .section-intro {padding-top:1rem;border-top:4px solid #fc4902;}
.home-c2 .independence .section-body>p:first-child {font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.2;max-width:24ch;}
.home-c2 .risk {background:#f4f4f4;}
.home-c2 .risk .section-columns {grid-template-columns:1fr 1.2fr;gap:4rem;}
.home-c2 .risk .section-intro {padding-left:1.5rem;border-left:4px solid #fc4902;}
.home-c2 .ideas {background:#fff;}
.home-c2 .ideas .section-columns {grid-template-columns:1fr 1.1fr;gap:4rem;}
.home-c2 .ideas .section-body {padding:1.5rem 2rem;background:#f4f4f4;}
.home-c2 .closing {background:#0c61a2;color:#fff;border-top:5px solid #fc4902;}
.home-c2 .closing h2 {color:#fff;font-size:clamp(2.25rem,3.4vw,3.5rem);}
.home-c2 .closing .button-primary {color:#161616;}
.home-c2 .closing a:focus-visible {outline-color:#fff;}
.home-c2 .site-footer {border-top:0;}
@media(max-width:79.99rem){.home-c2 .areas .service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.home-c2 .areas .service-card,.home-c2 .areas .service-card:nth-child(4),.home-c2 .areas .service-card:nth-child(5){grid-column:auto;}}
@media(max-width:59.99rem){
 .home-c2 .problems .spaced-list {grid-template-columns:minmax(0,1fr);}
 .home-c2 .areas .service-grid {grid-template-columns:minmax(0,1fr);}
 .home-c2 .audience .section-columns,.home-c2 .independence .section-columns,.home-c2 .risk .section-columns,.home-c2 .ideas .section-columns {grid-template-columns:minmax(0,1fr);gap:1.5rem;}
 .home-c2 .audience .section-body {border:0;padding:0;}
 .home-c2 .hero-geometry {max-width:25rem;}
 .home-c2 .ideas .section-body {padding:1.25rem;}
}


/* C2: la diferencia está en la composición de cada sección, no en cajas repetidas.
   Solo escritorio: móvil y tableta conservan el comportamiento de C. */
@media(min-width:60rem){
 .home-c2 .section {padding-block:clamp(3.5rem,5.4vw,5.8rem);}
 .home-c2 .problems {background:#f3f6f8;}
 .home-c2 .problems .section-columns {display:grid;grid-template-columns:1fr;gap:1.1rem;}
 .home-c2 .problems h2 {max-width:25ch;font-size:clamp(2rem,3vw,3rem);margin-bottom:.5rem;}
 .home-c2 .problems .section-body {display:grid;grid-template-columns:1fr;gap:.5rem;max-width:none;}
 .home-c2 .problems .section-body>p {max-width:75ch;}
 .home-c2 .problems .spaced-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.5rem;}
 .home-c2 .problems .spaced-list li {display:flex;align-items:flex-start;gap:.75rem;min-height:8rem;padding:1.4rem;background:#fff;border:1px solid #dfe7ec;border-top:4px solid #0c61a2;box-shadow:0 8px 22px rgba(11,54,86,.045);font-weight:600;line-height:1.45;}
 .home-c2 .problems .spaced-list li:nth-child(2),.home-c2 .problems .spaced-list li:nth-child(5){border-top-color:#fc4902;}
 .home-c2 .approach {background:#fff;}
 .home-c2 .approach .section-body {grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
 .home-c2 .approach .section-body p {border:1px solid #dfe7ec;border-radius:.4rem;padding:2.3rem 1.5rem 1.6rem;min-height:15rem;background:#f8fafb;position:relative;}
 .home-c2 .approach .section-body p:first-child {border-color:#b4cadb;background:#eaf3f9;}
 .home-c2 .approach .section-body p::before {content:'0' counter(step);counter-increment:step;position:absolute;top:.8rem;left:1.5rem;color:#0c61a2;font-weight:700;font-size:.85rem;letter-spacing:.1em;}
 .home-c2 .approach .section-body {counter-reset:step;}
 .home-c2 .areas {background:#f3f6f8;}
 .home-c2 .areas .service-grid {gap:1rem;}
 .home-c2 .areas .service-card,.home-c2 .areas .service-card:nth-child(4),.home-c2 .areas .service-card:nth-child(5){padding:1.65rem;background:#fff;border:1px solid #d8e1e7;border-top:4px solid #0c61a2;border-radius:.4rem;box-shadow:0 9px 20px rgba(11,54,86,.04);}
 .home-c2 .areas .service-card::after {display:none;}
 .home-c2 .areas .service-card:nth-child(3){background:#eaf3f9;}
 .home-c2 .areas .service-card:nth-child(4){background:#fff;}
 .home-c2 .areas .service-card:nth-child(5){background:#fff;}
 .home-c2 .areas .service-card::before {margin-bottom:1rem;}
 .home-c2 .areas .service-card h3 {font-size:1.35rem;}
 .home-c2 .audience {background:#0c61a2;padding-block:5.2rem;}
 .home-c2 .audience .section-columns {grid-template-columns:1.1fr 1fr;align-items:center;gap:5rem;}
 .home-c2 .audience .section-body {padding:2.4rem;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.35);border-radius:.5rem;}
 .home-c2 .audience .section-body p:last-child {margin-bottom:0;}
 .home-c2 .independence {background:#fff;}
 .home-c2 .independence .section-columns {grid-template-columns:1fr 1fr;gap:4rem;}
 .home-c2 .independence .section-intro {border:0;padding:0;}
 .home-c2 .independence .section-intro h2 {padding:1.8rem;border-left:6px solid #fc4902;background:#f3f6f8;}
 .home-c2 .independence .section-body {padding:1.8rem 2rem;border:1px solid #dfe7ec;border-radius:.4rem;}
 .home-c2 .risk {background:#f3f6f8;}
 .home-c2 .risk .section-columns {grid-template-columns:1fr 1.1fr;gap:2rem;}
 .home-c2 .risk .section-intro {padding:2rem;background:#fff;border:0;border-left:6px solid #fc4902;}
 .home-c2 .risk .section-body {padding:2rem;background:#e3eef5;border-radius:.4rem;}
 .home-c2 .ideas {background:#fff;}
 .home-c2 .ideas .section-columns {align-items:center;}
 .home-c2 .ideas .section-intro {padding:2rem;background:#0c61a2;border-radius:.4rem;}
 .home-c2 .ideas .section-intro h2 {color:#fff;margin:0;}
 .home-c2 .ideas .section-body {padding:2rem;background:#f3f6f8;border-radius:.4rem;border:1px solid #dfe7ec;}
 .home-c2 .closing {border:0;background:#0c61a2;}
}
@media(min-width:60rem) and (max-width:79.99rem){
 .home-c2 .problems .spaced-list{grid-template-columns:repeat(2,minmax(0,1fr));}
 .home-c2 .areas .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:60rem){
 /* Material Symbols: dos señales puntuales; las etiquetas textuales siempre permanecen. */
 .home-c2 .problems .spaced-list li:first-child::before,.home-c2 .problems .spaced-list li:nth-child(4)::before{
 font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';color:#0c61a2;flex:none;
 }
 .home-c2 .problems .spaced-list li:first-child::before{content:'hub';}
 .home-c2 .problems .spaced-list li:nth-child(4)::before{content:'group_off';}
}


/* Refinamiento para pantallas intermedias y grandes — octubre 2026.
   Las proporciones y alineaciones no dependen de alturas fijas. */
@media (min-width:60rem) {
  .home-c2 .section {padding-block:clamp(3rem,4.6vw,5rem);}
  .home-c2 .hero h1 {font-size:clamp(2.3rem,3.45vw,3.4rem);}
  .home-c2 .hero-layout {gap:clamp(2rem,3.5vw,4rem);}
  .home-c2 .problems .spaced-list li {min-height:0;align-items:center;padding:1.3rem;line-height:1.5;}
  .home-c2 .approach .section-body {align-items:stretch;}
  .home-c2 .approach .section-body p {min-height:0;margin:0;padding:3rem 1.5rem 1.8rem;line-height:1.7;}
  .home-c2 .approach .section-body p::before {top:1rem;font-size:1rem;}
  .home-c2 .areas .service-grid {align-items:stretch;}
  .home-c2 .areas .service-card,
  .home-c2 .areas .service-card:nth-child(4),
  .home-c2 .areas .service-card:nth-child(5) {display:flex;flex-direction:column;margin:0;min-height:0;}
  .home-c2 .areas .service-card .text-link {margin-top:auto;padding-top:1.1rem;align-self:flex-start;}
  .home-c2 .areas .service-card h3 {font-size:clamp(1.3rem,1.55vw,1.55rem);line-height:1.3;}
  .home-c2 .audience .section-columns {gap:clamp(2.5rem,4vw,5rem);}
  .home-c2 .audience .section-body {padding:clamp(1.65rem,2.5vw,2.4rem);}
  .home-c2 .independence .section-columns,
  .home-c2 .risk .section-columns,
  .home-c2 .ideas .section-columns {gap:clamp(1.75rem,3vw,4rem);align-items:stretch;}
  .home-c2 .independence .section-intro h2 {height:100%;margin:0;display:flex;align-items:center;}
  .home-c2 .risk .section-intro {display:flex;align-items:center;}
  .home-c2 .ideas .section-intro {display:flex;align-items:center;}
  .home-c2 .ideas .section-body p:last-of-type {margin-bottom:.6rem;}
}
/* Escritorios compactos: dos columnas de servicios y cierre a ancho completo. */
@media (min-width:60rem) and (max-width:79.99rem) {
  .home-c2 .problems .spaced-list {grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-c2 .areas .service-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-c2 .areas .service-card:nth-child(5) {grid-column:1/-1;}
  .home-c2 .approach .section-body {gap:.8rem;}
  .home-c2 .approach .section-body p {padding:3rem 1.1rem 1.4rem;font-size:1rem;}
  .home-c2 .audience .section-columns {grid-template-columns:1fr 1.2fr;}
  .home-c2 .audience .section-body {padding:1.6rem;}
}
/* En monitores amplios, retícula 3 + 2 con las dos últimas tarjetas equilibradas. */
@media (min-width:80rem) {
  .home-c2 .areas .service-grid {grid-template-columns:repeat(6,minmax(0,1fr));}
  .home-c2 .areas .service-card:nth-child(-n+3) {grid-column:span 2;}
  .home-c2 .areas .service-card:nth-child(4),
  .home-c2 .areas .service-card:nth-child(5) {grid-column:span 3;}
}