:root{--wine:#741326;--wine2:#4f0e1d;--gold:#d8a640;--cream:#fff8ed;--ink:#2c1b18;--muted:#71615a;--line:rgba(116,19,38,.16);--shadow:0 28px 70px rgba(64,15,28,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,rgba(216,166,64,.22),transparent 34%),linear-gradient(145deg,#f6ead8 0%,#fffaf3 42%,#ead4bd 100%)}a{text-decoration:none;color:inherit}button{font:inherit}.page{min-height:100vh;padding:22px 16px 46px}.shell{width:min(100%,470px);margin:auto}.topnote{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 14px;padding:9px 14px;width:max-content;max-width:100%;border:1px solid rgba(116,19,38,.12);border-radius:999px;background:rgba(255,255,255,.76);font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);backdrop-filter:blur(12px)}.card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:34px;background:rgba(255,250,244,.92);box-shadow:var(--shadow)}.cover{height:clamp(500px,72vh,620px);position:relative;overflow:hidden;background:linear-gradient(150deg,var(--wine),#26070e)}.cover-bg{position:absolute;inset:-24px;background-position:center;background-size:cover;filter:blur(22px) saturate(.85);transform:scale(1.12);opacity:.5}.cover:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(28,5,11,.03) 0%,rgba(28,5,11,.08) 58%,rgba(28,5,11,.78) 100%)}.cover>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.brandseal{position:absolute;left:22px;top:20px;z-index:3;width:64px;height:64px;border-radius:50%;padding:4px;background:rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(0,0,0,.23)}.brandseal img{width:100%;height:100%;object-fit:cover;border-radius:50%}.brandlabel{position:absolute;left:22px;right:22px;bottom:18px;z-index:3;color:white}.brandlabel small{display:block;margin-bottom:5px;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#f4d388}.brandlabel strong{font-family:Georgia,serif;font-size:1.34rem}.content{padding:28px 22px 24px}.role{margin:0 0 8px;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.name{margin:0;color:var(--wine);font-family:Georgia,serif;font-size:clamp(2rem,8vw,2.65rem);line-height:1.03}.intro{margin:12px 0 20px;color:var(--muted);font-size:.96rem;line-height:1.65}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 22px}.quick a,.quick button{min-width:0;border:0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(67,23,31,.09);padding:13px 5px 10px;display:grid;place-items:center;gap:6px;cursor:pointer;color:var(--wine)}svg{width:24px;height:24px}.quick span{font-size:.63rem;font-weight:850}.links{display:grid;gap:11px}.link{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.86);transition:.18s}.link:hover{transform:translateY(-2px);border-color:rgba(216,166,64,.7);box-shadow:0 12px 28px rgba(75,24,34,.1)}.linkicon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--wine),var(--wine2));color:#fff}.linkcopy{min-width:0}.linkcopy small{display:block;margin-bottom:3px;color:#8d7b72;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.linkcopy strong{display:block;overflow-wrap:anywhere;color:#3b2522;font-size:.92rem}.arrow{font-size:1.45rem;color:var(--gold);text-align:center}.work{margin-top:20px;padding:17px;border-radius:20px;background:linear-gradient(145deg,#711326,#4c0b19);color:#fff}.work small{display:block;color:#f3cf84;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.work strong{display:block;margin:5px 0 3px;font-family:Georgia,serif;font-size:1.14rem}.work span{font-size:.83rem;color:#f1e0db}.privacy{margin:16px 6px 0;text-align:center;color:#8a7770;font-size:.71rem;line-height:1.5}.footer{margin-top:18px;text-align:center;color:#705b55;font-size:.72rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:11px 15px;border-radius:999px;background:#241315;color:#fff;font-size:.78rem;font-weight:750;transition:.2s;z-index:30}.toast.on{opacity:1;transform:translate(-50%,0)}.selector{padding:28px 22px}.selector .mainlogo{width:180px;max-width:70%;display:block;margin:0 auto 25px}.selector h1{margin:0;color:var(--wine);font-family:Georgia,serif;font-size:2.4rem}.selector p{color:var(--muted);line-height:1.65}.profile{display:grid;grid-template-columns:70px 1fr 28px;align-items:center;gap:14px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:20px;background:#fff}.profile img{width:70px;height:70px;border-radius:17px;object-fit:cover;object-position:center 20%}.profile small{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.profile strong{display:block;margin-top:5px;color:var(--wine);font-size:1rem}#downloadPngEmiliana{position:fixed;right:18px;bottom:18px;z-index:99999;border:0;border-radius:999px;background:linear-gradient(145deg,#741326,#4f0e1d);color:#fff;padding:12px 17px;box-shadow:0 12px 30px rgba(64,15,28,.28);font:800 13px/1 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px}#downloadPngEmiliana svg{width:18px;height:18px}#downloadPngEmiliana:disabled{opacity:.72;cursor:wait}@media(max-width:380px){.cover{height:470px}.content{padding:24px 16px 20px}.quick{gap:7px}.quick span{font-size:.58rem}.link{grid-template-columns:44px minmax(0,1fr) 24px}.linkicon{width:44px;height:44px}#downloadPngEmiliana{right:10px;bottom:10px;padding:11px 14px;font-size:12px}}@media print{#downloadPngEmiliana{display:none!important}}

/* Rediseño profesional exclusivo de la tarjeta de Juan Manuel */
body.juan-manuel-page{
  background:
    radial-gradient(circle at 8% 8%,rgba(216,166,64,.28),transparent 28%),
    radial-gradient(circle at 92% 88%,rgba(116,19,38,.15),transparent 31%),
    linear-gradient(135deg,#f1dfc5 0%,#fffaf2 46%,#ead0b2 100%);
}
.juan-manuel-page .page{
  position:relative;
  isolation:isolate;
}
.juan-manuel-page .page:before,
.juan-manuel-page .page:after{
  content:"";
  position:fixed;
  z-index:-1;
  width:280px;
  height:280px;
  border:1px solid rgba(116,19,38,.08);
  border-radius:50%;
  pointer-events:none;
}
.juan-manuel-page .page:before{left:-120px;top:14%}
.juan-manuel-page .page:after{right:-130px;bottom:8%;border-color:rgba(216,166,64,.24)}
.juan-manuel-page .topnote{
  box-shadow:0 10px 30px rgba(78,28,32,.08);
}
.juan-manuel-page .card{
  border-color:rgba(116,19,38,.10);
  background:rgba(255,251,245,.97);
}
.juan-manuel-page .role{
  display:flex;
  align-items:center;
  gap:10px;
  color:#a16a08;
}
.juan-manuel-page .role:before{
  content:"";
  width:34px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--wine),var(--gold));
}
.juan-manuel-page .intro{
  max-width:58ch;
}
.juan-manuel-page .quick a,
.juan-manuel-page .quick button{
  border:1px solid rgba(116,19,38,.08);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.juan-manuel-page .quick a:hover,
.juan-manuel-page .quick button:hover{
  transform:translateY(-3px);
  border-color:rgba(216,166,64,.62);
  background:#fffdfa;
  box-shadow:0 14px 30px rgba(67,23,31,.13);
}
.juan-manuel-page .link{
  cursor:pointer;
}
.juan-manuel-page .work{
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(79,14,29,.17);
}
.juan-manuel-page .work:after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-64px;
  top:-76px;
  border:1px solid rgba(244,211,136,.35);
  border-radius:50%;
}
.juan-manuel-page #downloadPngEmiliana{
  border:1px solid rgba(255,255,255,.22);
  padding:14px 19px;
  box-shadow:0 16px 36px rgba(64,15,28,.31);
  transition:transform .18s ease,box-shadow .18s ease;
}
.juan-manuel-page #downloadPngEmiliana:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(64,15,28,.38);
}

