/* ═══════════════════════════════════════════════════════════
 * /buzon/ · Tu correspondencia digital
 * ═══════════════════════════════════════════════════════════ */

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

/* Eyebrow */
.aiden-page-buzon .bz-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-buzon .bz-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--t500);box-shadow:0 0 8px rgba(19,150,126,.6),0 0 0 3px rgba(19,150,126,.15);animation:bzPulse 2s ease-in-out infinite}
@keyframes bzPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}

/* Section head shared */
.aiden-page-buzon .bz-sec-head{text-align:center;max-width:720px;margin:0 auto 60px}
.aiden-page-buzon .bz-sec-head .bz-eyebrow{margin-bottom:20px}
.aiden-page-buzon .bz-sec-h{
  font-family:var(--fd);font-weight:800;
  font-size:clamp(2rem,4.5vw,3.2rem);
  line-height:1.05;letter-spacing:-.04em;
  color:var(--n950);margin:0 0 16px;
}
.aiden-page-buzon .bz-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:bzShim 6s linear infinite;
}
@keyframes bzShim{0%{background-position:0% center}100%{background-position:200% center}}
.aiden-page-buzon .bz-sec-p{font-size:17px;color:var(--n500);line-height:1.55;margin:0}

/* ═══ HERO ═══ */
.aiden-page-buzon .bz-hero{
  position:relative;padding:100px 0 80px;overflow:hidden;
  background:linear-gradient(135deg,#FDFDFB 0%,#FAFAF8 50%,#F5F5F0 100%);
}
.aiden-page-buzon .bz-hero-orbs{position:absolute;inset:0;pointer-events:none;z-index:0}
.aiden-page-buzon .bz-hero-orb{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:multiply}
.aiden-page-buzon .bz-hero-orb--1{width:540px;height:540px;background:radial-gradient(circle,rgba(45,90,142,.18),transparent 70%);top:-10%;left:-8%;animation:bzOrb1 22s ease-in-out infinite}
.aiden-page-buzon .bz-hero-orb--2{width:480px;height:480px;background:radial-gradient(circle,rgba(19,150,126,.18),transparent 70%);top:5%;right:-6%;animation:bzOrb2 26s ease-in-out infinite}
.aiden-page-buzon .bz-hero-orb--3{width:380px;height:380px;background:radial-gradient(circle,rgba(87,74,135,.13),transparent 70%);bottom:-10%;left:35%;animation:bzOrb3 20s ease-in-out infinite}
@keyframes bzOrb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(80px,50px) scale(1.06)}66%{transform:translate(-40px,80px) scale(.96)}}
@keyframes bzOrb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-90px,40px) scale(1.08)}}
@keyframes bzOrb3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-60px) scale(1.1)}}

.aiden-page-buzon .bz-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:900px){.aiden-page-buzon .bz-hero-grid{grid-template-columns:1fr;gap:40px}}

.aiden-page-buzon .bz-hero-h{font-family:var(--fd);font-weight:800;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.02;letter-spacing:-.045em;color:var(--n950);margin:24px 0 22px}
.aiden-page-buzon .bz-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:bzShim 5s linear infinite}
.aiden-page-buzon .bz-hero-sub{font-size:18px;color:var(--n500);line-height:1.55;margin:0 0 32px;max-width:540px}
.aiden-page-buzon .bz-hero-cta{display:flex;gap:12px;flex-wrap:wrap}

