/* Sikania Pet 2.0 WP 1.6.164 — /area-cliente/ only.
   Align the customer login with the published Sikania Pet Fedele theme.
   All rules are scoped to .spg-website-customer. */
body.spg-customer-theme.spg-website-customer{
  --ink:#103e42;
  --ink2:#235b5d;
  --cream:#f7f4ed;
  --paper:#fffdf8;
  --line:#d7ddd5;
  --muted:#586d6a;
  --soft:#f5f7f2;
  --shadow:0 14px 30px rgba(12,57,57,.08);
  background:#f7f4ed!important;
  color:#103e42!important;
  font-family:Arial,Helvetica,sans-serif;
  padding-top:100px;
}
body.spg-website-customer .spgWebsiteHeader{
  position:fixed!important;
  inset:0 0 auto 0;
  width:100%;z-index:1100;
  height:100px;
  background:#103e42!important;
  border:0!important;
  box-shadow:0 3px 12px rgba(5,30,32,.14)!important;
  color:#faf7ef!important;
  backdrop-filter:none!important;
}
body.spg-website-customer .spgWebsiteNav{
  width:min(1280px,90%);
  height:100%;max-width:1280px;padding:0;
  margin:auto;display:flex;align-items:center;
  justify-content:space-between;gap:25px;
}
body.spg-website-customer .spgWebsiteLogo{display:flex;flex:0 0 auto;align-items:center;text-decoration:none}
body.spg-website-customer .spgWebsiteLogo img{
  width:150px;height:76px;object-fit:contain;display:block;
}
body.spg-website-customer .spgWebsiteLinks{display:flex;align-items:center;gap:clamp(17px,1.7vw,24px);font-size:16px;line-height:1.35;}
body.spg-website-customer .spgWebsiteLinks>a{
  font-weight:400;color:#faf7ef!important;text-decoration:none;
  white-space:nowrap;transition:opacity .15s ease;
}
body.spg-website-customer .spgWebsiteLinks>a:hover{text-decoration:underline;text-underline-offset:6px;}
body.spg-website-customer .spgWebsiteLinks>a[aria-current="page"]{color:#e3c18a!important;font-weight:600;}
body.spg-website-customer .spgWebsiteLinks>a.spgWebsiteBook{
  padding:11px 15px;border:1px solid #faf7ef;min-height:44px;
  display:inline-flex;align-items:center;gap:10px;
}
body.spg-website-customer .spgWebsiteMobile{display:none;}
body.spg-website-customer .spgWebsiteHeader a:focus-visible,
body.spg-website-customer .spgWebsiteHeader summary:focus-visible{outline:3px solid #e3c18a;outline-offset:3px;}
/* The website look continues inside the login, profile and booking panels. */
body.spg-customer-theme.spg-website-customer .hero,
body.spg-customer-theme.spg-website-customer.spgCustomerCover .hero,
body.spg-customer-theme.spg-website-customer:not(.spgCustomerCover) .hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,340px)!important;
  width:100%!important;max-width:none!important;
  min-height:0!important;height:auto!important;
  padding:47px max(5vw,calc((100vw - 1280px)/2)) 42px!important;
  gap:36px!important;
  background:#f1f0e8!important;
  box-shadow:none!important;
  border-bottom:1px solid #d7ddd5!important;
  color:#103e42!important;
}
body.spg-customer-theme.spg-website-customer .hero>div,
body.spg-customer-theme.spg-website-customer.spgCustomerCover .hero>div{display:block!important;}
body.spg-customer-theme.spg-website-customer .hero:after{display:none!important;content:none!important;}
body.spg-customer-theme.spg-website-customer .hero h1{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:400!important;
  font-size:clamp(35px,4vw,57px)!important;
  letter-spacing:-.035em!important;
  line-height:1.11!important;
  color:#103e42!important;
  text-shadow:none!important;
  margin:0 0 14px!important;
}
body.spg-customer-theme.spg-website-customer .hero p{color:#486265!important;line-height:1.55!important;}
body.spg-customer-theme.spg-website-customer .heroNote{
  background:#103e42!important;color:#f7f4ed!important;
  border:1px solid #34656a!important;border-radius:4px!important;
  box-shadow:none!important;
}
body.spg-customer-theme.spg-website-customer .heroNote strong,
body.spg-customer-theme.spg-website-customer .heroNote span{color:#f7f4ed!important;}
body.spg-customer-theme.spg-website-customer .wrap{max-width:1280px;padding:36px 5% 60px;}
body.spg-customer-theme.spg-website-customer .panel,
body.spg-customer-theme.spg-website-customer .accessCard,
body.spg-customer-theme.spg-website-customer .choice,
body.spg-customer-theme.spg-website-customer .service,
body.spg-customer-theme.spg-website-customer .treatment,
body.spg-customer-theme.spg-website-customer .summary{
  border-color:#d7ddd5!important;border-radius:7px!important;
}
body.spg-customer-theme.spg-website-customer .panel,
body.spg-customer-theme.spg-website-customer .accessCard,
body.spg-customer-theme.spg-website-customer .choice,
body.spg-customer-theme.spg-website-customer .service,
body.spg-customer-theme.spg-website-customer .treatment{
  background:#fffdf8!important;box-shadow:0 12px 32px rgba(12,57,57,.065)!important;
}
body.spg-customer-theme.spg-website-customer .panelHead{background:#fffdf8!important;border-bottom-color:#d7ddd5!important;}
body.spg-customer-theme.spg-website-customer .panelHead h2,
body.spg-customer-theme.spg-website-customer .choice strong,
body.spg-customer-theme.spg-website-customer .accessCard h3,
body.spg-customer-theme.spg-website-customer .service strong,
body.spg-customer-theme.spg-website-customer .treatment strong,
body.spg-customer-theme.spg-website-customer .reviewRow strong{
  color:#103e42!important;
}
body.spg-customer-theme.spg-website-customer .summary{background:#103e42!important;color:#fff!important;}
body.spg-customer-theme.spg-website-customer .primary,
body.spg-customer-theme.spg-website-customer .callLinkV139,
body.spg-customer-theme.spg-website-customer .yn button.active,
body.spg-customer-theme.spg-website-customer .slot.selected{
  background:#103e42!important;border-color:#103e42!important;color:#fff!important;
  box-shadow:none!important;border-radius:4px!important;
}
body.spg-customer-theme.spg-website-customer .secondary{
  background:#fffdf8!important;color:#103e42!important;border-color:#8da9a2!important;
  box-shadow:none!important;border-radius:4px!important;
}
body.spg-customer-theme.spg-website-customer .secondary:hover{background:#edf4ed!important;}
body.spg-customer-theme.spg-website-customer .step.active,
body.spg-customer-theme.spg-website-customer .accessCard.featured,
body.spg-customer-theme.spg-website-customer .choice.selected,
body.spg-customer-theme.spg-website-customer .service.selected{
  border-color:#94af9c!important;background:#f1f6ed!important;
  box-shadow:0 5px 17px rgba(16,62,66,.06)!important;
}
body.spg-customer-theme.spg-website-customer .step.active b{background:#103e42!important;color:#fff!important;}
body.spg-customer-theme.spg-website-customer .step b{color:#103e42!important;}
body.spg-customer-theme.spg-website-customer .field input:focus,
body.spg-customer-theme.spg-website-customer .field select:focus,
body.spg-customer-theme.spg-website-customer .field textarea:focus{
  border-color:#54877b!important;box-shadow:0 0 0 3px rgba(16,62,66,.12)!important;
}
body.spg-customer-theme.spg-website-customer input[type="checkbox"],
body.spg-customer-theme.spg-website-customer input[type="radio"]{accent-color:#103e42!important;}
body.spg-customer-theme.spg-website-customer .loading,
body.spg-customer-theme.spg-website-customer .empty{background:#f5f7f2!important;border-color:#d7ddd5!important;color:#486265!important;}
body.spg-customer-theme.spg-website-customer .authTabs button{min-height:47px;}
body.spg-customer-theme.spg-website-customer .authWrap{max-width:620px;margin-inline:auto;}
/* Match the original site's dark footer instead of the app's grey one. */
body.spg-website-customer .spgWebsiteFooter{
  background:#103e42;color:#e7eeea!important;
  padding:32px 5%;margin:25px 0 0;
}
body.spg-website-customer .spgWebsiteFootIn{
  max-width:1280px;margin:auto;
  display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;
  align-items:center;font-size:14px;line-height:1.7;
}
body.spg-website-customer .spgWebsiteFootIn strong{font-family:Georgia,serif;font-weight:400;font-size:23px;display:block;color:#f7f4ed;}
body.spg-website-customer .spgWebsiteFootIn span{display:block;color:#c0d4cd;}
body.spg-website-customer .spgWebsiteFootIn a{color:#e7eeea;text-decoration:none;}
body.spg-website-customer .spgWebsiteFootIn a:hover{text-decoration:underline;}
body.spg-website-customer .spgWebsiteFootIn nav{display:flex;gap:17px;flex-wrap:wrap;}
@media(max-width:1240px){
  body.spg-website-customer .spgWebsiteLinks{display:none;}
  body.spg-website-customer .spgWebsiteMobile{display:block;}
  body.spg-website-customer .spgWebsiteMobile summary{
    display:flex;align-items:center;justify-content:center;
    min-height:45px;padding:10px 16px;
    font-size:16px;font-weight:600;cursor:pointer;
    border:1px solid #8baba9;list-style:none;
  }
  body.spg-website-customer .spgWebsiteMobile summary::-webkit-details-marker{display:none;}
  body.spg-website-customer .spgWebsiteDropdown{
    position:absolute;left:0;right:0;top:100%;z-index:1150;
    display:grid;gap:0;max-height:calc(100dvh - 90px);overflow-y:auto;
    background:#103e42;border-top:1px solid #46676a;
    padding:8px 6% 17px;
    box-shadow:0 13px 24px rgba(0,0,0,.15);
  }
  body.spg-website-customer .spgWebsiteDropdown a{
    display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.17);
    color:#f7f4ed;text-decoration:none;font-size:17px;line-height:1.35;
  }
  body.spg-website-customer .spgWebsiteDropdown a[aria-current="page"]{color:#e3c18a;font-weight:600;}
}
@media(max-width:900px){
  body.spg-customer-theme.spg-website-customer .hero,
  body.spg-customer-theme.spg-website-customer.spgCustomerCover .hero,
  body.spg-customer-theme.spg-website-customer:not(.spgCustomerCover) .hero{
    grid-template-columns:1fr!important;
    padding:31px 6% 28px!important;gap:15px!important;
  }
  body.spg-customer-theme.spg-website-customer .hero h1{font-size:clamp(34px,7.3vw,48px)!important;}
  body.spg-customer-theme.spg-website-customer .wrap{padding:24px 5% 45px;}
  body.spg-website-customer .spgWebsiteFootIn{grid-template-columns:1fr;gap:14px;text-align:left;}
  body.spg-website-customer .spgWebsiteFootIn nav{gap:22px;}
}
@media(max-width:780px){
  body.spg-customer-theme.spg-website-customer{padding-top:82px;}
  body.spg-website-customer .spgWebsiteHeader{height:82px;}
  body.spg-website-customer .spgWebsiteNav{width:89%;}
  body.spg-website-customer .spgWebsiteLogo img{width:120px;height:65px;}
  body.spg-customer-theme.spg-website-customer .hero,
  body.spg-customer-theme.spg-website-customer.spgCustomerCover .hero,
  body.spg-customer-theme.spg-website-customer:not(.spgCustomerCover) .hero{
    padding:26px 5.5% 20px!important;
  }
  body.spg-customer-theme.spg-website-customer .heroNote{font-size:13px!important;}
  body.spg-customer-theme.spg-website-customer .wrap{padding:18px 12px 38px;}
  body.spg-website-customer .spgWebsiteDropdown{max-height:calc(100dvh - 86px);}
}
@media(min-width:781px) and (max-width:1240px){
  body.spg-customer-theme.spg-website-customer{padding-top:86px;}
  body.spg-website-customer .spgWebsiteHeader{height:86px;}
}

/* WP 1.6.166: account-only entry choices on /area-cliente/. */
body.spg-website-customer .accessGrid.spgAccountOnlyGridV166{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,820px);
  margin-inline:auto;
  gap:18px;
}
body.spg-website-customer .spgAccountOnlyGridV166 .accessCard{min-height:218px;}
@media(max-width:760px){
  body.spg-website-customer .accessGrid.spgAccountOnlyGridV166{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.spg-website-customer .spgAccountOnlyGridV166 .accessCard{min-height:0;}
}
