/* ============================================================
   Página «Partners» (16 oct 2026). Se carga junto a plataforma.css (cabecera «amanecer suave», chips, botones).
   ============================================================ */

/* ---------- 01 · Cabecera: mensaje + órbita del ecosistema ---------- */
.pa-hero{padding:150px 0 40px}
.pa-hero__in{display:grid;grid-template-columns:minmax(0,620px) minmax(0,600px);justify-content:space-between;align-items:center;gap:48px}
.pa-hero__txt{display:flex;flex-direction:column;align-items:flex-start}
.pa-hero__t{margin:26px 0 0;font-family:var(--serif);font-weight:400;font-size:66px;line-height:68px;letter-spacing:-.03em;color:var(--tinta)}
.pa-hero__p{max-width:580px;margin:26px 0 0;font-size:19px;line-height:29px;color:var(--txt-2)}
.pa-hero__acc{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.pa-orbita{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:end}
/* El dibujo mide 600 × 600 (como en Figma) y partners.js lo escala al ancho disponible */
.pa-orbita__lienzo{position:absolute;left:0;top:0;width:600px;height:600px;transform-origin:0 0;transform:scale(var(--s,1))}
.pa-anillo{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid var(--borde);transform:translate(-50%,-50%)}
.pa-anillo--1{width:580px;height:580px;border-style:dashed}
.pa-anillo--2{width:410px;height:410px}
.pa-anillo--3{width:240px;height:240px;background:rgba(255,255,255,.7)}
/* Puntos de color que recorren los anillos (solo transform: barato también en móvil) */
.pa-orbita__giro{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a))}
.pa-punto{position:absolute;left:calc(var(--d) / 2);top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--pc);box-shadow:0 0 8px color-mix(in srgb,var(--pc) 55%,transparent)}
.pa-punto--lima{--pc:#a3e635}.pa-punto--azul{--pc:#2ea0e0}.pa-punto--turquesa{--pc:#3ec1b4}.pa-punto--violeta{--pc:#7c6cf0}
@media (prefers-reduced-motion:no-preference){
  .js-anim .pa-orbita__giro{animation:pa-gira var(--t) linear infinite}
}
@keyframes pa-gira{from{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) + 360deg))}}
.pa-centro{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:152px;height:90px;border-radius:24px;background:var(--tinta);transform:translate(-50%,-50%);box-shadow:0 18px 40px -20px rgba(0,27,34,.45)}
.pa-centro .obb{width:130px;height:auto;margin:-12px -5px -10px -19px}
.pa-centro .obb path[fill="#001B22"]{fill:#fff}
.pa-pill{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;height:39px;padding:0 14px 0 10px;border-radius:999px;background:#fff;border:1px solid var(--borde);box-shadow:0 12px 24px -12px rgba(0,27,34,.18);font-weight:500;font-size:14px;line-height:18px;color:var(--tinta);white-space:nowrap}
.pa-pill b{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:999px;font-family:var(--mono);font-weight:500;font-size:10px;line-height:1}
.pa-pill--tech b{background:var(--cielo);color:var(--cielo-a)}
.pa-pill--biz b{background:var(--menta);color:var(--menta-a)}

.pa-cita{position:relative;margin:40px 0 0;padding:26px 30px 26px 54px;border-radius:24px;background:#fff;border:1px solid var(--borde);font-family:var(--serif);font-style:italic;font-size:23px;line-height:31px;color:var(--tinta)}
.pa-cita::before{content:"";position:absolute;left:31px;top:27px;bottom:27px;width:3px;border-radius:3px;background:var(--lima)}

/* ---------- 02 · Tech y Business Partners ---------- */
.pa-tipos{padding:80px 0 100px}
.pa-tipos__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pa-tipo{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:48px;border-radius:36px;scroll-margin-top:24px;--pl-aire:36px}
.pa-tipo--tech{background:var(--tinta);color:#fff}
.pa-tipo--biz{background:var(--menta);color:var(--tinta)}
.pa-tipo__brillo{position:absolute;z-index:-1;right:-256px;top:-280px;width:600px;height:600px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,161,224,.35),rgba(46,161,224,0))}
.pa-chip--oscuro{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.86)}
.pa-tipo__t{margin:24px 0 0;font-family:var(--serif);font-weight:400;font-size:44px;line-height:47px;letter-spacing:-.02em}
.pa-tipo__t em{font-style:italic;-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.pa-tipo--tech .pa-tipo__t em{background-image:linear-gradient(90deg,var(--lima),var(--aura-turquesa))}
.pa-tipo--biz .pa-tipo__t em{background-image:linear-gradient(90deg,var(--lima-texto),var(--menta-a))}
.pa-tipo__p{max-width:548px;margin:24px 0 0;font-size:18px;line-height:28px}
.pa-tipo--tech .pa-tipo__p{color:rgba(255,255,255,.72)}
.pa-tipo--biz .pa-tipo__p{color:var(--txt-2)}
.pa-lista{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0 0;padding:0}
.pa-lista li{display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:25px}
.pa-lista i{display:grid;place-items:center;flex:none;width:18px;height:18px;margin-top:3.5px;border-radius:50%;background:var(--lima);color:var(--tinta)}
.pa-lista i .ic{width:11px;height:11px;stroke-width:3}
.pa-tipo--tech .pa-lista li{color:rgba(255,255,255,.92)}
.pa-tipo__btn{margin-top:auto}
.pa-tipo .pa-lista + .pa-tipo__btn{margin-top:24px}
/* Carrusel de sellos oficiales (bucle continuo; se para al pasar el ratón) */
.pa-carrusel{width:100%;margin:24px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
.pa-carrusel__pista{display:flex;align-items:center;width:max-content;height:52px}
.pa-carrusel__pista img{flex:none;width:auto;margin-right:44px;filter:brightness(0) invert(1);opacity:.75}
@media (prefers-reduced-motion:no-preference){
  .pa-carrusel__pista{animation:pa-carrusel 32s linear infinite}
  .pa-carrusel:hover .pa-carrusel__pista{animation-play-state:paused}
}
@keyframes pa-carrusel{to{transform:translateX(-50%)}}

/* ---------- 03 · Contacto: «Quiero ser partner» ---------- */
.pa-contacto{padding:120px 0;background:#f6f9fb;scroll-margin-top:0}
.pa-contacto__in{display:grid;grid-template-columns:minmax(0,480px) minmax(0,640px);justify-content:space-between;align-items:center;gap:48px}
.pa-contacto__txt{display:flex;flex-direction:column;align-items:flex-start}
.pa-contacto__t{margin:22px 0 0;font-family:var(--serif);font-weight:400;font-size:52px;line-height:55px;letter-spacing:-.025em;color:var(--tinta)}
.pa-contacto__p{max-width:460px;margin:22px 0 0;font-size:18px;line-height:28px;color:var(--txt-2)}
.pa-form{border-radius:28px;box-shadow:0 30px 60px -30px rgba(0,27,34,.14)}
.pa-form::before{display:none}
.pa-form .form{padding:36px;gap:16px}
.pa-form .campo label,.pa-tipo-campo legend{font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;color:var(--tinta)}
.pa-form .campo input,.pa-form .campo textarea{height:50px;border-radius:14px;border-color:var(--borde);background:#f6f9fb;font-size:15px}
.pa-form .campo textarea{height:110px}
.pa-form .campo input:focus,.pa-form .campo textarea:focus{background:#fff}
.pa-tipo-campo{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px}
.pa-tipo-campo legend{padding:0;margin-bottom:8px}
.pa-opciones{display:flex;gap:8px;flex-wrap:wrap}
.pa-opciones label{cursor:pointer}
.pa-opciones input{position:absolute;opacity:0;pointer-events:none}
.pa-opciones span{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--borde);background:#fff;font-size:14px;color:var(--tinta);transition:background .2s,color .2s,border-color .2s}
.pa-opciones label:hover span{border-color:var(--borde-medio)}
.pa-opciones input:checked + span{background:var(--tinta);border-color:var(--tinta);color:#fff}
.pa-opciones input:focus-visible + span{box-shadow:0 0 0 4px rgba(163,230,53,.35)}
.pa-form .check{font-size:13.5px;line-height:20px}
.pa-form .check input{width:18px;height:18px;border-radius:5px;border:1px solid #b8c2ca}

/* ---------- Adaptación ---------- */
@media (max-width:1200px){
  .pa-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
  .pa-hero__t{font-size:56px;line-height:58px}
  .pa-tipo{padding:40px}
}
@media (max-width:960px){
  .pa-hero__in{grid-template-columns:minmax(0,1fr)}
  .pa-orbita{justify-self:center;max-width:560px}
  .pa-tipos__grid{grid-template-columns:minmax(0,1fr)}
  .pa-contacto__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pa-hero{padding:130px 0 24px}
  .pa-hero__t{margin-top:20px;font-size:44px;line-height:48px;text-wrap:balance}
  .pa-hero__t br{display:none}
  .pa-hero__p{font-size:17px;line-height:27px;margin-top:20px}
  .pa-hero__acc{flex-direction:column;width:100%}
  .pa-hero__acc .btn{width:100%;justify-content:center}
  .pa-orbita{margin:8px 0 0}
  /* La órbita se reduce mucho: las pastillas se agrandan un poco para que se lean (las de la derecha crecen hacia la izquierda) */
  .pa-pill{transform:scale(1.24);transform-origin:left center}
  .pa-pill--d{transform-origin:right center}
  .pa-centro{transform:translate(-50%,-50%) scale(1.08)}
  .pa-cita{margin-top:24px;padding:20px 20px 20px 40px;font-size:18px;line-height:26px;border-radius:20px}
  .pa-cita::before{left:20px;top:20px;bottom:20px}
  .pa-tipos{padding:48px 0 64px}
  .pa-tipos__grid{gap:16px}
  .pa-tipo{padding:28px 20px;border-radius:28px}
  .pa-tipo__t{font-size:32px;line-height:36px}
  .pa-tipo__t br{display:none}
  .pa-tipo__p{font-size:16px;line-height:25px;margin-top:18px}
  .pa-lista li{font-size:16px;line-height:24px}
  .pa-lista i{margin-top:3px}
  .pa-tipo__btn{width:100%;justify-content:center}
  .pa-carrusel__pista img{margin-right:32px}
  .pa-contacto{padding:64px 0}
  .pa-contacto__t{font-size:38px;line-height:42px}
  .pa-contacto__p{font-size:16px;line-height:25px}
  .pa-form .form{padding:24px 18px}
}