/* Hero mock window */
.aiden-page-buzon .bz-hero-mock{position:relative}
.aiden-page-buzon .bz-mock-window{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(28px) saturate(1.6);
  -webkit-backdrop-filter:blur(28px) saturate(1.6);
  border:1px solid rgba(255,255,255,.95);
  border-radius:18px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04),0 24px 60px rgba(45,90,142,.18),0 60px 120px rgba(19,150,126,.12),inset 0 1px 0 rgba(255,255,255,.95);
}
.aiden-page-buzon .bz-mock-titlebar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.04)}
.aiden-page-buzon .bz-mock-dot{width:11px;height:11px;border-radius:50%}
.aiden-page-buzon .bz-mock-dot--r{background:#FF6058}
.aiden-page-buzon .bz-mock-dot--y{background:#FFBE2E}
.aiden-page-buzon .bz-mock-dot--g{background:#27C940}
.aiden-page-buzon .bz-mock-url{margin-left:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--n500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiden-page-buzon .bz-mock-body{padding:20px 18px}

.aiden-page-buzon .bz-mock-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:12px}
.aiden-page-buzon .bz-mock-h{font-family:var(--fd);font-weight:800;font-size:18px;letter-spacing:-.015em;color:var(--n950)}
.aiden-page-buzon .bz-mock-sub{font-size:11.5px;color:var(--n500);margin-top:2px}
.aiden-page-buzon .bz-mock-search{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,0,0,.04);border-radius:9999px;font-size:11px;color:var(--n500)}
.aiden-page-buzon .bz-mock-search svg{width:11px;height:11px}

.aiden-page-buzon .bz-mock-letter{
  display:flex;align-items:flex-start;gap:12px;
  padding:14px;margin-bottom:8px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(0,0,0,.04);
  border-radius:12px;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);
}
.aiden-page-buzon .bz-mock-letter:hover{transform:translateX(2px);box-shadow:0 4px 14px rgba(0,0,0,.04)}
.aiden-page-buzon .bz-mock-letter--new{border-left:3px solid var(--t500);background:rgba(232,245,242,.55)}
.aiden-page-buzon .bz-mock-letter-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aiden-page-buzon .bz-mock-letter-icon svg{width:16px;height:16px}
.aiden-page-buzon .bz-mock-letter-body{flex:1;min-width:0}
.aiden-page-buzon .bz-mock-letter-from{font-family:var(--fd);font-weight:700;font-size:11px;color:var(--n700);letter-spacing:.02em;margin-bottom:2px;display:flex;align-items:center;gap:6px}
.aiden-page-buzon .bz-mock-tag{padding:1px 7px;border-radius:9999px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.aiden-page-buzon .bz-mock-tag--alert{background:rgba(180,77,87,.12);color:#B44D57}
.aiden-page-buzon .bz-mock-letter-subj{font-family:var(--fd);font-weight:800;font-size:13.5px;color:var(--n950);letter-spacing:-.01em;line-height:1.3;margin-bottom:3px}
.aiden-page-buzon .bz-mock-letter-meta{font-size:11px;color:var(--n500)}

/* ═══ TRUST STRIP ═══ */
.aiden-page-buzon .bz-trust{padding:48px 0;border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04);background:#FAFAF8}
.aiden-page-buzon .bz-trust-inner{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap}
.aiden-page-buzon .bz-trust-stat{text-align:center}
.aiden-page-buzon .bz-trust-num{font-family:var(--fd);font-weight:800;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1;letter-spacing:-.03em;color:var(--n950)}
.aiden-page-buzon .bz-trust-num em{font-style:normal;background:linear-gradient(110deg,var(--t500),#1BB896);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aiden-page-buzon .bz-trust-lbl{font-size:12.5px;color:var(--n500);margin-top:6px;letter-spacing:-.005em}
.aiden-page-buzon .bz-trust-sep{width:1px;height:36px;background:rgba(0,0,0,.08)}
@media(max-width:720px){
  .aiden-page-buzon .bz-trust-inner{gap:18px}
  .aiden-page-buzon .bz-trust-sep{display:none}
  .aiden-page-buzon .bz-trust-stat{flex:1;min-width:120px}
}

/* ═══ WHAT (3 cards) ═══ */
.aiden-page-buzon .bz-what{padding:120px 0;background:#fff}
.aiden-page-buzon .bz-what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}
@media(max-width:900px){.aiden-page-buzon .bz-what-grid{grid-template-columns:1fr}}
.aiden-page-buzon .bz-what-card{
  padding:36px 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 .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);
}
.aiden-page-buzon .bz-what-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-buzon .bz-what-icon{
  width:54px;height:54px;border-radius:14px;
  background:linear-gradient(135deg,rgba(19,150,126,.1),rgba(27,184,150,.08));
  display:flex;align-items:center;justify-content:center;
  color:var(--t600);margin-bottom:20px;
}
.aiden-page-buzon .bz-what-icon svg{width:24px;height:24px}
.aiden-page-buzon .bz-what-card h3{font-family:var(--fd);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--n950);margin:0 0 10px;line-height:1.2}
.aiden-page-buzon .bz-what-card p{font-size:14.5px;line-height:1.55;color:var(--n600);margin:0}

/* ═══ TYPES (8 cards) ═══ */
.aiden-page-buzon .bz-types{padding:120px 0;background:#FAFAF8}
.aiden-page-buzon .bz-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto}
@media(max-width:900px){.aiden-page-buzon .bz-types-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.aiden-page-buzon .bz-types-grid{grid-template-columns:1fr}}
.aiden-page-buzon .bz-type{
  padding:24px 20px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);
}
.aiden-page-buzon .bz-type:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.06);border-color:rgba(19,150,126,.2)}
.aiden-page-buzon .bz-type-flag{font-size:24px;line-height:1;margin-bottom:14px}
.aiden-page-buzon .bz-type-name{font-family:var(--fd);font-weight:800;font-size:15px;color:var(--n950);letter-spacing:-.01em;margin-bottom:4px}
.aiden-page-buzon .bz-type-desc{font-size:12.5px;color:var(--n500);line-height:1.45}

