/*
Theme Name: GeneratePress Child - Conciertos Monterrey
Template: generatepress
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@700;800&display=swap');


:root{
--cm-green:#C1FF72;
--cm-pink:#fd009b;
--cm-gray:#999999;
--cm-dark:#111111;
--cm-light:#ffffff;
}


body{
font-family: Inter, system-ui, -apple-system, Arial, sans-serif;
background:#ffffff;
color:#111;
line-height:1.6;
}

a{
color:var(--cm-pink);
text-decoration:none;
transition:all .2s ease;
}

a:hover{
color:var(--cm-green);
}

.cm-container{
max-width:1200px;
margin:auto;
padding:40px 20px;
}

.cm-section{
margin-bottom:60px;
}

.cm-title{
position:absolute;
bottom:-25px;
left:20px;
right:20px;
margin:0;
font-family:'Big Shoulders Text', sans-serif;
font-weight:800;
font-size:38px;
line-height:1.05;
color:#ff0a8a;
}

.cm-title span{
background:#fff;
padding:8px 12px;
display:inline;
box-shadow:6px 6px 0 #000;

/* clave para dividir las cajas */
box-decoration-break:clone;
-webkit-box-decoration-break:clone;
}

.cm-image img{
width:100%;
height:300px;
object-fit:cover;
}

.cm-meta{
margin-top:45px;
font-size:14px;
text-align:center;
}

.cm-category{
color:#e11d48;
font-weight:700;
text-transform:uppercase;
margin-right:10px;
}

.cm-author{
color:#222;
}