*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#403629;background:#fbf8f1;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:10;background:rgba(255,252,246,.97);border-bottom:1px solid #e8e0d2}.nav{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#403629;text-decoration:none;min-width:260px}.brand-mark{font-size:40px}.brand strong,.brand em{display:block;font-family:Georgia,serif}.brand strong{font-size:24px}.brand em{font-size:17px}.brand small{font-size:9px;letter-spacing:2px;color:#8a7354}.nav nav{display:flex;gap:20px;flex:1;justify-content:center}.nav nav a,footer a{color:inherit;text-decoration:none;font-size:14px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent}.btn-whatsapp{background:#6d8b5a;color:#fff}.btn-outline{border-color:#aa916d;color:#6b5438;background:#fffaf1}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:linear-gradient(110deg,#fbf5e9,#eee5d7)}.hero-copy{padding:92px 8vw}.eyebrow{letter-spacing:2px;font-size:12px;color:#8b7558;font-weight:700}.hero h1{font:56px/1.08 Georgia,serif;margin:15px 0}.hero h1 span{font-style:italic;color:#b08f60}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:560px}.actions{display:flex;gap:12px;margin-top:28px}.contact-line{font-size:14px!important;color:#806d55;margin-top:25px}.hero-art{position:relative;min-height:610px;background:radial-gradient(circle at 55% 35%,#fff7e9 0 14%,transparent 15%),linear-gradient(135deg,#d9c4a7,#b48d64);display:grid;place-items:center}.sun{position:absolute;width:360px;height:360px;border-radius:50%;background:#f5e7d1;opacity:.8}.pet-card{position:relative;font-size:150px;filter:drop-shadow(0 18px 16px #76583c55);transform:rotate(-3deg)}.pet-card span{font-size:95px;margin-left:-35px}.paw{position:absolute;font-size:36px;opacity:.35}.paw1{left:8%;bottom:15%}.paw2{right:10%;top:20%}.section{padding:80px 4%}.section-head{text-align:center;max-width:720px;margin:0 auto 45px}.section h2,.about h2,.contact h2{font:38px Georgia,serif;margin:5px 0 10px}.cards{width:min(1120px,92%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fffdf8;padding:30px 22px;border:1px solid #e9e1d4;border-radius:18px;text-align:center}.icon{font-size:36px;color:#a38963}.card h3{font:21px Georgia,serif}.process{background:#eef0e7}.steps{width:min(1050px,92%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.steps b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#82916e;color:white}.about{padding:85px 0;background:#f4efe5}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.about-art{min-height:330px;border-radius:22px;background:linear-gradient(145deg,#d7c7ae,#a8b092);display:grid;place-content:center;text-align:center;font-size:100px;color:white}.about-art small{font:italic 24px Georgia,serif}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.values span{background:#fffaf0;padding:13px;border-radius:10px}.faq{width:min(850px,92%);margin:auto}.faq details{background:#fffdf8;border-bottom:1px solid #e4dbcc;padding:18px}.faq summary{cursor:pointer;font-weight:700}.contact{background:#899978;color:white;padding:55px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .eyebrow{color:#edf1e7}.contact h2{margin-top:0}.big{padding:16px 28px}.footer-grid{padding:55px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-brand{font:28px Georgia,serif}.footer-grid a{display:block;margin:5px 0}.copyright{text-align:center;border-top:1px solid #4e473b;padding:18px;color:#aaa092;font-size:12px;background:#28261f}footer{background:#302e27;color:#eee7dc}.header .btn{white-space:nowrap}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:350px}.hero-copy{padding:70px 7%}.hero h1{font-size:43px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.contact-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand{min-width:0}.brand strong{font-size:19px}.brand em{font-size:14px}.brand small{display:none}.nav{gap:8px}.nav .btn{padding:9px 12px}.hero-copy{padding:55px 6%}.hero h1{font-size:38px}.cards,.steps{grid-template-columns:1fr}.section{padding:60px 5%}.actions{flex-direction:column}.actions .btn{text-align:center}.footer-grid{grid-template-columns:1fr}}.logo {
  display: block;
  width: 240px;t: auto;
  max-height: 75px;
  object-fit: contain;
}

.brand {
  display: flex;
  align-items: center;
}
.header .brand {
  display: flex;
  align-items: center;
  width: 240px;
  height: 90px;
}

.header .brand .logo {
  width: 240px !important;
  height: 100px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
}
.brand {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.brand-mark {
  width: 95px;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Mantener el encabezado bien alineado */
.header .container.nav {
  align-items: center;
}
.header .brand {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .logo {
  width: 125px;
height: 95px;
  object-fit: contain;
  display: block;
}

/* Ajuste para celulares */
@media (max-width: 768px) {
  .header .logo {
    width: 75px;
    height: 65px;
  }
}
.precios {
  background: #fbf8f1;
}

.precios-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 28px;
  max-width: 850px;
  margin: 40px auto 0;
}

.precio-card {
  text-align: center;
  padding: 38px 30px;
}

.precio-card .icon {
  font-size: 32px;
  margin-bottom: 12px;
}

.precio-card h3 {
  margin-bottom: 12px;
}

.precio-card p {
  margin-bottom: 22px;
}

.precio {
  font-size: 32px;
  font-weight: 700;
  color: #6f8f5b;
  margin-bottom: 24px;
}

.precio span {
  font-size: 14px;
  font-weight: 500;
}

.precio-card .btn {
  display: inline-block;
}

/* CELULAR */
@media (max-width: 768px) {
  .precios-cards {
    grid-template-columns: 1fr;
  }
}