/* ═══ HOW (flow horizontal) ═══ */
.aiden-page-buzon .bz-how{padding:120px 0;background:#fff}
.aiden-page-buzon .bz-how-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;max-width:1100px;margin:0 auto}
@media(max-width:900px){
  .aiden-page-buzon .bz-how-flow{grid-template-columns:1fr;gap:14px}
  .aiden-page-buzon .bz-how-arrow{transform:rotate(90deg);justify-self:center}
}
.aiden-page-buzon .bz-how-step{
  position:relative;padding:28px 22px;text-align:center;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);
}
.aiden-page-buzon .bz-how-step:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.06)}
.aiden-page-buzon .bz-how-num{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  width:28px;height:28px;border-radius:50%;
  background:var(--n950);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd);font-weight:800;font-size:13px;
}
.aiden-page-buzon .bz-how-step-icon{
  width:48px;height:48px;border-radius:12px;
  background:linear-gradient(135deg,rgba(19,150,126,.1),rgba(27,184,150,.08));
  display:flex;align-items:center;justify-content:center;
  color:var(--t600);margin:8px auto 16px;
}
.aiden-page-buzon .bz-how-step-icon svg{width:22px;height:22px}
.aiden-page-buzon .bz-how-step h3{font-family:var(--fd);font-weight:800;font-size:16px;letter-spacing:-.015em;color:var(--n950);margin:0 0 8px}
.aiden-page-buzon .bz-how-step p{font-size:13px;line-height:1.5;color:var(--n600);margin:0}
.aiden-page-buzon .bz-how-arrow{color:var(--n300);width:20px;height:20px}
.aiden-page-buzon .bz-how-arrow svg{width:100%;height:100%}

/* ═══ FAQ ═══ */
.aiden-page-buzon .bz-faq{padding:120px 0 100px;background:#FAFAF8}
.aiden-page-buzon .bz-faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.aiden-page-buzon .bz-faq-item{
  background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;overflow:hidden;
  transition:box-shadow .3s cubic-bezier(.16,1,.3,1);
}
.aiden-page-buzon .bz-faq-item[open]{box-shadow:0 2px 6px rgba(0,0,0,.04),0 10px 24px rgba(19,150,126,.08)}
.aiden-page-buzon .bz-faq-item summary{
  list-style:none;cursor:pointer;
  padding:18px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-family:var(--fd);font-weight:700;font-size:15.5px;color:var(--n950);letter-spacing:-.01em;line-height:1.35;
  user-select:none;
}
.aiden-page-buzon .bz-faq-item summary::-webkit-details-marker{display:none}
.aiden-page-buzon .bz-faq-item summary::marker{content:""}
.aiden-page-buzon .bz-faq-ico{
  width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!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-buzon .bz-faq-item[open] .bz-faq-ico{transform:rotate(180deg);color:var(--t500)}
.aiden-page-buzon .bz-faq-a{padding:0 22px 18px;font-size:14.5px;color:var(--n600);line-height:1.6}

/* ═══ CTA ORBS ═══ */
.aiden-page-buzon .bz-cta-orbs{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.aiden-page-buzon .bz-cta-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}
.aiden-page-buzon .bz-cta-orb--1{width:500px;height:500px;background:radial-gradient(circle,rgba(19,150,126,.3),transparent 70%);top:-10%;left:-10%}
.aiden-page-buzon .bz-cta-orb--2{width:400px;height:400px;background:radial-gradient(circle,rgba(27,184,150,.25),transparent 70%);bottom:-5%;right:-5%}
.aiden-page-buzon .cta{position:relative;overflow:hidden}
.aiden-page-buzon .cta-inner{position:relative;z-index:2}

/* Reveal */
.aiden-page-buzon .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-buzon .rv.in{opacity:1;transform:translateY(0)}
.aiden-page-buzon .rv-d1{transition-delay:.08s}
.aiden-page-buzon .rv-d2{transition-delay:.16s}
.aiden-page-buzon .rv-d3{transition-delay:.24s}

@media(max-width:640px){
  .aiden-page-buzon .bz-hero{padding:60px 0 40px}
  .aiden-page-buzon .bz-what,.aiden-page-buzon .bz-types,.aiden-page-buzon .bz-how,.aiden-page-buzon .bz-faq{padding:70px 0}
  .aiden-page-buzon .bz-sec-head{margin-bottom:36px}
}