/* Mascotas al Momento · 2026-10-20 · Edición editorial. CSS scoped. */
.pets-site { background:#f7f7f8; }
.pets-wrap, .pets-wrap * { box-sizing:border-box; }
.pets-wrap { --pet-red:#c9081b; --pet-ink:#17191c; --pet-muted:#5b616b; --pet-line:#dfe2e7; --pet-paper:#fff; color:var(--pet-ink); max-width:1230px; margin:0 auto 42px; font-family:inherit; }
.pets-wrap a { text-decoration:none; }
.pets-brandbar { display:flex; justify-content:space-between; align-items:center; font:700 10px/1.4 system-ui,sans-serif; letter-spacing:.12em; color:#62656c; padding:12px 0; border-bottom:1px solid var(--pet-line); gap:12px; }
.pets-brandbar a { color:var(--pet-red); }
.pets-masthead { display:flex; justify-content:space-between; align-items:center; min-height:142px; padding:24px 30px; background:#17191c; color:#fff; position:relative; overflow:hidden; border-bottom:4px solid var(--pet-red); }
.pets-kicker,.pets-label { display:block; font:750 10px/1.4 system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.pets-kicker { color:#f9a3ac; margin-bottom:9px; }
.pets-wordmark { display:block; font-size:clamp(32px,4vw,54px); letter-spacing:-.055em; line-height:1; font-weight:900; color:#fff !important; }
.pets-wordmark span { color:#ff475a; }
.pets-masthead p { margin:10px 0 0; font-size:13px; color:#d4d5d7; font-weight:500; }
.pets-masthead-mark { width:91px; height:91px; border:1px solid #5b5c60; border-radius:50%; color:#ff3b4f; display:grid;place-items:center; transform:rotate(7deg); flex-shrink:0; }
.pets-tabs { background:#fff; border:1px solid var(--pet-line); border-top:0; display:flex; align-items:center; gap:0; min-height:52px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.pets-tabs a { padding:17px 14px; font-size:12px; font-weight:750; white-space:nowrap; flex-shrink:0; color:#363b40; border-bottom:3px solid transparent; transition:background .15s; }
.pets-tabs a:hover,.pets-tabs a:focus-visible { background:#f4f5f6; color:#c9081b; }
.pets-tabs a[aria-current=page] { border-bottom-color:#c9081b; color:#c9081b; }
.pets-tabs .pets-tab-post { margin-left:auto; background:#c9081b; color:#fff; border-bottom-color:#c9081b; }
.pets-tabs .pets-tab-post:hover,.pets-tabs .pets-tab-post:focus-visible { background:#a80516; color:#fff; }
.pets-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr); background:#fff; border:1px solid var(--pet-line); border-top:0; min-height:382px; }
.pets-hero-copy { padding:49px 48px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.pets-label { color:#7d8189; margin-bottom:10px; }
.pets-red { color:#b9091b !important; }
.pets-hero h1,.pets-page-heading h1 { font-size:clamp(31px,4.1vw,58px); line-height:1.02; letter-spacing:-.047em; font-weight:900; max-width:660px; margin:0 0 20px; color:#17191c; }
.pets-hero h1 em { color:#c9081b; font-style:normal; }
.pets-hero p { color:#4d535a; max-width:550px; line-height:1.65; font-size:15px; margin:0 0 22px; }
.pets-hero-copy small { color:#767b81; margin-top:14px; font-size:11px; }
.pets-hero-actions { display:flex; gap:11px; flex-wrap:wrap; }
.pets-primary, .pets-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 19px; border-radius:5px; font:750 13px/1.2 system-ui,sans-serif; text-decoration:none; cursor:pointer; transition:background .15s; }
.pets-primary { background:#c9081b; color:#fff !important; border:1px solid #c9081b; }
.pets-primary:hover, .pets-primary:focus-visible { background:#a90717; }
.pets-secondary { background:#fff; color:#23262b !important; border:1px solid #d6d9df; }
.pets-secondary:hover,.pets-secondary:focus-visible { border-color:#c9081b; }
.pets-hero-art { background:#191b1f; min-height:340px; position:relative; overflow:hidden; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; padding:40px; }
.pets-hero-art:before { content:''; position:absolute; inset:0 0 auto auto; width:74%; height:100%; background:linear-gradient(145deg,transparent 28%,#ce1025 28% 31%,transparent 31% 52%,#550810 52% 54%,transparent 54%); opacity:.85; }
.pets-hero-art>span { position:relative; z-index:1; font-size:clamp(34px,4vw,63px); font-weight:900; letter-spacing:-.065em; line-height:.98; }
.pets-art-ring { border:40px solid #c90a1b; width:205px; height:205px; border-radius:50%; position:absolute; right:-55px; top:-70px; opacity:.48; }
.pets-hero-art strong { position:relative; z-index:1; display:block; margin-top:18px; border-top:1px solid #666; padding-top:11px; width:max-content; font-size:21px; line-height:.8; color:#ff5769; }
.pets-hero-art strong small { display:block; font-size:9px; letter-spacing:.1em; color:#fff; margin-top:8px; }
.pets-quicklinks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#dfe2e7; border:1px solid var(--pet-line); border-top:0; }
.pets-quicklinks>a { background:#fff; color:#17191c; padding:23px 25px; display:grid; gap:7px; }
.pets-quicklinks>a:hover { background:#fdf5f6; }
.pets-quicklinks span { color:#c9081b; font-size:12px; font-weight:900; }
.pets-quicklinks strong { font-size:21px; font-weight:850; letter-spacing:-.025em; }
.pets-quicklinks em { font-style:normal; color:#5b616b; font-size:12px; font-weight:700; }
.pets-list-section { padding:51px 0 44px; }
.pets-section-heading { display:flex; justify-content:space-between; align-items:end; gap:14px; margin-bottom:23px; }
.pets-section-heading h2,.pets-resource h2 { font-size:clamp(24px,2.9vw,38px); line-height:1.12; letter-spacing:-.04em; font-weight:900; margin:4px 0 0; }
.pets-count { font-weight:700; font-size:12px; color:#5b616b; white-space:nowrap; }
.pets-filters { background:#fff; border:1px solid var(--pet-line); border-radius:8px; display:flex; align-items:end; gap:12px; padding:18px; margin-bottom:22px; flex-wrap:wrap; }
.pets-filters label { flex:1 1 150px; display:grid; gap:7px; font:750 11px/1.5 system-ui,sans-serif; color:#34373a; }
.pets-filters select, .pets-form input:not([type=checkbox]),.pets-form select,.pets-form textarea { font:500 14px/1.4 system-ui,sans-serif; width:100%; border:1px solid #ccd0d7; background:#fff; border-radius:5px; min-height:44px; padding:10px 11px; color:#17191c; }
.pets-form textarea { min-height:95px; resize:vertical; }
.pets-filters select:focus-visible,.pets-form input:focus-visible,.pets-form select:focus-visible,.pets-form textarea:focus-visible { outline:2px solid #c9081b; outline-offset:2px; }
.pets-filter-submit { background:#1a1b1e; color:#fff; border:0; border-radius:5px; padding:10px 20px; min-height:44px; font-weight:800; font-size:12px; cursor:pointer; }
.pets-reset { min-height:44px; padding:13px 4px; font-size:12px; color:#6d7178; }
.pets-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.pets-card { background:#fff; border:1px solid var(--pet-line); border-radius:8px; overflow:hidden; box-shadow:0 3px 8px rgba(20,20,20,.025); min-width:0; }
.pets-card-photo { position:relative; display:block; aspect-ratio:1.35/1; overflow:hidden; background:#25272c; }
.pets-card-photo img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.pets-card:hover img { transform:scale(1.025); }
.pets-photo-empty { display:grid; place-items:center; width:100%; height:100%; color:#fff; text-align:center; font-size:24px; font-weight:900; letter-spacing:-.03em; }
.pets-photo-empty small { font-size:12px; font-weight:650; letter-spacing:.13em; }
.pets-photo-tag { position:absolute; top:13px; left:13px; padding:8px 11px; font:800 10px/1 system-ui,sans-serif; background:#fff; color:#be081a; text-transform:uppercase; letter-spacing:.07em; border-radius:3px; }
.pets-photo-resolved { background:#292d34; color:#fff; }
.pets-card-body { padding:18px 19px 21px; }
.pets-small { color:#b2091b; text-transform:uppercase; letter-spacing:.11em; font-size:10px; font-weight:850; }
.pets-card-body h3 { font-size:24px; letter-spacing:-.045em; line-height:1.2; margin:9px 0 5px; }
.pets-card-body h3 a { color:#1b1d21; }
.pets-card-body p { font-size:12px; color:#686b72; margin:0; }
.pets-card-link { display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:15px; border-top:1px solid var(--pet-line); color:#17191c; font-size:12px; font-weight:800; }
.pets-card-link span { color:#c9081b; font-size:19px; }
.pets-empty { grid-column:1/-1; text-align:center; background:#fff; border:1px dashed #ccd0d7; border-radius:7px; padding:45px 25px; }
.pets-empty strong { font-size:22px; letter-spacing:-.03em; }
.pets-empty p { color:#62666d; font-size:14px; }
.pets-empty a { color:#c9081b; font-weight:800; }
.pets-pagination { margin:22px 0; }
.pets-resource { display:grid; grid-template-columns:1fr 1fr; gap:35px; background:#212327; border-radius:6px; padding:35px; color:#fff; }
.pets-resource h2 { color:#fff; }
.pets-resource p { line-height:1.65; color:#c6c8cc; font-size:14px; }
.pets-resource-links { display:grid; align-content:center; }
.pets-resource-links a { display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:17px; font-weight:800; padding:17px 6px; border-bottom:1px solid #4b4d50; }
.pets-resource-links span { color:#f74a5f; }
.pets-footer { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; background:#fff; border-top:3px solid #c9081b; margin-top:38px; padding:22px; }
.pets-footer strong { font-size:13px; white-space:nowrap; }
.pets-footer p { color:#747880; font-size:12px; margin:0; flex:1 1 360px; line-height:1.5; }
.pets-footer a { color:#b60918; font-size:12px; font-weight:850; }
.pets-page-heading { margin:44px 0 29px; }
.pets-page-heading h1 { margin-bottom:13px; }
.pets-page-heading p { max-width:690px; color:#5f636a; line-height:1.6; font-size:15px; }
.pets-narrow { max-width:840px; margin:0 auto; }
.pets-form { background:#fff; border:1px solid var(--pet-line); border-radius:8px; padding:28px; }
.pets-form fieldset { min-width:0; border:0; padding:0 0 25px; margin:0 0 27px; border-bottom:1px solid var(--pet-line); }
.pets-form legend { margin-bottom:21px; width:100%; font-size:19px; font-weight:900; letter-spacing:-.03em; }
.pets-form label { display:grid; gap:7px; margin-bottom:14px; font:700 12px/1.4 system-ui,sans-serif; color:#34383e; }
.pets-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 15px; }
.pets-form-hint { font-size:12px; color:#62666e; line-height:1.55; margin:6px 0 15px; }
.pets-form .pets-consent { display:flex; align-items:start; gap:10px; font-weight:500; line-height:1.55; }
.pets-consent input,.pets-checkrow input { width:18px; height:18px; accent-color:#c9081b; flex-shrink:0; margin-top:1px; }
.pets-submit { width:100%; }
.pets-honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0; }
.pets-errors { background:#fff0f1; color:#8c0b19; border:1px solid #f0b5bc; border-radius:6px; padding:16px; margin:20px 0; font-size:13px; }
.pets-success { background:#e7f6ee; color:#176f44; border:1px solid #c1e4d0; padding:15px; margin-top:18px; border-radius:6px; font-size:13px; }
.pets-detail { padding-top:24px; }
.pets-back { color:#596169; font-size:12px; font-weight:750; }
.pets-detail-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:25px 0; }
.pets-detail-heading h1 { font-size:clamp(34px,5vw,57px); line-height:1.04; font-weight:900; letter-spacing:-.05em; margin:5px 0 9px; }
.pets-detail-heading p { color:#5f6268; margin:0; font-size:14px; }
.pets-resolved-label { background:#e4e7ea; color:#24272b; font:750 12px/1.3 system-ui,sans-serif; padding:9px 12px; border-radius:4px; }
.pets-detail-cols { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:27px; }
.pets-detail-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.pets-detail-gallery img { width:100%; height:230px; object-fit:cover; background:#232327; border-radius:5px; }
.pets-detail-gallery img:first-child { grid-column:1/-1; height:400px; }
.pets-description,.pets-aside { background:#fff; border:1px solid var(--pet-line); padding:23px; border-radius:6px; }
.pets-description { margin-top:15px; }
.pets-description h2 { font-size:22px; margin:0 0 14px; }
.pets-description p { font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.pets-aside { position:sticky; top:12px; }
.pets-aside dl { margin:5px 0 25px; }
.pets-aside dl div { display:flex; justify-content:space-between; gap:13px; align-items:baseline; padding:11px 0; border-bottom:1px solid var(--pet-line); }
.pets-aside dt { color:#757a82; font-size:12px; }
.pets-aside dd { text-align:right; margin:0; font-size:13px; font-weight:800; }
.pets-contact-link { width:100%; }
.pets-aside>p { font-size:12px; line-height:1.55; color:#5f656d; }
.pets-share { margin-top:23px; border-top:1px solid var(--pet-line); padding-top:22px; }
.pets-share strong { font-size:14px; }
.pets-share>div { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.pets-share a,.pets-share button { cursor:pointer; border:1px solid #ccd0d5; color:#33383f; background:#fff; font-size:11px; font-weight:750; border-radius:4px; padding:10px; min-height:44px; }
.pets-share>[data-pets-feedback] { display:block; color:#176f44; font-size:11px; min-height:18px; margin-top:6px; }
.pets-legal-note { max-width:760px; color:#62666c; font-size:12px; line-height:1.6; margin-top:25px; }
.pets-resolved-notice { background:#f3f4f6; padding:14px; border-radius:5px; }
.pets-guide-grid,.pets-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.pets-guide-grid article,.pets-service-card { padding:24px; background:#fff; border:1px solid var(--pet-line); border-radius:6px; }
.pets-guide-grid article>span { color:#be0718; font-size:14px; font-weight:900; }
.pets-guide-grid h2,.pets-service-card h2 { margin:16px 0 9px; line-height:1.15; letter-spacing:-.03em; font-size:22px; }
.pets-guide-grid p,.pets-service-card p { color:#60666d; line-height:1.65; font-size:13px; margin-bottom:0; }
.pets-official { background:#1c1e22; color:#fff; padding:34px; margin:35px 0; border-radius:6px; }
.pets-official h2 { font-size:26px; margin:0 0 13px; }
.pets-official p { color:#d1d3d6; font-size:14px; line-height:1.6; max-width:800px; }
.pets-official a { display:inline-flex; color:#fff; border-bottom:1px solid #f05b69; padding:12px 0; font-weight:800; font-size:13px; margin-right:21px; }
.pets-official small { display:block; color:#aab0b6; margin-top:14px; }
.pets-service-duty { display:inline-block; background:#fff0f0; border:1px solid #f2cbcb; color:#941019; font-weight:800; font-size:11px; border-radius:4px; padding:10px; margin-top:15px; }
.pets-service-links { display:flex; gap:16px; margin:20px 0 10px; }
.pets-service-links a { color:#a80819; font-size:12px; font-weight:850; }
.pets-service-card small { color:#6f757a; font-size:10px; line-height:1.5; }
.pets-home-promo { background:#181a1d; border-left:5px solid #c9081b; margin:27px 0 28px; border-radius:6px; box-shadow:0 4px 14px rgba(0,0,0,.08); }
.pets-home-promo a { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:145px; padding:26px 33px; text-decoration:none; color:#fff; }
.pets-home-promo div { min-width:0; }
.pets-home-promo div>span { color:#ff6375; font-size:10px; font-weight:850; letter-spacing:.16em; }
.pets-home-promo strong { display:block; margin:8px 0 7px; font-size:clamp(23px,3.2vw,36px); letter-spacing:-.035em; line-height:1.1; }
.pets-home-promo p { font-size:13px; color:#d0d2d7; margin:0; line-height:1.5; }
.pets-home-promo b { background:#c9081b; padding:15px 20px; color:#fff; border-radius:5px; white-space:nowrap; font-size:13px; }
.pets-admin { font-family:inherit; max-width:1250px; margin:0 auto; --pet-line:#dee2e7; color:#1d2126; }
.pets-admin-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:15px 0 28px; }
.pets-admin-head h1 { font-size:35px; margin:7px 0; letter-spacing:-.04em; }
.pets-admin-head p { font-size:14px; color:#666b74; }
.pets-admin-head>div:last-child { display:flex; flex-wrap:wrap; gap:9px; }
.pets-admin-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:23px; }
.pets-admin-filters a { background:#fff; border:1px solid #dadddf; color:#353941; padding:11px 13px; border-radius:5px; font-size:12px; text-decoration:none; font-weight:800; }
.pets-admin-filters a.active { background:#c9081b; color:#fff; border-color:#c9081b; }
.pets-admin-row { display:flex; align-items:center; gap:16px; background:#fff; border:1px solid #e0e2e6; margin-bottom:9px; padding:13px; border-radius:5px; }
.pets-admin-thumbnail { width:80px; height:74px; background:#26272c; border-radius:4px; display:grid; place-items:center; flex-shrink:0; color:#fff; }
.pets-admin-thumbnail img { width:100%; height:100%; object-fit:cover; border-radius:4px; }
.pets-admin-row>div:nth-child(2) { flex:1; }
.pets-admin-row small { font-size:11px; color:#c9081b; }
.pets-admin-row h2 { margin:4px 0; font-size:19px; }
.pets-admin-row span { font-size:11px; color:#737780; }
.pets-admin-edit { max-width:940px; }
.pets-admin-gallery { display:flex; gap:10px; overflow:auto; margin:20px 0; }
.pets-admin-gallery img { height:180px; width:215px; object-fit:cover; border-radius:5px; }
.pets-services-admin-list { display:grid; gap:17px; margin-top:25px; }
.pets-form h2 { font-size:19px; margin:0 0 18px; }
.pets-checkrow { display:flex; flex-wrap:wrap; gap:20px; }
.pets-checkrow label { display:flex; gap:9px; align-items:center; }
@media(max-width:900px){.pets-detail-cols { grid-template-columns:1fr; }.pets-aside { position:static; }.pets-guide-grid,.pets-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pets-hero-copy { padding:35px 28px; }}
@media(max-width:640px){.pets-wrap { margin-bottom:15px; }.pets-masthead { min-height:113px; padding:20px; }.pets-masthead-mark { width:50px; height:50px; }.pets-masthead-mark svg { width:31px; height:31px; }.pets-wordmark { font-size:clamp(27px,7.4vw,39px); }.pets-kicker { font-size:8px; }.pets-tabs { margin:0 -1px; }.pets-tabs a { min-height:48px; padding:16px 13px; }.pets-hero { grid-template-columns:1fr; }.pets-hero-copy { padding:36px 22px 28px; }.pets-hero h1 { font-size:38px; }.pets-hero-art { min-height:145px; padding:26px; }.pets-hero-art>span { font-size:30px; }.pets-quicklinks { grid-template-columns:1fr; }.pets-quicklinks>a { padding:17px 20px; grid-template-columns:30px 1fr; align-items:center; gap:2px 8px; }.pets-quicklinks em { grid-column:2; }.pets-quicklinks strong { font-size:19px; }.pets-list-section { padding:32px 0; }.pets-section-heading { display:block; }.pets-count { display:block; margin-top:9px; }.pets-filters { gap:11px; padding:14px; }.pets-filters label { flex:1 1 calc(50% - 12px); }.pets-filter-submit { flex:1 1 auto; }.pets-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.pets-card-photo { aspect-ratio:1/1; }.pets-card-body { padding:13px; }.pets-card-body h3 { font-size:19px; }.pets-card-body p { font-size:11px; }.pets-card-link { font-size:11px; }.pets-photo-tag { left:7px; top:7px; font-size:9px; padding:6px 7px; }.pets-resource { grid-template-columns:1fr; padding:25px 22px; gap:15px; }.pets-footer { padding:18px; }.pets-page-heading { margin:30px 0 24px; }.pets-page-heading h1 { font-size:38px; }.pets-form { padding:17px; }.pets-form-grid { grid-template-columns:1fr; }.pets-detail-gallery img:first-child { height:280px; }.pets-detail-gallery img { height:135px; }.pets-description,.pets-aside { padding:17px; }.pets-guide-grid,.pets-services-grid { grid-template-columns:1fr; }.pets-official { padding:23px; }.pets-home-promo a { display:block; padding:23px; }.pets-home-promo b { display:inline-block; margin-top:17px; }.pets-admin-head { display:block; }.pets-admin-head>div:last-child { margin-top:17px; }.pets-admin-row { flex-wrap:wrap; }.pets-admin-row>a { margin-left:auto; }.pets-admin-gallery img { width:150px; height:130px; }}
@media(max-width:360px){.pets-grid { grid-template-columns:1fr; }.pets-brandbar { font-size:8px; }.pets-wordmark { font-size:26px; }.pets-masthead-mark { display:none; }.pets-filters label { flex-basis:100%; }}
@media(prefers-reduced-motion:reduce){.pets-wrap *, .pets-wrap *:before, .pets-wrap *:after { transition:none!important; animation:none!important; }}
/* Entrada en el navegador principal, a la par de Clasificados. */
.autos-access-inner .pets-nav-link { margin-left:12px; padding-left:13px; border-left:1px solid #d9dde3; text-decoration:none; font-weight:800; color:#b9081a; }
.autos-access-inner .pets-nav-link:hover { text-decoration:underline; }
@media(max-width:600px){.autos-access-inner .pets-nav-link { margin-left:7px; padding-left:8px; font-size:11px; }}