/* CSS exclusivo del autor 569. Reglas del pie de pagina en su orden original. */
.footer{background:var(--v-900);color:rgba(255,255,255,.7);content-visibility:auto;contain-intrinsic-size:0px 460px}
.footer-top{padding:34px 0 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-grid{max-width:var(--wrap);margin:0 auto;padding:0 16px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:28px}
.footer-about{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:12px}
.footer-contact{font-size:11px;color:rgba(255,255,255,.4);line-height:1.7}
.footer-social{display:flex;gap:6px;margin-top:12px}
.footer-social a{width:30px;height:30px;border-radius:6px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:13px;transition:background var(--spring),transform var(--spring),color var(--t)}
.footer-social a:hover{background:var(--v-500);color:#fff;transform:translateY(-3px) scale(1.1)}
.footer-col .footer-heading{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v-400);margin-bottom:11px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-col li{margin-bottom:6px}
.footer-col li a{font-size:12.5px;color:rgba(255,255,255,.55);transition:color var(--t),padding-left var(--t)}
.footer-col li a:hover{color:var(--v-400);padding-left:4px}
.footer-bottom .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}
.footer-bottom p{font-size:11px;color:rgba(255,255,255,.35)}
.footer-legal{display:flex;gap:14px}
.footer-legal a{font-size:11px;color:rgba(255,255,255,.35);transition:color var(--t)}
.footer-legal a:hover{color:var(--v-400)}
@media (max-width:980px){
.footer-grid{grid-template-columns:1fr 1fr;row-gap:22px}
}
.footer,.footer-bottom,.footer-top{background:#003b2b}
.footer-anniversary{display:block;width:128px;height:auto;max-height:none;margin:0 0 18px;padding:0;border:0;border-radius:0;background:0 0;box-shadow:none;object-fit:contain}
@media (max-width:600px){
.footer-grid{grid-template-columns:1fr}
.footer-bottom .wrap{flex-direction:column;align-items:flex-start}
.footer-anniversary{width:110px}
}
body .footer-top{padding:42px 0 30px}
body .footer-grid{align-items:start;gap:34px}
body .footer-about{max-width:330px;font-size:13px;line-height:1.65}
body .footer-contact{font-size:11.5px}
body .footer-social{gap:8px}
body .footer-social a{border:1px solid #111;border-radius:0;background:#111;color:#fff;font-weight:700;box-shadow:none}
body .footer-social a:focus-visible,body .footer-social a:hover{background:#fff;color:#111;transform:translateY(-2px);outline:rgb(17,17,17) solid 2px;outline-offset:2px}
body .footer-col .footer-heading{margin-bottom:14px;padding-bottom:9px;border-bottom:2px solid #111;font-size:12px;letter-spacing:.08em}
body .footer-col li{margin-bottom:8px}
body .footer-col li a{font-size:12.5px;line-height:1.35}
body .footer-col li a:focus-visible,body .footer-col li a:hover{color:#000;padding-left:4px;text-decoration:underline;text-underline-offset:3px}
body .footer-bottom{border:0}
body .footer-bottom .wrap{padding-top:15px;padding-bottom:15px}
body .footer-legal a:focus-visible,body .footer-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){
body .footer-grid{grid-template-columns:1.35fr 1fr 1fr}
body .footer-brand{grid-column:1/-1;padding-bottom:22px;border-bottom:1px solid #cfcfcf}
}
@media (max-width:700px){
body .footer-top{padding:32px 0 22px}
body .footer-grid{grid-template-columns:1fr 1fr;gap:24px 20px}
body .footer-brand{grid-column:1/-1}
body .footer-anniversary{width:110px}
body .footer-bottom .wrap{align-items:flex-start}
}
@media (max-width:480px){
body .footer-grid{grid-template-columns:1fr}
body .footer-brand{grid-column:auto}
body .footer-col{padding-bottom:12px;border-bottom:1px solid #d7d7d7}
body .footer-legal{flex-wrap:wrap;gap:8px 14px}
}
body .footer,body.home-page .footer{border-top:4px solid #111;background:#fff!important;color:#111!important}
body .footer-top,body.home-page .footer-top{border-bottom:1px solid #111;background:#fff!important;color:#111!important}
body .footer-bottom,body.home-page .footer-bottom{background:#111!important;color:#fff!important}
body .footer-anniversary,body.home-page .footer-anniversary{display:block;width:126px;height:auto;padding:0;border:0;box-shadow:none;filter:none;object-fit:contain;background:0 0!important}
body .footer-about,body .footer-col .footer-heading,body .footer-col li a,body.home-page .footer-about,body.home-page .footer-col .footer-heading,body.home-page .footer-col li a{color:#111!important}
body .footer-bottom p,body .footer-legal a,body.home-page .footer-bottom p,body.home-page .footer-legal a{color:rgba(255,255,255,.82)!important}
@media (max-width:700px){
body .footer-anniversary,body.home-page .footer-anniversary{width:110px}
}
body .footer-grid,body.home-page .footer-grid{grid-template-columns:minmax(460px,1.55fr) repeat(4,minmax(140px,1fr))!important;gap:30px 28px!important;align-items:start!important}
body .footer-brand,body.home-page .footer-brand{grid-template-columns:minmax(210px,260px) minmax(180px,1fr);grid-template-areas:"anniv about" "anniv contact" "anniv social";gap:12px 24px;align-items:start;display:grid!important}
body .footer-anniversary,body.home-page .footer-anniversary{grid-area:anniv;place-self:start;width:clamp(220px,22vw,280px)!important;max-width:280px!important;margin:0!important}
body .footer-about,body.home-page .footer-about{grid-area:about;margin:8px 0 0!important}
body .footer-contact,body.home-page .footer-contact{color:#4b4b4b!important;grid-area:contact;margin:0!important}
body .footer-social,body.home-page .footer-social{grid-area:social;flex-wrap:wrap;margin-top:2px!important}
@media (max-width:1240px){
body .footer-grid,body.home-page .footer-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}
body .footer-brand,body.home-page .footer-brand{grid-column:1/-1;grid-template-columns:minmax(210px,260px) 1fr}
}
@media (max-width:900px){
body .footer-grid,body.home-page .footer-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}
body .footer-brand,body.home-page .footer-brand{grid-column:1/-1;grid-template-columns:minmax(190px,240px) 1fr}
}
@media (max-width:640px){
body .footer-grid,body.home-page .footer-grid{grid-template-columns:1fr!important}
body .footer-brand,body.home-page .footer-brand{grid-template-columns:1fr;grid-template-areas:"anniv" "about" "contact" "social";row-gap:14px;justify-items:center;text-align:center}
body .footer-anniversary,body.home-page .footer-anniversary{width:min(78vw,260px)!important;justify-self:center}
body .footer-about,body .footer-contact,body.home-page .footer-about,body.home-page .footer-contact{text-align:center}
body .footer-social,body.home-page .footer-social{justify-content:center}
}
body .footer-social,body.home-page .footer-social{width:max-content;max-width:100%;display:flex!important;flex-flow:row!important;align-items:center!important;gap:7px!important}
body .footer-social a,body.home-page .footer-social a{flex:0 0 30px!important;width:30px!important;height:30px!important}
@media (max-width:420px){
body .footer-social,body.home-page .footer-social{gap:5px!important}
body .footer-social a,body.home-page .footer-social a{flex-basis:28px!important;width:28px!important;height:28px!important}
}
