.tc-micro-hub{
--tc-nb:"Conv_NB55MS__",Helvetica,Arial,sans-serif;
--tc-lato:Lato,Helvetica,Arial,sans-serif;
--tc-green:#52cc9f;
--tc-page:1050px;
width:100%;
margin:0;
background:#000;
color:#fff;
font-family:var(--tc-lato);
-webkit-font-smoothing:antialiased;
}
.tc-micro-hub *{box-sizing:border-box}
.tc-micro-hub a{color:inherit;text-decoration:none}
.tc-micro-hero{
position:relative;
height:680px;
overflow:hidden;
background:#1d1d1a;
padding:72px max(24px,calc((100vw - 1050px)/2)) 20px;
display:flex;
flex-direction:column;
}
.tc-micro-hero-bg{position:absolute;inset:0;overflow:hidden}
.tc-micro-hero-bg img{
width:100%;
height:100%;
object-fit:cover;
object-position:50% 53%;
transform:scale(1.08);
transform-origin:center center;
}
.tc-micro-hero:before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(90deg,rgba(29,29,26,.94) 0%,rgba(29,29,26,.90) 48%,rgba(29,29,26,.60) 62%,rgba(29,29,26,.12) 100%);
}
.tc-micro-watermark{
position:absolute;
z-index:2;
left:54.63%;
top:32%;
width:42.75%;
height:auto;
opacity:.235;
pointer-events:none;
}
.tc-micro-hero-copy,.tc-micro-hero-menu{position:relative;z-index:3}
.tc-micro-hero-copy{max-width:680px}
.tc-micro-hero .tc-micro-kicker{
font-family:var(--tc-nb)!important;
font-size:14px!important;
font-weight:400!important;
line-height:1.4!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
color:var(--tc-green)!important;
margin:0!important;
padding:0!important;
}
.tc-micro-kicker+h1{margin-top:10px!important}
.tc-micro-hero h1{
font-family:var(--tc-nb)!important;
font-weight:400!important;
font-size:52px!important;
line-height:1.08!important;
text-transform:uppercase!important;
letter-spacing:0!important;
margin:0 0 22px!important;
max-width:600px;
color:#fff!important;
}
.tc-micro-hero p{
font-family:var(--tc-lato)!important;
font-size:20px!important;
line-height:1.65!important;
color:#f2f2f0!important;
margin:0!important;
padding:0!important;
max-width:680px!important;
text-indent:0!important;
}
.tc-micro-hero h1+p{margin-top:24px!important}
.tc-micro-hero p+p{margin-top:24px!important}
.tc-micro-hero p strong{font-weight:700!important;color:#fff!important}
.tc-micro-marca{
font-family:var(--tc-nb)!important;
font-weight:700!important;
text-transform:uppercase!important;
white-space:nowrap;
}
.tc-micro-marca sup{
font-family:var(--tc-lato)!important;
font-weight:700!important;
font-size:.42em!important;
line-height:0;
vertical-align:1.1em;
margin-left:.06em;
}
.tc-micro-hero-menu{
margin-top:auto;
display:flex;
flex-wrap:wrap;
gap:8px 24px;
padding-top:16px;
border-top:1px solid rgba(255,255,255,.12);
}
.tc-micro-hero-menu a{
font-family:var(--tc-nb)!important;
font-size:13px!important;
line-height:1.4!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
border-bottom:1px solid rgba(255,255,255,.35);
padding-bottom:2px;
}
.tc-micro-hero-menu a:hover{color:var(--tc-green);border-color:var(--tc-green)}
.tc-micro-editorial{background:#000;padding:112px 0 58px}
.tc-micro-editorial-wrap{width:min(var(--tc-page),calc(100vw - 48px));margin:0 auto}
.tc-micro-feature-grid{
display:grid;
grid-template-columns:230px 1fr;
gap:58px;
align-items:start;
}
.tc-micro-small{
font-family:var(--tc-nb)!important;
font-size:13px!important;
line-height:1.4!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
color:var(--tc-green)!important;
}
.tc-micro-feature-right h2,.tc-micro-archive-right h2{
font-family:var(--tc-nb)!important;
font-size:34px!important;
line-height:1.05!important;
font-weight:400!important;
text-transform:uppercase!important;
color:#fff!important;
margin:0 0 28px!important;
}
.tc-micro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tc-micro-feature-card{
min-height:184px;
background:#111;
border:1px solid #2b2b2b;
padding:18px;
display:flex;
flex-direction:column;
}
.tc-micro-feature-card .tc-micro-label{
font-family:var(--tc-nb)!important;
font-size:10px!important;
line-height:1.4!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
color:var(--tc-green)!important;
margin-bottom:12px;
}
.tc-micro-feature-card h3{
font-family:var(--tc-nb)!important;
font-size:20px!important;
line-height:1.05!important;
font-weight:400!important;
text-transform:uppercase!important;
color:#fff!important;
margin:0 0 20px!important;
}
.tc-micro-feature-card .tc-micro-cta{
margin-top:auto;
align-self:flex-start;
font-family:var(--tc-nb)!important;
font-size:10px!important;
line-height:1.4!important;
letter-spacing:.08em!important;
border-bottom:1px solid rgba(255,255,255,.4);
padding-bottom:2px;
}
.tc-micro-archive-box{
margin-top:48px;
background:transparent;
padding:42px 20px 28px 0;
}
.tc-micro-archive-grid{display:grid;grid-template-columns:230px 1fr;gap:58px}
.tc-micro-archive-right h2{margin-bottom:22px!important}
.tc-micro-archive-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.tc-micro-archive-row{
font-family:var(--tc-lato)!important;
font-size:14px!important;
line-height:1.45!important;
min-height:62px;
padding:14px 0;
border-bottom:1px solid #2a2a2a;
display:flex;
justify-content:space-between;
gap:16px;
align-items:flex-start;
color:#fff!important;
}
.tc-micro-archive-row b{
font-family:var(--tc-nb)!important;
font-weight:400!important;
color:var(--tc-green)!important;
} #left-area>.tc-micro-hub{
position:relative;
z-index:5;
width:100vw;
margin-left:-10vw;
}
@media(min-width:1351px){
#left-area>.tc-micro-hub{margin-left:calc((1080px - 100vw)/2)}
}
@media(max-width:900px){
.tc-micro-hero{height:auto;min-height:720px;padding-left:22px;padding-right:22px}
.tc-micro-hero h1{font-size:clamp(30px,8vw,52px)!important}
.tc-micro-hero-menu{margin-top:24px}
.tc-micro-watermark{left:45%;width:54%;top:34%}
.tc-micro-feature-grid,.tc-micro-archive-grid{grid-template-columns:1fr;gap:20px}
.tc-micro-cards{grid-template-columns:1fr}
.tc-micro-archive-list{grid-template-columns:1fr}
.tc-micro-editorial-wrap{width:calc(100vw - 32px)}
} body.category-todo-sobre-el-microcemento #left-area > article.et_pb_post .tc-category-article-excerpt{
padding-bottom:1.65em!important;
padding-bottom:1lh!important;
} body.category-todo-sobre-el-microcemento #sidebar{display:none!important}
body.category-todo-sobre-el-microcemento #main-content > .container{width:calc(100% - 48px)!important;max-width:1050px!important;margin-left:auto!important;margin-right:auto!important}
body.category-todo-sobre-el-microcemento #main-content > .container:before{display:none!important}
body.category-todo-sobre-el-microcemento #left-area{width:100%!important;padding-right:0!important;float:none!important}
body.category-todo-sobre-el-microcemento #left-area > article.et_pb_post .entry-featured-image-url img{width:100%;height:auto}
@media(max-width:900px){body.category-todo-sobre-el-microcemento #main-content > .container{width:calc(100% - 32px)!important}} body.category-todo-sobre-el-microcemento .tc-micro-hub .tc-micro-feature-card:hover{border-color:var(--tc-green);}