/* ======================================================
   MASSCHEVERE - ESTILOS GLOBALES
====================================================== */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{

--mc-gold:#FFC400;
--mc-black:#050505;
--mc-dark:#101010;
--mc-white:#FFFFFF;
--mc-gray:#BDBDBD;
--mc-border:#242424;

--radius:20px;
--transition:.35s;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

background:var(--mc-black);

color:var(--mc-white);

font-family:'Poppins',sans-serif;

overflow-x:hidden;

}

/* CONTENEDOR */

.mc-social-container{

max-width:1300px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:70px;

align-items:center;

text-align:left;

}

/* TITULOS */

h1,h2,h3,h4{

font-family:'Orbitron',sans-serif;

font-weight:700;

color:var(--mc-gold);

}

/* Refuerzo por si Elementor pisa el color con su propio estilo default */
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title{

color:var(--mc-gold) !important;

}

/* PARRAFOS */

p{

color:var(--mc-gray);

line-height:1.8;

}

/* BOTONES */

.mc-bottom{

margin-top:0;

display:flex;

flex-direction:column;

justify-content:center;

height:100%;

}

.mc-btn:hover{

transform:translateY(-5px);

box-shadow:0 0 25px rgba(255,196,0,.45);

}

/* TARJETAS */

.mc-card{

background:var(--mc-dark);

border:1px solid var(--mc-border);

border-radius:var(--radius);

transition:var(--transition);

}

.mc-card:hover{

transform:translateY(-8px);

border-color:var(--mc-gold);

box-shadow:0 0 30px rgba(255,196,0,.15);

}

/* SECCIONES */

section{

padding:110px 0;

position:relative;

}

/* IMÁGENES */

img{

max-width:100%;

display:block;

}

/* ENLACES */

a{

text-decoration:none;

}
.prueba-mass {
    background: #ffc400;
    color: #000;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.mc-logo{
    width:100%;
    display:flex;
    justify-content:center;
    margin-bottom:35px;
}

.mc-logo img{
    width:160px;
    transition:.4s;
}

.mc-logo img:hover{
    transform:scale(1.05);
}
.mc-social{

display:flex;
justify-content:center;
align-items:center;
gap:30px;
margin-top:45px;

}

.mc-social a{

width:70px;
height:70px;

border-radius:50%;

display:flex;
justify-content:center;
align-items:center;

background:#121212;

border:2px solid rgba(255,196,0,.15);

transition:.35s;

}

.mc-social a img{

width:34px;
height:34px;

transition:.35s;

}

.mc-social a:hover{

transform:translateY(-8px);

border-color:#FFC400;

box-shadow:0 0 25px rgba(255,196,0,.35);

background:#1a1a1a;

}

.mc-social a:hover img{

transform:scale(1.15);

}
/* ICONOS REDES */

.mc-social-icons{

display:flex;
justify-content:center;
align-items:center;
gap:25px;
margin:50px 0;

}

.mc-social-icons a{

width:70px;
height:70px;

display:flex;
justify-content:center;
align-items:center;

border-radius:50%;

background:#121212;

border:1px solid #2a2a2a;

transition:.35s;

text-decoration:none;

}

.mc-social-icons{

display:flex;
justify-content:center;
align-items:center;
gap:30px;
margin:50px 0;

}

.mc-social-icons a{

width:72px;
height:72px;

display:flex;
justify-content:center;
align-items:center;

background:#121212;

border:2px solid rgba(255,196,0,.25);

border-radius:50%;

transition:.35s;

}

.mc-social-icons a:hover{

transform:translateY(-8px);

border-color:#FFC400;

box-shadow:0 0 25px rgba(255,196,0,.35);

}

.mc-social-icons img{

width:32px !important;
height:32px !important;
max-width:32px !important;
max-height:32px !important;
display:block;
object-fit:contain;

}
.mc-social-sub,
.mc-social h2{

font-family:'Orbitron',sans-serif;

font-size:56px;

line-height:1.2;

color:#FFC107;

margin-bottom:25px;

}

.mc-social p{

margin:0 0 50px 0;

max-width:100%;

}

.mc-social-icons{

justify-content:flex-start;

}

.mc-user{

margin-top:25px;

text-align:left;

}

.mc-bottom h3{

text-align:left;

}

.mc-bottom p{

text-align:left;

}

@media(max-width:900px){

.mc-social-container{

display:grid;

grid-template-columns:55% 45%;

align-items:center;

gap:80px;

}

.mc-social-sub,
.mc-social h2{

font-family:'Orbitron',sans-serif;

font-size:56px;

line-height:1.2;

color:#FFC107;

margin-bottom:25px;

}
.mc-bottom h3{

font-family:'Orbitron',sans-serif;

font-size:34px;

color:#FFC107;

margin-bottom:20px;

}
.mc-bottom p,
.mc-user{

text-align:center;

}

.mc-social-icons{

justify-content:center;

}

.mc-bottom{

margin-top:60px;

align-items:center;

}
/* MASSCHEVERE OVERRIDES */
.mc-social-container{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.mc-social-sub,.mc-social h2,.mc-bottom h3{color:#FFC400}.mc-social-icons{display:flex;gap:25px;justify-content:flex-start;align-items:center;margin:40px 0}.mc-social-icons a{width:72px;height:72px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#111;border:2px solid rgba(255,196,0,.25);transition:.35s}.mc-social-icons a:hover{transform:translateY(-8px);border-color:#FFC400;box-shadow:0 0 25px rgba(255,196,0,.35)}.mc-social-icons img{width:32px!important;height:32px!important;object-fit:contain}.mc-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 42px;background:#FFC400;color:#000;border-radius:50px;font-weight:700;width:max-content}.mc-bottom{display:flex;flex-direction:column;justify-content:center}@media(max-width:900px){.mc-social-container{grid-template-columns:1fr;gap:60px;text-align:center}.mc-social-icons{justify-content:center}.mc-btn{margin:auto}.mc-bottom p,.mc-bottom h3,.mc-user{text-align:center}}