/* Selector alternativo · diseño de stickers aprobado por Joaco. */
:root{--pp-cream:#f7f2e9;--pp-brown:#3c2d28;--pp-muted:#5a4740;--pp-blue:#bed7e4;--pp-pink:#efc9cf}
*{box-sizing:border-box}
body{margin:0;background:var(--pp-cream);color:var(--pp-brown);font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
.pp-picker{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:28px 24px max(28px,env(safe-area-inset-bottom))}
.pp-picker-logo{display:flex;align-items:center;min-height:44px}
.pp-picker-logo img{width:160px;height:auto}
.pp-picker-window{width:min(600px,100%)}
.pp-picker h1{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:44px;font-weight:600;line-height:1.08;letter-spacing:-.025em;text-align:center;margin:0;text-wrap:balance}
.pp-picker-window>p{text-align:center;font-size:17px;line-height:1.5;color:var(--pp-muted);margin:12px 0 18px}
.pp-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pp-picker-option{min-width:0;text-decoration:none;display:flex;flex-direction:column;border-radius:28px;outline-offset:5px}
.pp-picker-photo{position:relative;isolation:isolate;aspect-ratio:3/4;max-height:350px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}
.pp-picker-blob{position:absolute;z-index:-1;inset:9% 3% 4%;background:var(--pp-blue);border-radius:48% 41% 46% 37% / 33% 42% 32% 45%;transform:rotate(-5deg)}
.pp-picker-option[data-picker-model=hembra] .pp-picker-blob{background:var(--pp-pink);inset:12% 1% 5%;border-radius:46% 50% 36% 46% / 46% 34% 48% 31%;transform:rotate(6deg)}
.pp-picker-photo img{width:112%;max-width:none;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 4px rgba(60,45,40,.07));transition:transform 180ms ease-out}
.pp-picker-doodle{position:absolute;pointer-events:none;width:44px;height:44px;color:var(--pp-brown)}
.pp-picker-rays{left:-2%;top:3%;transform:rotate(-5deg)}
.pp-picker-paw{left:-3%;bottom:13%;width:35px;height:35px;transform:rotate(-18deg)}
.pp-picker-heart{right:0;top:7%;transform:rotate(7deg)}
.pp-picker-label{display:flex;justify-content:center;align-items:center;gap:20px;min-height:66px;padding:12px 18px;border-radius:999px;background:var(--pp-brown);color:var(--pp-cream);font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-size:29px;font-weight:600;line-height:1.1;white-space:nowrap;transition:background 160ms ease-out}
.pp-picker-arrow{font-family:system-ui,sans-serif;font-size:30px;font-weight:400;line-height:1}
.pp-picker a:focus-visible{outline:3px solid var(--pp-brown)}
.pp-picker-option:active .pp-picker-photo img{transform:scale(.98)}
.pp-picker-foot{text-align:center;color:var(--pp-muted);font-size:13px;line-height:1.5;margin:0}
@media(hover:hover){.pp-picker-option:hover .pp-picker-photo img{transform:translateY(-4px) rotate(-1deg)}.pp-picker-option:hover .pp-picker-label{background:#513a31}}
@media(max-width:540px){.pp-picker{gap:24px;padding:24px 18px max(24px,env(safe-area-inset-bottom))}.pp-picker-logo img{width:138px}.pp-picker h1{font-size:clamp(27px,7.7vw,38px)}.pp-picker-window>p{font-size:14px;margin:10px 0 16px}.pp-picker-options{gap:14px}.pp-picker-photo{aspect-ratio:3/4;max-height:290px;margin-bottom:10px}.pp-picker-label{font-size:24px;min-height:54px;padding:12px;gap:12px}.pp-picker-arrow{font-size:25px}.pp-picker-doodle{width:34px;height:34px}.pp-picker-paw{width:28px;height:28px}.pp-picker-foot{font-size:12px}}
@media(max-width:350px){.pp-picker{padding-inline:14px;gap:20px}.pp-picker-options{gap:12px}.pp-picker-label{font-size:21px;gap:9px;padding-inline:9px}.pp-picker-arrow{font-size:23px}.pp-picker-window>p{font-size:13px}}
@media(max-height:650px){.pp-picker{gap:18px;padding-block:18px}.pp-picker-photo{max-height:210px}.pp-picker-logo img{width:124px}.pp-picker-window>p{margin-bottom:12px}}
@media(max-width:540px){.pp-picker-label{font-size:clamp(16px,4.6vw,22px);gap:6px;padding-inline:8px;white-space:nowrap}.pp-picker-arrow{font-size:clamp(18px,5vw,24px)}}
@media(prefers-reduced-motion:reduce){.pp-picker-photo img,.pp-picker-label{transition:none}}