/*
Theme Name: Faceta
Theme URI: https://rubyhitsquad.com/
Author: Redacción Ruby Hit Squad
Description: Tema editorial propio de Ruby Hit Squad: piezas con esquinas talladas y una piedra de color por sección.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: faceta-rh
Update URI: false
*/
@font-face{font-family:"Bodoni FR";font-style:normal;font-weight:400 900;font-display:swap;src:url(assets/fonts/bodoni-n.woff2) format("woff2")}
@font-face{font-family:"Bodoni FR";font-style:italic;font-weight:400 900;font-display:swap;src:url(assets/fonts/bodoni-i.woff2) format("woff2")}
@font-face{font-family:"Reddit FR";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/reddit.woff2) format("woff2")}
:root{--n:#16060C;--n2:#2a0e18;--p:#F5F0F2;--w:#fff;--ink:#1A0710;--mut:#5f4a54;--line:#d9c8cf;--q:#E6D9DE;--ru:#D3123A;--ff:"Reddit FR",system-ui,sans-serif;--fd:"Bodoni FR",Georgia,serif}
.fct-s-r{--c:#D3123A;--ct:#C10F34;--cd:#F0577A;--on:#fff;--g:linear-gradient(135deg,#7d0a24,#e8456a)}
.fct-s-z{--c:#1F4FD8;--ct:#1F4FD8;--cd:#8EAAFF;--on:#fff;--g:linear-gradient(135deg,#102c86,#5b86f5)}
.fct-s-a{--c:#9B3FD1;--ct:#8A2FBF;--cd:#D2A6F5;--on:#fff;--g:linear-gradient(135deg,#5c1c86,#c27bf0)}
.fct-s-t{--c:#F0A410;--ct:#855000;--cd:#F0A410;--on:#1A0710;--g:linear-gradient(135deg,#9a5d00,#ffd166)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--p);color:var(--ink);font-family:var(--ff);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ru)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #F0A410;outline-offset:2px}
h1,h2,h3,h4,.fct-d{font-family:var(--fd);font-weight:800;letter-spacing:-.015em;margin:0;line-height:1.1}
.fct-skip{position:absolute;left:-9999px;top:0;background:#F0A410;color:#1A0710;padding:12px 18px;z-index:99;font-weight:700}
.fct-skip:focus{left:12px;top:12px}
.fct-wrap{width:100%;max-width:1360px;margin:0 auto;padding-left:48px;padding-right:48px}
.fct-oct{clip-path:polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px))}
.fct-cut{clip-path:polygon(0 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.fct-cut2{clip-path:polygon(24px 0,100% 0,100% 100%,0 100%,0 24px)}
.fct-ph{position:relative;overflow:hidden;background:var(--g,linear-gradient(135deg,#7d0a24,#e8456a));display:block}
.fct-ph img{width:100%;height:100%;object-fit:cover}
.fct-ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 25deg at 28% 32%,rgba(255,255,255,.3),transparent 16%,rgba(0,0,0,.2) 33%,transparent 50%,rgba(255,255,255,.18) 68%,transparent 84%,rgba(0,0,0,.16))}
.fct-dm{display:inline-block;width:11px;height:11px;transform:rotate(45deg);flex:none;background:var(--c,#D3123A)}
.fct-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ct,#C10F34)}
.fct-dark .fct-tag,.fct-hero .fct-tag{color:var(--cd,#F0577A)}
.fct-meta{font-size:13px;color:var(--mut)}
.fct-dark .fct-meta,.fct-hero .fct-meta{color:#d9c3cb}
.fct-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border:0;background:#D3123A;color:#fff;font:700 16px var(--ff);cursor:pointer;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.fct-btn:hover{background:#b50f31;color:#fff}
/* cabecera */
.fct-head{background:var(--n);color:#fff}
.fct-head .fct-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}
.fct-logo{display:flex;align-items:center;gap:14px;color:#fff}
.fct-logo:hover{color:#fff}
.fct-logo svg{width:44px;height:44px}
.fct-logo b{font-family:var(--fd);font-size:28px;font-style:italic;font-weight:800;letter-spacing:-.015em}
.fct-nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.fct-nav a{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:10px 6px;color:#fff}
.fct-nav a:hover,.fct-nav .current-menu-item>a,.fct-nav a[aria-current]{color:#F0577A}
.fct-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.fct-nav li{display:block}
.fct-mm{display:none}
.fct-mm summary{list-style:none;cursor:pointer;width:46px;height:46px;border:1.5px solid #6a3a4a;display:grid;place-items:center;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.fct-mm summary::-webkit-details-marker{display:none}
.fct-mm nav{position:absolute;left:0;right:0;top:100%;background:var(--n2);padding:12px 16px 20px;z-index:20}
.fct-mm nav a{display:flex;align-items:center;gap:10px;min-height:48px;color:#fff;font-weight:600}
.fct-headbox{position:relative}
/* migas */
.fct-crumbs{font-size:14px;margin:0 0 30px;color:#e7d6dc}
.fct-crumbs a:hover{color:#fff;text-decoration:underline}
.fct-crumbs i{font-style:normal;color:#F0577A;margin:0 6px}
/* portada */
.fct-hero{background:var(--n);color:#fff;padding:8px 0 80px}
.fct-hero-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:center}
.fct-hero-img{grid-column:span 7;height:520px}
.fct-hero-tx{grid-column:span 5}
.fct-hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.02;margin:18px 0 20px}
.fct-hero p{font-size:18px;line-height:1.55;color:#e7d6dc;margin:0 0 26px}
.fct-stones{margin-top:-34px;position:relative;z-index:2}
.fct-stones-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fct-stone{display:block;padding:24px 24px 20px;background:var(--c);color:var(--on)}
.fct-stone:hover{color:var(--on);filter:brightness(1.08)}
.fct-stone b{display:block;font-family:var(--fd);font-size:28px;line-height:1.1;font-weight:800}
.fct-stone span{display:block;font-size:14px;margin-top:6px}
.fct-sec{padding:72px 0 24px}
.fct-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:36px}
.fct-sh h2{font-size:40px}
.fct-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.fct-card{display:block}
.fct-card h3{font-size:24px;line-height:1.12;margin:10px 0 8px}
.fct-card p{margin:0 0 10px;font-size:15px;line-height:1.5;color:#3b2a32}
.fct-c4{grid-column:span 4}
.fct-c6{grid-column:span 6}
.fct-card .fct-ph{height:240px}
.fct-card-h{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.fct-card-h .fct-ph{height:230px}
.fct-band{padding:64px 0}
.fct-dark{background:var(--n);color:#fff}
.fct-dark .fct-card p{color:#e7d6dc}
.fct-bh{display:flex;align-items:center;gap:16px;margin-bottom:34px}
.fct-bh h2{font-size:44px}
.fct-bh .fct-dm{width:18px;height:18px}
.fct-bh .fct-rule{flex:1;height:1px;background:var(--line)}
.fct-dark .fct-bh .fct-rule{background:#4a2a37}
.fct-bh a.fct-all{font-weight:700;color:var(--ct)}
.fct-dark .fct-bh a.fct-all{color:var(--cd)}
.fct-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.fct-g3 .fct-ph{height:250px}
/* categoría */
.fct-cat{background:var(--g);color:var(--on);padding:36px 0 56px}
.fct-cat .fct-crumbs{color:inherit}
.fct-cat .fct-crumbs i{color:inherit;opacity:.7}
.fct-cat-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:end}
.fct-cat h1{font-size:clamp(48px,7.6vw,104px);line-height:.95}
.fct-cat p{font-size:19px;line-height:1.55;max-width:640px;margin:22px 0 0}
.fct-cat-n{text-align:right}
.fct-cat-n b{display:block;font-family:var(--fd);font-size:92px;line-height:1;font-weight:800}
.fct-cat-n span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.fct-list{padding:20px 0}
.fct-row{display:grid;grid-template-columns:340px minmax(0,1fr);gap:36px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.fct-row .fct-ph{height:220px}
.fct-row h3{font-size:30px;line-height:1.1;margin:10px 0}
.fct-row p{margin:0 0 12px;font-size:16px;line-height:1.55;color:#3b2a32;max-width:640px}
.fct-pg{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:44px 0 20px}
.fct-pg a,.fct-pg span{display:inline-grid;place-items:center;min-width:46px;height:46px;font-weight:700;background:var(--q);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.fct-pg .current{background:#D3123A;color:#fff}
.fct-pg a.next,.fct-pg a.prev{clip-path:none;background:none;padding:0 14px}
.fct-pg .dots{background:none;clip-path:none}
/* entrada */
.fct-art-h{background:var(--n);color:#fff;padding:12px 0 0}
.fct-art-h h1{font-size:clamp(34px,5vw,68px);line-height:1.04;margin:18px 0 22px;max-width:1040px}
.fct-by{font-size:14px;color:#e7d6dc;padding-bottom:36px}
.fct-art-img{height:min(480px,52vw);margin-bottom:-60px;position:relative;z-index:1}
.fct-art-g{display:grid;grid-template-columns:160px minmax(0,720px) minmax(0,1fr);gap:56px;padding-top:120px;padding-bottom:40px}
.fct-share{align-self:start;position:sticky;top:24px}
.fct-share b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.fct-share a,.fct-share button{display:block;width:100%;text-align:left;padding:10px 0;font:600 14px var(--ff);border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);cursor:pointer}
.fct-share a:hover,.fct-share button:hover{color:var(--ru)}
.fct-body{font-size:19px;line-height:1.75;color:#2a1a21;min-width:0}
.fct-body>p:first-of-type{font-size:22px;line-height:1.6;font-weight:500}
.fct-body p{margin:0 0 24px}
.fct-body h2{font-size:34px;line-height:1.1;margin:48px 0 18px}
.fct-body h3{font-size:26px;margin:36px 0 14px}
.fct-body a{color:#B50F31;text-decoration:underline;text-underline-offset:3px}
.fct-body ul,.fct-body ol{margin:0 0 24px;padding-left:1.3em}
.fct-body li{margin-bottom:8px}
.fct-body img{height:auto}
.fct-body figure{margin:0 0 28px}
.fct-body figcaption{font-size:14px;color:var(--mut);margin-top:8px}
.fct-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:0 0 24px}
.fct-body th,.fct-body td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.fct-body blockquote{margin:0 0 24px;padding:20px 26px;background:var(--q);font-family:var(--fd);font-size:24px;font-style:italic;clip-path:polygon(0 18px,18px 0,100% 0,100% 100%,0 100%)}
.fct-also{background:var(--n);color:#fff;padding:26px 30px;margin:36px 0 40px}
.fct-also .fct-tag{margin-bottom:10px}
.fct-also a{display:block;font-family:var(--fd);font-weight:800;font-size:26px;line-height:1.15;color:#fff}
.fct-also a:hover{color:#F0577A}
.fct-side{align-self:start;background:var(--q);padding:24px}
.fct-side b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.fct-side a{display:block;font-family:var(--fd);font-weight:800;font-size:20px;line-height:1.15;margin-bottom:14px}
.fct-author{display:flex;gap:20px;align-items:center;padding:24px;background:#fff;max-width:720px;clip-path:polygon(0 18px,18px 0,100% 0,100% 100%,0 100%)}
.fct-author svg{width:56px;height:56px;flex:none}
.fct-author b{font-family:var(--fd);font-size:22px;font-weight:800;display:block}
.fct-more{padding:60px 0}
.fct-more h2{font-size:38px;margin-bottom:28px}
/* páginas */
.fct-pg-h{background:var(--n);color:#fff;padding:20px 0 64px}
.fct-pg-h h1{font-size:clamp(40px,6.6vw,92px);line-height:.98;max-width:980px}
.fct-pg-h p{font-size:19px;line-height:1.6;color:#e7d6dc;margin:24px 0 0;max-width:620px}
.fct-page{padding:56px 0 70px}
.fct-page .fct-body{max-width:760px}
.fct-ab-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px;align-items:center}
.fct-ab-g>div:first-child{grid-column:span 6}
.fct-ab-g .fct-ph{grid-column:span 6;height:440px}
.fct-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fct-piece{display:block;padding:28px;background:var(--c);color:var(--on)}
.fct-piece:hover{color:var(--on);filter:brightness(1.08)}
.fct-piece h3{font-size:30px;margin:14px 0 10px}
.fct-piece p{margin:0;font-size:16px;line-height:1.55}
.fct-piece .fct-dm{background:var(--on)}
.fct-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.fct-two .fct-ph{height:420px}
.fct-steps h2{font-size:44px;margin-bottom:28px}
.fct-st{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.fct-st:last-child{border-bottom:1px solid var(--line)}
.fct-st>b{font-family:var(--fd);font-size:44px;font-weight:800;line-height:1}
.fct-st h3{font-size:24px;margin-bottom:6px}
.fct-st p{margin:0;font-size:16px;line-height:1.55}
.fct-cta{background:var(--n);color:#fff;padding:64px 0}
.fct-cta .fct-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.fct-cta h2{font-size:clamp(30px,3.6vw,44px);max-width:640px}
.fct-ct{background:var(--n);color:#fff;padding:20px 0 90px}
.fct-ct-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px;align-items:start}
.fct-ct-l{grid-column:span 5}
.fct-ct-l h1{font-size:clamp(48px,6.8vw,92px);line-height:.95}
.fct-ct-l p{font-size:19px;line-height:1.6;color:#e7d6dc;margin:26px 0 30px}
.fct-mail{font-family:var(--fd);font-weight:800;font-size:clamp(24px,2.6vw,34px);display:block;margin:8px 0 34px;word-break:break-word}
.fct-ct-l .fct-ph{height:230px}
.fct-form{grid-column:span 7;background:var(--p);color:var(--ink);padding:44px;clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.fct-fr{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.fct-form label{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.fct-f{width:100%;border:2px solid var(--ink);background:#fff;padding:14px 16px;font:inherit;font-size:16px;color:var(--ink);min-height:48px;border-radius:0}
textarea.fct-f{min-height:170px;resize:vertical}
.fct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fct-note{padding:16px 20px;margin:0 0 24px;font-weight:600;background:#fff;border:2px solid var(--ink)}
.fct-note.ok{border-color:#1F4FD8}
.fct-note.er{border-color:#D3123A}
/* pie */
.fct-foot{background:var(--n);color:#e7d6dc;padding:56px 0 36px}
.fct-foot-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.fct-foot .fct-d{font-size:30px;font-style:italic;color:#fff}
.fct-foot p{font-size:15px;line-height:1.6;margin:14px 0 0;max-width:380px}
.fct-foot h2{font-family:var(--ff);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.fct-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.fct-foot a:hover{color:#F0577A}
.fct-copy{border-top:1px solid #4a2a37;margin-top:40px;padding-top:20px;font-size:13px}
/* cookies */
#fct-ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;background:var(--n);color:#fff;padding:22px 26px;box-shadow:0 10px 40px rgba(0,0,0,.35);clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
#fct-ck[hidden]{display:none}
#fct-ck p{margin:0 0 14px;font-size:15px;line-height:1.5}
#fct-ck a{text-decoration:underline}
#fct-ck .fct-ckb{display:flex;gap:10px;flex-wrap:wrap}
#fct-ck button{min-height:46px;padding:0 22px;font:700 15px var(--ff);cursor:pointer;border:2px solid #fff;background:none;color:#fff}
#fct-ck button.fct-ya{background:#D3123A;border-color:#D3123A}
.fct-nf{padding:80px 0;text-align:left}
.fct-nf h1{font-size:clamp(60px,10vw,140px)}
@media (max-width:1100px){.fct-art-g{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:100px}.fct-share{position:static;display:flex;flex-wrap:wrap;gap:6px 18px}.fct-share b{width:100%}.fct-share a,.fct-share button{width:auto;border:0;padding:8px 0}.fct-side{order:3}.fct-stones-g,.fct-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.fct-cat-g{grid-template-columns:1fr}.fct-cat-n{text-align:left}.fct-cat-n b{font-size:64px}}
@media (max-width:860px){.fct-wrap{padding-left:16px;padding-right:16px}.fct-nav{display:none}.fct-mm{display:block}.fct-head .fct-wrap{padding-top:14px;padding-bottom:14px}.fct-logo svg{width:34px;height:34px}.fct-logo b{font-size:21px}.fct-hero{padding-bottom:44px}.fct-hero-g,.fct-ab-g,.fct-ct-g,.fct-two{grid-template-columns:1fr;gap:24px;display:grid}.fct-hero-img,.fct-hero-tx,.fct-ab-g>div:first-child,.fct-ab-g .fct-ph,.fct-ct-l,.fct-form{grid-column:auto}.fct-hero-img{height:230px}.fct-oct{clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px))}.fct-hero h1{font-size:34px}.fct-hero p{font-size:16px}.fct-stones{margin-top:-20px}.fct-stone{padding:16px;min-height:76px}.fct-stone b{font-size:20px}.fct-stone span{font-size:12px}.fct-sec{padding:40px 0 8px}.fct-sh h2{font-size:30px}.fct-sh .fct-meta{display:none}.fct-grid{grid-template-columns:1fr;gap:30px}.fct-c4,.fct-c6{grid-column:auto}.fct-card .fct-ph{height:200px}.fct-card-h{grid-template-columns:1fr;gap:12px}.fct-card-h .fct-ph{height:200px}.fct-g3{grid-template-columns:1fr;gap:28px}.fct-bh{flex-wrap:wrap}.fct-bh h2{font-size:30px}.fct-bh .fct-rule{display:none}.fct-row{grid-template-columns:1fr;gap:14px}.fct-row h3{font-size:24px}.fct-cat{padding-bottom:36px}.fct-cat p{font-size:16px}.fct-art-img{height:230px;margin-bottom:-40px}.fct-art-g{padding-top:76px}.fct-body{font-size:18px}.fct-body h2{font-size:28px}.fct-pg-h h1{font-size:44px}.fct-pieces{grid-template-columns:1fr}.fct-two .fct-ph{height:260px}.fct-ab-g .fct-ph{height:260px}.fct-st{grid-template-columns:48px 1fr}.fct-form{padding:26px 20px}.fct-fr{grid-template-columns:1fr}.fct-foot-g{grid-template-columns:1fr 1fr}.fct-foot-g>div:first-child{grid-column:1/-1}.fct-ct-l h1{font-size:52px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.fct-nav li:nth-child(1) .fct-dm{background:#D3123A}.fct-nav li:nth-child(2) .fct-dm{background:#5b86f5}.fct-nav li:nth-child(3) .fct-dm{background:#C27BF0}.fct-nav li:nth-child(4) .fct-dm{background:#F0A410}.fct-nav li:nth-child(n+5) .fct-dm{background:#F0577A}
.fct-nav .fct-s-r .fct-dm{background:#D3123A}.fct-nav .fct-s-z .fct-dm{background:#5b86f5}.fct-nav .fct-s-a .fct-dm{background:#C27BF0}.fct-nav .fct-s-t .fct-dm{background:#F0A410}
.fct-mm li{list-style:none}.fct-mm ul{margin:0;padding:0}
.fct-card>span:last-child{display:block}.fct-row>div:last-child .fct-tag{display:inline-flex}