/* ══════════════════════════════════════════════════════════════════════════
   Aiden — Servidor dedicado administrado (/servidor-dedicado/)

   Todo va prefijado con .aiden-page-sd. El acordeón de preguntas reutiliza las
   clases .correo-faq/.dtw-faq-* igual que hacen /hosting/ y /correo-profesional/;
   como ese CSS vive dentro de cada page-*.css y no en el base, hay que traerlo
   aquí. (Sí: son ya nueve copias del mismo acordeón en el repo. Unificarlo es
   una tarea aparte, no algo que quepa colar dentro de esta página.)
   ══════════════════════════════════════════════════════════════════════════ */

/* ═══ Secciones ═══ */
.aiden-page-sd .sd-sec{padding:var(--sp-section-lg) 0}
.aiden-page-sd .sd-sec--alt{background:linear-gradient(180deg,var(--n25) 0%,var(--n0) 100%)}
.aiden-page-sd .sd-nota{max-width:760px;margin:28px auto 0;text-align:center;font-size:14px;line-height:1.6;color:var(--n500)}

/* ═══ Aviso de «todavía no se puede contratar» ═══
   Ámbar y no rojo: no es un error, es una advertencia honesta. El borde
   izquierdo grueso lo separa del resto de la página sin gritar. */
/* --am600 (#8E702A) se queda en 4,29:1 sobre --am50 y --am500 en 3,18:1 con
   texto blanco: ninguno de los dos llega al 4,5:1 que pide un texto de este
   tamaño. Este ámbar oscuro es local a la página; los tokens compartidos no
   se tocan desde aquí. */
.aiden-page-sd{--sd-ambar:#7A5F24}
.aiden-page-sd .sd-aviso{padding:8px 0 0}
.aiden-page-sd .sd-aviso-box{max-width:820px;margin:0 auto;padding:26px 30px 28px;border-radius:var(--r-lg);border:1px solid var(--am100);border-left:4px solid var(--am400);background:var(--am50)}
.aiden-page-sd .sd-aviso-pill{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:var(--r-pill);background:var(--sd-ambar);color:#fff;font-family:var(--fd);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.aiden-page-sd .sd-aviso-t{margin:0 0 10px;font-family:var(--fd);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.015em;color:var(--n900)}
.aiden-page-sd .sd-aviso-d{margin:0;font-size:15px;line-height:1.65;color:var(--n600)}
.aiden-page-sd .sd-aviso-d a{color:var(--sd-ambar);text-decoration:underline;text-underline-offset:3px}

/* ═══ Prosa ═══ */
.aiden-page-sd .sd-prosa{max-width:720px;margin:40px auto 0}
.aiden-page-sd .sd-prosa p{margin:0 0 20px;font-size:17px;line-height:1.7;color:var(--n600)}
.aiden-page-sd .sd-prosa p:last-child{margin-bottom:0}
.aiden-page-sd .sd-prosa strong{color:var(--n900);font-weight:600}
.aiden-page-sd .sd-prosa a,
.aiden-page-sd .sd-lista a,
.aiden-page-sd .sd-card-p a,
.aiden-page-sd .sd-vis-p a{color:var(--t600);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.aiden-page-sd .sd-prosa a:hover,
.aiden-page-sd .sd-lista a:hover,
.aiden-page-sd .sd-card-p a:hover,
.aiden-page-sd .sd-vis-p a:hover{color:var(--t700)}

/* ═══ Las cuatro tarjetas de la comparativa ═══ */
.aiden-page-sd .sd-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
.aiden-page-sd .sd-card{padding:28px 26px;border-radius:var(--r-lg);border:1px solid var(--n100);background:var(--n0);box-shadow:var(--sh-sm)}
.aiden-page-sd .sd-card--on{border-color:var(--t200);background:var(--t50)}
.aiden-page-sd .sd-card-k{margin-bottom:10px;font-family:var(--fm);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t600)}
.aiden-page-sd .sd-card-h{margin:0 0 12px;font-family:var(--fd);font-size:19px;font-weight:600;line-height:1.32;letter-spacing:-.02em;color:var(--n950)}
.aiden-page-sd .sd-card-p{margin:0;font-size:15px;line-height:1.65;color:var(--n500)}

/* ═══ Tabla comparativa ═══
   El envoltorio con overflow-x propio es obligatorio: seis filas por cuatro
   columnas no caben en un móvil y la página nunca debe desplazarse en
   horizontal por culpa de una tabla. */
.aiden-page-sd .sd-tabla-wrap{margin-top:40px;overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--n100);background:var(--n0)}
.aiden-page-sd .sd-tabla{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px}
.aiden-page-sd .sd-tabla-cap{caption-side:bottom;padding:14px 20px;text-align:left;font-size:13px;line-height:1.55;color:var(--n500)}
.aiden-page-sd .sd-tabla th,
.aiden-page-sd .sd-tabla td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--n75)}
.aiden-page-sd .sd-tabla thead th{font-family:var(--fd);font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--n950);background:var(--n25);border-bottom:1px solid var(--n100)}
.aiden-page-sd .sd-tabla tbody th{font-weight:600;color:var(--n700);white-space:nowrap}
.aiden-page-sd .sd-tabla tbody td{color:var(--n500)}
.aiden-page-sd .sd-tabla tbody tr:last-child th,
.aiden-page-sd .sd-tabla tbody tr:last-child td{border-bottom:0;background:var(--t50);color:var(--n700)}

