/*
Theme Name: C4RBON Studio
Theme URI: https://c4rbon.cl/
Author: C4RBON Media Studio
Description: Tema de bloques premium para C4RBON Media Studio. Diseñado para WordPress/Gutenberg con edición de contenido protegida y estética editorial cinematográfica.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.0.4
Requires PHP: 7.4
Text Domain: c4rbon-studio
*/

:root {
  --c4-bg:#090909;
  --c4-surface:#141414;
  --c4-line:rgba(255,255,255,.12);
  --c4-muted:#9d9d9d;
  --c4-text:#f4f4f1;
  --c4-paper:#efefec;
  --c4-paper-text:#101010;
  --c4-max:1440px;
  --c4-pad:clamp(22px,5vw,78px);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:var(--c4-bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.c4-wrap{max-width:var(--c4-max);margin-inline:auto;padding-inline:var(--c4-pad)}
.c4-micro{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--c4-muted);font-weight:600}
.c4-header{position:sticky;top:0;z-index:50;background:rgba(8,8,8,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}
.c4-header .wp-block-image{margin:0}.c4-header .wp-block-image img{max-height:50px;width:auto}
.c4-header .wp-block-navigation-item__content{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.c4-header .wp-block-navigation-item__content:hover{opacity:1}
.c4-button .wp-block-button__link,.c4-button-outline .wp-block-button__link{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:0 22px;border-radius:0;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:.25s ease}
.c4-button .wp-block-button__link{background:#f4f4f1;color:#111;border:1px solid #f4f4f1}
.c4-button-outline .wp-block-button__link{background:transparent;color:#f4f4f1;border:1px solid rgba(255,255,255,.32)}
.c4-button .wp-block-button__link:hover,.c4-button-outline .wp-block-button__link:hover{background:#fff;color:#080808;border-color:#fff;transform:translateY(-1px)}
.c4-hero{position:relative;min-height:760px;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 77% 30%,rgba(255,255,255,.08),transparent 26%),linear-gradient(180deg,#0a0a0a,#080808)}
.c4-hero::after{content:"";position:absolute;right:-2%;top:12%;width:min(47vw,670px);aspect-ratio:325/234;background:url('assets/images/icon-white.png') center/contain no-repeat;opacity:.11;filter:grayscale(1) contrast(1.25)}
.c4-hero-inner{position:relative;z-index:2;width:100%}
.c4-hero h1{margin:20px 0 22px!important;font-size:clamp(62px,8.6vw,145px)!important;line-height:.83!important;letter-spacing:-.065em!important;text-transform:uppercase;font-weight:800;max-width:830px}
.c4-hero-copy{max-width:590px;color:#bcbcbc;font-size:clamp(16px,1.5vw,20px);line-height:1.55}
.c4-client-strip{padding-block:30px;border-top:1px solid var(--c4-line);border-bottom:1px solid var(--c4-line)}
.c4-client-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:24px!important;align-items:center}
.c4-client-grid p{margin:0!important;text-align:center;color:#858585;font-size:clamp(12px,1.3vw,19px);font-weight:700;letter-spacing:.04em;opacity:.75}
.c4-section{padding-block:clamp(74px,9vw,140px)}
.c4-section-head{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:50px!important;align-items:end}
.c4-display{margin:10px 0 0!important;font-size:clamp(45px,6.2vw,98px)!important;line-height:.92!important;letter-spacing:-.055em!important;text-transform:uppercase}
.c4-section-copy{color:var(--c4-muted);max-width:540px;line-height:1.65;margin-left:auto!important}
.c4-projects .wp-block-post-template{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:42px!important}
.c4-projects .wp-block-post{position:relative;min-height:390px;overflow:hidden;background:#141414;border:1px solid rgba(255,255,255,.1)}
.c4-projects .wp-block-post:first-child{grid-column:1/-1;min-height:520px}
.c4-projects .wp-block-post-featured-image{height:100%;position:absolute;inset:0;margin:0!important}
.c4-projects .wp-block-post-featured-image a{height:100%;display:block}
.c4-projects .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06);transition:.55s ease}
.c4-projects .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.035);filter:grayscale(.25)}
.c4-projects .wp-block-post::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.04) 50%,rgba(0,0,0,.82));pointer-events:none}
.c4-projects .wp-block-post-title{position:absolute;z-index:2;left:24px;bottom:22px;margin:0!important;font-size:22px!important;text-transform:uppercase}
.c4-projects .wp-block-post-title a{text-decoration:none}
.c4-projects .wp-block-post-terms{position:absolute;z-index:2;right:24px;bottom:22px;margin:0!important;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#ccc}
.c4-projects .wp-block-query-no-results{padding:30px;border:1px solid var(--c4-line);color:var(--c4-muted)}
.c4-manifesto{position:relative;overflow:hidden;background:var(--c4-paper);color:var(--c4-paper-text)}
.c4-manifesto::after{content:"";position:absolute;width:440px;height:440px;right:-70px;top:-120px;background:url('assets/images/icon-white.png') center/contain no-repeat;opacity:.045;filter:invert(1)}
.c4-manifesto-inner{position:relative;z-index:2;display:grid!important;grid-template-columns:1.35fr .65fr!important;gap:70px!important;align-items:end}
.c4-manifesto h2{font-size:clamp(48px,6vw,90px)!important;line-height:.92!important;letter-spacing:-.05em!important;text-transform:uppercase;margin:10px 0 0!important}
.c4-manifesto-copy{font-size:18px;line-height:1.6;color:#303030}
.c4-cap-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:42px!important}
.c4-cap-card{border:1px solid var(--c4-line);background:var(--c4-surface);overflow:hidden;min-width:0}
.c4-cap-card .wp-block-image{aspect-ratio:1.25;margin:0!important;overflow:hidden}
.c4-cap-card .wp-block-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.5s}
.c4-cap-card:hover .wp-block-image img{transform:scale(1.04);filter:grayscale(.2)}
.c4-cap-card > .wp-block-group{padding:22px 20px 24px}
.c4-cap-card h3{margin:0 0 10px!important;font-size:22px!important;text-transform:uppercase}
.c4-cap-card p{margin:0!important;color:var(--c4-muted);font-size:14px;line-height:1.55}
.c4-showreel{position:relative;min-height:440px;display:grid!important;place-items:center;overflow:hidden;border-block:1px solid var(--c4-line)}
.c4-showreel .wp-block-cover__image-background{filter:grayscale(1) brightness(.5);transition:.6s}
.c4-showreel:hover .wp-block-cover__image-background{transform:scale(1.025)}
.c4-play{width:142px;height:142px!important;min-height:142px!important;border:1px solid rgba(255,255,255,.65);border-radius:999px;display:grid!important;place-items:center;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.c4-process-grid{display:grid!important;grid-template-columns:.9fr 2.1fr!important;gap:70px!important}
.c4-process-title{font-size:clamp(50px,6vw,92px)!important;line-height:.9!important;letter-spacing:-.055em!important;text-transform:uppercase;margin:10px 0 0!important}
.c4-steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;align-self:end}
.c4-step{border-top:1px solid var(--c4-line);padding-top:18px}
.c4-step .c4-num{font-size:36px;color:#8e8e8e;font-weight:300;margin:0}
.c4-step h3{font-size:15px!important;margin:18px 0 9px!important;letter-spacing:.09em;text-transform:uppercase}
.c4-step p:last-child{font-size:13px;line-height:1.55;color:var(--c4-muted);margin:0}
.c4-about{background:var(--c4-paper);color:var(--c4-paper-text)}
.c4-about-grid{display:grid!important;grid-template-columns:1.3fr .7fr!important;gap:80px!important;align-items:end}
.c4-about h2{font-size:clamp(47px,6vw,92px)!important;line-height:.91!important;letter-spacing:-.05em!important;text-transform:uppercase;margin:10px 0 0!important}
.c4-about-copy{font-size:18px;line-height:1.58;color:#282828}
.c4-final{position:relative;overflow:hidden}
.c4-final::after{content:"";position:absolute;width:430px;aspect-ratio:325/234;right:3%;top:50%;transform:translateY(-50%);background:url('assets/images/icon-white.png') center/contain no-repeat;opacity:.18}
.c4-final-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:90px!important;align-items:end}
.c4-final h2{font-size:clamp(56px,7.4vw,115px)!important;line-height:.88!important;letter-spacing:-.06em!important;text-transform:uppercase;margin:0!important}
.c4-footer{border-top:1px solid var(--c4-line)}
.c4-footer-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:30px!important;align-items:center}
.c4-footer .wp-block-image{margin:0}.c4-footer .wp-block-image img{max-height:44px;width:auto}
.c4-footer-meta{font-size:11px;color:#787878;text-align:right;line-height:1.6}
.c4-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.c4-reveal.c4-show{opacity:1;transform:none}
.single-c4rbon_project .wp-block-post-featured-image img{width:100%;max-height:76vh;object-fit:cover;filter:grayscale(.3)}
@media(max-width:900px){
 .c4-hero{min-height:700px}.c4-hero::after{width:75vw;right:-28%;top:24%;opacity:.075}
 .c4-client-grid{grid-template-columns:repeat(3,1fr)!important}
 .c4-section-head,.c4-manifesto-inner,.c4-process-grid,.c4-about-grid,.c4-final-grid{grid-template-columns:1fr!important;gap:30px!important}
 .c4-projects .wp-block-post-template{grid-template-columns:1fr!important}.c4-projects .wp-block-post:first-child{grid-column:auto}
 .c4-projects .wp-block-post,.c4-projects .wp-block-post:first-child{min-height:370px}
 .c4-cap-grid{grid-template-columns:repeat(2,1fr)!important}.c4-steps{grid-template-columns:repeat(2,1fr)!important}
 .c4-footer-grid{grid-template-columns:1fr!important}.c4-footer-meta{text-align:left}
}
@media(max-width:600px){
 .c4-header .wp-block-image img{max-height:38px}.c4-hero{min-height:640px}
 .c4-hero h1{font-size:58px!important}.c4-client-grid{grid-template-columns:repeat(2,1fr)!important}
 .c4-cap-grid,.c4-steps{grid-template-columns:1fr!important}.c4-showreel{min-height:300px}
 .c4-projects .wp-block-post-title{font-size:18px!important}.c4-projects .wp-block-post-terms{left:24px;right:auto;bottom:52px}
}