/* R6-R3B: mode-aware navigation, matched 3D CTAs, compact garden footer, and sky-to-glass scroll transition. */
:root{--pv-header-white:0;--pv-header-blur:0px;--pv-sky-opacity:1;--pv-header-shadow-alpha:.03}
/* Shared sticky sky becomes translucent white progressively, not as a hard state change. */
.pv-header{
  background:
    linear-gradient(rgb(255 255 255 / var(--pv-header-white)),rgb(255 255 255 / var(--pv-header-white))),
    linear-gradient(180deg,#bce9f9 0%,#dcf4fd 76%,#e9f9fd 100%);
  -webkit-backdrop-filter:blur(var(--pv-header-blur)) saturate(112%);
  backdrop-filter:blur(var(--pv-header-blur)) saturate(112%);
  box-shadow:0 7px 24px rgb(67 115 128 / var(--pv-header-shadow-alpha));
  transition:box-shadow .16s linear;
}
.pv-nav-sky{opacity:var(--pv-sky-opacity);transition:opacity .08s linear}
.pv-header[data-scroll-state="floating"]{border-bottom:1px solid #a9c8cf28}
/* Portal intentionally forces the visitor to choose a journey before full navigation appears. */
.pv-header--portal .pv-header-place{margin-left:auto;font-size:13px;font-weight:600;color:#365c67}
.pv-header--portal .pv-header-place .pv-icon{width:18px;height:18px;flex-basis:18px}
/* Only the quick switch for the current mode is visible. */
[data-pv-profile="familias"] [data-mode-switch="empresas"],
[data-pv-profile="empresas"] [data-mode-switch="familias"],
[data-pv-profile="portal"] .pv-mode-cta{display:none!important}
/* Contact and mode-switch CTAs share exactly the same physical interaction and depth. */
.pv-header .pv-btn--header-3d{
  --pv-header-btn-bg:#f9ce12;
  --pv-header-btn-bg-hover:#ffda38;
  --pv-header-btn-depth:#d4aa1c;
  --pv-header-btn-border:#e0b719;
  --pv-header-btn-ink:#343322;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  border:1px solid var(--pv-header-btn-border)!important;
  background:var(--pv-header-btn-bg)!important;
  color:var(--pv-header-btn-ink)!important;
  box-shadow:0 4px 0 var(--pv-header-btn-depth),0 8px 17px rgb(80 74 35 / .10)!important;
  transform:translateY(0);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
  font-weight:750;
}
.pv-header .pv-btn--header-3d:hover{
  background:var(--pv-header-btn-bg-hover)!important;
  transform:translateY(-2px);
  box-shadow:0 6px 0 var(--pv-header-btn-depth),0 12px 22px rgb(80 74 35 / .13)!important;
}
.pv-header .pv-btn--header-3d:active{
  transform:translateY(2px);
  box-shadow:0 2px 0 var(--pv-header-btn-depth),0 5px 10px rgb(80 74 35 / .09)!important;
}
.pv-header .pv-btn--header-switch{
  --pv-header-btn-bg:#1285ad;
  --pv-header-btn-bg-hover:#0e789e;
  --pv-header-btn-depth:#086585;
  --pv-header-btn-border:#087395;
  --pv-header-btn-ink:#fff;
}
.pv-header .pv-btn--header-3d .pv-icon{width:18px;height:18px;flex-basis:18px}
/* Hablemos is a button, never an active-link orange underline. */
.pv-nav-links>.pv-btn[aria-current="page"]:after,
.pv-nav-links>.pv-btn[aria-current="page"]::after{content:none!important;display:none!important;background:transparent!important}
/* Compact soil/grass footer: same content and legibility, substantially less vertical waste. */
.pv-footer--garden{padding:48px 0 12px}
.pv-footer--garden .pv-footer-grid{grid-template-columns:1.08fr .72fr 1.12fr;gap:25px;padding-bottom:14px;align-items:start}
.pv-footer--garden .pv-footer-about>.pv-brand{flex-direction:row;align-items:center;gap:13px}
.pv-footer--garden .pv-footer-about>.pv-brand img{width:94px}
.pv-footer--garden .pv-footer-about>.pv-brand>span{font-size:19px;line-height:1.22}
.pv-footer--garden .pv-footer-about>.pv-brand small{font-size:11px;line-height:1.3;margin-top:2px}
.pv-footer--garden p{font-size:15px;line-height:1.5;margin-top:8px;max-width:320px}
.pv-footer--garden h2{font-size:16px;line-height:1.3;margin:0 0 8px}
.pv-footer--garden .pv-footer-grid a:not(.pv-brand):not(.pv-social-icon){font-size:15px;line-height:1.4;margin:4px 0}
.pv-footer--garden .pv-social{gap:8px;margin-top:9px}
.pv-footer--garden .pv-social-icon{width:36px;height:36px;flex-basis:36px}
.pv-footer--garden .pv-social-icon svg{width:19px;height:19px;flex-basis:19px}
.pv-footer--garden .pv-footer-about>.pv-footer-phone{font-size:17px!important;margin-top:8px!important}
.pv-footer--garden .pv-footer-about>.pv-footer-email{font-size:14px!important;line-height:1.45;margin-top:3px!important}
.pv-footer-map{height:132px;margin:6px 0 4px;border-radius:16px}
.pv-footer--garden .pv-footer-bottom{padding-top:10px;gap:14px;font-size:13px;line-height:1.5}
.pv-footer--garden .pv-footer-bottom>div{gap:16px}
.pv-footer--garden .pv-footer-bottom a{font-size:13px;line-height:1.5}
.pv-map-directions{margin-top:2px!important}
/* Smaller desktops keep both 3D buttons readable without crowding. */
@media(max-width:1250px){
  .pv-header .pv-btn--header-3d{padding-inline:15px!important;font-size:12px!important}
}
@media(max-width:1160px){
  .pv-header .pv-btn--header-3d{padding:11px 18px!important;font-size:14px!important}
  .pv-navigation{background:rgb(246 252 253 / .94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .pv-footer--garden .pv-footer-grid{grid-template-columns:1fr .72fr 1.05fr;gap:24px}
  .pv-footer-map{height:130px}
}
@media(max-width:850px){
  .pv-footer--garden{padding-top:46px}
  .pv-footer--garden .pv-footer-grid{gap:25px 28px;padding-bottom:17px}
  .pv-footer-location .pv-footer-map{height:160px}
}
@media(max-width:740px){
  .pv-header--portal .pv-header-inner{min-height:84px}
  .pv-footer--garden{padding-top:46px;padding-bottom:12px}
  .pv-footer--garden .pv-footer-about>.pv-brand{flex-direction:row;gap:12px}
  .pv-footer--garden .pv-footer-about>.pv-brand img{width:94px}
  .pv-footer--garden .pv-footer-about>.pv-brand>span{font-size:20px}
  .pv-footer--garden h2{font-size:17px}
  .pv-footer--garden p{font-size:15px}
  .pv-footer--garden .pv-footer-bottom{font-size:13px}
}
@media(max-width:600px){
  .pv-header .pv-btn--header-3d{font-size:13px!important;padding:10px 16px!important;min-height:44px!important}
  .pv-mode-cta .pv-icon{display:none}
  .pv-footer--garden .pv-footer-grid{gap:24px 20px}
  .pv-footer--garden .pv-footer-about>.pv-brand{align-items:center}
  .pv-footer--garden .pv-footer-about>.pv-brand img{width:90px}
  .pv-footer-location .pv-footer-map{height:156px;margin:10px 0 6px}
  .pv-footer--garden .pv-footer-about>p{font-size:14px}
  .pv-footer--garden .pv-footer-about>.pv-social{margin-top:10px}
  .pv-footer--garden .pv-footer-about>.pv-footer-phone{margin-top:10px!important}
  .pv-footer--garden .pv-footer-about>.pv-footer-email{margin-top:14px!important}
}
@media(max-width:420px){
  .pv-header .pv-btn--header-3d{font-size:12px!important;padding:10px 13px!important}
  .pv-footer--garden .pv-footer-grid{gap:20px}
  .pv-footer--garden .pv-footer-bottom{gap:10px}
}
@media(max-width:360px){
  .pv-header .pv-btn--header-switch{padding-inline:11px!important}
  .pv-footer--garden .pv-footer-about>.pv-brand img{width:88px}
}
@media(prefers-reduced-motion:reduce){
  .pv-header .pv-btn--header-3d{transition:none!important}
  .pv-nav-sky{transition:none!important}
}

/* R6-R3C2: footer breathing room + 25% larger Pro Vida logo. Footer-only override appended to R3B CSS. */
.pv-footer--garden{padding-top:72px}
.pv-footer--garden .pv-footer-about>.pv-brand img{width:117.5px}
@media(max-width:850px){
  .pv-footer--garden{padding-top:68px}
}
@media(max-width:740px){
  .pv-footer--garden{padding-top:66px}
  .pv-footer--garden .pv-footer-about>.pv-brand img{width:117.5px}
}
@media(max-width:600px){
  .pv-footer--garden .pv-footer-about>.pv-brand img{width:112.5px}
}
@media(max-width:360px){
  .pv-footer--garden .pv-footer-about>.pv-brand img{width:110px}
}