/* ═══ Para quién sí / para quién no ═══ */
.aiden-page-sd .sd-dos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;align-items:start}
.aiden-page-sd .sd-col{padding:30px 28px;border-radius:var(--r-lg);border:1px solid var(--n100);background:var(--n0);box-shadow:var(--sh-sm)}
.aiden-page-sd .sd-col-t{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--n75);font-family:var(--fd);font-size:16px;font-weight:700;letter-spacing:-.015em}
.aiden-page-sd .sd-col-t--si{color:var(--t600)}
.aiden-page-sd .sd-col-t--no{color:var(--n500)}
.aiden-page-sd .sd-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px}
.aiden-page-sd .sd-lista li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:var(--n500)}
.aiden-page-sd .sd-lista li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--t400)}
.aiden-page-sd .sd-lista--no li::before{background:var(--n200)}
.aiden-page-sd .sd-lista strong{display:block;margin-bottom:3px;color:var(--n900);font-weight:600}

/* ═══ Visión de gestión ═══ */
.aiden-page-sd .sd-vision{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
.aiden-page-sd .sd-vis{padding:28px 26px;border-radius:var(--r-lg);border:1px solid var(--n100);background:var(--n0);box-shadow:var(--sh-sm)}
.aiden-page-sd .sd-vis-n{margin-bottom:12px;font-family:var(--fm);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t600)}
.aiden-page-sd .sd-vis-h{margin:0 0 10px;font-family:var(--fd);font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--n950)}
.aiden-page-sd .sd-vis-p{margin:0;font-size:15px;line-height:1.65;color:var(--n500)}

/* ═══ Acceso anticipado ═══ */
.aiden-page-sd .sd-acceso{max-width:720px;margin:0 auto;text-align:center;padding:56px 40px;border-radius:var(--r-xl);border:1px solid var(--t100);background:linear-gradient(180deg,var(--t50) 0%,var(--n0) 100%)}
.aiden-page-sd .sd-acceso .sec-h{margin-top:14px}
.aiden-page-sd .sd-acceso-p{max-width:560px;margin:20px auto 0;font-size:16px;line-height:1.7;color:var(--n600)}
.aiden-page-sd .sd-acceso-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.aiden-page-sd .sd-acceso-nota{margin:22px 0 0;font-size:13.5px;line-height:1.6;color:var(--n500)}

