@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--mp-ink:#171713;--mp-paper:#faf9f5;--mp-cream:#efede5;--mp-line:rgba(23,23,19,.16);--mp-serif:'Playfair Display',Georgia,serif;--mp-sans:'DM Sans',Arial,sans-serif}
.material-page{background:var(--mp-paper)!important;color:var(--mp-ink)!important;font-family:var(--mp-sans)!important;overflow-x:hidden}.material-page #page-wrapper{background:transparent!important}.material-page a{text-decoration:none}.material-page .navbar{min-height:82px!important;padding:0 4.5vw!important;background:rgba(250,249,245,.93)!important;backdrop-filter:blur(15px);border-bottom:1px solid var(--mp-line);box-shadow:none!important}.material-page .navbar>.container{max-width:none!important;padding:0!important}.material-page .navbar-brand img{width:145px!important}.material-page .navbar-nav{gap:18px;align-items:center}.material-page .nav-link{font-family:var(--mp-sans)!important;font-size:12px!important;letter-spacing:.05em!important;color:var(--mp-ink)!important;text-transform:none!important}.material-page .dropdown-menu{border:1px solid var(--mp-line)!important;border-radius:0!important;background:var(--mp-paper)!important;padding:12px!important;box-shadow:0 18px 40px #17171314!important}.material-page .dropdown-item{font-size:12px;padding:10px 18px}.material-page #banner{height:78vh!important;min-height:620px!important;margin:0!important;padding:82px 6vw 0!important;display:flex!important;align-items:flex-end!important;position:relative!important;background-size:cover!important;background-position:center!important;color:white!important;isolation:isolate}.material-page #banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,14,11,.72),rgba(13,14,11,.18) 70%),linear-gradient(0deg,rgba(13,14,11,.64),transparent 55%);z-index:-1}.material-marble #banner{background-image:url('../imagenes/20221031_101123.jpg')!important;background-position:center 55%!important}.material-granite #banner{background-image:url('../imagenes/20220706_112050.jpg')!important}.material-quartz #banner{background-image:url('../imagenes/20220131_203041.jpg')!important}.material-porcelain #banner{background-image:url('../imagenes/20220503_084422.jpg')!important}.material-page #banner>.inner{width:min(1100px,100%)!important;margin:0 0 8vh!important;text-align:left!important}.material-page #banner .subtitulo{font:500 clamp(68px,10vw,145px)/.85 var(--mp-serif)!important;letter-spacing:-.055em!important;text-transform:none!important;color:#fff!important;margin:0 0 35px!important}.material-page #banner .subtitulo:before{content:'Colección  /  Superficies';display:block;font:600 10px/1 var(--mp-sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px;color:#fff}.material-page #banner .wrapper{background:transparent!important;padding:0!important}.material-page #banner .wrapper .inner{padding:0!important}.material-page #banner header.major{width:min(630px,100%);padding:0!important;margin:0!important;border:0!important}.material-page #banner header.major:after{display:none!important}.material-page #banner header.major p{font:400 16px/1.75 var(--mp-sans)!important;color:rgba(255,255,255,.82)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}.material-page #banner+section.wrapper{padding:110px 6vw 75px!important;background:var(--mp-paper)!important}.material-page #banner+section.wrapper>.container{max-width:1200px!important;padding:0!important}.material-page #banner+section.wrapper>.container:first-child h2{font:500 clamp(38px,4.4vw,62px)/1 var(--mp-serif)!important;letter-spacing:-.035em!important;text-transform:none!important;margin:0 0 60px!important;color:var(--mp-ink)!important}.material-page #banner+section.wrapper>.container:first-child h2:before{content:'Propiedades y usos';display:block;font:600 9px var(--mp-sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px;color:#77796d}.material-page .center-line:before,.material-page .center-line:after{display:none!important}.material-page .iconos-contenedor{display:flex!important;justify-content:stretch!important;gap:0!important;margin:0!important;border-top:1px solid var(--mp-line)!important}.material-page .iconos,.material-page .iconos-2{flex:1!important;min-width:0!important;margin:0!important;padding:32px 20px!important;border-right:1px solid var(--mp-line);display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:22px!important;background:transparent!important;transition:.3s}.material-page .iconos:last-child,.material-page .iconos-2:last-child{border-right:0}.material-page .iconos:hover,.material-page .iconos-2:hover{background:var(--mp-cream)!important}.material-page .icono{width:42px!important;height:42px!important;object-fit:contain!important;filter:grayscale(1) contrast(.75)!important;margin:0!important}.material-page .nombre-icono{width:100%}.material-page .nombre-icono p{font:500 12px/1.4 var(--mp-sans)!important;color:var(--mp-ink)!important;margin:0!important;text-align:left!important}.material-page #banner+section.wrapper+div.container,.material-page #banner+section.wrapper~div.container{max-width:none!important;padding:90px 6vw 130px!important;background:var(--mp-cream)!important}.material-page h2.secciones{font:500 clamp(46px,5vw,74px)/1 var(--mp-serif)!important;letter-spacing:-.04em!important;text-transform:none!important;text-align:left!important;color:var(--mp-ink)!important;margin:0 0 55px!important;padding:0!important}.material-page h2.secciones:before{content:'Explora la colección';display:block!important;font:600 9px var(--mp-sans)!important;letter-spacing:.2em!important;text-transform:uppercase!important;margin-bottom:20px!important;color:#77796d!important}.material-page .gallery-wrapper{max-width:1400px;margin:auto}.material-page .gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;list-style:none!important}.material-page .gallery-item{position:relative!important;width:auto!important;height:480px!important;margin:0!important;overflow:hidden!important;background:#dedbd1!important;border:0!important;border-radius:0!important;box-shadow:none!important}.material-page .gallery-item:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,10,.75),transparent 55%);pointer-events:none}.material-page .gallery-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;transition:transform .7s ease!important}.material-page .gallery-item:hover .gallery-img{transform:scale(1.055)!important}.material-page .gallery-im-caption{position:absolute!important;z-index:2!important;inset:auto 0 0!important;padding:26px!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;opacity:1!important;transform:none!important}.material-page .gallery-im-caption p{font:500 25px/1.1 var(--mp-serif)!important;color:#fff!important;margin:0!important;text-align:left!important}.material-page .modal-btn{border:0!important;border-bottom:1px solid rgba(255,255,255,.7)!important;border-radius:0!important;background:transparent!important;color:#fff!important;padding:0 0 5px!important;font:600 9px var(--mp-sans)!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:nowrap}.material-page .modal{z-index:100!important;background:rgba(13,14,11,.92)!important;backdrop-filter:blur(12px)!important;padding:5vh 5vw!important}.material-page .modal-content{width:min(1100px,92vw)!important;height:min(82vh,780px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.material-page .modal-content img{width:100%!important;height:100%!important;object-fit:contain!important}.material-page .close{position:fixed!important;right:30px!important;top:20px!important;color:#fff!important;font:300 42px var(--mp-sans)!important;opacity:1!important}.material-page #footer{background:#12130f!important;padding:65px 6vw 35px!important;color:#aaa!important}.material-page #footer .icons{margin-bottom:28px!important}.material-page #footer .icons a{border:1px solid #ffffff36!important;border-radius:50%!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;color:#fff!important}.material-page #footer .copyright{font:500 9px var(--mp-sans)!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#777a70!important}.material-page .gallery-item{animation:materialIn .7s both}.material-page .gallery-item:nth-child(3n+2){animation-delay:.08s}.material-page .gallery-item:nth-child(3n+3){animation-delay:.16s}@keyframes materialIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:900px){.material-page .navbar{min-height:72px!important;padding:0 22px!important}.material-page .navbar-nav{align-items:flex-start;padding:15px}.material-page #banner{height:72vh!important;min-height:580px!important;padding:72px 24px 0!important}.material-page #banner>.inner{margin-bottom:7vh!important}.material-page #banner .subtitulo{font-size:72px!important}.material-page #banner+section.wrapper{padding:80px 24px 55px!important}.material-page #banner+section.wrapper~div.container{padding:75px 24px 90px!important}.material-page .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.material-page .gallery-item{height:420px!important}.material-page .iconos-contenedor{flex-wrap:wrap}.material-page .iconos,.material-page .iconos-2{flex:1 1 33%!important}}
@media(max-width:560px){.material-page #banner{height:78svh!important;min-height:620px!important}.material-page #banner .subtitulo{font-size:58px!important}.material-page #banner header.major p{font-size:14px!important;line-height:1.6!important}.material-page #banner+section.wrapper>.container:first-child h2{font-size:38px!important}.material-page .iconos,.material-page .iconos-2{flex:1 1 50%!important;padding:25px 14px!important}.material-page .gallery{grid-template-columns:1fr!important}.material-page .gallery-item{height:410px!important}.material-page .gallery-im-caption{padding:22px!important}.material-page h2.secciones{font-size:46px!important}.material-page .modal{padding:65px 12px 20px!important}.material-page .close{right:18px!important;top:8px!important}}
@media(max-width:991px){.material-page .navbar-toggler{display:block!important;border:0!important;box-shadow:none!important;padding:12px 0!important}.material-page .navbar-toggler-icon{display:none!important}.material-page .navbar-toggler:after{content:'MENÚ';font:600 9px var(--mp-sans);letter-spacing:.15em;color:var(--mp-ink)}}
@media(max-width:560px){.material-page #banner>.inner,.material-page #banner .wrapper,.material-page #banner .wrapper>.inner,.material-page #banner header.major{width:100%!important;max-width:100%!important}.material-page #banner header.major p{width:100%!important;max-width:calc(100vw - 48px)!important;margin-inline:auto!important;overflow-wrap:anywhere!important}}
.material-page .gallery-im-caption .modal-btn{display:none!important}