:root{--dog:#60a5fa;--dog-deep:#1d4ed8;--cat:#fb923c;--cat-deep:#c2410c;--pet-bg:#060914;--pet-panel:#111827;--pet-text:#e5e7eb;--pet-muted:#9ca3af}
.page-perrosvsgatos{margin:0;background:var(--pet-bg);color:var(--pet-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
.page-perrosvsgatos *{box-sizing:border-box}
.pet-hero{position:relative;min-height:min(900px,100svh);padding:clamp(120px,18vh,190px) clamp(20px,7vw,96px) 110px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.72) 48%,rgba(3,7,18,.18) 100%),url('../../media/pets-duo.webp') center/cover no-repeat;overflow:hidden}
.pet-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.13),transparent 30%),radial-gradient(circle at 82% 70%,rgba(251,146,60,.14),transparent 28%);pointer-events:none}
.pet-hero__content{position:relative;z-index:2;width:min(920px,100%)}
.pet-eyebrow,.pet-section-label{display:inline-flex;align-items:center;gap:9px;color:#cbd5e1;font-size:.76rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.pet-eyebrow::before,.pet-section-label::before{content:"";width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--dog),var(--cat))}
.pet-hero h1{margin:18px 0 22px;font-size:clamp(4rem,10vw,9rem);line-height:.88;letter-spacing:-.065em;text-wrap:balance;color:#fff;text-shadow:0 20px 55px rgba(0,0,0,.35)}
.pet-hero p{max-width:760px;margin:0;color:#d1d5db;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.7}
.pet-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.pet-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:14px;text-decoration:none;font-weight:850;transition:transform .15s ease,filter .15s ease,background .15s ease}.pet-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.pet-btn--dog{background:var(--dog);color:#082f49}.pet-btn--cat{background:var(--cat);color:#431407}.pet-btn--neutral{background:#fff;color:#111827;margin-top:24px}
.pet-nav{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);width:min(920px,calc(100% - 32px));display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(3,7,18,.72);backdrop-filter:blur(10px)}.pet-nav a{padding:9px 13px;border-radius:11px;color:#cbd5e1;text-decoration:none;font-size:.78rem;font-weight:750}.pet-nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.pet-section{position:relative;padding:clamp(80px,10vw,135px) clamp(20px,6vw,82px);isolation:isolate;overflow:hidden}.pet-section::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover}.pet-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(3,7,18,.96),rgba(3,7,18,.78))}
.pet-section--intro::before{background-image:url('../../media/pets-cat.webp')}.pet-section--dog::before{background-image:url('../../media/pets-dog.webp')}.pet-section--cat::before{background-image:url('../../media/pets-cat2.webp')}.pet-section--compare::before{background-image:url('../../media/pets-sofa.webp')}.pet-section--myths::before{background-image:url('../../media/pets-care.webp')}
.pet-section--dog::after{background:linear-gradient(110deg,rgba(3,7,18,.96),rgba(15,35,72,.8))}.pet-section--cat::after{background:linear-gradient(110deg,rgba(3,7,18,.96),rgba(68,31,12,.78))}
.pet-content,.pet-panel{width:min(1180px,100%);margin:auto}.pet-panel{padding:clamp(28px,5vw,58px);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(10,15,27,.82);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.pet-panel--center{text-align:center;max-width:980px}.pet-panel h2,.pet-heading h2,.pet-final h2{margin:14px 0 15px;font-size:clamp(2.35rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em;color:#fff;text-wrap:balance}.pet-panel p,.pet-heading p,.pet-final p{color:#cbd5e1;line-height:1.75;font-size:clamp(1rem,1.6vw,1.18rem)}.pet-highlight{margin:28px auto 0!important;max-width:760px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff!important;font-weight:700}
.pet-heading{max-width:780px;margin-bottom:38px}.pet-heading--center{text-align:center;margin-inline:auto}.pet-section-label--dog{color:#93c5fd}.pet-section-label--cat{color:#fdba74}.pet-section-label--dog::before{background:var(--dog)}.pet-section-label--cat::before{background:var(--cat)}
.pet-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pet-card{position:relative;min-height:250px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(155deg,rgba(30,41,59,.9),rgba(15,23,42,.78));box-shadow:0 22px 50px rgba(0,0,0,.24);overflow:hidden}.pet-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--dog)}.pet-card--cat::before{background:var(--cat)}.pet-card__number{display:block;margin-bottom:36px;color:rgba(255,255,255,.24);font-size:.8rem;font-weight:900;letter-spacing:.18em}.pet-card h3{margin:0 0 12px;font-size:1.35rem;color:#fff}.pet-card p{margin:0;color:#aeb8c8;line-height:1.7}.pet-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}
.pet-table-wrap{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(8,15,28,.84);box-shadow:0 28px 65px rgba(0,0,0,.26);overflow:auto}.pet-table-wrap table{width:100%;min-width:720px;border-collapse:collapse}.pet-table-wrap th,.pet-table-wrap td{padding:18px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.pet-table-wrap thead th{background:rgba(255,255,255,.045);color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.pet-table-wrap tbody th{color:#f8fafc}.pet-table-wrap tbody td{color:#cbd5e1}.pet-table-wrap tr:last-child>*{border-bottom:0}.dog-cell{color:#93c5fd!important}.cat-cell{color:#fdba74!important}
.pet-myth-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pet-myth{padding:clamp(28px,4vw,44px);border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(15,23,42,.86);box-shadow:0 24px 55px rgba(0,0,0,.24)}.pet-myth>span{font-size:.75rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.pet-myth--dog>span{color:#93c5fd}.pet-myth--cat>span{color:#fdba74}.pet-myth h3{margin:15px 0;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.2;color:#fff}.pet-myth p{margin:0;color:#cbd5e1;line-height:1.75}
.pet-final{position:relative;min-height:75svh;padding:100px 24px;display:grid;place-items:center;text-align:center;background:linear-gradient(rgba(3,7,18,.78),rgba(3,7,18,.92)),url('../../media/pets-final.webp') center/cover no-repeat}.pet-final>div{width:min(920px,100%)}
@media(max-width:880px){.pet-card-grid{grid-template-columns:1fr}.pet-card{min-height:auto}.pet-myth-grid{grid-template-columns:1fr}.pet-nav{display:none}.pet-hero{padding-bottom:70px}}
@media(max-width:600px){.pet-section{padding-inline:16px}.pet-panel,.pet-card,.pet-myth{border-radius:19px}.pet-hero{padding-inline:18px}.pet-hero h1{font-size:clamp(3.7rem,18vw,6rem)}}
@media(prefers-reduced-motion:reduce){.pet-btn,.pet-card{transition:none}.pet-card:hover{transform:none}}