.elementor-5206 .elementor-element.elementor-element-ed79ad7{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7a552a2 */.bc-editorial{
width:100%;
background:linear-gradient(180deg,#f5f0ea 0%,#f8f4ef 100%);
padding:200px 6vw;
font-family:Inter,sans-serif;
}

/* INTRO */

.bc-intro{
max-width:900px;
margin:auto;
text-align:center;
margin-bottom:160px;
}

.bc-kicker{
letter-spacing:3px;
font-size:12px;
text-transform:uppercase;
color:#c57a3a;
margin-bottom:18px;
}

.bc-intro h2{
font-size:76px;
line-height:1.05;
margin-bottom:22px;
color:#111;
}

.bc-intro p{
font-size:20px;
color:#555;
max-width:520px;
margin:auto;
}

/* CASES */

.bc-cases{
width:100%;
display:flex;
flex-direction:column;
gap:160px;
}

/* CASE LAYOUT */

.bc-case{
display:grid;
grid-template-columns:1fr 3fr;
gap:80px;
align-items:start;
position:relative;
padding-top:40px;

/* animación cinematográfica */

opacity:0;
transform:translateY(60px);
animation:caseFade 1s ease forwards;
}

.bc-case:nth-child(1){animation-delay:.2s}
.bc-case:nth-child(2){animation-delay:.4s}
.bc-case:nth-child(3){animation-delay:.6s}
.bc-case:nth-child(4){animation-delay:.8s}
.bc-case:nth-child(5){animation-delay:1s}

/* línea editorial cobre */

.bc-case::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:linear-gradient(90deg,transparent,#c57a3a,transparent);
opacity:.35;
}

/* TÍTULO */

.bc-title h3{
font-size:36px;
line-height:1.2;
font-weight:600;
color:#111;
}

/* GRID CONTENIDO */

.bc-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:60px;
}

/* LABELS */

.bc-grid span{
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
color:#c57a3a;
display:block;
margin-bottom:8px;
}

.bc-grid p{
font-size:17px;
line-height:1.7;
color:#333;
}

/* RESULTADO */

.bc-result{
border-left:3px solid #c57a3a;
padding-left:18px;
font-weight:600;
}

/* ANIMACIÓN */

@keyframes caseFade{

from{
opacity:0;
transform:translateY(60px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* HOVER SUAVE */

.bc-case:hover h3{
color:#c57a3a;
transition:.3s;
}

/* RESPONSIVE */

@media(max-width:900px){

.bc-editorial{
padding:120px 8vw;
}

.bc-intro h2{
font-size:42px;
}

.bc-case{
grid-template-columns:1fr;
gap:40px;
}

.bc-grid{
grid-template-columns:1fr;
gap:30px;
}

}/* End custom CSS */