/* ═══════════════════════════════════════════════════════════════ FORGE PREMIUM — estilo visual definitivo del sitio. Taller de alto rendimiento: grafito + ROJO agresivo como acento principal, crema como segundo tono, numerales editoriales de fondo, serif en la sección filosofía. Se aplica vía . ═══════════════════════════════════════════════════════════════ */ :root[data-theme="forge"] { --red: #E10600; --red-dk: #A60400; --red-lt: #FF3B30; --gold: #E8DCC8; --gold-lt: #F5EEE0; --gold-dim: rgba(232,220,200,0.1); --black: #131313; --c1: #161616; --c2: #1C1C1C; --c3: #232323; --c4: #2C2C2C; --gray: #7A7A7A; --lgray: #B8B8B8; --white: #F5F5F3; --fhero: 'Archivo', sans-serif; --fhead: 'Archivo', sans-serif; --fbody: 'Inter', sans-serif; --fserif: 'Fraunces', serif; } :root[data-theme="forge"] .sh { text-transform: none; letter-spacing: -0.5px; font-weight: 800; font-size: clamp(1.6rem, 2.8vw, 2.3rem); } /* Masthead editorial: etiqueta subrayada, sin píldora */ :root[data-theme="forge"] .tag { background: none; border: none; border-bottom: 2px solid var(--red); border-radius: 0; padding: 0 0 6px; text-transform: uppercase; } :root[data-theme="forge"] .tag::before { display: none; } /* Fuera los recortes diagonales agresivos: todo rectangular/limpio */ :root[data-theme="forge"] .btn, :root[data-theme="forge"] .nav-cta, :root[data-theme="forge"] .tool-body::before, :root[data-theme="forge"] .ct-form, :root[data-theme="forge"] .finder, :root[data-theme="forge"] .ct-ico, :root[data-theme="forge"] .ns-ico, :root[data-theme="forge"] .tool-badge { clip-path: none !important; border-radius: 2px; } :root[data-theme="forge"] .m-val { background: none; -webkit-text-fill-color: var(--white); color: var(--white); font-weight: 500; } /* Tarjetas planas tipo ficha editorial: sin caja, solo regla superior */ :root[data-theme="forge"] .porque-card, :root[data-theme="forge"] .m-card, :root[data-theme="forge"] .confianza-item { background: transparent; border: none; border-top: 2px solid var(--red); padding-top: 22px; } :root[data-theme="forge"] .porque-card::before { display: none; } :root[data-theme="forge"] .m-card::before { display: none; } :root[data-theme="forge"] .m-card:hover { background: transparent; } /* Numerales gigantes de fondo estilo revista, uno por sección */ :root[data-theme="forge"] #porque, :root[data-theme="forge"] #servicios, :root[data-theme="forge"] #herramientas, :root[data-theme="forge"] #rendimiento, :root[data-theme="forge"] #contacto { position: relative; overflow: hidden; } :root[data-theme="forge"] #porque::before { content: '01'; } :root[data-theme="forge"] #servicios::before { content: '02'; } :root[data-theme="forge"] #herramientas::before{ content: '03'; } :root[data-theme="forge"] #rendimiento::before { content: '04'; } :root[data-theme="forge"] #contacto::before { content: '05'; } :root[data-theme="forge"] #porque::before, :root[data-theme="forge"] #servicios::before, :root[data-theme="forge"] #herramientas::before, :root[data-theme="forge"] #rendimiento::before, :root[data-theme="forge"] #contacto::before { position: absolute; top: -4vw; right: 2vw; font-family: var(--fserif); font-style: italic; font-size: 22vw; color: rgba(255,255,255,0.025); line-height: 1; pointer-events: none; z-index: 0; } /* Cita de la sección Filosofía en serif editorial */ :root[data-theme="forge"] .fil-quote { font-family: var(--fserif); font-style: italic; font-weight: 500; text-transform: none; letter-spacing: 0; } :root[data-theme="forge"] .fil-quote .em { font-style: italic; }