/*
Theme Name: OPENCAP Red Responsive
Theme URI: https://otec-opencap.cl/
Author: OPENCAP
Description: Tema Full Site Editing de OPENCAP con identidad roja, responsive y portada editable desde Páginas > Inicio OPENCAP.
Version: 4.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: opencap-red-responsive
*/

html{scroll-behavior:smooth}
body{overflow-x:hidden}
a{text-underline-offset:3px}
:root{--oc-red:#d9292f;--oc-red-dark:#9d181d;--oc-red-deep:#651014;--oc-red-light:#f05555;--oc-charcoal:#181a1f;--oc-soft:#f7f7f8;--oc-line:#e6e6e9}

/* HEADER */
.oc-topbar{font-size:12px;letter-spacing:.035em;background:var(--oc-red-deep)!important}
.oc-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #ececef;backdrop-filter:blur(16px)}
.oc-header-brand{gap:11px!important}.oc-brand-name{margin:0!important;line-height:1!important}.oc-brand-sub{margin:2px 0 0!important}
.oc-brand-disc{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--oc-red-light),var(--oc-red-dark));color:#fff;font-size:27px;font-weight:900;box-shadow:0 10px 25px rgba(217,41,47,.2)}
.oc-header .wp-block-navigation-item__content{font-weight:700;text-decoration:none}.oc-header .wp-block-navigation-item__content:hover{color:var(--oc-red)}
.oc-header-cta a{background:var(--oc-red)!important;color:#fff!important;border-radius:999px!important;padding:11px 18px!important;font-weight:800!important}

/* HERO */
.oc-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.09),transparent 22%),radial-gradient(circle at 88% 74%,rgba(255,130,130,.15),transparent 28%),linear-gradient(125deg,#650f14 0%,#98171d 38%,#d9292f 100%)!important}
.oc-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:44px 44px}
.oc-hero-copy{position:relative;z-index:2}.oc-eyebrow{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em;color:#fff!important}.oc-eyebrow:before{content:"";width:32px;height:2px;background:currentColor;display:inline-block}
.oc-hero-title{letter-spacing:-.035em;max-width:760px}.oc-hero-title em{font-style:normal;color:#fff}.oc-hero-lead{max-width:660px;color:#ffe5e6}
.oc-hero .wp-block-button:first-child .wp-block-button__link{background:#fff!important;color:var(--oc-red-dark)!important;box-shadow:0 14px 35px rgba(85,0,6,.18)}
.oc-hero .wp-block-button:nth-child(2) .wp-block-button__link{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.oc-pill{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.075);border-radius:999px;padding:8px 12px!important}.oc-pill p{margin:0!important}

/* HERO PANEL */
.oc-command{position:relative;z-index:2;border:1px solid rgba(255,255,255,.16);background:rgba(40,7,10,.70)!important;border-radius:26px!important;box-shadow:0 35px 80px rgba(55,0,5,.35);overflow:hidden}
.oc-command-head{border-bottom:1px solid rgba(255,255,255,.12)}.oc-live{display:inline-flex;align-items:center;gap:8px}.oc-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#7befad;box-shadow:0 0 0 5px rgba(123,239,173,.11)}
.oc-command-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:16px;padding:16px!important;height:100%}.oc-command-stat strong{font-size:1.7rem}
.oc-progress{height:9px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden}.oc-progress:before{content:"";display:block;height:100%;width:82%;background:linear-gradient(90deg,#fff,#ffb9bc);border-radius:inherit}
.oc-module{border-top:1px solid rgba(255,255,255,.09);padding:13px 0!important}.oc-badge{display:inline-block;border-radius:999px;padding:5px 9px!important;background:rgba(123,239,173,.13);color:#9df2c2}

/* METRICS */
.oc-metric-strip{box-shadow:0 22px 60px rgba(60,0,6,.08)}.oc-metric{border-right:1px solid var(--oc-line)}.oc-metric:last-child{border-right:0}.oc-metric h3{color:var(--oc-red-dark)}

/* SECTIONS */
.oc-section-kicker{letter-spacing:.14em;font-weight:800;color:var(--oc-red)!important}.oc-section-title{letter-spacing:-.026em}.oc-section-intro{max-width:760px}
.has-fog-background-color{background:#f8f8f9!important}

/* CARDS */
.oc-card{height:100%;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:0 10px 30px rgba(24,26,31,.04)}
.oc-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--oc-red-light),var(--oc-red-dark))}
.oc-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(100,0,8,.11);border-color:#ebc7c9!important}
.oc-card-index{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff0f1;color:var(--oc-red);font-family:var(--wp--preset--font-family--oswald);font-weight:700}
.oc-card .has-signal-red-color,.oc-card .has-safety-orange-color,.oc-card .has-sky-color,.oc-card .has-success-color{color:var(--oc-red)!important}.oc-card-link a{font-weight:800;text-decoration:none;color:var(--oc-red-dark)}.oc-card-link a:after{content:"  →";color:var(--oc-red)}

/* COMPANY */
.has-ink-background-color#empresas{background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.07),transparent 25%),linear-gradient(135deg,#4c0c10,#781216 48%,#9f1d22)!important}
.oc-route-panel{background:#fff!important;color:var(--oc-charcoal)!important;border:0!important;border-radius:24px!important;box-shadow:0 30px 70px rgba(50,0,5,.3)}
.oc-route-panel h3{color:var(--oc-charcoal)!important}.oc-route-panel p{color:#333!important}.oc-route-line{border-top:1px solid #eee!important}.oc-route-number{background:var(--oc-red)!important;color:#fff!important}

/* METHOD */
.oc-process-card{height:100%;border-top:4px solid var(--oc-red)!important;transition:.2s ease}.oc-process-card:hover{transform:translateY(-3px)}.oc-process-number{font-size:3rem!important;line-height:1!important;color:#f0d2d4!important;font-family:var(--wp--preset--font-family--oswald);font-weight:700}

/* SECTORS */
.oc-sector{border:1px solid #ead0d2!important;border-radius:999px;padding:10px 14px!important;background:#fff}.oc-sector p{margin:0!important;font-weight:700;font-size:.84rem}

/* CTA */
.oc-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.10),transparent 24%),linear-gradient(130deg,#7b1116,#c82026 56%,#e13940)!important}
.oc-cta:after{content:"+";position:absolute;right:2%;bottom:-22%;font-family:var(--wp--preset--font-family--oswald);font-size:24rem;line-height:1;color:rgba(255,255,255,.05);font-weight:700;pointer-events:none}.oc-cta-inner{position:relative;z-index:2}

/* FORM */
.oc-contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:14px;color:#21232a}.oc-contact-form input,.oc-contact-form select,.oc-contact-form textarea{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #dedee2;border-radius:11px;padding:12px 13px;font:inherit;background:#fff;outline:none}.oc-contact-form input:focus,.oc-contact-form select:focus,.oc-contact-form textarea:focus{border-color:var(--oc-red);box-shadow:0 0 0 3px rgba(217,41,47,.12)}.oc-contact-form button{width:100%;border:0;border-radius:11px;padding:14px 18px;background:var(--oc-red);color:#fff;font-weight:800;cursor:pointer}.oc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oc-form-status{margin-top:12px;font-size:12px;font-weight:800}.oc-form-status.ok{color:#18865d}.oc-form-status.error{color:#b52d2d}

/* FOOTER */
.oc-footer{background:#1b090b!important}.oc-footer a{text-decoration:none}

/* TABLET */
@media(max-width:980px){.oc-hero-columns,.oc-card-row,.oc-process-row,.oc-route-columns,.oc-footer-columns{flex-wrap:wrap!important}.oc-card-row>.wp-block-column,.oc-process-row>.wp-block-column{flex-basis:47%!important}.oc-route-columns>.wp-block-column{flex-basis:100%!important}.oc-metric{border-right:0;border-bottom:1px solid var(--oc-line)}.oc-command-stat strong{font-size:1.45rem}}

/* MOBILE */
@media(max-width:680px){.oc-topbar .wp-block-group{justify-content:center!important;text-align:center}.oc-topbar p:last-child{display:none}.oc-header{position:relative}.oc-header>.wp-block-group{gap:12px}.oc-brand-sub{display:none}.oc-hero{padding-top:52px!important;padding-bottom:52px!important}.oc-hero-title{font-size:clamp(3rem,15vw,4.3rem)!important}.oc-hero-lead{font-size:1.05rem!important}.oc-command{margin-top:25px}.oc-card-row>.wp-block-column,.oc-process-row>.wp-block-column{flex-basis:100%!important}.oc-form-row{grid-template-columns:1fr}.oc-cta:after{font-size:14rem}.oc-pill-row{display:grid!important;grid-template-columns:1fr!important}.oc-footer-columns>.wp-block-column{flex-basis:100%!important}.oc-hero .wp-block-buttons{display:grid!important;grid-template-columns:1fr!important}.oc-hero .wp-block-button,.oc-hero .wp-block-button__link{width:100%!important}}
@media(max-width:420px){.oc-hero-title{font-size:2.75rem!important}.oc-header-cta{display:none!important}.oc-command .wp-block-columns{display:grid!important;grid-template-columns:1fr!important}.oc-brand-disc{width:40px;height:40px}.oc-brand-name{font-size:22px!important}}