@import url('/static/fonts/fonts.css');
:root{--ink:#142e3d;--coral:#e97255;--cream:#faf7f0;--muted:#596b74;--line:#e4e3dd;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--cream)}
body{background:var(--cream);color:var(--ink)}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.7}.brand{display:flex;align-items:center}.brand img{object-fit:contain;width:136px;height:48px}header{background:var(--cream);border-bottom:1px solid var(--line);padding:19px max(24px,calc((100% - 1216px)/2));gap:24px}header nav{gap:26px;flex-wrap:wrap;justify-content:flex-end}nav a{font-weight:650;color:var(--ink)}.btn,button{background:var(--ink);border-radius:9px;box-shadow:none;font-family:inherit;font-size:.88rem;letter-spacing:-.01em;transition:background .18s,transform .18s}.btn:hover,button:hover{background:#254858;transform:translateY(-1px)}.btn.outline,.outline{background:transparent;color:var(--ink);border-color:#b4c2c7}.secondary{background:#e7eeed;color:var(--ink)}.whatsapp{background:#117851}.whatsapp:hover{background:#09643f}.text-button{background:transparent;color:var(--ink);padding:0}.text-button:hover{background:transparent}.danger{background:#ae3044}.panel{border:1px solid #e7e7e0;box-shadow:0 12px 32px #142e3d04;border-radius:18px}.eyebrow{color:#576b71;font-size:.65rem;font-weight:800;letter-spacing:.16em}.metric:first-child{background:#f8e8df;border-color:#f0d7c9}.badge.active{background:#e7f0e9;color:#296745}.metric:hover{border-color:var(--coral)}.admin-layout header{padding:16px max(22px,calc((100% - 1116px)/2))}.admin-layout h1{color:var(--ink)}.admin-layout .brand{font-size:inherit}.health-options{border-color:#dedfd8}.info{background:#f0f3f2}.notice{background:#fff1d7;color:#6c502a}.pet .alert{background:var(--coral)}.pet h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:3rem}.petphoto{border-color:#efe9df}footer{border-top:1px solid var(--line);margin-top:40px;display:flex;flex-direction:column;gap:8px;align-items:center;background:var(--cream);color:var(--muted)}footer>strong{font-size:2.4rem;letter-spacing:-.07em;color:var(--ink)}footer>span{font-size:.85rem}footer>small{font-size:.67rem}.home-page main{max-width:1280px;margin:0 auto;padding:0 32px}.home-page .message{margin-top:18px}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:68px 0 64px}.home-hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.02;font-size:clamp(3.6rem,5.3vw,5.5rem);margin:26px 0;letter-spacing:-.045em}.home-hero h1 em,.connection-copy h2 em,.home-final em{color:#b84a32;font-weight:400}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;line-height:1.6;font-size:.59rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);flex-shrink:0}.hero-intro{max-width:420px;font-size:.94rem;color:var(--muted);line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-actions .btn{padding:17px 22px}.hero-actions .btn span{margin-left:16px}.text-link{color:var(--ink);font-weight:750;font-size:.77rem;text-underline-offset:6px;text-decoration-thickness:1px}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#5e7077;font-size:.62rem}.hero-notes span:before{content:'✓';color:#5f7860;margin-right:6px}.hero-visual{position:relative;min-width:0}.hero-pets{width:100%;height:550px;display:block;object-fit:cover;object-position:70% 50%;border-radius:180px 180px 18px 18px;background:#e6dfd2}.hero-stamp{width:128px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;top:20px;left:-30px;transform:rotate(-12deg);border-radius:50%;background:var(--coral);color:var(--ink);box-shadow:0 0 0 7px var(--cream)}.hero-stamp span{font-size:.54rem;letter-spacing:.15em;font-weight:800}.hero-stamp strong{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:1.1rem}.hero-photo-caption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:13px;padding:17px;background:#fffef9f2;border:1px solid #ffffff90;border-radius:12px;box-shadow:0 6px 26px #00000010}.hero-photo-caption strong{display:block;font-size:.76rem}.hero-photo-caption span:not(.caption-symbol){display:block;font-size:.61rem;color:var(--muted);margin-top:5px}.caption-symbol{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#f6e2d8;border-radius:50%;font-size:1.5rem;color:#b84a32}.benefit-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.73rem;color:var(--ink)}.benefit-strip>span:first-child{font-family:'DM Serif Display',Georgia,serif;font-size:1.2rem;font-style:italic;color:#66745f}.benefit-strip>span:not(:first-child){color:var(--coral)}.home-section{padding:86px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-top h2,.connection-copy h2,.faq-section h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(2.4rem,3.6vw,3.5rem);line-height:1.12;margin:12px 0 0}.section-top>p{font-size:.81rem;color:var(--muted);max-width:350px;margin:0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-grid article{padding:28px;border:1px solid var(--line);border-radius:12px;background:#fffdfa}.step-number{font-size:.66rem;font-weight:800;border:1px solid #e5d0c0;background:#f6e9dd;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;margin-bottom:30px}.step-grid h3{font-size:1.08rem;margin:0 0 12px;letter-spacing:-.035em}.step-grid p{font-size:.78rem;color:var(--muted);margin:0}.connection-section{background:#eeeede;border-radius:18px;padding:62px;display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}.connection-copy>p:not(.eyebrow){font-size:.84rem;color:#55676c;max-width:430px;margin-top:22px}.feature-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:22px}.feature-list li{display:flex;align-items:start;gap:14px}.feature-list li>span{font-size:1.2rem;background:#fffdfa;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px}.feature-list strong{font-size:.76rem}.feature-list p{margin:5px 0 0;font-size:.73rem;color:#596c71}.profile-preview{background:#fffefa;padding:14px;border-radius:24px;max-width:320px;width:100%;justify-self:center;transform:rotate(3deg);box-shadow:0 18px 40px #142e3d12;border:1px solid #fff}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:7px 5px 16px}.preview-top>span:first-child{font-weight:800;letter-spacing:-.08em;font-size:1.4rem}.preview-top>span:last-child{font-size:.45rem;letter-spacing:.08em;color:#6b7b7c}.preview-pet-photo{height:220px;border-radius:14px;background:url('/static/brand/homecoming.webp') 85% 50%/cover}.preview-body{padding:22px 7px 10px}.preview-badge{font-size:.46rem;letter-spacing:.08em;font-weight:800;background:#f8e3d9;color:#914c39;padding:6px 9px;border-radius:10px}.preview-body h3{font-family:'DM Serif Display',Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1;margin:18px 0 8px}.preview-body p{font-size:.6rem;color:var(--muted)}.preview-contact{display:flex;justify-content:space-between;font-size:.65rem;border-radius:8px;background:#142e3d;color:white;padding:14px;margin:22px 0 14px}.preview-body small{display:block;font-size:.48rem;color:#6b7c7e;text-align:center;line-height:1.5}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-card{border:1px solid var(--line);border-radius:14px;padding:36px;background:#fffdfa}.plan-card h3{font-size:1.6rem;margin:23px 0 10px;letter-spacing:-.04em}.plan-tag{font-size:.55rem;font-weight:800;letter-spacing:.12em;color:#6c7c71}.plan-price{font-size:2.6rem!important;font-weight:800;margin:20px 0 12px;letter-spacing:-.06em}.plan-price span{font-size:.7rem;color:var(--muted);font-weight:500;letter-spacing:0}.plan-card>p{font-size:.8rem;color:var(--muted);max-width:350px}.plan-card ul{list-style:none;padding:0;display:grid;gap:14px;margin:26px 0;font-size:.76rem}.plan-card li:before{content:'✓';color:#6a805d;margin-right:10px}.plan-card .btn{display:flex;justify-content:space-between;align-items:center}.plan-card>small{display:block;font-size:.62rem;color:var(--muted);margin-top:14px}.plan-future{background:#f0e6de;display:flex;flex-direction:column}.plan-future h3{font-family:'DM Serif Display',Georgia,serif;font-size:2.9rem;font-weight:400;line-height:1.1}.future-note{font-size:.74rem;line-height:1.8;border-top:1px solid #dccfc5;padding-top:24px;margin-top:auto;color:#5c6c71}.plan-future .text-link{margin-top:28px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:54px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid #d8ddd8;padding:20px 0}.faq-list summary{font-size:.82rem;font-weight:750;cursor:pointer;line-height:1.6}.faq-list p{font-size:.77rem;color:var(--muted)}.home-final{background:var(--ink);color:var(--cream);text-align:center;border-radius:18px;padding:65px 25px;margin-bottom:36px}.home-final .eyebrow{color:#bececd}.home-final h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(2.8rem,4.4vw,4.4rem);font-weight:400;line-height:1.1;margin:18px 0 30px}.home-final em{color:#f2a68d}.home-final .btn{background:#f1b29a;color:var(--ink);padding:16px 24px}.home-final>p:last-child{font-size:.63rem;color:#c0cdce;margin-top:24px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e09778;outline-offset:3px}.home-page footer{margin-top:0}.home-page .brand{margin-right:auto}
@media(min-width:1500px){.hero-pets{height:590px}}
@media(max-width:1000px){.home-hero{gap:32px;padding-top:46px}.home-hero h1{font-size:4rem}.hero-pets{height:490px}.hero-stamp{width:105px;height:105px;left:-17px}.hero-stamp strong{font-size:.95rem}.hero-actions{gap:17px}.connection-section{padding:38px;gap:32px}.benefit-strip{flex-wrap:wrap;justify-content:center}.step-grid{gap:16px}.step-grid article{padding:22px}.home-nav-link{display:none}}
@media(max-width:720px){header{padding:13px 18px;gap:12px}.brand img{width:105px;height:38px}header nav{gap:12px}.home-page main{padding:0 20px}.home-hero{grid-template-columns:1fr;padding:32px 0 36px;gap:30px}.home-hero h1{font-size:clamp(3.7rem,12vw,5.7rem);margin:18px 0 22px;line-height:1.02}.hero-copy .eyebrow{font-size:.52rem}.hero-intro{font-size:.87rem;max-width:100%}.hero-notes{font-size:.59rem;gap:12px;margin-top:23px}.hero-pets{height:420px;border-radius:140px 140px 16px 16px;object-position:70% 50%}.hero-stamp{top:10px;left:0}.hero-photo-caption{left:15px;right:15px;bottom:15px;padding:14px}.benefit-strip{gap:14px;padding:22px 0;font-size:.59rem}.benefit-strip>span:first-child{width:100%;text-align:center}.home-section{padding:52px 0}.section-top{display:block;margin-bottom:26px}.section-top>p{margin-top:20px}.step-grid{grid-template-columns:1fr;gap:14px}.step-grid article{padding:25px}.step-number{margin-bottom:20px}.step-grid h3{font-size:1.12rem}.step-grid p{font-size:.83rem}.connection-section{grid-template-columns:1fr;padding:30px 24px;gap:42px}.connection-copy h2{font-size:2.6rem}.profile-preview{max-width:290px;transform:rotate(2deg)}.plan-grid{grid-template-columns:1fr}.plan-card{padding:28px}.plan-future h3{font-size:2.6rem}.future-note{margin-top:24px}.faq-section{grid-template-columns:1fr;gap:22px}.home-final{padding:44px 22px}.home-final h2{font-size:2.8rem}.admin-layout nav{max-width:210px}.admin-layout .brand img{width:100px;height:40px}.pet{padding-top:0}.petphoto{width:165px;height:165px}footer{padding:32px 20px}}
@media(prefers-reduced-motion:reduce){.btn,button{transition:none}.btn:hover,button:hover{transform:none}}

/* Marca aprobada: Reúne, con tilde en ú. Símbolo original + texto accesible. */
header .brand{gap:10px;font-size:32px;font-weight:800;letter-spacing:-.07em}header .brand img,.admin-layout header .brand img{width:44px;height:44px;object-fit:contain}@media(max-width:720px){header .brand{font-size:27px}header .brand img,.admin-layout header .brand img{width:35px;height:35px}}

/* Logotipo gráfico con acento aprobado en ú. */
header .brand img,.admin-layout header .brand img{width:152px;height:60px;object-fit:contain}@media(max-width:720px){header .brand img,.admin-layout header .brand img{width:112px;height:44px}}
