/* ═══════════════════════════════════════════════════════════
 * /presentacion/ · manifiesto Aiden Startup 2026
 * Scrollytelling inmersivo · cinematic design
 * ═══════════════════════════════════════════════════════════ */

.aiden-page-astart-presentacion{overflow-x:clip;background:#fff}
.aiden-page-astart-presentacion .aiden-w{max-width:1200px;margin:0 auto;padding:0 24px}
@media(max-width:640px){.aiden-page-astart-presentacion .aiden-w{padding:0 18px}}

/* Eyebrow shared */
.aiden-page-astart-presentacion .apr-sec-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--fd);font-weight:800;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--t600);
  padding:6px 12px;
  background:rgba(19,150,126,.08);
  border:1px solid rgba(19,150,126,.15);
  border-radius:9999px;
}
.aiden-page-astart-presentacion .apr-sec-head{text-align:center;max-width:720px;margin:0 auto 60px}
.aiden-page-astart-presentacion .apr-sec-head .apr-sec-eyebrow{margin-bottom:20px}
.aiden-page-astart-presentacion .apr-sec-h{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(2.2rem,5vw,3.6rem);
  line-height:1.05;letter-spacing:-.04em;
  color:var(--n950);margin:0 0 16px;
}
.aiden-page-astart-presentacion .apr-sec-h em{
  font-style:normal;
  background:linear-gradient(110deg,var(--t500) 0%,#1BB896 45%,var(--t500) 80%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:aprShim 6s linear infinite;
}
@keyframes aprShim{0%{background-position:0% center}100%{background-position:200% center}}
.aiden-page-astart-presentacion .apr-sec-p{
  font-size:17px;color:var(--n500);line-height:1.55;margin:0;
}

/* ═══════════════════════════════════════════════════════════
 * 1. HERO · fondo claro con gradientes fluidos que se mueven
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-hero{
  position:relative;
  min-height:100vh;min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#FDFDFB 0%,#FAFAF8 50%,#F5F5F0 100%);
  color:var(--n950);
  overflow:hidden;
  padding:120px 0 80px;
}
.aiden-page-astart-presentacion .apr-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.aiden-page-astart-presentacion .apr-hero-grid{display:none}

/* Mesh gradient animado · los orbs son los que dan el color */
.aiden-page-astart-presentacion .apr-hero-orb{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:multiply}
.aiden-page-astart-presentacion .apr-hero-orb--1{
  width:640px;height:640px;
  background:radial-gradient(circle,rgba(19,150,126,.22),transparent 70%);
  top:-12%;left:-8%;
  animation:aprOrbFloat1 22s ease-in-out infinite;
}
.aiden-page-astart-presentacion .apr-hero-orb--2{
  width:560px;height:560px;
  background:radial-gradient(circle,rgba(87,74,135,.18),transparent 70%);
  top:5%;right:-6%;
  animation:aprOrbFloat2 26s ease-in-out infinite;
}
.aiden-page-astart-presentacion .apr-hero-orb--3{
  width:480px;height:480px;
  background:radial-gradient(circle,rgba(180,77,87,.13),transparent 70%);
  bottom:-8%;left:28%;
  animation:aprOrbFloat3 20s ease-in-out infinite;
}
.aiden-page-astart-presentacion .apr-hero-orb--4{
  width:420px;height:420px;
  background:radial-gradient(circle,rgba(27,184,150,.18),transparent 70%);
  top:40%;right:22%;
  animation:aprOrbFloat1 24s ease-in-out infinite reverse;
}
@keyframes aprOrbFloat1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(90px,60px) scale(1.08)}66%{transform:translate(-40px,100px) scale(.95)}}
@keyframes aprOrbFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-110px,50px) scale(1.12)}66%{transform:translate(70px,-40px) scale(.92)}}
@keyframes aprOrbFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,-70px) scale(1.1)}}

.aiden-page-astart-presentacion .apr-hero-inner{position:relative;z-index:2;text-align:center;max-width:960px;margin:0 auto}
.aiden-page-astart-presentacion .apr-hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 16px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border:1px solid rgba(0,0,0,.06);
  border-radius:9999px;
  font-family:var(--fd);font-weight:600;font-size:12.5px;letter-spacing:.04em;
  color:var(--n700);
  margin-bottom:36px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.aiden-page-astart-presentacion .apr-hero-badge-dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--t500);
  box-shadow:0 0 10px rgba(19,150,126,.6),0 0 0 3px rgba(19,150,126,.18);
  animation:aprPulse 2s ease-in-out infinite;
}
@keyframes aprPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}

