/* AL2: estilos aislados. Header, footer y comportamiento compartido se conservan. */
body[class] > #al2-contenido { padding:0; color:#514f60; }
#al2-contenido * { min-width:0; }
#al2-contenido .al2-contenedor { max-width:1152px; padding-inline:24px; margin-inline:auto; }
#al2-contenido h1, #al2-contenido h2, #al2-contenido h3 { font-weight:700; letter-spacing:-.035em; line-height:1.16; text-wrap:balance; }
#al2-contenido h2 { color:#2e2546; font-size:clamp(28px,3vw,36px); }
#al2-contenido p { font-size:16px; line-height:1.8; text-wrap:pretty; }
#al2-contenido .al2-etiqueta { margin:0 0 14px; color:#5c4886; font-size:11px; line-height:1.6; font-weight:700; text-transform:uppercase; letter-spacing:.13em; }
#al2-contenido a:focus-visible { outline:3px solid #675194; outline-offset:6px; }
#al2-contenido .al2-apertura { background:radial-gradient(ellipse at 85% 60%,#35206b,transparent 58%),#1e1246; color:#fff; border-bottom:4px solid #7bd9a4; }
#al2-contenido .al2-ruta { display:flex; align-items:center; gap:12px; padding-block:22px; color:#d6cdea; font-size:13px; }
#al2-contenido .al2-ruta a { display:inline-flex; align-items:center; min-height:30px; color:#fff; text-decoration:underline; text-underline-offset:4px; }
#al2-contenido .al2-apertura a:focus-visible { outline-color:#8ce3b1; }
#al2-contenido .al2-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:30px; align-items:center; padding-block:18px 48px; }
#al2-contenido .al2-marca { display:flex; align-items:center; gap:24px; margin-bottom:27px; }
#al2-contenido .al2-marca img { display:block; width:82px; height:auto; }
#al2-contenido .al2-marca span { border-left:1px solid #746590; padding-left:24px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#dcd6ee; }
#al2-contenido h1 { font-size:clamp(34px,4.1vw,54px); color:#fff; }
#al2-contenido h1 em { color:#8ce3b1; font-style:normal; }
#al2-contenido .al2-presentacion > p { margin-top:24px; max-width:49ch; font-size:17px; color:#e3ddef; }
#al2-contenido .al2-explorar { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:44px; margin-top:24px; padding-block:9px; border-bottom:1px solid #81759c; color:#fff; font-size:14px; font-weight:600; }
#al2-contenido .al2-explorar:hover { color:#8ce3b1; border-color:#8ce3b1; }
#al2-contenido .al2-visual { margin:0; }
#al2-contenido .al2-visual img { display:block; width:100%; height:auto; }
#al2-contenido .al2-visual figcaption { margin-top:5px; color:#d0c6e4; font-size:12px; text-align:center; letter-spacing:.03em; }
#al2-contenido .al2-cuerpo { padding-block:60px 64px; }
#al2-contenido .al2-operaciones { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; scroll-margin-top:100px; }
#al2-contenido .al2-operaciones-intro > p:last-child { margin-top:20px; max-width:38ch; }
#al2-contenido .al2-funciones { margin:0; }
#al2-contenido .al2-funciones > div { position:relative; padding:22px 0 22px 59px; border-bottom:1px solid #d4d1df; }
#al2-contenido .al2-funciones > div:first-child { padding-top:0; }
#al2-contenido .al2-funciones dt { color:#352653; font-size:22px; line-height:1.3; font-weight:650; }
#al2-contenido .al2-funciones dt > span, #al2-contenido .al2-funciones dt > svg { position:absolute; left:0; top:22px; width:32px; height:32px; color:#705993; font-size:24px; letter-spacing:-.18em; }
#al2-contenido .al2-funciones > div:first-child dt > svg { top:0; }
#al2-contenido .al2-funciones dd { margin:8px 0 0; font-size:15px; line-height:1.75; }
#al2-contenido .al2-cooperativo { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center; margin-top:58px; padding:40px; background:#ebe8f3; border:1px solid #d9d3e5; border-radius:22px; }
#al2-contenido .al2-origen > p:not(.al2-etiqueta) { margin-top:22px; }
#al2-contenido .al2-grupo { display:flex; flex-wrap:wrap; gap:10px 22px; margin:26px 0 0; padding:20px 0 0; border-top:1px solid #cbc2dd; list-style:none; color:#473761; font-size:14px; font-weight:650; }
#al2-contenido .al2-productor { position:relative; padding:34px 30px; background:#faf9fd; border-radius:14px; border-top:3px solid #70b18d; }
#al2-contenido .al2-nexo { display:block; color:#527960; font-size:38px; line-height:1; margin-bottom:17px; font-weight:300; }
#al2-contenido h3 { color:#352653; font-size:25px; }
#al2-contenido .al2-productor p { margin-top:18px; font-size:15px; }
#al2-contenido .al2-productor .al2-nota { padding-top:17px; border-top:1px solid #ddd7e7; font-size:13px; color:#60596c; }
#al2-contenido .al2-continuar { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; margin-top:52px; }
#al2-contenido .al2-continuar p:last-child { margin-top:18px; max-width:48ch; }
#al2-contenido .al2-oficial { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px; justify-self:end; width:100%; max-width:420px; background:#2d1c56; border:1px solid #2d1c56; border-radius:12px; color:#fff; font-size:16px; line-height:1.5; font-weight:650; }
#al2-contenido .al2-oficial small { display:block; margin-top:9px; color:#d9ceec; font-size:12px; line-height:1.6; font-weight:400; }
#al2-contenido .al2-oficial svg { flex:0 0 22px; color:#8ce3b1; }
#al2-contenido .al2-oficial:hover { background:#422a73; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1000px) {
  #al2-contenido .al2-hero { gap:18px; }
  #al2-contenido .al2-operaciones { gap:38px; }
  #al2-contenido .al2-cooperativo { gap:26px; padding:30px; }
  #al2-contenido .al2-productor { padding:26px; }
  #al2-contenido .al2-continuar { gap:28px; }
}
@media(max-width:760px) {
  #al2-contenido .al2-contenedor { padding-inline:20px; }
  #al2-contenido .al2-hero, #al2-contenido .al2-operaciones, #al2-contenido .al2-cooperativo, #al2-contenido .al2-continuar { grid-template-columns:minmax(0,1fr); }
  #al2-contenido .al2-hero { gap:22px; padding-block:12px 30px; }
  #al2-contenido .al2-marca { gap:20px; margin-bottom:24px; }
  #al2-contenido .al2-marca img { width:65px; }
  #al2-contenido .al2-marca span { padding-left:20px; font-size:11px; }
  #al2-contenido h1 { font-size:clamp(34px,8.5vw,48px); }
  #al2-contenido .al2-presentacion > p { font-size:16px; margin-top:20px; }
  #al2-contenido .al2-visual { width:100%; max-width:420px; justify-self:center; }
  #al2-contenido .al2-cuerpo { padding-block:38px 42px; }
  #al2-contenido .al2-operaciones { gap:28px; }
  #al2-contenido .al2-operaciones-intro > p:last-child { max-width:none; }
  #al2-contenido .al2-funciones > div { padding-left:46px; }
  #al2-contenido .al2-funciones dt { font-size:21px; }
  #al2-contenido .al2-cooperativo { padding:26px 22px; gap:28px; margin-top:36px; }
  #al2-contenido .al2-productor { padding:24px 0 0; background:transparent; border-radius:0; border-top-width:1px; }
  #al2-contenido .al2-continuar { margin-top:36px; gap:24px; }
  #al2-contenido .al2-oficial { justify-self:start; max-width:none; padding:22px 20px; }
}