:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#201b17;background:#faf4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1060px;margin:auto;padding-left:22px;padding-right:22px}.header{background:#fff;border-bottom:1px solid #ecdfd3}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{text-decoration:none;color:#1d1c1b;font-size:23px;font-weight:900;letter-spacing:-.6px}.brand b{color:#ee771d}.paw{color:#f58220;font-size:21px}.tag,.mini-pill{background:#fff2e7;border:1px solid #f9d3af;border-radius:999px;color:#9a4b0c;padding:7px 11px;font-weight:650;font-size:12px}.intro{padding:54px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:#b65b15;font-weight:800;font-size:11px}.intro h1{font-size:clamp(30px,5vw,50px);line-height:1.13;letter-spacing:-1.3px;margin:10px 0}.intro p{max-width:660px;color:#76665a;line-height:1.6}.panel{background:white;border:1px solid #eadfd6;border-radius:22px;box-shadow:0 15px 40px #43230c0b;padding:26px}.auth-panel{max-width:540px;margin:0 auto 50px}.tabs{display:flex;gap:6px;background:#f6efe9;padding:5px;border-radius:14px}.tab{border:0;flex:1;padding:12px;background:none;font-weight:750;cursor:pointer;border-radius:10px;color:#7b6f66}.tab.active{color:#221c16;background:#fff;box-shadow:0 2px 8px #2f180d0f}.form{display:flex;flex-direction:column;gap:16px;margin-top:22px}.form h2{margin:0 0 5px;font-size:23px}.form label{font-weight:700;font-size:13px;display:flex;flex-direction:column;gap:8px}.form input,.form select{font:inherit;font-weight:450;border:1px solid #dfd3ca;border-radius:11px;padding:13px 14px;width:100%;outline:none;background:#fff;color:#241b14}.form input:focus,.form select:focus{border-color:#ef842e;box-shadow:0 0 0 3px #f5822026}.btn{border:0;border-radius:12px;padding:13px 17px;font:inherit;font-weight:750;cursor:pointer}.btn.primary{color:white;background:#ed791a}.btn.primary:hover{background:#d9680e}.btn.outline{border:1px solid #d8c6b8;background:#fff;color:#3d3028}.btn:disabled{opacity:.55;cursor:wait}.link-btn{border:0;background:none;color:#b55c17;text-align:left;cursor:pointer;font:inherit;font-weight:700;padding:0}.fine,.muted{color:#817166;font-size:13px;line-height:1.6}.fine{margin:0}.hidden{display:none!important}.status{max-width:800px;margin:0 auto 18px;padding:14px 17px;border-radius:12px;background:#fff0dd;border:1px solid #f2d4ad;color:#80500e;line-height:1.5}.status.error{background:#fff0f0;border-color:#f1bbbb;color:#922727}.status.success{background:#eaf8ed;border-color:#b9dfc3;color:#205d36}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.dash-head h2{margin:5px 0}.dash-head p{margin:0}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel h2{margin-top:0}.compact{margin-top:17px}.pet-card{border:1px solid #ecdccd;border-radius:15px;padding:16px;margin:12px 0;background:#fffaf5}.pet-card h3{margin:0 0 6px}.pet-card p{margin:0;color:#76675b;font-size:13px}.pets-list{min-height:130px}.note{padding:20px 0;color:#756459;font-size:13px;line-height:1.6}.footer{margin-top:55px;padding:24px;text-align:center;font-size:12px;color:#806e5f;border-top:1px solid #e8d9ce}@media(max-width:720px){.dash-grid{grid-template-columns:1fr}.dash-head{align-items:flex-start;flex-direction:column}.tag{display:none}.intro{padding-top:35px}.panel{padding:21px}.topbar{height:65px}}