@media (min-width:900px){
  .juan-manuel-page .page{
    padding:30px 34px 42px;
    display:flex;
    align-items:center;
  }
  .juan-manuel-page .shell{
    width:min(100%,1120px);
  }
  .juan-manuel-page .topnote{
    margin-bottom:16px;
    padding:10px 17px;
    font-size:.73rem;
    letter-spacing:.11em;
  }
  .juan-manuel-page .card{
    display:grid;
    grid-template-columns:minmax(385px,.86fr) minmax(0,1.14fr);
    min-height:780px;
    border-radius:36px;
    box-shadow:0 38px 100px rgba(64,15,28,.25);
  }
  .juan-manuel-page .cover{
    height:auto;
    min-height:780px;
    border-right:1px solid rgba(216,166,64,.28);
  }
  .juan-manuel-page .cover:after{
    background:linear-gradient(180deg,rgba(28,5,11,.01) 0%,rgba(28,5,11,.04) 54%,rgba(28,5,11,.82) 100%);
  }
  .juan-manuel-page .cover>img{
    object-position:center bottom;
  }
  .juan-manuel-page .brandseal{
    left:28px;
    top:27px;
    width:76px;
    height:76px;
    padding:5px;
    box-shadow:0 15px 34px rgba(0,0,0,.26);
  }
  .juan-manuel-page .brandlabel{
    left:30px;
    right:30px;
    bottom:27px;
  }
  .juan-manuel-page .brandlabel small{
    margin-bottom:8px;
    font-size:.7rem;
    letter-spacing:.18em;
  }
  .juan-manuel-page .brandlabel strong{
    font-size:1.58rem;
    line-height:1.2;
  }
  .juan-manuel-page .content{
    padding:44px 42px 34px;
    display:flex;
    flex-direction:column;
  }
  .juan-manuel-page .role{
    margin-bottom:12px;
    font-size:.74rem;
  }
  .juan-manuel-page .name{
    max-width:620px;
    font-size:clamp(3rem,4.1vw,4.2rem);
    line-height:.98;
    letter-spacing:-.035em;
  }
  .juan-manuel-page .intro{
    margin:18px 0 23px;
    font-size:1.02rem;
    line-height:1.72;
  }
  .juan-manuel-page .quick{
    gap:11px;
    margin:2px 0 25px;
  }
  .juan-manuel-page .quick a,
  .juan-manuel-page .quick button{
    min-height:76px;
    border-radius:20px;
    padding:14px 6px 11px;
  }
  .juan-manuel-page .quick span{
    font-size:.67rem;
  }
  .juan-manuel-page .links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }
  .juan-manuel-page .link{
    grid-template-columns:44px minmax(0,1fr) 22px;
    min-height:78px;
    gap:11px;
    padding:11px 12px;
    border-radius:18px;
  }
  .juan-manuel-page .linkicon{
    width:44px;
    height:44px;
    border-radius:14px;
  }
  .juan-manuel-page .linkcopy small{
    font-size:.61rem;
  }
  .juan-manuel-page .linkcopy strong{
    font-size:.82rem;
    line-height:1.3;
  }
  .juan-manuel-page .links .link:last-child{
    grid-column:1/-1;
  }
  .juan-manuel-page .work{
    margin-top:auto;
    padding:18px 20px;
    border-radius:22px;
  }
  .juan-manuel-page .work strong{
    font-size:1.18rem;
  }
  .juan-manuel-page .privacy{
    max-width:720px;
    margin:18px auto 0;
  }
  .juan-manuel-page .footer{
    margin-top:14px;
  }
  .juan-manuel-page #downloadPngEmiliana{
    right:28px;
    bottom:26px;
  }
}

@media (min-width:620px) and (max-width:899px){
  .juan-manuel-page .shell{width:min(100%,560px)}
  .juan-manuel-page .cover{height:clamp(570px,78vh,700px)}
  .juan-manuel-page .content{padding:34px 30px 28px}
  .juan-manuel-page .name{font-size:3rem}
  .juan-manuel-page .intro{font-size:1rem}
}

@media (max-width:619px){
  .juan-manuel-page .page{padding:16px 12px 42px}
  .juan-manuel-page .card{border-radius:29px;box-shadow:0 26px 65px rgba(64,15,28,.22)}
  .juan-manuel-page .cover{height:clamp(490px,132vw,610px)}
  .juan-manuel-page .content{padding:29px 21px 24px}
  .juan-manuel-page .name{letter-spacing:-.025em}
  .juan-manuel-page .intro{margin-top:14px}
  .juan-manuel-page .footer{padding-bottom:54px}
  .juan-manuel-page #downloadPngEmiliana{right:12px;bottom:12px}
}

@media (prefers-reduced-motion:reduce){
  .juan-manuel-page *,
  .juan-manuel-page *:before,
  .juan-manuel-page *:after{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}