@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&display=swap";:root{--color-bg:#f8f7f5;--color-surface:#fff;--color-surface-alt:#f0efec;--color-surface-hover:#ebe9e5;--color-text:#1c1b1a;--color-text-muted:#6b6a68;--color-text-inverse:#fff;--color-border:#e3e1dd;--color-border-light:#efeeea;--color-primary:#1b3a5c;--color-primary-light:#2d5a8a;--color-primary-dark:#0f2338;--color-accent:#b84533;--color-accent-light:#d4604a;--color-alert:#d92d20;--color-success:#2e7d5e;--color-info:#2d5a8a;--color-sponsored:#9a7b3c;--color-sponsored-bg:#fbf7f0;--color-link:#1b3a5c;--color-link-hover:#b84533;--color-link-visited:#6b6a68;--color-nav-active:#b84533;--color-nav-hover:#1b3a5c;--color-category-ferreteria:#1b3a5c;--color-category-construccion:#4a4a48;--color-category-materiales:#4a7c59;--color-category-arquitectura:#8b6f4e;--color-category-negocios:#1c1b1a;--color-category-marcas:#9a7b3c;--color-category-eventos:#b84533;--color-category-opinion:#2d5a8a;--font-heading:"Source Serif 4",Georgia,"Times New Roman",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-h1:clamp(2rem,4vw,2.75rem);--text-h2:clamp(1.5rem,3vw,2rem);--text-h3:clamp(1.25rem,2vw,1.5rem);--text-h4:clamp(1.125rem,1.5vw,1.25rem);--text-body:1.0625rem;--text-body-small:.9375rem;--text-meta:.875rem;--text-caption:.8125rem;--text-button:.9375rem;--text-label:.75rem;--text-overline:.6875rem;--text-hero:clamp(1.75rem,3.5vw,2.5rem);--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.7;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--container-max:1280px;--container-wide:1440px;--container-narrow:1024px;--container-text:720px;--grid-columns:12;--grid-gap:24px;--grid-gap-sm:16px;--grid-margin:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--section-gap:64px;--section-gap-mobile:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(28,27,26,.05);--shadow-md:0 2px 8px rgba(28,27,26,.08);--shadow-lg:0 4px 16px rgba(28,27,26,.1);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--header-height:56px;--header-height-mobile:52px;--masthead-height:40px;--z-header:100;--z-overlay:200;--z-modal:300;--focus-ring:2px solid var(--color-primary);--focus-ring-offset:2px}@media(prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms}}@media(min-width:768px){:root{--grid-margin:32px;--section-gap:80px}}@media(min-width:1024px){:root{--grid-margin:40px}}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}p{margin:0;line-height:var(--leading-relaxed)}a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.text-meta,small{font-size:var(--text-meta);color:var(--color-text-muted);line-height:var(--leading-snug)}.text-caption{font-size:var(--text-caption);color:var(--color-text-muted)}.text-label{font-size:var(--text-label);letter-spacing:.05em}.text-label,.text-overline{font-weight:var(--weight-semibold);text-transform:uppercase}.text-overline{font-size:var(--text-overline);letter-spacing:.08em;color:var(--color-text-muted)}.text-hero{font-size:var(--text-hero);line-height:var(--leading-tight)}.section-title,.text-hero{font-family:var(--font-heading);font-weight:var(--weight-bold)}.section-title{font-size:var(--text-h3);position:relative;padding-bottom:var(--space-3);margin-bottom:var(--space-6);border-bottom:2px solid var(--color-border)}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:var(--color-accent)}::-moz-selection{background:var(--color-primary);color:var(--color-text-inverse)}::selection{background:var(--color-primary);color:var(--color-text-inverse)}@media(max-width:767px){.section-title{font-size:var(--text-h4);margin-bottom:var(--space-4)}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--grid-margin)}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:var(--container-narrow)}.container--text{max-width:var(--container-text)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap)}@media(min-width:768px){.grid--sm{gap:var(--grid-gap-sm)}}@media(max-width:767px){.grid{gap:var(--grid-gap-sm)}}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}@media(min-width:768px){.col-span-md-1{grid-column:span 1}.col-span-md-2{grid-column:span 2}.col-span-md-3{grid-column:span 3}.col-span-md-4{grid-column:span 4}.col-span-md-5{grid-column:span 5}.col-span-md-6{grid-column:span 6}.col-span-md-7{grid-column:span 7}.col-span-md-8{grid-column:span 8}.col-span-md-9{grid-column:span 9}.col-span-md-10{grid-column:span 10}.col-span-md-11{grid-column:span 11}.col-span-md-12{grid-column:span 12}}@media(min-width:1024px){.col-span-lg-1{grid-column:span 1}.col-span-lg-2{grid-column:span 2}.col-span-lg-3{grid-column:span 3}.col-span-lg-4{grid-column:span 4}.col-span-lg-5{grid-column:span 5}.col-span-lg-6{grid-column:span 6}.col-span-lg-7{grid-column:span 7}.col-span-lg-8{grid-column:span 8}.col-span-lg-9{grid-column:span 9}.col-span-lg-10{grid-column:span 10}.col-span-lg-11{grid-column:span 11}.col-span-lg-12{grid-column:span 12}}@media(max-width:767px){.col-span-1,.col-span-10,.col-span-11,.col-span-2,.col-span-3,.col-span-4,.col-span-5,.col-span-6,.col-span-7,.col-span-8,.col-span-9{grid-column:span 12}}.section-block{padding:var(--section-gap) 0}.section-block+.section-block{border-top:1px solid var(--color-border-light)}@media(max-width:767px){.section-block{padding:var(--section-gap-mobile) 0}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;background:var(--color-bg)}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}img{font-style:italic;background:var(--color-surface-alt)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}ol,ul{list-style:none}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);z-index:var(--z-modal);border-radius:var(--radius-sm);font-size:var(--text-meta);font-weight:var(--weight-semibold);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-padding-top:calc(var(--header-height) + var(--masthead-height) + var(--space-4))}
