/* ZopiTech footer parity, 24 Oct 2026.
   The home is the approved reference. The same Blade partial is used for every
   public page; this stylesheet carries the home footer presentation to
   interiors without loading the unrelated home-page layout rules.
   Keep the home CSS and existing CMS-driven footer content unchanged. */
body:not(.theme-comercial) .footer{
  position:relative;
  z-index:1;
  background:linear-gradient(160deg,#110E22,#2A1D46 70%,#110E22);
  color:#fff;
  padding:66px 0 24px;
  border-top:1px solid color-mix(in srgb,#CDBBFF 26%,transparent);
  font-size:16px;
  line-height:normal;
}
body:not(.theme-comercial) .footer .shell{
  width:100%;
  max-width:1430px;
  margin-inline:auto;
  padding-inline:clamp(20px,5vw,82px);
}
body:not(.theme-comercial) .footer__grid{
  display:grid;
  grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(0,1fr));
  column-gap:clamp(15px,3.1vw,50px);
  row-gap:42px;
}
body:not(.theme-comercial) .footer__grid>div:not(.footer__about){
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
body:not(.theme-comercial) .footer .brand--footer{
  display:inline-block;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
body:not(.theme-comercial) .footer .brand--footer .brand__image{
  display:block;
  width:160px;
  height:auto;
  max-width:100%;
  border-radius:0;
}
body:not(.theme-comercial) .footer__about>p{
  width:auto;
  max-width:240px;
  font-size:12px;
  line-height:1.7;
  margin:18px 0 19px;
  color:#C6BDDB;
}
body:not(.theme-comercial) .footer h3{
  margin:0 0 16px;
  font-size:12px;
  font-weight:750;
  letter-spacing:.02em;
  color:#fff;
}
body:not(.theme-comercial) .footer__grid a,
body:not(.theme-comercial) .footer__grid p.contact,
body:not(.theme-comercial) .footer__bottom a{
  color:#CFC9DC;
  font-size:11px;
  line-height:1.75;
  overflow-wrap:anywhere;
}
body:not(.theme-comercial) .footer__grid>div:not(.footer__about)>a:not(.contact-link){margin-bottom:10px}
body:not(.theme-comercial) .footer a:hover{color:#fff}
body:not(.theme-comercial) .footer .social{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
body:not(.theme-comercial) .footer .social a{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-weight:400;
  color:#CDBBFF;
  background:color-mix(in srgb,#7F4DF5 13%,transparent);
  border:1px solid color-mix(in srgb,#CDBBFF 23%,transparent);
}
body:not(.theme-comercial) .footer .social a:hover{background:color-mix(in srgb,#7F4DF5 28%,transparent)}
body:not(.theme-comercial) .footer .social svg,
body:not(.theme-comercial) .footer .contact svg{
  width:15px;
  height:15px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
body:not(.theme-comercial) .footer .contact{
  display:flex!important;
  align-items:flex-start;
  gap:9px;
  margin:0 0 13px;
}
body:not(.theme-comercial) .footer .contact svg{
  flex:none;
  margin-top:3px;
}
body:not(.theme-comercial) .footer .contact-link--whatsapp{
  display:flex;
  align-items:center;
  gap:10px;
  margin:5px 0 0;
  padding:12px 11px;
  width:100%;
  border:1px solid rgba(107,194,157,.22);
  border-radius:0;
  background:rgba(24,113,80,.15);
  color:#fff;
  box-shadow:none;
}
body:not(.theme-comercial) .footer .contact-link--whatsapp svg{
  width:22px;
  height:22px;
  flex:none;
}
body:not(.theme-comercial) .footer .contact-link--whatsapp span{
  display:flex;
  flex-direction:column;
  gap:4px;
}
body:not(.theme-comercial) .footer .contact-link--whatsapp strong{font-size:12px}
body:not(.theme-comercial) .footer .contact-link--whatsapp small{font-size:11px;color:#B6DFCB}
body:not(.theme-comercial) .footer-cookie-button{
  font:inherit;
  font-size:11px;
  text-align:left;
  cursor:pointer;
  border:0;
  padding:0;
  background:transparent;
  color:#CFC9DC;
  line-height:1.75;
}
body:not(.theme-comercial) .footer-cookie-button:hover{color:#fff}
body:not(.theme-comercial) .footer__bottom{
  margin-top:51px;
  padding-top:22px;
  border-top:1px solid color-mix(in srgb,#CDBBFF 22%,transparent);
  color:#AEB0C1;
  font-size:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
body:not(.theme-comercial) .footer__bottom div{
  display:flex;
  align-items:center;
  gap:25px;
  flex-wrap:wrap;
}
body:not(.theme-comercial) .footer__bottom a,
body:not(.theme-comercial) .footer__bottom button{font-size:10px}
body:not(.theme-comercial) .whatsapp-float{
  position:fixed;
  z-index:45;
  right:19px;
  bottom:19px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 15px;
  color:#fff;
  background:#126848;
  border:1px solid #52BB87;
  border-radius:24px;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  font-size:11px;
  line-height:normal;
}
body:not(.theme-comercial) .whatsapp-float svg{
  display:block;
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
body:not(.theme-comercial) .whatsapp-float span{display:flex;flex-direction:column;gap:3px}
body:not(.theme-comercial) .whatsapp-float small{font-size:10px}
@media(max-width:1120px){
  body:not(.theme-comercial) .footer__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:38px;
  }
}
@media(max-width:700px){
  body:not(.theme-comercial) .footer{padding:46px 0 23px}
  body:not(.theme-comercial) .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  body:not(.theme-comercial) .footer__about{grid-column:1/-1}
  body:not(.theme-comercial) .footer__about>p{max-width:490px}
  body:not(.theme-comercial) .footer__bottom{display:block;margin-top:35px}
  body:not(.theme-comercial) .footer__bottom div{margin-top:13px;gap:16px}
  body:not(.theme-comercial) .whatsapp-float span{display:none}
  body:not(.theme-comercial) .whatsapp-float{padding:12px}
}
@media(max-width:420px){
  body:not(.theme-comercial) .footer__grid{grid-template-columns:1fr;gap:28px}
  body:not(.theme-comercial) .footer__about{grid-column:1}
}