*{box-sizing:border-box}:root{--color-background:#fff9f2;--color-text:#5d3f7a;--color-border:#b89de8;--color-primary:#5d3f7a;--color-secondary:#8e6ccf;--color-lavender:#b89de8;--color-pink:#ffd6e7;--color-yellow:#ffe89c}body{background-color:var(--color-background);color:var(--color-text);margin:0;font-family:Arial,sans-serif;line-height:1.5}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}h3{font-size:1.2rem;line-height:1.3}p{max-width:72ch}.skip-link{background-color:var(--color-background);color:var(--color-text);z-index:1000;padding:.75rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}#contenido-principal:focus{outline:none}.hero{padding-block:2rem}.hero-description{font-size:1.1rem}.brand-link{display:inline-block}.brand-logo{width:10rem;height:auto;display:block}header,main,footer{width:100%;max-width:70rem;margin-inline:auto}header,footer{padding:1rem}main section{padding:2rem 1rem}footer{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}header{flex-direction:column;gap:.75rem;display:flex}header nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0;padding:0;list-style:none;display:grid}header a{color:inherit;text-decoration:none}header a:hover{text-decoration:underline}header a:focus-visible{outline-offset:4px;outline:2px solid}.cta{color:inherit;border:2px solid;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.cta:hover{background-color:var(--color-lavender)}.cta:focus-visible{outline-offset:4px;outline:2px solid}.contact-options{flex-direction:column;gap:.5rem;display:flex}.contact-options p{margin:0}.product-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.product-card{border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.product-card-content{padding:1rem}.product-card-image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.product-card-status{margin:0 0 .5rem;font-weight:600}@media (width>=48rem){header{flex-direction:row;justify-content:space-between;align-items:center}header nav ul{gap:1rem;display:flex}}