/* FORZAR MONTSERRAT EN TODA LA PAGINA SPECTRALL */

.spectrall-hero,
.spectrall-dark,
.spectrall-dark *,
.spectrall-hero *{
font-family:'Montserrat', sans-serif !important;
}



/* HERO */

.spectrall-hero{

text-align:center;

color:white;

padding:120px 20px;

position:relative;

overflow:hidden;

}


.spectrall-hero > *{
position:relative;
z-index:2;
}

.spectrall-logo{

width:160px;

margin-bottom:20px;

}

.spectrall-hero h1{

font-size:2.5rem !important;

font-weight:400 !important;

margin-bottom:40px;

letter-spacing:-0.5px;

}

.spectrall-hero::before{

content:"";
position:absolute;
inset:0;
background:url("/files/Tapeta LUNA 1920 x 1080.jpg") center/cover no-repeat;
filter:blur(6px);
transform:scale(1.1);
z-index:0;
}






/* SECCION */

.spectrall-dark{

background:#f7f8fa;

padding:100px 20px;

}

.spectrall-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.spectrall-text h2{

font-size:36px;

font-weight:700;

margin-bottom:20px;

}

.spectrall-text p{

color:#000000;

margin-bottom:18px;

line-height:1.6;

}



/* LISTA */

.spectrall-list{

margin-top:20px;

padding-left:20px;

}

.spectrall-list li{

margin-bottom:10px;

color:#000000;

}



/* IMAGEN */

.spectrall-image img{

width:100%;

border-radius:8px;

box-shadow:0 20px 40px rgba(0,0,0,0.4);

}



/* BOTON */

.spectrall-btn{

display:inline-block;

margin-top:25px;

padding:14px 30px;

border-radius:6px;

text-decoration:none;

font-weight:600;

color:white;

background:linear-gradient(180deg,#f26022,#af1015);

}

/* ECOSISTEMA */

.spectrall-ecosystem{

padding:100px 20px;

background:#ffffff;

text-align:center;

}



/* TITULO */

.spectrall-ecosystem-title{

font-family:'Montserrat', sans-serif;

font-size:2.5rem;

font-weight:400;

margin-bottom:30px;

letter-spacing:-0.5px;

color:#111;

}



/* GRID CATEGORIAS */

/* GRID CATEGORIAS */

.spectrall-categories{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:30px;

max-width:1200px;

margin:0 auto;

}



.spectrall-category{

display:block;

text-decoration:none;

border-radius:10px;

overflow:hidden;

transition:all .3s ease;

background:#f5f6f8;

}



/* IMAGEN */

.spectrall-category img{

width:100%;

height:200px;

object-fit:cover;

display:block;

}



/* TITULO */

.spectrall-category-title{

padding:18px;

font-family:'Montserrat',sans-serif;

font-weight:600;

color:#111;

background:#f5f6f8;

text-align:center;

}



/* HOVER */

.spectrall-category:hover{

transform:translateY(-6px);

box-shadow:0 20px 40px rgba(0,0,0,0.15);

}


/* SECCION CATALOGO */

.spectrall-catalog{

padding:40px 20px 100px;

background:#ffffff;

text-align:center;

}



/* CONTENIDO */

.spectrall-catalog-inner{

max-width:900px;

margin:0 auto;

}



/* TITULO */

.spectrall-catalog-title{

font-family:'Montserrat', sans-serif;

font-size:2.5rem;

font-weight:400;

color:rgb(0, 0, 0);

letter-spacing:1px;

margin-bottom:35px;

}



/* BOTON */

.spectrall-catalog-btn{

display:inline-block;

padding:16px 40px;

border-radius:6px;

text-decoration:none;

font-family:'Montserrat', sans-serif;

font-weight:600;

color:white;

background:linear-gradient(180deg,#f26022,#af1015);

transition:all .25s ease;
margin-bottom:80px;

}


/* WHATSAPP */

.whatsapp-chat{

position:fixed;

bottom:20px;

right:20px;

z-index:1000;

text-align:center;

font-family:'Montserrat',sans-serif;

}

.whatsapp-button{

display:block;

width:60px;

height:60px;

background:#25D366;

border-radius:50%;

text-align:center;

box-shadow:0 4px 8px rgba(0,0,0,0.3);

}

.whatsapp-button i{

color:white;

font-size:30px;

line-height:60px;

}

.whatsapp-chat span{

display:block;

font-size:12px;

margin-top:5px;

color:#333;

}



/* RESPONSIVE */

@media(max-width:900px){

.spectrall-grid{

grid-template-columns:1fr;

gap:40px;

}

.spectrall-hero h1{

font-size:34px;

}



}

/* RESPONSIVE */

@media(max-width:1000px){

.spectrall-categories{

grid-template-columns:repeat(3,1fr);

}

}



@media(max-width:600px){

.spectrall-categories{

grid-template-columns:1fr;

}

}