:root{
  --purple:#050268;
  --purple-2:#6563A8;
  --pink:#FF6839;
  --pink-light:#F29779;
  --ink:#303033;
  --muted:#66666b;
  --bg:#FFFAFE;
  --lav:#F7EFFD;
  --white:#fff;
  --shadow:0 8px 22px rgba(255,104,57,.12);
  --radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--ink);
  background:linear-gradient(135deg,#fff 0%,#FACFC0 55%,#D8D7F5 100%);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #f0eaf5;
}
.nav{
  min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;
}
.logo{width:300px;height:auto;object-fit:contain}
.menu{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}
.menu a{position:relative;padding:12px 0}
.menu a::after{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;border-radius:5px;
  background:var(--pink);transform:scaleX(0);transition:.2s;
}
.menu a:hover::after,.menu a.active::after{transform:scaleX(1)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--pink);color:white;border:0;border-radius:25px;
  padding:13px 24px; font-size:13px;font-weight:800;box-shadow:0 6px 16px rgba(238,95,152,.22);
  transition:.2s;
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}
.menu-btn{display:none;border:0;background:transparent;font-size:28px;color:var(--purple)}
.hero{
  position:relative;overflow:hidden;padding:60px 0 54px;
  background:
   radial-gradient(circle at 72% 48%,rgba(242,234,250,.85) 0 16%,transparent 16.2%),
   radial-gradient(circle at 88% 2%,rgba(238,95,152,.13) 0 13%,transparent 13.2%),
   linear-gradient(120deg,#fff 0%,#fff 48%,#fbf4fc 100%);
}
.hero-grid{display:grid;grid-template-columns: .8fr 1.2fr;align-items:center;gap:45px}
.kicker{font-size:15px;color:var(--purple);font-weight:800;letter-spacing:.04em;text-transform:uppercase}
h1,h2,h3{margin:0}
h1{font-size:48px;line-height:1.02;max-width:480px}
h1 .pink{color:var(--pink)}
.hero-copy p{font-size:16px;line-height:1.65;color:#4e4e52;max-width:410px}
.hero-logo{width:min(440px,100%);margin:auto}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.feature{
  display:flex;gap:13px;align-items:center;
  background:rgba(255,255,255,.76);border-radius:16px;padding:15px;
}
.icon-circle{
  flex:0 0 48px;width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;background:#FCF6F4;color:var(--purple);font-size:24px;
}
.feature strong{display:block;font-size:13px;color:#222;margin-bottom:5px}
.feature span{font-size:11px;color:#666;line-height:1.35}
.section{padding:70px 0}
.page-hero{padding:62px 0 28px}
.title{text-align:left}
.title h2{font-size:42px;color:var(--purple);margin-bottom:13px}
.title h2 span{color:var(--pink)}
.title-line{height:3px;width:225px;background:linear-gradient(90deg,var(--pink),transparent);position:relative;margin:0 0 25px}
.title-line::after{content:"🐾";position:absolute;left:45%;top:-13px;background:var(--bg);padding:0 7px;font-size:16px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.round-photo{
  width:min(520px,100%);aspect-ratio:1/1;object-fit:cover;
  border-radius:52% 48% 48% 52% / 50% 50% 50% 50%;
  border:9px solid #e8d8ef;outline:6px solid #FACFC0;outline-offset:-15px;
  margin:auto;
}
.text p{font-size:15px;line-height:1.7;color:#505055}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.card{
  background:white;border-radius:14px;padding:22px;box-shadow:var(--shadow);
  border:1px solid #D8D7F5;
}
.card h3{color:var(--purple);font-size:17px;margin-bottom:10px}
.card p{margin:0;font-size:15px;line-height:1.5;color:#5e5e63}
.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.photo-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 6px 16px rgba(75,50,105,.09)}
.photo-card img{width:100%;height:155px;object-fit:cover}
.photo-card figcaption{text-align:center;font-weight:800;font-size:13px;padding:12px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.service{
  min-height:125px;background:white;border-radius:14px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:58px 1fr 95px;align-items:stretch;overflow:hidden;
}
.service-icon{display:grid;place-items:center;color:var(--pink);font-size:27px;background:#fff8fc}
.service-copy{padding:16px 10px}
.service-copy h3{color:var(--purple);font-size:15px;margin-bottom:8px}
.service-copy p{font-size:14px;line-height:1.4;color:#666;margin:0}
.service img{width:95px;height:100%;object-fit:cover}
.footer{
  background:linear-gradient(90deg,#6563A8,#6563A8);color:white;padding:25px 0;
}
.footer-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:25px;align-items:center}
.contact-item{display:flex;gap:12px;align-items:center;font-size:13px}
.contact-icon{font-size:25px;color:#FF6839}
.footer small{font-size:12px;line-height:1.4}
.mobile-menu{display:none}
@media(max-width:900px){
  .menu{gap:17px;font-size:11px}
  .hero-grid,.two-col{grid-template-columns:1fr}
  .hero-copy{text-align:center}
  h1{margin:auto}
  .hero-copy p{margin:18px auto}
  .hero-logo{max-width:390px}
  .feature-row{grid-template-columns:repeat(2,1fr)}
  .cards,.infra-grid,.service-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .nav{min-height:72px}
  .logo{width:230px}
  .menu-btn{display:block}
  .menu{display:none}
  .menu.open{
    display:flex;position:absolute;top:72px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:#fff;padding:12px 6%;box-shadow:0 12px 25px rgba(0,0,0,.08);
  }
  .menu.open a{padding:14px 0}
  .menu.open .btn{text-align:center}
  .hero{padding:42px 0}
  h1{font-size:38px}
  .feature-row,.cards,.infra-grid,.service-grid,.footer-grid{grid-template-columns:1fr}
  .section{padding:48px 0}
  .title h2{font-size:34px}
  .service{grid-template-columns:52px 1fr 90px}
}

.gallery-section{background:linear-gradient(180deg,#FFFAFE,#F7EFFD)}
.photo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.gallery-item{position:relative;height:210px;overflow:hidden;border-radius:16px;box-shadow:var(--shadow);border:1px solid #D8D7F5}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.07)}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:15px;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(transparent,rgba(48,34,68,.85))}
.video-section{background:#fff}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.video-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #D8D7F5}.video-placeholder{height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg,#050268,#FF6839)}.video-placeholder b{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#FF6839;font-size:25px}.video-placeholder strong{font-size:16px}.video-placeholder small{font-size:12px}.video-caption{padding:15px 17px;color:#050268;font-weight:800;font-size:13px}.video-note{margin:25px auto 0;max-width:850px;padding:16px 20px;border-radius:12px;background:#FFEAE3;color:#5a5360;font-size:13px;line-height:1.5;text-align:center}.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(25,16,36,.9)}.lightbox.show{display:flex}.lightbox img{max-width:92vw;max-height:86vh;border-radius:12px}.lightbox button{position:absolute;top:18px;right:25px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#050268;font-size:30px;cursor:pointer}@media(max-width:900px){.photo-gallery{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.photo-gallery,.video-grid{grid-template-columns:1fr}.gallery-item,.video-placeholder{height:230px}}

/* Novas sessões Quem Somos */
.about-feature-section{padding-top:35px;background:linear-gradient(180deg,#FFFAFE,#f9f2fc)}
.about-feature{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:55px;align-items:stretch}
.portrait-frame{min-height:100%;height:100%;max-height:650px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:8px solid #fff;outline:1px solid #eadcf1}
.portrait-frame img{width:100%;height:100%;min-height:560px;object-fit:cover}
.eyebrow{display:inline-block;color:var(--pink);font-size:13px;font-weight:900;letter-spacing:.08em;margin-bottom:10px}
.about-feature-content{display:flex;flex-direction:column;justify-content:center}
.about-feature-content .title h2,.about-service-copy .title h2{font-size:38px}
.about-feature-content h3{font-size:22px;color:var(--purple);margin:4px 0 10px}
.team-count,.schedule-badge{display:inline-block;margin-top:10px;padding:12px 16px;border-radius:12px;background:#f5e9f7;color:var(--purple);font-size:16px;font-weight:900;line-height:1.45}
.mini-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}
.mini-gallery figure{margin:0;height:155px;overflow:hidden;border-radius:15px;background:#eee;box-shadow:0 6px 16px rgba(75,50,105,.09)}
.mini-gallery img{width:100%;height:100%;object-fit:cover;transition:.3s}
.mini-gallery figure:hover img{transform:scale(1.05)}
.about-service-section{background:#fff}
.about-service-section.hotel-section{background:linear-gradient(180deg,#fbf5fd,#fff)}
.about-service-card{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:10px 0}
.about-service-copy p{font-size:15px;line-height:1.75;color:#505055}
.service-photos figure{height:220px}
.internal-areas-section{padding-top:55px}
.center-title{text-align:center}
.center-title .title-line{margin-left:auto;margin-right:auto}
.internal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.internal-gallery figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #D8D7F5}
.internal-gallery img{width:100%;height:210px;object-fit:cover;transition:.35s}
.internal-gallery figure:hover img{transform:scale(1.05)}
.internal-gallery figcaption{padding:13px;text-align:center;color:var(--purple);font-size:13px;font-weight:900}
@media(max-width:900px){
 .about-feature,.about-service-card{grid-template-columns:1fr;gap:30px}
 .portrait-frame{max-height:520px}
 .portrait-frame img{min-height:430px}
 .internal-gallery{grid-template-columns:repeat(2,1fr)}
 .service-photos{order:2}
 .about-service-copy{order:1}
 .reverse-mobile .about-service-copy{order:1}
 .reverse-mobile .service-photos{order:2}
}
@media(max-width:650px){
 .about-feature-content .title h2,.about-service-copy .title h2{font-size:32px}
 .portrait-frame{max-height:440px}
 .portrait-frame img{min-height:400px}
 .mini-gallery{grid-template-columns:1fr 1fr}
 .mini-gallery figure{height:145px}
 .service-photos figure{height:190px}
 .internal-gallery{grid-template-columns:1fr}
 .internal-gallery img{height:230px}
}


/* ===== AJUSTES FINAIS JPS CUIDADO ANIMAL ===== */
.whatsapp-float{position:fixed;right:28px;bottom:24px;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;text-decoration:none;z-index:9999;box-shadow:0 5px 18px rgba(0,0,0,.22);transition:.25s;animation:jpsPulse 2s infinite}
.whatsapp-float:hover{transform:scale(1.08);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.28)}
.whatsapp-float .wa-tooltip{position:absolute;right:72px;white-space:nowrap;background:#fff;color:#050268;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,.14);opacity:0;pointer-events:none;transform:translateX(8px);transition:.2s}
.whatsapp-float:hover .wa-tooltip{opacity:1;transform:translateX(0)}
@keyframes jpsPulse{0%,100%{box-shadow:0 5px 18px rgba(0,0,0,.22),0 0 0 0 rgba(37,211,102,.45)}50%{box-shadow:0 5px 18px rgba(0,0,0,.22),0 0 0 12px rgba(37,211,102,0)}}
.zoomable-photo{cursor:zoom-in;transition:transform .25s,filter .25s}
.zoomable-photo:hover{filter:brightness(.96)}
.photo-lightbox{position:fixed;inset:0;background:rgba(24,12,32,.94);display:none;align-items:center;justify-content:center;padding:30px;z-index:10000}
.photo-lightbox.open{display:flex}.photo-lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.photo-lightbox .close{position:absolute;top:18px;right:25px;color:#fff;font-size:38px;line-height:1;cursor:pointer}.photo-lightbox .hint{position:absolute;bottom:18px;color:#fff;font-size:13px;opacity:.8}
.passeio-section,.petcare-section,.daycare-feature-section{padding:70px 0;background:linear-gradient(180deg,#FFFAFE,#F7EFFD)}
.passeio-intro{max-width:980px;margin:0 auto;text-align:center}.passeio-intro p,.feature-copy p{line-height:1.8;color:#555}
.passeio-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px auto;max-width:1100px}.passeio-bullet{background:#fff;border:1px solid #eee1f2;border-radius:16px;padding:24px;box-shadow:0 8px 22px rgba(91,59,145,.08)}
.caregiver-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:35px}.caregiver-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(91,59,145,.10);text-align:center;border:1px solid #eee1f2}.caregiver-card img{width:100%;height:220px;object-fit:cover}.caregiver-card h3{padding:15px;margin:0;color:#050268;font-size:17px}
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:stretch}.feature-row.reverse{grid-template-columns:1fr 1fr}.feature-copy{display:flex;flex-direction:column;justify-content:center}.feature-image{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:18px;box-shadow:0 10px 28px rgba(91,59,145,.12)}
@media(max-width:950px){.caregiver-grid{grid-template-columns:repeat(3,1fr)}.passeio-bullets{grid-template-columns:1fr}.feature-row,.feature-row.reverse{grid-template-columns:1fr}.feature-image{min-height:260px}}
@media(max-width:650px){.caregiver-grid{grid-template-columns:1fr 1fr}.whatsapp-float{right:18px;bottom:18px}.whatsapp-float .wa-tooltip{display:none}}
@media(max-width:430px){.caregiver-grid{grid-template-columns:1fr}}

/* Galeria ampliada: navegação por setas */
.photo-lightbox .nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#6b2b83;font-size:34px;line-height:1;cursor:pointer;z-index:10002;box-shadow:0 6px 20px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;transition:.2s}
.photo-lightbox .nav-arrow:hover{transform:translateY(-50%) scale(1.08);background:#fff}
.photo-lightbox .nav-prev{left:24px}.photo-lightbox .nav-next{right:24px}
.photo-lightbox .photo-counter{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10002;color:#fff;background:rgba(0,0,0,.55);padding:7px 14px;border-radius:20px;font-size:14px}
@media(max-width:650px){.photo-lightbox .nav-arrow{width:44px;height:44px;font-size:28px}.photo-lightbox .nav-prev{left:10px}.photo-lightbox .nav-next{right:10px}.photo-lightbox .photo-counter{bottom:12px}}

/* ===== FORMULÁRIO DE CONTATO ===== */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{color:#050268;font-weight:700;font-size:14px}.contact-form input,.contact-form textarea{font:inherit;box-sizing:border-box}.form-required{margin:0;color:#777;font-size:13px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(84,32,93,.15);border-color:#6563A8!important}@media(max-width:650px){.form-grid{grid-template-columns:1fr}}


/* =========================================================
   JPS CUIDADO ANIMAL — IDENTIDADE VISUAL E AJUSTES FINAIS
   ========================================================= */
:root{
  --purple:#050268;
  --purple-2:#6563A8;
  --pink:#FF6839;
  --pink-light:#F29779;
  --orange:#FF6839;
  --orange-soft:#F29779;
  --orange-pale:#FACFC0;
  --orange-ultra:#FFEAE3;
  --orange-bg:#FCF6F4;
  --blue:#050268;
  --blue-soft:#6563A8;
  --blue-pale:#D8D7F5;
  --blue-ultra:#F7EFFD;
  --blue-bg:#FFFAFE;
  --ink:#303033;
  --muted:#66666b;
  --bg:#FFFAFE;
}
body{background:linear-gradient(135deg,#fff 0%,#FCF6F4 45%,#FFFAFE 100%)}
.site-header{border-bottom-color:var(--blue-pale)}
.menu a::after{background:var(--orange)}
.btn{background:var(--orange);box-shadow:0 7px 18px rgba(255,104,57,.22)}
.menu-btn{color:var(--blue)}
.hero{background:radial-gradient(circle at 78% 45%,rgba(216,215,245,.72) 0 16%,transparent 16.2%),radial-gradient(circle at 88% 4%,rgba(255,104,57,.12) 0 13%,transparent 13.2%),linear-gradient(120deg,#fff 0%,#fff 48%,#FFFAFE 100%)}
.icon-circle{background:var(--blue-pale);color:var(--blue)}
.feature{border:1px solid rgba(216,215,245,.7);box-shadow:0 8px 22px rgba(5,2,104,.06)}
.title h2{color:var(--blue)}
.title-line{height:2px;width:225px;background:linear-gradient(90deg,var(--orange),rgba(255,104,57,0));position:relative;margin:0 0 25px}
.title-line::after{content:"♥";position:absolute;left:45%;top:-12px;background:var(--bg);padding:0 8px;font-size:18px;line-height:1;color:var(--blue)}
.home-services-section{background:linear-gradient(180deg,#FFFAFE,#F7EFFD)}
.home-service-card{border-color:var(--blue-pale);box-shadow:0 12px 30px rgba(5,2,104,.07)}
.home-service-card:hover{box-shadow:0 18px 38px rgba(5,2,104,.13)}
.home-service-icon{background:var(--orange-ultra);color:var(--blue)}
.home-service-card h3{color:var(--blue)}
.home-family-highlight{background:linear-gradient(135deg,var(--blue),var(--blue-soft));box-shadow:0 15px 35px rgba(5,2,104,.16)}
.whatsapp-float{background:#25d366!important}
.whatsapp-float .wa-tooltip{color:var(--blue)!important}

/* Home: 4 cards na primeira sessão, mesma linha */
.hero .feature-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:900px){.hero .feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hero .feature-row{grid-template-columns:1fr}}

/* Passeios — seção mais visual */
.passeio-section{background:linear-gradient(180deg,#FFFAFE 0%,#F7EFFD 100%);padding:82px 0}
.passeio-section .title{text-align:center}
.passeio-section .title-line{margin-left:auto;margin-right:auto}
.passeio-intro{max-width:920px;padding:0 10px}
.passeio-intro:first-of-type{background:#fff;border:1px solid var(--blue-pale);border-radius:22px;padding:28px 34px;box-shadow:0 14px 35px rgba(5,2,104,.07)}
.passeio-intro p,.feature-copy p{color:#4f4f58}
.passeio-bullets{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:28px auto}
.passeio-bullet{position:relative;background:#fff;border:1px solid var(--blue-pale);border-top:4px solid var(--orange);border-radius:20px;padding:28px 22px 24px 72px;box-shadow:0 10px 28px rgba(5,2,104,.07)}
.passeio-bullet::before{position:absolute;left:20px;top:25px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange-ultra);color:var(--blue);font-size:18px;font-weight:900}
.passeio-bullet:nth-child(1)::before{content:"♥"}
.passeio-bullet:nth-child(2)::before{content:"↗"}
.passeio-bullet:nth-child(3)::before{content:"✓"}
.passeio-bullet h3{color:var(--blue);font-size:15px;margin-bottom:9px}
.passeio-bullet p{margin:0;line-height:1.65;font-size:14px}
.passeio-brother{margin:34px auto 0;max-width:980px;background:linear-gradient(135deg,var(--blue),var(--blue-soft));color:#fff;border-radius:24px;padding:34px 38px;text-align:center;box-shadow:0 16px 35px rgba(5,2,104,.18)}
.passeio-brother h3{font-size:25px;margin-bottom:10px}.passeio-brother p{color:#fff;margin:7px auto;line-height:1.65}.passeio-brother .duration{display:inline-block;margin-top:15px;padding:10px 18px;border-radius:999px;background:var(--orange);font-weight:800;letter-spacing:.04em}
.caregiver-grid{margin-top:36px}
.caregiver-card{border-color:var(--blue-pale);box-shadow:0 10px 26px rgba(5,2,104,.08)}
.caregiver-card h3{color:var(--blue);background:#fff}
.caregiver-card::after{content:"♥";display:block;color:var(--orange);font-size:15px;padding-bottom:10px}

/* Pet Care / Day Care — padrão Equipe: texto + imagem alternados */
.petcare-section,.daycare-feature-section{padding:78px 0;background:#fff}
.petcare-section{background:linear-gradient(180deg,#FCF6F4,#fff)}
.daycare-feature-section{background:linear-gradient(180deg,#fff,#FFFAFE)}
.petcare-section .feature-row,.daycare-feature-section .feature-row{grid-template-columns:1fr 1fr;gap:55px;align-items:stretch}
.petcare-section .feature-copy,.daycare-feature-section .feature-copy{background:#fff;border-radius:22px;padding:35px 38px;border:1px solid var(--blue-pale);box-shadow:0 12px 30px rgba(5,2,104,.06)}
.petcare-section .feature-copy .title h2,.daycare-feature-section .feature-copy .title h2{font-size:38px}
.feature-copy .title p{font-size:18px;color:var(--orange);font-weight:800}
.feature-image{min-height:100%;height:100%;border-radius:22px;border:8px solid #fff;outline:1px solid var(--orange-pale);box-shadow:0 12px 30px rgba(5,2,104,.10)}
.daycare-feature-section .feature-row{grid-template-areas:"image copy"}
.daycare-feature-section .feature-image{grid-area:image}
.daycare-feature-section .feature-copy{grid-area:copy}
@media(max-width:950px){
 .passeio-bullets{grid-template-columns:1fr}
 .petcare-section .feature-row,.daycare-feature-section .feature-row{grid-template-columns:1fr;grid-template-areas:none}
 .daycare-feature-section .feature-image,.daycare-feature-section .feature-copy{grid-area:auto}
 .daycare-feature-section .feature-image{order:1}.daycare-feature-section .feature-copy{order:2}
}
@media(max-width:650px){
 .passeio-section{padding:62px 0}.passeio-intro:first-of-type{padding:23px 20px}.passeio-brother{padding:28px 20px}
 .petcare-section,.daycare-feature-section{padding:60px 0}
 .petcare-section .feature-copy,.daycare-feature-section .feature-copy{padding:28px 22px}
}


/* Ajuste final: Pet Care e Day Care no mesmo padrão de altura da seção Equipe */
.petcare-section .feature-image,
.daycare-feature-section .feature-image {
  height: 560px;
  min-height: 560px;
  max-height: 560px;
  width: 100%;
  object-fit: cover;
}
@media(max-width:950px){
  .petcare-section .feature-image,
  .daycare-feature-section .feature-image {
    height: 420px;
    min-height: 420px;
    max-height: 420px;
  }
}
@media(max-width:650px){
  .petcare-section .feature-image,
  .daycare-feature-section .feature-image {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
  }
}


/* TARJAS DE DESTAQUE - PADRÃO JPS CUIDADO ANIMAL */
.home-family-highlight, .video-note, .contact-highlight {
  background: linear-gradient(135deg, #FFFAFE 0%, #F7EFFD 100%);
  color: #050268;
  border: 1px solid #D8D7F5;
  box-shadow: 0 12px 28px rgba(5,2,104,.10);
  border-radius: 14px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}
.home-family-highlight strong, .video-note strong, .contact-highlight strong {
  color: #050268;
  font-weight: 800;
}
.home-family-highlight span { color: #050268; }
.video-note, .contact-highlight { margin: 25px auto 0; padding: 16px 20px; max-width: 850px; }
@media(max-width:650px){
  .home-family-highlight, .video-note, .contact-highlight { font-size: 16px; padding: 14px 16px; }
}

/* Ajustes finais - Infraestrutura e Serviços */
.infra-intro{max-width:900px;margin:10px auto 32px;text-align:center}.infra-intro p{font-size:16px;line-height:1.8;color:#4f4f58}.infra-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.infra-benefit{background:linear-gradient(145deg,#FFFAFE,#F7EFFD);border:1px solid #D8D7F5;border-radius:20px;padding:28px 24px;text-align:center;box-shadow:0 10px 25px rgba(5,2,104,.07)}.benefit-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#050268;color:#fff;font-size:25px}.infra-benefit h3{color:#050268;margin:8px 0}.infra-benefit p{color:#555;line-height:1.65;font-size:14px;margin:0}.site-video{display:block;width:100%;height:210px;object-fit:cover;background:#050268}.petday-section{padding:78px 0;background:linear-gradient(180deg,#FFFAFE,#F7EFFD)}.petday-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.petday-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid #D8D7F5;box-shadow:0 12px 30px rgba(5,2,104,.08);display:flex;flex-direction:column}.petday-copy{padding:30px 32px 24px}.petday-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#050268;color:#fff;font-size:22px;margin-bottom:14px}.petday-copy h3{font-size:32px;color:#050268;margin:0 0 5px}.petday-copy h4{font-size:18px;color:#FF6839;margin:0 0 15px}.petday-copy p{font-size:15px;line-height:1.75;color:#4f4f58;margin:0}.petday-card>img{width:100%;height:280px;object-fit:cover;margin-top:auto}.petcare-card{background:linear-gradient(180deg,#fff,#FCF6F4)}.daycare-card{background:linear-gradient(180deg,#fff,#FFFAFE)}@media(max-width:900px){.infra-benefits,.petday-grid{grid-template-columns:1fr}.petday-card>img{height:260px}}@media(max-width:650px){.infra-benefits{gap:16px}.petday-copy{padding:24px 20px}.petday-copy h3{font-size:28px}.petday-card>img,.site-video{height:230px}}



/* =========================================================
   INFRAESTRUTURA — VÍDEOS EM FORMATO RETRATO
   Preserva o vídeo inteiro tanto no card quanto em tela cheia.
   ========================================================= */
.video-gallery video,
.video-card video,
.gallery-video video,
.portrait-gallery-video {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center;
    background: #050268;
}

/* Card vertical adequado para vídeos gravados em retrato */
.video-card,
.gallery-video,
.video-item {
    aspect-ratio: 9 / 16;
    overflow: hidden;
    background: #050268;
}

/* Limita a altura no desktop para os cards não ficarem excessivamente altos */
@media (min-width: 769px) {
    .video-card,
    .gallery-video,
    .video-item {
        max-height: 560px;
    }
}

/* Celular */
@media (max-width: 768px) {
    .video-card,
    .gallery-video,
    .video-item {
        aspect-ratio: 9 / 16;
        max-height: none;
    }
}

/* Fullscreen nativo: nunca cortar vídeos verticais */
.portrait-gallery-video:fullscreen,
.video-gallery video:fullscreen,
.video-card video:fullscreen,
.gallery-video video:fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
}

/* WebKit / Safari */
.portrait-gallery-video:-webkit-full-screen,
.video-gallery video:-webkit-full-screen,
.video-card video:-webkit-full-screen,
.gallery-video video:-webkit-full-screen {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
}



/* =========================================================
   INFRAESTRUTURA — GALERIA DE VÍDEOS
   4 vídeos em uma linha no desktop + responsividade
   para tablet e celular. Vídeos preservam formato retrato.
   ========================================================= */
.video-gallery,
.videos-grid,
.video-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: start;
}

.video-gallery .video-card,
.videos-grid .video-card,
.video-grid .video-card,
.video-gallery .gallery-video,
.videos-grid .gallery-video,
.video-grid .gallery-video,
.video-gallery .video-item,
.videos-grid .video-item,
.video-grid .video-item {
    width: 100% !important;
    aspect-ratio: 9 / 16 !important;
    max-height: none !important;
    overflow: hidden;
    background: #050268;
    border-radius: 16px;
}

.video-gallery video,
.videos-grid video,
.video-grid video,
.video-card video,
.gallery-video video,
.video-item video,
.portrait-gallery-video {
    display: block;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 9 / 16 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #050268;
}

/* Tablet */
@media (max-width: 1100px) {
    .video-gallery,
    .videos-grid,
    .video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }
}

/* Celular */
@media (max-width: 600px) {
    .video-gallery,
    .videos-grid,
    .video-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .video-gallery .video-card,
    .videos-grid .video-card,
    .video-grid .video-card,
    .video-gallery .gallery-video,
    .videos-grid .gallery-video,
    .video-grid .gallery-video,
    .video-gallery .video-item,
    .videos-grid .video-item,
    .video-grid .video-item {
        max-width: 100% !important;
    }
}

/* Fullscreen: vídeo vertical completo, sem corte */
.video-gallery video:fullscreen,
.videos-grid video:fullscreen,
.video-grid video:fullscreen,
.video-card video:fullscreen,
.gallery-video video:fullscreen,
.video-item video:fullscreen,
.portrait-gallery-video:fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: #000 !important;
}

.video-gallery video:-webkit-full-screen,
.videos-grid video:-webkit-full-screen,
.video-grid video:-webkit-full-screen,
.video-card video:-webkit-full-screen,
.gallery-video video:-webkit-full-screen,
.video-item video:-webkit-full-screen,
.portrait-gallery-video:-webkit-full-screen {
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: #000 !important;
}


/* Ajuste final — Passeios: 4 cuidadores em 25% da largura no desktop */
.caregiver-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
    width:100%;
    max-width:none !important;
}
.caregiver-card img{
    width:100% !important;
    height:300px !important;
    object-fit:cover !important;
    object-position:center 18% !important;
}
/* Enquadramento individual dos cuidadores para preservar os rostos */
.caregiver-card:nth-child(1) img{object-position:center 12% !important;} /* Pedro */
.caregiver-card:nth-child(2) img{object-position:center 15% !important;} /* Thais */
.caregiver-card:nth-child(3) img{object-position:center 15% !important;} /* Josimar */
.caregiver-card:nth-child(4) img{object-position:center 15% !important;} /* Matheus */

@media(max-width:950px){
    .caregiver-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;}
    .caregiver-card img{height:300px !important;object-position:center 14% !important;}
}
@media(max-width:600px){
    .caregiver-grid{grid-template-columns:1fr !important;}
    .caregiver-card img{height:auto !important;max-height:none !important;object-fit:contain !important;object-position:center center !important;background:#fff;}
}


/* AJUSTE FINAL — PASSEIOS: 5 CUIDADORES EM UMA LINHA */
.caregiver-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
    width:100% !important;
    max-width:none !important;
}
.caregiver-card{
    min-width:0 !important;
}
.caregiver-card img{
    width:100% !important;
    height:300px !important;
    object-fit:cover !important;
}
@media(max-width:1100px){
    .caregiver-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
    .caregiver-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:520px){
    .caregiver-grid{grid-template-columns:1fr !important;}
    .caregiver-card img{height:auto !important;object-fit:contain !important;}
}


/* Legenda da foto circular — permanece somente na página, não no zoom */
.round-photo-caption{text-align:center;margin-top:14px;color:#050268;font-weight:800;font-size:15px;text-transform:lowercase}
/* Nome do cachorro exibido somente no lightbox da Infraestrutura */
.lightbox-photo-name{position:fixed;left:50%;bottom:58px;transform:translateX(-50%);z-index:10003;color:#fff;background:rgba(5,2,104,.82);padding:8px 18px;border-radius:20px;font-size:15px;font-weight:800;text-align:center;max-width:80vw}
@media(max-width:650px){.lightbox-photo-name{bottom:48px;font-size:13px;max-width:75vw}.photo-counter{bottom:12px}}

/* Legenda da primeira foto de Quem Somos dentro do círculo; não faz parte do lightbox */
.round-photo-wrap{position:relative;width:min(520px,100%);aspect-ratio:1/1;margin:auto}
.round-photo-wrap .round-photo{width:100%;height:100%;margin:0;display:block}
.round-photo-wrap .round-photo-caption{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  z-index:2;white-space:nowrap;
  padding:8px 16px;border-radius:999px;
  background:rgba(5,2,104,.88);color:#fff;
  font-size:14px;font-weight:800;text-transform:lowercase;
  box-shadow:0 5px 16px rgba(5,2,104,.25);
}
@media(max-width:650px){
  .round-photo-wrap .round-photo-caption{bottom:16px;font-size:13px;padding:7px 13px}
}


/* =========================================================
   QUEM SOMOS — "VEM BRINCAR CONOSCO" EM MEIA-LUA
   A faixa fica dentro da parte inferior do círculo.
   A legenda não participa do lightbox.
   ========================================================= */
.about-photo-circle,
.quem-somos-photo-circle,
.photo-circle,
.round-photo-wrap {
    position: relative;
    overflow: hidden;
}

.about-photo-circle .photo-caption,
.quem-somos-photo-circle .photo-caption,
.photo-circle .photo-caption,
.round-photo-wrap .photo-caption,
.about-photo-circle .circle-caption,
.quem-somos-photo-circle .circle-caption,
.photo-circle .circle-caption,
.round-photo-wrap .circle-caption {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: 116% !important;
    padding: 18px 12px 23px !important;
    margin: 0 !important;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
    background: rgba(5, 2, 104, .94) !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    .about-photo-circle .photo-caption,
    .quem-somos-photo-circle .photo-caption,
    .photo-circle .photo-caption,
    .round-photo-wrap .photo-caption,
    .about-photo-circle .circle-caption,
    .quem-somos-photo-circle .circle-caption,
    .photo-circle .circle-caption,
    .round-photo-wrap .circle-caption {
        font-size: 19px !important;
        padding: 15px 10px 20px !important;
    }
}