/* Sistema de marca aprobado · octubre 2026. Solo presentación visual. */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--paper:#fffdf9;--copper:#a85730;--olive:#8c9a7b;--brand-block:#f3e9de}
body{font-family:"Lato",Arial,sans-serif}
button,input,textarea,select{font-family:inherit}
.site-header .brand{position:relative;display:flex;align-items:center;width:300px;height:auto;min-height:64px;overflow:visible}
.site-header .brand img{position:static;display:block;width:100%;max-width:100%;height:auto;left:auto;top:auto;transform:none;object-fit:contain;border-radius:0}
.site-header .header-inner{min-height:88px}
.site-header .nav,.site-header .menu-toggle{font-family:"Lato",Arial,sans-serif}
.site-header .nav .nav-cta{background:#a85730;border-color:#a85730;color:#fffdf9;border-radius:0}
.site-header .nav .nav-cta:hover{background:#33231c;border-color:#33231c;color:#f8efe4}
.hero,.simple-hero,.tool-hero,.contact,.library-selling{background:#f3e9de}
.library-page{--copper:#a85730}
.library-page .eyebrow,.library-page .library-category-number{color:#a85730}
.hero .eyebrow,.hero .hero-note,.simple-hero .eyebrow,.tool-hero .eyebrow,.contact .eyebrow,.library-selling .eyebrow{color:#4a2d35}
.button,.et-footer .et-footer-cta,.cm-cta,.cm-button,table,.card,.pack,.tool-card,.library-guide{border-radius:0}
.library-categories a{border-radius:6px}
.library-status{border-radius:4px}
.et-footer{background:#4a2d35}
.et-footer .et-footer-brand .brand-footer-image{display:block;width:100%;max-width:330px;height:auto;filter:none;mix-blend-mode:normal;border-radius:0}
.et-footer .et-footer-wordmark{display:block}
header:not(.site-header) .brand,.header .portal-brand{position:relative;display:flex;align-items:center;width:300px;height:auto;min-height:64px;overflow:visible;flex-shrink:0}
header:not(.site-header) .brand img,.header .portal-brand img{position:static;width:100%;height:auto;max-width:100%;left:auto;top:auto;transform:none;object-fit:contain}
@media(max-width:1160px){.site-header .nav{top:88px;max-height:calc(100dvh - 88px)}}
@media(max-width:650px){.site-header .brand{width:min(245px,calc(100vw - 118px));min-height:56px}.site-header .brand img{width:100%;height:auto}.site-header .header-inner{min-height:78px}.site-header .nav{top:78px;max-height:calc(100dvh - 78px)}}
@media(max-width:650px){header:not(.site-header) .brand,.header .portal-brand{width:215px;min-height:52px}}