.pp-home #top .hero-main{padding-top:0;align-self:start}
.pp-home #top .pp-welcome{position:relative;display:flex;flex-direction:column;gap:0;padding:22px 24px;margin:0 0 30px;border:1px solid #427698;border-radius:14px;background:linear-gradient(120deg,#0b2134f2,#0b1725ed);box-shadow:0 12px 36px #0004;min-width:0}
.pp-home #top .pp-welcome::before{content:'';position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,#62c2ff,#f0bc64,transparent)}
.pp-home #top .pp-welcome h3{font:800 clamp(22px,1.55vw,30px)/1.2 var(--display);letter-spacing:.035em;margin:0 0 5px;color:#edf5ff}
.pp-home #top .pp-card-kicker{font:500 11px/1.5 var(--mono);letter-spacing:.12em;margin:0 0 10px;color:#b2cbe0}
.pp-home #top .pp-welcome .hero-actions{display:block;margin:0;padding:0}
.pp-home #top .o7-auto{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;min-width:0;gap:18px;padding:0;border:0;box-shadow:none;background:none;border-radius:0;animation:none}
.pp-home #top .o7-gif{width:84px;height:94px;flex:0 0 84px;object-fit:contain}
.pp-home #top .o7-textos{min-width:0;flex:1}
.pp-home #top .o7-linea{font:700 clamp(15px,1vw,19px)/1.45 var(--body);white-space:normal;overflow-wrap:anywhere}
.pp-home #top .o7-cifra{font:700 clamp(18px,1.3vw,25px)/1.35 var(--display);margin-top:5px;white-space:normal}
.pp-home #top .pp-welcome-note{font:400 14px/1.5 var(--body);color:#b3c9dc;margin:8px 0 14px}
.pp-home #top .pp-welcome-note br{display:none}.pp-home #top .pp-welcome-note br::after{content:' '}
.pp-home #top .pp-community-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
.pp-home #top .pp-community-actions .hp-btn{display:flex;justify-content:center;gap:11px;min-width:0;min-height:54px;padding:11px 14px;border-radius:8px}
.pp-home #top .pp-community-actions .hp-txt b{font:800 17px/1.3 var(--body)}
.pp-home #top .pp-community-actions .hp-txt small{font:500 11px/1.4 var(--mono);letter-spacing:.07em}
.pp-home #top .pp-community-actions .hp-ico{font-size:23px}
.pp-home #top .pp-community-actions .hp-bono{background:#e1b451;border-color:#f5d27d;color:#241b0a;box-shadow:0 4px 20px #e2ac2c18}
.pp-home #top .pp-community-actions .hp-donar{background:#11243a;border-color:#4a7ba3;color:#f0f5ff}
.pp-home #top .pp-community-actions .hp-btn:focus-visible{outline:3px solid #9cdcff;outline-offset:3px}
.pp-home #comunidad .pp-community-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:1101px){.pp-home #comunidad #honoresMount{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-home #comunidad #honoresMount>.hh-row:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:760px){.pp-home #top .pp-welcome{padding:20px 18px;margin-bottom:28px}.pp-home #top .o7-auto{gap:12px}.pp-home #top .o7-gif{width:68px;height:84px;flex-basis:68px}.pp-home #top .pp-welcome h3{font-size:23px}.pp-home #top .pp-community-actions{gap:10px}.pp-home #top .pp-community-actions .hp-btn{padding:10px;gap:8px}.pp-home #top .pp-community-actions .hp-txt b{font-size:16px}.pp-home #top .pp-community-actions .hp-txt small{font-size:10px}.pp-home #top .pp-welcome-note{font-size:13px}}
@media(max-width:360px){.pp-home #top .pp-welcome{padding:18px 14px}.pp-home #top .pp-community-actions{grid-template-columns:1fr}.pp-home #top .o7-gif{width:58px;flex-basis:58px}.pp-home #top .o7-cifra{font-size:17px}.pp-home #top .pp-welcome h3{font-size:21px}}


/* V2: texto protagonista y acciones compactas a la derecha. */
.pp-home #top .hero-main{container-type:inline-size}
.pp-home #top .pp-welcome{display:grid;grid-template-columns:minmax(0,1fr) 182px;gap:0 24px;padding:26px}
.pp-home #top .pp-welcome h3{grid-column:1;grid-row:1;font-size:clamp(29px,2.2vw,42px);line-height:1.15;margin-bottom:9px;letter-spacing:.015em}
.pp-home #top .pp-card-kicker{grid-column:1;grid-row:2;font-size:13px;margin-bottom:14px;letter-spacing:.08em}
.pp-home #top .pp-welcome .hero-actions{grid-column:1;grid-row:3}
.pp-home #top .o7-gif{width:86px;height:104px;flex-basis:86px}
.pp-home #top .o7-linea{font-size:clamp(19px,1.35vw,26px);line-height:1.35}
.pp-home #top .o7-cifra{font-size:clamp(25px,1.9vw,36px);line-height:1.3;margin-top:8px}
.pp-home #top .pp-welcome-note{grid-column:1;grid-row:4;font-size:17px;line-height:1.5;margin:14px 0 0}
.pp-home #top .pp-community-actions{grid-column:2;grid-row:1/5;grid-template-columns:1fr;gap:12px;align-self:center;align-content:center;width:182px}
.pp-home #top .pp-community-actions .hp-btn{width:100%;min-height:64px;padding:12px 14px;gap:10px;justify-content:flex-start}
.pp-home #top .pp-community-actions .hp-txt b{font-size:18px}
.pp-home #top .pp-community-actions .hp-txt small{font-size:11px;letter-spacing:.025em}
@container(max-width:620px){
 .pp-home #top .pp-welcome{grid-template-columns:minmax(0,1fr) 154px;gap:0 16px;padding:22px}
 .pp-home #top .pp-welcome h3{grid-column:1/-1;font-size:30px}
 .pp-home #top .pp-card-kicker{grid-column:1/-1;font-size:12px}
 .pp-home #top .pp-community-actions{grid-row:3/5;width:154px}
 .pp-home #top .pp-community-actions .hp-btn{padding:11px 10px;gap:8px}
 .pp-home #top .pp-community-actions .hp-txt b{font-size:16px}
 .pp-home #top .pp-community-actions .hp-txt small{font-size:10px}
 .pp-home #top .o7-auto{gap:10px}.pp-home #top .o7-gif{width:60px;height:80px;flex-basis:60px}
 .pp-home #top .o7-linea{font-size:19px}.pp-home #top .o7-cifra{font-size:25px}
 .pp-home #top .pp-welcome-note{font-size:15px}
}
@container(max-width:460px){
 .pp-home #top .pp-welcome{display:flex;padding:20px 18px}
 .pp-home #top .pp-welcome h3{font-size:28px}
 .pp-home #top .o7-gif{width:62px;flex-basis:62px}
 .pp-home #top .pp-community-actions{width:180px;align-self:flex-end;margin-top:18px}
 .pp-home #top .pp-community-actions .hp-txt b{font-size:17px}
 .pp-home #top .pp-community-actions .hp-txt small{font-size:11px}
}


/* V3: acciones de bienvenida con mayor contraste y lectura. */
.pp-home #top .pp-welcome{grid-template-columns:minmax(0,1fr) 270px;column-gap:28px}
.pp-home #top .pp-community-actions{width:270px;gap:16px}
.pp-home #top .pp-community-actions .hp-btn{
 position:relative;isolation:isolate;overflow:hidden;min-height:108px;padding:18px;
 display:flex;align-items:center;justify-content:flex-start;gap:15px;border-radius:15px;
 text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.pp-home #top .pp-community-actions .hp-btn::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(115deg,transparent 20%,#ffffff45 40%,transparent 60%);
 transform:translateX(-110%);transition:transform .65s ease;
}
.pp-home #top .pp-community-actions .hp-btn::after{
 content:'';position:absolute;left:20px;right:20px;top:0;height:2px;
 background:linear-gradient(90deg,transparent,#ffffffa0,transparent);pointer-events:none;
}
.pp-home #top .pp-community-actions .hp-ico{
 flex:0 0 44px;width:44px;height:48px;display:grid;place-items:center;
 transition:transform .25s;filter:drop-shadow(0 3px 5px #0002);
}
.pp-home #top .pp-community-actions .hp-ico svg{display:block;width:44px;height:44px}
.pp-home #top .pp-community-actions .hp-txt{min-width:0;display:flex;flex-direction:column;gap:8px;text-align:left}
.pp-home #top .pp-community-actions .hp-txt b{font:800 28px/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.pp-home #top .pp-community-actions .hp-txt small{font:700 17px/1.2 var(--body);letter-spacing:0;white-space:normal;opacity:1;text-transform:none}
.pp-home #top .pp-community-actions .hp-bono{
 color:#281b05;border:1px solid #ffe7a0;
 background:radial-gradient(ellipse at 20% 0%,#fff1b4,transparent 60%),linear-gradient(120deg,#f5d16f,#e9af37);
 box-shadow:0 8px 24px #e8af2626,inset 0 1px 0 #fff7c888;
}
.pp-home #top .pp-community-actions .hp-bono .hp-txt b{color:#281b05}
.pp-home #top .pp-community-actions .hp-bono .hp-txt small{color:#573600;font-size:20px}
.pp-home #top .pp-community-actions .hp-donar{
 color:#f4faff;border:1px solid #5bcaff;
 background:radial-gradient(ellipse at 10% 20%,#247bac99,transparent 65%),linear-gradient(120deg,#123c5e,#102039);
 box-shadow:0 8px 24px #259df02b,inset 0 1px 0 #abdeff44;
}
.pp-home #top .pp-community-actions .hp-donar .hp-txt b{font-size:32px;color:#f4faff}
.pp-home #top .pp-community-actions .hp-donar .hp-txt small{color:#bae2ff}
@media(hover:hover){
 .pp-home #top .pp-community-actions .hp-btn:hover{transform:translateY(-3px)}
 .pp-home #top .pp-community-actions .hp-btn:hover::before{transform:translateX(110%)}
 .pp-home #top .pp-community-actions .hp-btn:hover .hp-ico{transform:scale(1.12) rotate(-5deg)}
 .pp-home #top .pp-community-actions .hp-bono:hover{box-shadow:0 10px 30px #e8af2655;border-color:#fff4c9}
 .pp-home #top .pp-community-actions .hp-donar:hover{box-shadow:0 10px 30px #259df055;border-color:#b6eaff}
}
.pp-home #top .pp-community-actions .hp-btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pp-home #top .pp-community-actions .hp-btn:active{transform:scale(.98)}
@container(max-width:760px){
 .pp-home #top .pp-welcome{display:flex}
 .pp-home #top .pp-community-actions{width:270px;max-width:100%;align-self:flex-end;margin-top:20px;order:5}
 .pp-home #top .pp-welcome-note{order:4}
}
@container(max-width:460px){
 .pp-home #top .pp-community-actions{width:100%;gap:12px}
 .pp-home #top .pp-community-actions .hp-btn{min-height:94px;padding:16px 14px;gap:12px}
 .pp-home #top .pp-community-actions .hp-ico,.pp-home #top .pp-community-actions .hp-ico svg{width:38px;height:42px;flex-basis:38px}
 .pp-home #top .pp-community-actions .hp-txt b{font-size:26px}
 .pp-home #top .pp-community-actions .hp-donar .hp-txt b{font-size:30px}
 .pp-home #top .pp-community-actions .hp-txt small{font-size:16px}
 .pp-home #top .pp-community-actions .hp-bono .hp-txt small{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
 .pp-home #top .pp-community-actions .hp-btn,.pp-home #top .pp-community-actions .hp-ico,.pp-home #top .pp-community-actions .hp-btn::before{transition:none}
 .pp-home #top .pp-community-actions .hp-btn:hover,.pp-home #top .pp-community-actions .hp-btn:hover .hp-ico{transform:none}
 .pp-home #top .pp-community-actions .hp-btn::before{display:none}
}
