/* Handify header/footer: original structure, spacing, typography and neutral backgrounds.
   Only client content, brand accents and essential responsive/accessibility adaptations. */
.template-header,.template-footer{--text-color:#191c25;--text-color-2:#707070;--accent-color-2:#f5f5f5;--accent-color-3:#dfdfdf}
.template-header .r-container,.template-footer .r-container{max-width:1440px}
.template-header .navbar{padding:2rem 0;min-height:0;margin:0;border-bottom:1px solid var(--accent-color-3)}
.template-header .logo-container{width:180px;flex-shrink:0}
.template-header .navbar-brand{display:block;padding:0;margin:0}
.template-header .shell-logo{width:180px;height:64px;object-fit:contain;object-position:left center}
.template-header .navbar-nav .nav-link{font-size:16px;font-weight:400;white-space:nowrap;text-decoration:none;padding-block:8px}
.template-header .navbar-expand-xl .navbar-nav .nav-link{padding-inline:32px}
.template-header .nav-link.active,.template-header .nav-link i{color:#9e6e17!important}
.template-header .shell-phone{width:max-content;white-space:nowrap}
.template-header .shell-phone-number{color:var(--text-color);font:400 16px var(--font-1)}
.template-header .btn-toggler-accent{width:3rem;flex-shrink:0}
.template-header .navbar-toggler{padding:8px 12px;background:transparent;border:0;color:var(--accent-color);min-width:44px;min-height:44px}
.template-header .offcanvas-fullwidth{min-width:380px}
.template-header .offcanvas-body{overflow-y:auto;overflow-x:hidden}
.template-header .shell-contact-link{font-size:18px;font-weight:600;line-height:1.5}
.template-header .offcanvas h6{margin-bottom:0}
.template-footer .section{padding:6em 2em 1.5rem;background:#f5f5f5}
.template-footer .footer-columns h6{white-space:nowrap;margin:0}
.template-footer p{line-height:1.5}
.template-footer .shell-logo{width:250px;height:100px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.template-footer .ideasweb-credit{align-self:flex-end;text-align:right;white-space:nowrap;text-decoration:none}
.template-footer .ideasweb-credit:hover{text-decoration:underline;color:var(--accent-color)}
.quick-whatsapp .custom-input-group{flex-wrap:nowrap}
.quick-whatsapp .custom-email-input{min-width:0;margin:0;border-radius:50px!important}
.quick-whatsapp .custom-submit-button{min-height:50px;width:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center}
.quick-whatsapp .custom-submit-button i{font-size:24px;font-weight:400}
.quick-whatsapp .quick-status{font:13px/1.5 var(--font-2);margin:12px 0 0}
.quick-whatsapp .quick-status:empty{display:none}
.quick-whatsapp .quick-status a{font-size:inherit;text-decoration:underline}
@media(min-width:992px) and (max-width:1399px){.template-header .navbar-expand-xl .navbar-nav .nav-link{padding-inline:15px}.template-header .logo-container{width:130px}}
@media(max-width:991px){.template-header .navbar{margin-inline:20px}.template-header .navbar-collapse{padding-top:20px}.template-header .navbar-nav .nav-link{text-align:center;padding-block:12px}.template-footer .footer-columns>div{margin-bottom:20px}}
@media(max-width:1023px){.template-header .logo-container{width:100px}.template-header .shell-logo{width:100px;height:64px}.template-footer .section{padding:4em 2em 1.5rem}.template-footer .footer-columns h6{font-size:16px}.template-footer .link.menu{font-size:15px}.template-header .offcanvas-fullwidth{min-width:0}}

@media(min-width:992px) and (max-width:1199px){.template-header .navbar-expand-xl .navbar-nav .nav-link{padding-inline:10px}.template-header .logo-container{width:100px}.template-footer .footer-columns h6{font-size:16px}.template-footer .footer-columns .link{font-size:14px}.template-footer .footer-credits{gap:2rem!important}.template-footer .footer-credits>span{font-size:13px}}

/* Logo legible en móvil, conservando la altura y composición del encabezado. */
@media(max-width:991px){.template-header .navbar{padding-block:8px}.template-header .logo-container{width:112px}.template-header .shell-logo{width:112px;height:112px}}

/* Logo de escritorio ampliado; se conserva el encabezado de 129 px. */
@media(min-width:992px){.template-header .navbar{padding-block:8px}.template-header .logo-container{min-width:112px}.template-header .shell-logo{width:112px;height:112px}}