.pet-edit{margin-top:12px;padding:9px 12px;font-size:12px}
.form textarea{font:inherit;font-weight:450;border:1px solid #dfd3ca;border-radius:11px;padding:13px 14px;width:100%;outline:none;background:#fff;color:#241b14;resize:vertical}.form textarea:focus{border-color:#ef842e;box-shadow:0 0 0 3px #f5822026}.form-section{font-weight:850;font-size:16px;color:#b65b15;border-bottom:1px solid #eedacb;padding:15px 0 8px}.form .checklabel{display:flex;flex-direction:row;gap:10px;align-items:flex-start;line-height:1.45}.checklabel input{width:auto;min-width:17px;height:17px;accent-color:#f58220;margin:0}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.action-row .btn{font-size:12px;padding:10px 12px}.detail-panel{margin-top:22px}.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:26px}.detail-grid h3{margin:10px 0}.pet-photo{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:16px}.health-record{background:#fffaf5;border:1px solid #eadfd6;border-radius:14px;padding:14px;margin:12px 0}.health-record p{color:#76675b;font-size:13px;line-height:1.5}.lost-note{color:#ad301e!important;font-weight:800;margin-top:8px!important}.btn.small{font-size:12px}@media(max-width:720px){.detail-grid{grid-template-columns:1fr}}

/* TAKKO Pets — identificación pública */
.public-body{background:#f7eee4}.public-wrap{max-width:550px;margin:32px auto 64px;padding:0 16px}.public-card{padding:0;overflow:hidden}.public-photo-wrap{width:100%;aspect-ratio:5/3;background:#fff3e6}.public-photo{width:100%;height:100%;object-fit:cover}.public-photo-placeholder{height:100%;display:grid;place-items:center;font-size:76px}.public-heading{text-align:center;padding:24px 22px 12px}.public-heading h1{font-size:30px;margin:8px 0 6px}.public-data{background:#fffaf6;border:1px solid #ecdccd;border-radius:15px;margin:14px 22px;padding:16px;line-height:1.5}.public-data h2{font-size:17px;margin:0 0 8px}.public-data p{font-size:14px;overflow-wrap:anywhere}.public-help{text-align:center;font-size:19px;margin:24px 18px 14px}.public-actions{display:grid;gap:10px;padding:0 22px}.public-actions a{text-align:center;text-decoration:none}.whatsapp{background:#168449;color:white}.lost-banner{background:#ffe5dd;color:#8c240d;text-align:center;font-weight:800;padding:16px}.public-footnote{text-align:center;color:#77685b;font-size:11px;padding:12px 24px 26px}.public-data button{width:100%}.public-photo-controls{display:grid;gap:10px;margin-top:12px}.public-photo-controls .btn{font-size:13px}
.activation-panel{margin-top:22px}.activation-panel .form{max-width:550px}.activation-panel #activation-message{overflow-wrap:anywhere}.activation-panel #activation-message a{color:#b65b15;font-weight:800}.plate-status{font-size:19px;font-weight:700;line-height:1.5}.plate-links{display:grid;gap:10px;margin-top:22px}.plate-links a{text-align:center;text-decoration:none}

/* V9 — Presentación comercial de placas aún no activadas */
.plate-landing{padding:28px}.plate-landing h1{font-size:clamp(27px,5vw,36px);margin:10px 0}.plate-status{font-size:15px;font-weight:500;line-height:1.6}.pitch-hero{background:#fff5e9;border-radius:18px;padding:24px 18px;text-align:center;margin-top:22px}.pitch-hero h2{font-size:23px;line-height:1.2;margin:8px 0}.pitch-hero p{font-size:14px;line-height:1.6;color:#755f4b}.pitch-paw{font-size:45px}.pitch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.pitch-grid>div{border:1px solid #eadbcd;background:#fffdfa;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:6px;font-size:27px}.pitch-grid strong{font-size:13px}.pitch-grid small{font-size:12px;line-height:1.45;color:#806f61}.pitch-steps{padding-left:23px;line-height:1.7;color:#5e5044;font-size:14px}.plate-cta{background:#171717;color:white;padding:22px;border-radius:17px;margin-top:21px}.plate-cta h2{margin:0 0 8px}.plate-cta p{color:#ebd6c5;font-size:14px}.plate-cta .btn{display:block}.plate-cta .btn.outline{background:#fff}.pitch-footer{margin-top:18px}.plate-identified{background:#e8f6eb;color:#235737;border-radius:11px;padding:14px;margin-top:12px;font-size:14px}.plate-missing{margin-top:12px}.plate-missing button{font-size:12px}
@media(max-width:420px){.pitch-grid{grid-template-columns:1fr 1fr}.plate-landing{padding:19px}}

/* V10: tarjeta demo separada del bloque "Cómo funciona" */
.plate-landing .demo-highlight{display:flex;flex-direction:column;align-items:stretch;gap:12px;background:#fff9f3;border:1px solid #f0d8c5;border-radius:17px;padding:22px 20px;margin:28px 0 34px;clear:both;box-sizing:border-box}
.plate-landing .demo-highlight h2{font-size:21px;line-height:1.3;margin:0;text-align:center}
.plate-landing .demo-highlight p{font-size:14px;line-height:1.6;color:#695b4e;margin:0;text-align:center}
.plate-landing .demo-highlight a{display:block;width:100%;max-width:100%;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;line-height:1.4;box-sizing:border-box}
.plate-landing .demo-highlight + h2{margin:0 0 14px;clear:both;font-size:23px;line-height:1.3}
@media(max-width:420px){.plate-landing .demo-highlight{padding:18px 14px;margin:24px 0 30px}}
.v10-events{margin-top:22px}.v10-events .muted{line-height:1.6}.v10-event{border:1px solid #eadfd6;background:#fffaf5;border-radius:13px;padding:14px;margin:10px 0}.v10-event small{color:#786a61}.v10-event p{font-size:13px;overflow-wrap:anywhere}.v10-finder{margin:16px 22px;padding:18px 16px;border:1px solid #ecdccd;border-radius:15px;background:#fffaf5}.v10-finder h2{font-size:18px;margin:0 0 8px}.v10-finder .form{margin-top:12px}.v10-finder textarea{width:100%;border:1px solid #dfd3ca;border-radius:10px;font:inherit;padding:10px;resize:vertical}.v10-finder .btn{width:100%}.v10-finder .checklabel{display:flex;gap:10px;align-items:center;font-size:13px}.v10-finder .checklabel input{width:auto}

/* V11: botones y tarjetas de placas */
.v11-plates{margin-top:22px}.v11-plates .action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.v11-plates .action-row .btn{font-size:13px;display:inline-flex;align-items:center;text-decoration:none;justify-content:center}.v11-plates .pet-card{margin-top:14px}.v11-plates .pet-card p{margin:5px 0}.v11-plates .section-title{gap:12px;flex-wrap:wrap}

/* V11.1: compra adicional sin cobro en línea */
.v111-buy{margin-top:24px;padding:22px;border:1px solid #f5d1ae;border-radius:18px;background:#fff7ee}
.v111-buy-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.v111-buy h3{margin:7px 0;font-size:23px}
.v111-buy .muted{margin:0;max-width:540px}
.v111-price{text-align:right;display:flex;flex-direction:column;gap:3px}
.v111-price strong{font-size:29px;color:#b95c0e}
.v111-price small{font-size:12px;color:#806f61}
.v111-buy .form{max-width:480px;margin-top:18px}
.v111-buy-feedback{font-weight:700;margin-top:14px}
.v111-orders{margin-top:18px;font-size:13px;color:#66574a}
.v111-orders h4{margin:12px 0}
.v111-order{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #eddfd2;padding:11px 0}
@media(max-width:600px){.v111-buy{padding:17px}.v111-price{text-align:left}}


/* TAKKO Pets V11.3 — Atención a clientes oficial; independiente del contacto del dueño */
.takko-support{max-width:1020px;margin:30px auto 38px;padding:24px 26px;background:#fff;border:1px solid #efdfd1;box-shadow:0 8px 26px #38210c0b;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-sizing:border-box;color:#241b14}
.takko-support-copy{min-width:0}
.takko-support-tag{display:inline-block;font-size:11px;font-weight:850;letter-spacing:1.1px;color:#b55a11}
.takko-support h2{font-size:20px;line-height:1.3;margin:8px 0;color:#241b14}
.takko-support p{font-size:13px;line-height:1.55;color:#76675b;margin:5px 0}
.takko-support .takko-support-phone{color:#35271a;margin-top:9px}
.takko-support-button{background:#168449;color:#fff!important;border-radius:12px;text-align:center;text-decoration:none;font-size:14px;font-weight:800;line-height:1.4;padding:15px 20px;min-width:245px;display:inline-block;box-sizing:border-box}
.takko-support-button:hover{background:#0f6b38}
.public-wrap>.takko-support{margin-top:20px}
@media(max-width:720px){.takko-support{margin:22px auto 30px;padding:21px;flex-direction:column;align-items:stretch}.takko-support-button{width:100%;min-width:0}.takko-support h2{font-size:19px}}

/* V11.4 — Atención visible y activación manual realmente opcional */
.takko-support{margin:12px auto 22px;max-width:none;padding:18px 22px;}
.takko-support h2{margin:3px 0;font-size:18px;}
.takko-support .takko-support-phone{margin-top:5px;}
.plate-identified{font-weight:650;}
#manual-code-label.hidden{display:none!important;}
@media(max-width:720px){.takko-support{margin:10px auto 18px;padding:17px;} }