.aiden-page-astart-presentacion .apr-hero-h{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(3.5rem,10vw,8.5rem);
  line-height:.95;letter-spacing:-.05em;
  color:var(--n950);margin:0 0 28px;
}
.aiden-page-astart-presentacion .apr-hero-h em{
  font-style:normal;
  background:linear-gradient(110deg,#13967E 0%,#1BB896 25%,#44D4B2 50%,#1BB896 75%,#13967E 100%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:aprShim 5s linear infinite;
}
.aiden-page-astart-presentacion .apr-hero-sub{
  font-size:clamp(1.05rem,2vw,1.3rem);
  color:var(--n500);line-height:1.5;
  margin:0 auto 60px;max-width:520px;
}

.aiden-page-astart-presentacion .apr-hero-scroll{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  margin-top:40px;
}
.aiden-page-astart-presentacion .apr-hero-scroll-label{
  font-family:var(--fd);font-weight:700;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--n400);
}
.aiden-page-astart-presentacion .apr-hero-scroll-line{
  width:1px;height:50px;position:relative;overflow:hidden;
  background:rgba(0,0,0,.1);
}
.aiden-page-astart-presentacion .apr-hero-scroll-line span{
  position:absolute;top:-50%;left:0;width:100%;height:50%;
  background:linear-gradient(180deg,transparent,var(--t500));
  animation:aprScrollLine 2s ease-in-out infinite;
}
@keyframes aprScrollLine{0%{top:-50%}100%{top:100%}}

/* ═══════════════════════════════════════════════════════════
 * 2. INTRO
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-intro{
  padding:140px 0 100px;text-align:center;position:relative;
  background:linear-gradient(180deg,#fff 0%,#FAFAF8 100%);
}
.aiden-page-astart-presentacion .apr-intro-inner{max-width:860px;margin:0 auto}
.aiden-page-astart-presentacion .apr-intro .apr-sec-eyebrow{margin-bottom:28px}
.aiden-page-astart-presentacion .apr-intro-h{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(2.4rem,6vw,4.2rem);
  line-height:1.05;letter-spacing:-.045em;
  color:var(--n950);margin:0 0 36px;
}
.aiden-page-astart-presentacion .apr-intro-h em{
  font-style:normal;
  background:linear-gradient(110deg,var(--t500) 0%,#1BB896 45%,var(--t500) 80%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:aprShim 6s linear infinite;
}
.aiden-page-astart-presentacion .apr-intro-p{
  font-size:20px;line-height:1.55;color:var(--n600);
  margin:0 auto 24px;max-width:720px;
}
.aiden-page-astart-presentacion .apr-intro-p--small{
  font-size:16px;color:var(--n500);font-style:italic;
}

/* ═══════════════════════════════════════════════════════════
 * 3. PRINCIPIOS
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-principles{
  padding:100px 0 140px;position:relative;
  background:#FAFAF8;
}
.aiden-page-astart-presentacion .apr-prin-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  max-width:1000px;margin:0 auto;
}
@media(max-width:768px){.aiden-page-astart-presentacion .apr-prin-grid{grid-template-columns:1fr}}

.aiden-page-astart-presentacion .apr-prin-card{
  position:relative;
  padding:36px 32px 32px;
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(24px) saturate(1.5);
  -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:1px solid rgba(255,255,255,.9);
  border-radius:24px;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);
  overflow:hidden;
}
.aiden-page-astart-presentacion .apr-prin-card:hover{
  transform:translateY(-4px);
  box-shadow:0 2px 6px rgba(0,0,0,.05),0 24px 48px rgba(0,0,0,.1);
}
.aiden-page-astart-presentacion .apr-prin-num{
  font-family:var(--fd);font-weight:800;
  font-size:13px;letter-spacing:.15em;
  color:var(--t500);margin-bottom:20px;
}
.aiden-page-astart-presentacion .apr-prin-card h3{
  font-family:var(--fd);font-weight:800;
  font-size:22px;letter-spacing:-.02em;
  color:var(--n950);margin:24px 0 10px;line-height:1.15;
}
.aiden-page-astart-presentacion .apr-prin-card p{
  font-size:14.5px;line-height:1.55;color:var(--n600);margin:0;
}
.aiden-page-astart-presentacion .apr-prin-card code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;color:var(--t600);background:rgba(19,150,126,.08);
  padding:1px 6px;border-radius:4px;
}

/* Demo containers */
.aiden-page-astart-presentacion .apr-prin-demo{
  position:relative;
  height:140px;
  border-radius:16px;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}

/* Demo 1: Liquid Glass */
.aiden-page-astart-presentacion .apr-prin-demo--glass{
  background:linear-gradient(135deg,#FFE8C7 0%,#FFCDB3 30%,#E8A8C4 55%,#B9B3D9 80%,#AAD6D0 100%);
}
.aiden-page-astart-presentacion .apr-prin-glass-layer{
  position:absolute;border-radius:50%;filter:blur(30px);
}
.aiden-page-astart-presentacion .apr-prin-glass-l1{width:80px;height:80px;background:rgba(255,150,100,.5);top:20%;left:25%}
.aiden-page-astart-presentacion .apr-prin-glass-l2{width:100px;height:100px;background:rgba(100,200,200,.5);bottom:10%;right:20%}
.aiden-page-astart-presentacion .apr-prin-glass-pill{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;
  background:rgba(255,255,255,.45);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  border:1px solid rgba(255,255,255,.7);
  border-radius:9999px;
  box-shadow:0 4px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.95);
  font-family:var(--fd);font-weight:700;font-size:13px;color:var(--n900);
}
.aiden-page-astart-presentacion .apr-prin-glass-dot{width:6px;height:6px;border-radius:50%;background:var(--t500)}

