:root{--color-primary: #037bc0;--color-primary-dark: #005485;--color-accent: #8cbc00;--color-accent-dark: #769c02;--color-white: #ffffff;--color-black: #000000;--color-border: #e1e1e1;--color-surface: #ffffff;--color-text: #2f2a26;--color-page: #f9f6f1;--shadow-soft: 0 1.8rem 4.5rem rgba(47, 42, 38, .08);--radius-md: 1.6rem}html{box-sizing:border-box;font-size:62.5%}*,*:before,*:after{box-sizing:inherit}body{background:radial-gradient(circle at top,rgba(3,123,192,.08),transparent 32%),linear-gradient(180deg,#fcfaf6 0%,var(--color-page) 100%);color:var(--color-text);font-family:Raleway,sans-serif;font-size:1.6rem;line-height:2;margin:0}main{display:block}h1,h2,h3{font-family:Playfair Display,serif;margin:0 0 2rem}h1{font-size:3.8rem}@media(min-width:768px){h1{font-size:5rem}}h2{font-size:3.2rem}@media(min-width:768px){h2{font-size:4rem}}h3{font-size:2.4rem}@media(min-width:768px){h3{font-size:3rem}}p{margin:0 0 1rem}ul{padding-left:2rem}img{display:block;max-width:100%}a{color:var(--color-black);text-decoration:none;transition:color .3s ease,background-color .3s ease,transform .3s ease}.contenedor{max-width:120rem;margin:0 auto;width:min(120rem,calc(100% - 3.2rem))}.btn{background-color:var(--color-accent);border:none;border-radius:999px;box-shadow:0 1rem 2.5rem #769c0238;color:var(--color-white);display:block;font-weight:900;letter-spacing:.08em;padding:1.2rem 2.4rem;text-align:center;text-transform:uppercase;transition:background-color .3s ease-out,transform .3s ease-out,box-shadow .3s ease-out;width:100%}.btn:hover{background-color:var(--color-accent-dark);box-shadow:0 1.4rem 3rem #769c024d;cursor:pointer;transform:translateY(-.2rem)}@media(min-width:768px){.btn{width:auto}}.text-center{text-align:center}@media(min-width:768px){.max-width-30{max-width:30rem}}.nombre-sitio{letter-spacing:.04em;margin-top:4rem;text-align:center}.nombre-sitio span{color:var(--color-primary)}.contenedor-navegacion{background-color:#fcfaf6d1;backdrop-filter:blur(1.2rem);border-bottom:.1rem solid rgba(225,225,225,.8);border-top:.1rem solid var(--color-border);position:sticky;top:0;z-index:10}.nav-desktop{display:none}.nav-menu{padding:1rem 0}.nav-menu[open]{padding-bottom:1.2rem}.nav-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.nav-toggle::-webkit-details-marker{display:none}.nav-toggle-label{font-size:1.4rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-toggle-icon{align-items:center;background-color:#fffc;border:1px solid rgba(3,123,192,.12);border-radius:999px;display:inline-flex;flex-direction:column;gap:.4rem;justify-content:center;min-height:4.4rem;min-width:4.4rem;padding:1.2rem 1rem}.nav-toggle-icon span{background-color:var(--color-primary);border-radius:999px;display:block;height:.2rem;transition:transform .3s ease,opacity .3s ease;width:1.8rem}.nav-menu[open] .nav-toggle-icon span:nth-child(1){transform:translateY(.6rem) rotate(45deg)}.nav-menu[open] .nav-toggle-icon span:nth-child(2){opacity:0}.nav-menu[open] .nav-toggle-icon span:nth-child(3){transform:translateY(-.6rem) rotate(-45deg)}.nav-principal-mobile{display:grid;gap:.8rem;grid-template-columns:1fr;margin-top:1.2rem}.nav-menu:not([open]) .nav-principal-mobile{display:none}.nav-principal-mobile a{background-color:#ffffffb8;border:1px solid rgba(3,123,192,.12);border-radius:999px;box-shadow:0 .8rem 2rem #2f2a260f;font-size:1.3rem;font-weight:700;letter-spacing:.06em;padding:1rem 1.4rem;position:relative;text-align:center;text-transform:uppercase}.nav-principal-mobile a:after{display:none}.nav-principal-mobile a:hover,.nav-principal-mobile a[aria-current=page]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}@media(min-width:768px){.nav-desktop{display:block}.nav-menu{display:none}.nav-principal-desktop{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:space-between;padding:1.6rem 0}.nav-principal-desktop a{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--color-black);font-size:1.6rem;font-weight:700;letter-spacing:.06em;padding:0 0 .4rem;position:relative;text-align:left;text-transform:uppercase}.nav-principal-desktop a:after{background-color:var(--color-primary);bottom:0;content:"";display:block;height:.2rem;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;width:100%}.nav-principal-desktop a:hover,.nav-principal-desktop a[aria-current=page]{background-color:transparent;color:var(--color-primary)}.nav-principal-desktop a:hover:after,.nav-principal-desktop a[aria-current=page]:after{transform:scaleX(1)}}.hero{background-image:url(/images/principal.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;height:25rem;position:relative}.hero:after{background:linear-gradient(180deg,#10161a14,#10161a4d);content:"";inset:0;position:absolute}@media(min-width:768px){.hero{height:55rem}}.categorias{padding:5rem 0}.categoria{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-bottom:2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.categoria{margin-bottom:0}}.categoria img{transition:transform .4s ease;width:100%}.categoria a{display:block;font-size:2rem;padding:2rem;text-align:center}.categoria:hover{box-shadow:0 2.2rem 5rem #2f2a261f;transform:translateY(-.4rem)}.categoria:hover img{transform:scale(1.03)}.categoria a:hover{background-color:var(--color-primary);border-bottom-right-radius:1rem;color:var(--color-white)}@media(min-width:768px){.listado-categorias{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}}.sobre-nosotros{background-image:linear-gradient(to bottom,transparent 50%,var(--color-primary) 50%,var(--color-primary) 100%),url(/images/nosotros.jpg);background-position:center,top left;background-repeat:no-repeat;background-size:100%,70rem}@media(min-width:768px){.sobre-nosotros{background-image:linear-gradient(to right,transparent 50%,var(--color-primary) 50%,var(--color-primary) 100%),url(/images/nosotros.jpg);background-position:left center;background-size:100%,160rem;padding:10rem 0}}.sobre-nosotros-grid{display:grid;grid-template-rows:repeat(2,1fr)}@media(min-width:768px){.sobre-nosotros-grid{column-gap:10rem;grid-template-columns:repeat(2,1fr);grid-template-rows:unset}}.texto-nosotros{color:var(--color-white);grid-row:2 / 3;padding:5rem;text-shadow:0 .4rem 1.8rem rgba(0,0,0,.18)}@media(min-width:768px){.texto-nosotros{grid-column:2 / 3}}.contenido-principal{padding-top:5rem}@media(min-width:768px){.listado-productos{display:grid;gap:2rem;grid-template-columns:repeat(6,1fr)}.producto:nth-child(1){display:grid;grid-column:1 / 7;grid-template-columns:3fr 1fr}.producto:nth-child(1) img{height:43rem;object-fit:cover;width:100%}.producto:nth-child(2){grid-column:1 / 4}.producto:nth-child(2) img,.producto:nth-child(3) img{height:30rem;object-fit:cover;width:100%}.producto:nth-child(3){grid-column:4 / 7}.producto:nth-child(4){grid-column:1 / 3}.producto:nth-child(5){grid-column:3 / 5}.producto:nth-child(6){grid-column:5 / 7}}.producto{background-color:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-bottom:2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.producto{margin-bottom:0}}.producto:last-of-type{margin-bottom:0}.producto img{transition:transform .45s ease}.producto:hover{box-shadow:0 2.2rem 5rem #037bc029;transform:translateY(-.4rem)}.producto:hover img{transform:scale(1.03)}.texto-producto{color:var(--color-white);padding:2rem;text-align:center}.texto-producto h3{margin:0}.texto-producto p{margin:0 0 .5rem}.texto-producto .precio{font-size:2.8rem;font-weight:900}.site-footer{background-color:#fff9;border-top:1px solid var(--color-border);margin-top:5rem;padding-top:5rem}.site-footer h3{margin-bottom:.5rem;text-align:center}@media(min-width:768px){.site-footer h3{text-align:left}.grid-footer{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}}.grid-footer>div{margin-bottom:2rem}@media(min-width:768px){.grid-footer>div{margin:0}}.footer-menu a{display:block;text-align:center}@media(min-width:768px){.footer-menu a{text-align:left}}.copyright{margin-top:5rem;text-align:center}.contenido-nosotros{column-gap:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}.informacion-nosotros{display:flex;flex-direction:column;justify-content:center;padding:5rem}@media(min-width:768px){.informacion-nosotros{padding:0}}@media(min-width:768px){.contenedor-blog{column-gap:4rem;display:grid;grid-template-columns:2fr 1fr}}.entrada{border-bottom:2px solid var(--color-border);margin-bottom:2rem;padding-bottom:4rem}.entrada h2{text-align:center}@media(min-width:768px){.entrada h2{text-align:left}}.contenido-blog{padding:2rem}.entrada:last-of-type{border:none}@media(min-width:768px){.entrada-meta{display:flex;justify-content:space-between}}.entrada-meta p{font-weight:700}.entrada-meta span{color:var(--color-primary)}.contenido-entrada-blog{margin:0 auto;width:min(60rem,100%)}.galeria{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media(min-width:768px){.galeria{grid-template-columns:repeat(3,1fr)}}.galeria img{aspect-ratio:1 / 1;height:auto;object-fit:cover;width:100%}.formulario{margin:0 auto;max-width:60rem}.formulario fieldset{border:1px solid var(--color-black);margin-bottom:2rem}.formulario legend{background-color:var(--color-primary-dark);color:var(--color-white);font-weight:900;margin-bottom:4rem;padding:1rem;text-align:center;text-transform:uppercase;width:100%}.campo{display:flex;gap:1rem;margin-bottom:2rem;padding:0 2rem}.campo label{flex-basis:10rem}.campo input:not([type=radio]),.campo textarea,.campo select{border:1px solid var(--color-border);flex:1;padding:1rem}.formulario>.btn{margin-top:1rem}.pagina-contacto{padding-top:3rem}.pagina-contacto h2{margin-bottom:3rem}.pagina-contacto .formulario{max-width:72rem}.pagina-contacto .formulario fieldset{background-color:#ffffffb8;border:1px solid rgba(3,123,192,.12);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:2rem}.pagina-contacto .formulario legend{border-radius:999px;margin:0 auto 2.4rem;max-width:calc(100% - 2rem)}@media(max-width:767px){.pagina-contacto{padding-top:2.4rem}.pagina-contacto .formulario fieldset{padding:1.6rem}.pagina-contacto .campo{flex-direction:column;gap:.8rem;padding:0}.pagina-contacto .campo label{flex-basis:auto;font-weight:700}}