/* ═══ FAQ · mismas clases que /hosting/, prefijo propio ═══ */
.aiden-page-sd .correo-faq{padding:var(--sp-section-lg) 0}
.aiden-page-sd .correo-faq-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.aiden-page-sd .dtw-faq-item{background:#fff;border:0;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.85);overflow:hidden;transition:background .3s var(--ease),box-shadow .3s var(--ease);}
.aiden-page-sd .dtw-faq-item[data-open="1"]{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.04),0 12px 32px rgba(19,150,126,.08),inset 0 1px 0 rgba(255,255,255,.9);}
.aiden-page-sd .dtw-faq-trigger{all:unset;width:100%;box-sizing:border-box;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--fd);font-size:16px;font-weight:600;color:var(--n950);letter-spacing:-.015em;line-height:1.35;user-select:none;transition:padding .3s var(--ease)}
.aiden-page-sd .dtw-faq-trigger:focus-visible{outline:2px solid var(--t500);outline-offset:-2px;border-radius:16px}
.aiden-page-sd .dtw-faq-plus{width:30px;height:30px;border-radius:50%;background:var(--n25);position:relative;flex-shrink:0;transition:all .35s var(--ease)}
.aiden-page-sd .dtw-faq-plus::before,
.aiden-page-sd .dtw-faq-plus::after{content:'';position:absolute;top:50%;left:50%;background:var(--n700);transition:transform .35s var(--ease),background .35s var(--ease),opacity .35s var(--ease)}
.aiden-page-sd .dtw-faq-plus::before{width:12px;height:1.8px;transform:translate(-50%,-50%)}
.aiden-page-sd .dtw-faq-plus::after{width:1.8px;height:12px;transform:translate(-50%,-50%)}
.aiden-page-sd .dtw-faq-item[data-open="1"] .dtw-faq-plus{background:var(--t500);transform:rotate(180deg)}
.aiden-page-sd .dtw-faq-item[data-open="1"] .dtw-faq-plus::before{background:#fff}
.aiden-page-sd .dtw-faq-item[data-open="1"] .dtw-faq-plus::after{background:#fff;transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.aiden-page-sd .dtw-faq-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease),opacity .3s var(--ease);opacity:0}
.aiden-page-sd .dtw-faq-item[data-open="1"] .dtw-faq-wrap{grid-template-rows:1fr;opacity:1}
.aiden-page-sd .dtw-faq-body{min-height:0;overflow:hidden;padding:0 24px 20px;font-size:14.5px;line-height:1.6;color:var(--n500);transform:translateY(-4px);transition:transform .45s var(--ease)}
.aiden-page-sd .dtw-faq-item[data-open="1"] .dtw-faq-body{transform:translateY(0)}

/* ═══ Responsive ═══ */
@media(max-width:900px){
  .aiden-page-sd .sd-sec{padding:var(--sp-section) 0}
  .aiden-page-sd .correo-faq{padding:var(--sp-section) 0}
  .aiden-page-sd .sd-cards,
  .aiden-page-sd .sd-dos,
  .aiden-page-sd .sd-vision{grid-template-columns:1fr;gap:14px}
  .aiden-page-sd .sd-acceso{padding:44px 26px;border-radius:var(--r-lg)}
}
@media(max-width:600px){
  .aiden-page-sd .sd-sec{padding:60px 0}
  .aiden-page-sd .correo-faq{padding:60px 0}
  .aiden-page-sd .sd-aviso-box{padding:22px 20px 24px}
  .aiden-page-sd .sd-aviso-t{font-size:16.5px}
  .aiden-page-sd .sd-aviso-d{font-size:14.5px}
  .aiden-page-sd .sd-prosa p{font-size:16px}
  .aiden-page-sd .sd-card,
  .aiden-page-sd .sd-vis{padding:24px 22px}
  .aiden-page-sd .sd-col{padding:26px 22px}
  .aiden-page-sd .dtw-faq-trigger{padding:18px 20px;font-size:14.5px}
  .aiden-page-sd .dtw-faq-body{padding:0 20px 18px;font-size:13.5px}
  .aiden-page-sd .sd-acceso-btns .b{width:100%;justify-content:center}
}

/* Quien pide menos movimiento no tiene por qué ver el acordeón animarse. */
@media(prefers-reduced-motion:reduce){
  .aiden-page-sd .dtw-faq-item,
  .aiden-page-sd .dtw-faq-trigger,
  .aiden-page-sd .dtw-faq-plus,
  .aiden-page-sd .dtw-faq-plus::before,
  .aiden-page-sd .dtw-faq-plus::after,
  .aiden-page-sd .dtw-faq-wrap,
  .aiden-page-sd .dtw-faq-body{transition-duration:.01ms}
}