/* Demo 2: Vision OS Pill */
.aiden-page-astart-presentacion .apr-prin-demo--pill{background:linear-gradient(135deg,#E8F5F2 0%,#D0EAE5 100%)}
.aiden-page-astart-presentacion .apr-prin-pill-container{
  display:flex;align-items:center;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  border:1px solid rgba(255,255,255,.8);
  border-radius:9999px;
  padding:4px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
  position:relative;
}
.aiden-page-astart-presentacion .apr-prin-pill-segment{
  padding:8px 22px;
  font-family:var(--fd);font-weight:700;font-size:12.5px;
  border-radius:9999px;
  transition:all .4s cubic-bezier(.16,1,.3,1);
  position:relative;z-index:1;
}
.aiden-page-astart-presentacion .apr-prin-pill-seg-a{
  background:var(--n950);color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.aiden-page-astart-presentacion .apr-prin-pill-seg-b{color:var(--n600)}

/* Demo 3: Typography */
.aiden-page-astart-presentacion .apr-prin-demo--type{
  background:linear-gradient(135deg,#F5F3EE 0%,#EDE9DF 100%);
  padding:20px;
}
.aiden-page-astart-presentacion .apr-prin-type-main{
  font-family:var(--fd);font-weight:800;
  font-size:72px;letter-spacing:-.06em;
  color:var(--n950);line-height:.9;
  margin-right:16px;
}
.aiden-page-astart-presentacion .apr-prin-type-meta{
  font-family:var(--fb);font-size:11px;color:var(--n600);
  display:flex;flex-direction:column;gap:6px;text-align:left;
}
.aiden-page-astart-presentacion .apr-prin-type-meta strong{color:var(--n900);font-weight:700}

/* Demo 4: Transparencia */
.aiden-page-astart-presentacion .apr-prin-demo--transp{
  background:linear-gradient(135deg,#FEF2F3 0%,#F5E2E4 100%);
  flex-direction:column;gap:8px;padding:0 32px;
}
.aiden-page-astart-presentacion .apr-prin-transp-row{
  display:flex;justify-content:space-between;align-items:center;
  width:100%;max-width:240px;
  padding:10px 14px;
  border-radius:10px;
  font-family:var(--fd);font-size:12px;font-weight:600;
}
.aiden-page-astart-presentacion .apr-prin-transp-row--old{
  background:rgba(180,77,87,.1);
  color:var(--n700);
  text-decoration:line-through;text-decoration-color:rgba(180,77,87,.4);
}
.aiden-page-astart-presentacion .apr-prin-transp-row--new{
  background:rgba(19,150,126,.12);
  color:var(--n900);
}
.aiden-page-astart-presentacion .apr-prin-transp-bad{color:#B44D57}
.aiden-page-astart-presentacion .apr-prin-transp-good{color:var(--t600);font-weight:800}

/* ═══════════════════════════════════════════════════════════
 * 4. TIPOGRAFÍA
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-type{
  padding:140px 0;position:relative;
  background:linear-gradient(180deg,#FAFAF8 0%,#fff 100%);
}
.aiden-page-astart-presentacion .apr-type-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
  max-width:1000px;margin:0 auto 60px;
}
@media(max-width:768px){.aiden-page-astart-presentacion .apr-type-grid{grid-template-columns:1fr}}

.aiden-page-astart-presentacion .apr-type-card{
  padding:40px 36px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--n100);
  border-radius:24px;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.05);
  display:flex;flex-direction:column;gap:20px;
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-type-card:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(0,0,0,.05),0 20px 44px rgba(0,0,0,.09)}
.aiden-page-astart-presentacion .apr-type-aa{
  font-size:120px;line-height:.85;
  letter-spacing:-.06em;color:var(--n950);
}
.aiden-page-astart-presentacion .apr-type-aa--sora{font-family:'Sora',var(--fd);font-weight:800}
.aiden-page-astart-presentacion .apr-type-aa--fig{font-family:'Figtree',var(--fb);font-weight:800}
.aiden-page-astart-presentacion .apr-type-info{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--n100);padding-top:16px}
.aiden-page-astart-presentacion .apr-type-name{
  font-family:var(--fd);font-weight:800;font-size:20px;color:var(--n950);letter-spacing:-.01em;
}
.aiden-page-astart-presentacion .apr-type-use{font-size:13.5px;color:var(--n500)}
.aiden-page-astart-presentacion .apr-type-specs{
  display:flex;flex-direction:column;gap:4px;
  margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11.5px;color:var(--n600);line-height:1.5;
}
.aiden-page-astart-presentacion .apr-type-specs strong{color:var(--t600);font-weight:700}
.aiden-page-astart-presentacion .apr-type-sample{
  font-size:28px;line-height:1.15;color:var(--n800);
  border-top:1px solid var(--n100);padding-top:20px;
}
.aiden-page-astart-presentacion .apr-type-sample--sora{font-family:'Sora',var(--fd);font-weight:800;letter-spacing:-.03em;font-size:36px}
.aiden-page-astart-presentacion .apr-type-sample--fig{font-family:'Figtree',var(--fb);font-weight:400;font-size:16px;line-height:1.55;color:var(--n600)}

/* Gradient em showcase */
.aiden-page-astart-presentacion .apr-type-showcase{
  max-width:820px;margin:60px auto 0;text-align:center;
  padding:60px 40px;
  background:linear-gradient(180deg,#fff 0%,#F8F8F5 100%);
  border:1px solid var(--n100);border-radius:24px;
}
.aiden-page-astart-presentacion .apr-type-showcase-h{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(2rem,5vw,3.4rem);
  line-height:1.05;letter-spacing:-.04em;
  color:var(--n950);
}
.aiden-page-astart-presentacion .apr-type-showcase-h em{
  font-style:normal;
  background:linear-gradient(110deg,var(--t500) 0%,#1BB896 45%,var(--t500) 80%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:aprShim 4s linear infinite;
}

/* ═══════════════════════════════════════════════════════════
 * 5. COLORES
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-colors{
  padding:140px 0;position:relative;
  background:linear-gradient(180deg,#fff 0%,#FAFAF8 100%);
}
.aiden-page-astart-presentacion .apr-col-group{margin-bottom:48px;max-width:1100px;margin-left:auto;margin-right:auto}
.aiden-page-astart-presentacion .apr-col-group-label{
  font-family:var(--fd);font-weight:800;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--n500);margin-bottom:18px;text-align:center;
}
.aiden-page-astart-presentacion .apr-col-scale{
  display:grid;grid-template-columns:repeat(9,1fr);gap:4px;
  border-radius:16px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.06);
}
@media(max-width:900px){
  .aiden-page-astart-presentacion .apr-col-scale{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:540px){
  .aiden-page-astart-presentacion .apr-col-scale{grid-template-columns:repeat(3,1fr)}
}
.aiden-page-astart-presentacion .apr-col-swatch{
  aspect-ratio:1;padding:14px 12px;
  display:flex;flex-direction:column;justify-content:space-between;
  font-family:var(--fd);font-weight:700;font-size:11px;
  color:var(--n700);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
  position:relative;
}
.aiden-page-astart-presentacion .apr-col-swatch:hover{transform:scale(1.05);z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.aiden-page-astart-presentacion .apr-col-swatch span{font-size:12px;font-weight:800}
.aiden-page-astart-presentacion .apr-col-swatch code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;opacity:.7;align-self:flex-end}
.aiden-page-astart-presentacion .apr-col-swatch--hero span{font-size:13px}

/* Accents */
.aiden-page-astart-presentacion .apr-col-accents{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.aiden-page-astart-presentacion .apr-col-accents{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.aiden-page-astart-presentacion .apr-col-accents{grid-template-columns:1fr}}
.aiden-page-astart-presentacion .apr-col-accent{
  aspect-ratio:1;padding:24px 20px;
  border-radius:20px;
  display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-col-accent:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.05),0 20px 44px rgba(0,0,0,.12)}
.aiden-page-astart-presentacion .apr-col-accent-name{
  font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.02em;
}
.aiden-page-astart-presentacion .apr-col-accent-hex{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;opacity:.7;
}
.aiden-page-astart-presentacion .apr-col-accent-use{font-size:11.5px;opacity:.75;line-height:1.4}

/* ═══════════════════════════════════════════════════════════
 * 6. COMPONENTES
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-components{
  padding:140px 0;position:relative;
  background:#FAFAF8;
}
.aiden-page-astart-presentacion .apr-comp-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  max-width:1100px;margin:0 auto;
}
@media(max-width:900px){.aiden-page-astart-presentacion .apr-comp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.aiden-page-astart-presentacion .apr-comp-grid{grid-template-columns:1fr}}

.aiden-page-astart-presentacion .apr-comp-card{
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(24px) saturate(1.5);
  -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:1px solid rgba(255,255,255,.95);
  border-radius:20px;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.05);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-comp-card:hover{transform:translateY(-2px)}
.aiden-page-astart-presentacion .apr-comp-card--wide{grid-column:span 3}
@media(max-width:900px){.aiden-page-astart-presentacion .apr-comp-card--wide{grid-column:span 2}}
@media(max-width:640px){.aiden-page-astart-presentacion .apr-comp-card--wide{grid-column:span 1}}

.aiden-page-astart-presentacion .apr-comp-label{
  padding:14px 20px;
  font-family:var(--fd);font-weight:800;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--t600);
  border-bottom:1px solid var(--n75);
}
.aiden-page-astart-presentacion .apr-comp-demo{
  padding:40px 24px;
  min-height:180px;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}

/* Demo: Botones */
.aiden-page-astart-presentacion .apr-comp-demo--btns{flex-direction:column;gap:10px}
.aiden-page-astart-presentacion .apr-comp-demo--btns .b{width:100%;max-width:200px}

/* Demo: Glass card */
.aiden-page-astart-presentacion .apr-comp-demo--glass{
  background:linear-gradient(135deg,#FFE8C7 0%,#FFCDB3 30%,#E8A8C4 55%,#B9B3D9 80%,#AAD6D0 100%);
}
.aiden-page-astart-presentacion .apr-comp-glass-orb{
  position:absolute;
  width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,180,120,.6),transparent 70%);
  filter:blur(30px);top:20%;right:-10%;
}
.aiden-page-astart-presentacion .apr-comp-glass-inner{
  position:relative;z-index:2;
  padding:16px 22px;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  border:1px solid rgba(255,255,255,.85);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.95);
}
.aiden-page-astart-presentacion .apr-comp-glass-title{font-family:var(--fd);font-weight:800;font-size:14px;color:var(--n950);letter-spacing:-.01em}
.aiden-page-astart-presentacion .apr-comp-glass-desc{font-size:12px;color:var(--n600);margin-top:2px}

/* Demo: Orbs */
.aiden-page-astart-presentacion .apr-comp-demo--orbs{background:#0F1310;overflow:hidden}
.aiden-page-astart-presentacion .apr-comp-orb{position:absolute;border-radius:50%;filter:blur(24px)}
.aiden-page-astart-presentacion .apr-comp-orb--1{width:90px;height:90px;background:radial-gradient(circle,rgba(19,150,126,.8),transparent 70%);top:20%;left:15%;animation:aprOrbFloat1 6s ease-in-out infinite}
.aiden-page-astart-presentacion .apr-comp-orb--2{width:80px;height:80px;background:radial-gradient(circle,rgba(87,74,135,.8),transparent 70%);bottom:10%;right:20%;animation:aprOrbFloat2 8s ease-in-out infinite}
.aiden-page-astart-presentacion .apr-comp-orb--3{width:60px;height:60px;background:radial-gradient(circle,rgba(27,184,150,.8),transparent 70%);top:50%;left:50%;animation:aprOrbFloat3 5s ease-in-out infinite}

/* Demo: Vision OS Pill */
.aiden-page-astart-presentacion .apr-comp-demo--pill{
  background:linear-gradient(135deg,#E8F5F2 0%,#D0EAE5 100%);
  padding:30px 20px;
}
.aiden-page-astart-presentacion .apr-comp-pill-wrap{width:100%;max-width:540px;margin:0 auto}
.aiden-page-astart-presentacion .apr-comp-pill{
  display:grid;grid-template-columns:1.2fr 1fr 1fr;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(48px) saturate(2);
  -webkit-backdrop-filter:blur(48px) saturate(2);
  border:1px solid rgba(255,255,255,.7);
  border-radius:9999px;
  padding:10px 14px;
  box-shadow:0 6px 24px rgba(0,0,0,.08);
  align-items:center;
}
.aiden-page-astart-presentacion .apr-comp-pill-cell{
  display:flex;align-items:center;gap:8px;justify-content:center;
}
.aiden-page-astart-presentacion .apr-comp-pill-ico{
  width:22px;height:22px;border-radius:7px;
  background:#fff;border:1px solid var(--n100);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-weight:800;font-size:10px;color:var(--n700);
}
.aiden-page-astart-presentacion .apr-comp-pill-cell:first-child .apr-comp-pill-ico{
  background:linear-gradient(135deg,var(--t500),#1BB896);color:#fff;border:none;
}
.aiden-page-astart-presentacion .apr-comp-pill-name{font-family:var(--fd);font-weight:800;font-size:11px;color:var(--n950)}
.aiden-page-astart-presentacion .apr-comp-pill-price{font-family:var(--fd);font-weight:800;font-size:11px;color:var(--n700)}

/* ═══════════════════════════════════════════════════════════
 * 7. GALERÍA DE PÁGINAS
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-pages{
  padding:140px 0;position:relative;
  background:linear-gradient(180deg,#FAFAF8 0%,#fff 100%);
}
.aiden-page-astart-presentacion .apr-pages-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:1100px;margin:0 auto;
}
@media(max-width:900px){.aiden-page-astart-presentacion .apr-pages-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.aiden-page-astart-presentacion .apr-pages-grid{grid-template-columns:1fr}}

.aiden-page-astart-presentacion .apr-page-card{
  position:relative;
  padding:28px 24px;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 10px 28px rgba(0,0,0,.05);
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:8px;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1);
  overflow:hidden;
}
.aiden-page-astart-presentacion .apr-page-card::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 100% 0%,rgba(19,150,126,.08),transparent 50%);
  opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.aiden-page-astart-presentacion .apr-page-card:hover{
  transform:translateY(-3px);
  box-shadow:0 2px 6px rgba(0,0,0,.05),0 20px 44px rgba(0,0,0,.1);
  border-color:rgba(19,150,126,.25);
}
.aiden-page-astart-presentacion .apr-page-card:hover::before{opacity:1}
.aiden-page-astart-presentacion .apr-page-num{
  font-family:var(--fd);font-weight:800;
  font-size:11px;letter-spacing:.14em;color:var(--t500);
}
.aiden-page-astart-presentacion .apr-page-name{
  font-family:var(--fd);font-weight:800;
  font-size:17px;letter-spacing:-.015em;
  color:var(--n950);line-height:1.2;
}
.aiden-page-astart-presentacion .apr-page-desc{
  font-size:13px;color:var(--n500);line-height:1.4;
}
.aiden-page-astart-presentacion .apr-page-arrow{
  position:absolute;top:24px;right:24px;
  width:28px;height:28px;border-radius:50%;
  background:rgba(0,0,0,.04);
  display:flex;align-items:center;justify-content:center;
  transition:all .35s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-page-arrow svg{width:12px;height:12px;color:var(--n700);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.aiden-page-astart-presentacion .apr-page-card:hover .apr-page-arrow{background:var(--t500);transform:rotate(-45deg) scale(1.1)}
.aiden-page-astart-presentacion .apr-page-card:hover .apr-page-arrow svg{color:#fff}

/* ═══════════════════════════════════════════════════════════
 * 8. STACK TÉCNICO
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-stack{
  padding:140px 0 100px;position:relative;
  background:#FAFAF8;
}
.aiden-page-astart-presentacion .apr-stack-list{
  max-width:780px;margin:0 auto;
  display:flex;flex-direction:column;gap:2px;
  border-radius:16px;overflow:hidden;
  border:1px solid var(--n100);
}
.aiden-page-astart-presentacion .apr-stack-item{
  display:grid;grid-template-columns:200px 1fr;
  padding:22px 28px;
  background:#fff;
  gap:24px;align-items:start;
  transition:background .25s;
}
@media(max-width:640px){
  .aiden-page-astart-presentacion .apr-stack-item{grid-template-columns:1fr;gap:6px;padding:18px 22px}
}
.aiden-page-astart-presentacion .apr-stack-item:hover{background:#FDFDFB}
.aiden-page-astart-presentacion .apr-stack-key{
  font-family:var(--fd);font-weight:800;
  font-size:12.5px;letter-spacing:.04em;
  color:var(--t600);
}
.aiden-page-astart-presentacion .apr-stack-val{
  font-size:14px;color:var(--n700);line-height:1.55;
}
.aiden-page-astart-presentacion .apr-stack-val code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;color:var(--t700);background:rgba(19,150,126,.06);
  padding:1px 6px;border-radius:4px;
}

/* ═══════════════════════════════════════════════════════════
 * 9. FINAL · CTA + SHARE
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .apr-final{
  position:relative;padding:140px 0 140px;text-align:center;
  background:linear-gradient(180deg,#FAFAF8 0%,#fff 50%,#F5F9F7 100%);
  overflow:hidden;
}
.aiden-page-astart-presentacion .apr-final-orbs{position:absolute;inset:0;pointer-events:none;z-index:0}
.aiden-page-astart-presentacion .apr-final-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}
.aiden-page-astart-presentacion .apr-final-orb--1{width:500px;height:500px;background:radial-gradient(circle,rgba(19,150,126,.4),transparent 70%);top:-10%;left:-10%}
.aiden-page-astart-presentacion .apr-final-orb--2{width:400px;height:400px;background:radial-gradient(circle,rgba(87,74,135,.25),transparent 70%);bottom:-5%;right:-5%}
.aiden-page-astart-presentacion .apr-final-inner{position:relative;z-index:2;max-width:760px;margin:0 auto}
.aiden-page-astart-presentacion .apr-final-h{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(2.4rem,6vw,4rem);
  line-height:1.05;letter-spacing:-.04em;
  color:var(--n950);margin:0 0 20px;
}
.aiden-page-astart-presentacion .apr-final-h em{
  font-style:normal;
  background:linear-gradient(110deg,var(--t500) 0%,#1BB896 45%,var(--t500) 80%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:aprShim 6s linear infinite;
}
.aiden-page-astart-presentacion .apr-final-p{
  font-size:18px;color:var(--n500);line-height:1.55;
  margin:0 auto 40px;max-width:560px;
}
.aiden-page-astart-presentacion .apr-final-btns{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  margin-bottom:60px;
}

/* Share section */
.aiden-page-astart-presentacion .apr-share{
  padding-top:50px;border-top:1px solid rgba(0,0,0,.08);
  max-width:540px;margin:0 auto;
}
.aiden-page-astart-presentacion .apr-share-label{
  font-family:var(--fd);font-weight:700;
  font-size:13px;color:var(--n600);margin-bottom:16px;
}
.aiden-page-astart-presentacion .apr-share-btns{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
}
.aiden-page-astart-presentacion .apr-share-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid rgba(255,255,255,.9);
  border-radius:9999px;
  font-family:var(--fd);font-weight:700;font-size:13px;
  color:var(--n800);text-decoration:none;cursor:pointer;
  transition:all .25s cubic-bezier(.16,1,.3,1);
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.04);
}
.aiden-page-astart-presentacion .apr-share-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.9);
  box-shadow:0 4px 10px rgba(0,0,0,.06),0 16px 36px rgba(0,0,0,.1);
}
.aiden-page-astart-presentacion .apr-share-btn svg{width:16px;height:16px;flex-shrink:0}
.aiden-page-astart-presentacion .apr-share-btn--li:hover{color:#0A66C2}
.aiden-page-astart-presentacion .apr-share-btn--tw:hover{color:#000}
.aiden-page-astart-presentacion .apr-share-btn--copy:hover{color:var(--t600);border-color:rgba(19,150,126,.3)}

/* ═══════════════════════════════════════════════════════════
 * Reveal animation · rv class
 * ═══════════════════════════════════════════════════════════ */
.aiden-page-astart-presentacion .rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.aiden-page-astart-presentacion .rv.in{opacity:1;transform:translateY(0)}
.aiden-page-astart-presentacion .rv-d1{transition-delay:.08s}
.aiden-page-astart-presentacion .rv-d2{transition-delay:.16s}
.aiden-page-astart-presentacion .rv-d3{transition-delay:.24s}

/* ═══════════════════════════════════════════════════════════
 * Responsive final
 * ═══════════════════════════════════════════════════════════ */
@media(max-width:640px){
  .aiden-page-astart-presentacion .apr-intro,
  .aiden-page-astart-presentacion .apr-principles,
  .aiden-page-astart-presentacion .apr-type,
  .aiden-page-astart-presentacion .apr-colors,
  .aiden-page-astart-presentacion .apr-components,
  .aiden-page-astart-presentacion .apr-pages,
  .aiden-page-astart-presentacion .apr-stack,
  .aiden-page-astart-presentacion .apr-final{padding:90px 0}
  .aiden-page-astart-presentacion .apr-sec-head{margin-bottom:40px}
  .aiden-page-astart-presentacion .apr-type-aa{font-size:80px}
  .aiden-page-astart-presentacion .apr-type-card{padding:32px 24px}
  .aiden-page-astart-presentacion .apr-prin-card{padding:28px 24px}
  .aiden-page-astart-presentacion .apr-prin-type-main{font-size:52px}
}

/* ═══════════════════════════════════════════════════════════
 * 6. Componentes adicionales (nuevos, interactivos)
 * ═══════════════════════════════════════════════════════════ */

/* Live dot en labels de componentes interactivos */
.aiden-page-astart-presentacion .apr-comp-live-dot{
  display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--t500);margin-right:6px;vertical-align:middle;
  box-shadow:0 0 8px rgba(19,150,126,.7),0 0 0 3px rgba(19,150,126,.15);
  animation:aprPulse 2s ease-in-out infinite;
}

/* Toggle switch interactivo */
.aiden-page-astart-presentacion .apr-comp-demo--toggle{
  flex-direction:column;gap:16px;background:linear-gradient(135deg,#F5F9F7 0%,#E8F2EE 100%);padding:30px 20px;
}
.aiden-page-astart-presentacion .apr-comp-toggle{
  position:relative;
  width:58px;height:32px;
  background:var(--t500);
  border:none;border-radius:9999px;
  cursor:pointer;padding:3px;
  transition:background .3s cubic-bezier(.16,1,.3,1);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.15);
}
.aiden-page-astart-presentacion .apr-comp-toggle[aria-pressed="false"]{background:var(--n200)}
.aiden-page-astart-presentacion .apr-comp-toggle-thumb{
  display:block;width:26px;height:26px;border-radius:50%;
  background:#fff;
  box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.08);
  transform:translateX(26px);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-comp-toggle[aria-pressed="false"] .apr-comp-toggle-thumb{transform:translateX(0)}
.aiden-page-astart-presentacion .apr-comp-toggle-state{
  font-family:var(--fd);font-weight:600;font-size:13px;color:var(--n700);
}

/* Input field */
.aiden-page-astart-presentacion .apr-comp-demo--input{
  background:linear-gradient(135deg,#FAFAF8 0%,#F3F3EF 100%);padding:32px 24px;
}
.aiden-page-astart-presentacion .apr-comp-input-wrap{
  position:relative;display:block;width:100%;max-width:300px;
}
.aiden-page-astart-presentacion .apr-comp-input-icon{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;color:var(--n400);pointer-events:none;
  transition:color .25s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-comp-input{
  width:100%;
  padding:12px 14px 12px 42px;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  font-family:var(--fb);font-size:13.5px;font-weight:500;color:var(--n900);
  outline:none;
  transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background .25s cubic-bezier(.16,1,.3,1);
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.aiden-page-astart-presentacion .apr-comp-input:focus{
  border-color:var(--t500);
  box-shadow:0 0 0 4px rgba(19,150,126,.12),0 2px 6px rgba(19,150,126,.08);
  background:#fff;
}
.aiden-page-astart-presentacion .apr-comp-input-wrap:focus-within .apr-comp-input-icon{color:var(--t500)}
.aiden-page-astart-presentacion .apr-comp-input::placeholder{color:var(--n400)}

/* Badges */
.aiden-page-astart-presentacion .apr-comp-demo--badges{
  flex-direction:column;gap:8px;
  background:linear-gradient(135deg,#FDFDFB 0%,#F5F5F0 100%);padding:24px 20px;
}
.aiden-page-astart-presentacion .apr-comp-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:9999px;
  font-family:var(--fd);font-weight:700;font-size:11.5px;letter-spacing:.03em;
}
.aiden-page-astart-presentacion .apr-comp-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}
.aiden-page-astart-presentacion .apr-comp-badge--teal{background:rgba(19,150,126,.1);color:var(--t600);border:1px solid rgba(19,150,126,.2)}
.aiden-page-astart-presentacion .apr-comp-badge--purple{background:rgba(87,74,135,.1);color:#574A87;border:1px solid rgba(87,74,135,.2)}
.aiden-page-astart-presentacion .apr-comp-badge--amber{background:rgba(142,112,42,.1);color:#8E702A;border:1px solid rgba(142,112,42,.2)}
.aiden-page-astart-presentacion .apr-comp-badge--rose{background:rgba(180,77,87,.1);color:#B44D57;border:1px solid rgba(180,77,87,.2)}

/* Tabs interactivo */
.aiden-page-astart-presentacion .apr-comp-demo--tabs{
  flex-direction:column;gap:16px;padding:28px 24px;
  background:linear-gradient(135deg,#F5F9F7 0%,#EDF4F1 100%);align-items:stretch;
}
.aiden-page-astart-presentacion .apr-comp-tabs{
  position:relative;
  display:flex;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid rgba(0,0,0,.06);
  border-radius:9999px;
  padding:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.04);
}
.aiden-page-astart-presentacion .apr-comp-tab{
  flex:1;
  padding:8px 16px;
  border:none;background:transparent;
  font-family:var(--fd);font-weight:700;font-size:12.5px;color:var(--n600);
  cursor:pointer;border-radius:9999px;
  transition:color .3s cubic-bezier(.16,1,.3,1);
  position:relative;z-index:2;
}
.aiden-page-astart-presentacion .apr-comp-tab:hover{color:var(--n900)}
.aiden-page-astart-presentacion .apr-comp-tab.is-active{color:#fff}
/* Background pill animado: usamos uno por cada tab vía gradient conditional */
.aiden-page-astart-presentacion .apr-comp-tabs::before{
  content:"";position:absolute;top:4px;bottom:4px;
  width:calc(33.333% - 2px);
  background:var(--n950);
  border-radius:9999px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
  z-index:1;
  left:4px;
}
.aiden-page-astart-presentacion .apr-comp-tabs:has([data-tab="uk"].is-active)::before{transform:translateX(0)}
.aiden-page-astart-presentacion .apr-comp-tabs:has([data-tab="de"].is-active)::before{transform:translateX(100%)}
.aiden-page-astart-presentacion .apr-comp-tabs:has([data-tab="both"].is-active)::before{transform:translateX(200%)}

.aiden-page-astart-presentacion .apr-comp-tab-content{position:relative;min-height:68px}
.aiden-page-astart-presentacion .apr-comp-tab-content > div{
  position:absolute;inset:0;
  padding:14px 18px;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid rgba(0,0,0,.04);
  border-radius:12px;
  font-size:13px;color:var(--n700);line-height:1.5;
  opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-comp-tab-content > div strong{color:var(--t600);font-weight:800}
.aiden-page-astart-presentacion .apr-comp-tab-content > div.is-active{opacity:1;transform:translateY(0);pointer-events:auto}

/* Accordion */
.aiden-page-astart-presentacion .apr-comp-demo--accordion{
  flex-direction:column;gap:6px;padding:20px 18px;
  background:linear-gradient(135deg,#FDFDFB 0%,#F8F8F5 100%);align-items:stretch;
}
.aiden-page-astart-presentacion .apr-comp-acc{
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-comp-acc[open]{box-shadow:0 2px 6px rgba(0,0,0,.04),0 8px 20px rgba(19,150,126,.08)}
.aiden-page-astart-presentacion .apr-comp-acc summary{
  list-style:none;cursor:pointer;
  padding:12px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-family:var(--fd);font-weight:600;font-size:13px;color:var(--n950);letter-spacing:-.005em;
  user-select:none;
}
.aiden-page-astart-presentacion .apr-comp-acc summary::-webkit-details-marker{display:none}
.aiden-page-astart-presentacion .apr-comp-acc summary::marker{content:""}
.aiden-page-astart-presentacion .apr-comp-acc-ico{
  width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;
  flex-shrink:0;color:var(--n500);
  transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);
}
.aiden-page-astart-presentacion .apr-comp-acc[open] .apr-comp-acc-ico{transform:rotate(180deg);color:var(--t500)}
.aiden-page-astart-presentacion .apr-comp-acc-body{
  padding:0 14px 14px;
  font-size:12.5px;color:var(--n600);line-height:1.5;
}

@media(max-width:900px){
  .aiden-page-astart-presentacion .apr-comp-tab{font-size:11.5px;padding:7px 10px}
  .aiden-page-astart-presentacion .apr-comp-tab-content{min-height:76px}
}