/*
Theme Name: Raya
Theme URI: https://achmm.org/
Author: Redacción Achmm
Description: Tema editorial de Achmm: la web se lee como una prueba de dureza de minerales.
Version: 1.0.2
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: raya-ach
Update URI: false
*/
:root{--rch-po:#F2EFE8;--rch-po2:#E6E1D5;--rch-ink:#16171A;--rch-mut:#575650;--az:#1D5AA6;--ci:#B3261E;--oc:#7F6000;--ma:#0B6B4E;--gr:#16171A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--rch-po);color:var(--rch-ink);font-family:'Ibarra Real Nova',Georgia,'Times New Roman',serif;font-size:18px;line-height:1.6;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--c,var(--rch-ink));outline-offset:3px}
h1,h2,h3{margin:0;line-height:1.04;font-weight:700}
p{margin:0 0 1em}
.rch-skip{position:absolute;left:-999px;top:0;background:var(--rch-ink);color:var(--rch-po);padding:12px 18px;z-index:99}
.rch-skip:focus{left:8px;top:8px}
.rch-mo{font-family:'Fragment Mono',ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.az{--c:var(--az)}.ci{--c:var(--ci)}.oc{--c:var(--oc)}.ma{--c:var(--ma)}.gr{--c:var(--gr)}
.rch-shell{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh}
.rch-rail{border-right:2px solid var(--rch-ink);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:18px;background:var(--rch-po2)}
.rch-rail-in{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;height:calc(100vh - 40px)}
.rch-logo{width:48px;height:48px;display:block}
.rch-vt{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;font-size:34px;letter-spacing:.08em;line-height:1;text-decoration:none}
.rch-ruler{margin-top:auto;display:flex;flex-direction:column;width:100%;align-items:flex-end}
.rch-ruler i{display:block;height:2px;background:var(--rch-ink);margin-top:11px}
.rch-ruler i:nth-child(odd){width:38px}.rch-ruler i:nth-child(even){width:22px}
.rch-ruler b{font:400 11px 'Fragment Mono',monospace;margin:2px 8px 0 0}
.rch-nav{display:flex;flex-wrap:wrap;gap:0 26px;align-items:center;padding:12px 40px;border-bottom:2px solid var(--rch-ink)}
.rch-nav a,.rch-nav summary{text-decoration:none;border-bottom:3px solid transparent;min-height:44px;display:inline-flex;align-items:center;cursor:pointer}
.rch-nav a:hover,.rch-nav a[aria-current]{border-color:var(--c,var(--rch-ink))}
.rch-nav .sp{flex:1}
.rch-find{position:relative}
.rch-find summary{border:2px solid var(--rch-ink);padding:0 14px;list-style:none}
.rch-find summary::-webkit-details-marker{display:none}
.rch-find form{position:absolute;right:0;top:52px;z-index:20;background:var(--rch-po);border:2px solid var(--rch-ink);padding:12px;display:flex;gap:8px;width:min(340px,90vw)}
.rch-find input[type=search]{flex:1;min-width:0;min-height:44px;border:2px solid var(--rch-ink);background:var(--rch-po);padding:0 10px;font:inherit;border-radius:0;color:inherit}
.rch-pg{padding:40px;max-width:1272px}
.rch-crumbs{margin:0 0 24px}
.rch-crumbs a{text-decoration:none;border-bottom:1px solid currentColor}
.rch-crumbs .s{display:inline-block;width:3px;height:14px;background:currentColor;transform:skewX(-16deg);margin:0 12px;vertical-align:-2px}
.rch-tally{display:inline-block;height:16px;width:calc(var(--n)*7px - 4px);background:repeating-linear-gradient(90deg,var(--c,var(--rch-ink)) 0 3px,transparent 3px 7px);transform:skewX(-16deg);vertical-align:middle}
.rch-raya{display:block;height:16px;background:var(--c,var(--rch-ink));clip-path:polygon(0 40%,4% 15%,12% 60%,28% 25%,46% 62%,66% 20%,84% 58%,100% 30%,98% 85%,80% 70%,58% 95%,36% 72%,18% 92%,3% 78%);transform:rotate(-1.4deg)}
.rch-tag{display:inline-flex;align-items:center;gap:8px;color:var(--c,var(--rch-ink));text-decoration:none}
.rch-tag:before{content:"";width:12px;height:12px;background:var(--c,var(--rch-ink));transform:rotate(45deg);flex:none}
.rch-ph{background:repeating-linear-gradient(135deg,var(--rch-po2) 0 10px,var(--rch-po) 10px 20px);border:2px solid var(--rch-ink);display:flex;align-items:flex-end;padding:10px;color:var(--rch-mut)}
.rch-fig{margin:0;border:2px solid var(--rch-ink);background:var(--rch-po2)}
.rch-fig img{width:100%;object-fit:cover}
.rch-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:var(--rch-ink);color:var(--rch-po);text-decoration:none;font:400 13px 'Fragment Mono',monospace;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--rch-ink);cursor:pointer}
.rch-btn:hover{background:var(--c,var(--az));border-color:var(--c,var(--az))}
.rch-chip{display:inline-flex;align-items:center;border:2px solid var(--rch-ink);padding:0 12px;min-height:40px;text-decoration:none;background:transparent;color:inherit}
.rch-chip[aria-current]{background:var(--rch-ink);color:var(--rch-po)}
.rch-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.rch-hero h1{font-size:clamp(44px,6.6vw,92px);letter-spacing:-.02em}
.rch-hero h1 a{text-decoration:none}
.rch-lead{font-size:22px;max-width:620px;margin:0 0 26px}
.rch-howto{margin-top:72px;border:2px solid var(--rch-ink);padding:28px 32px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;background:var(--rch-po2)}
.rch-howto p{margin:0;font-size:20px}
.rch-h2{font-size:clamp(36px,4.4vw,54px);margin-bottom:8px}
.rch-sec{margin-top:80px}
.rch-stair{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));align-items:end;border-bottom:2px solid var(--rch-ink)}
.rch-stair>a{display:block;text-decoration:none;border:2px solid var(--rch-ink);border-bottom:0;margin-left:-2px;padding:22px;background:var(--rch-po)}
.rch-stair>a:first-child{margin-left:0}
.rch-stair>a:hover{background:var(--rch-po2)}
.rch-stair h3{font-size:34px;margin:14px 0 10px}
.rch-stair p{font-size:17px;margin:0 0 16px}
.rch-row{display:grid;grid-template-columns:96px minmax(0,1fr) 150px 70px;gap:24px;align-items:center;padding:20px 0;border-top:2px solid var(--rch-ink);text-decoration:none}
.rch-row:last-of-type{border-bottom:2px solid var(--rch-ink)}
.rch-row:hover{background:var(--rch-po2)}
.rch-row h3{font-size:26px}
.rch-ex{margin:8px 0 0;font-size:17px;line-height:1.5;color:var(--rch-mut);max-width:62ch;font-weight:400}
.rch-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.rch-card{display:block;text-decoration:none}
.rch-card h3{font-size:29px;margin-top:8px}
.rch-card .rch-fig,.rch-card .rch-ph{height:210px;margin-bottom:14px}
.rch-card .rch-fig img{height:100%}
.rch-card:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--c)}
.rch-chead{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:end;border-bottom:2px solid var(--rch-ink);padding-bottom:36px}
.rch-chead h1{font-size:clamp(44px,7.6vw,104px);letter-spacing:-.02em;margin-top:12px}
.rch-chead p{margin:0;font-size:19px}
.rch-filter{display:flex;gap:10px;flex-wrap:wrap;padding:24px 0}
.rch-pag{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}
.rch-pag .page-numbers{display:inline-flex;align-items:center;border:2px solid var(--rch-ink);padding:0 14px;min-height:44px;text-decoration:none}
.rch-pag .current{background:var(--rch-ink);color:var(--rch-po)}
.rch-art-h{font-size:clamp(40px,6vw,84px);letter-spacing:-.02em;max-width:1000px}
.rch-art-grid{display:grid;grid-template-columns:240px minmax(0,680px);gap:64px;align-items:start;margin-top:44px}
.rch-ficha{position:sticky;top:20px;border:2px solid var(--rch-ink);padding:20px;background:var(--rch-po2)}
.rch-ficha dl{margin:0;line-height:2.3}
.rch-ficha dd{margin:0 0 4px;font-weight:700;font-family:'Ibarra Real Nova',serif;font-size:17px;text-transform:none;letter-spacing:0}
.rch-ficha dt{font-family:'Fragment Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;color:var(--rch-mut)}
.rch-ficha hr{border:0;border-top:2px solid var(--rch-ink);margin:18px 0}
.rch-share{display:flex;flex-direction:column;gap:2px}
.rch-share a,.rch-share button{font:400 12px 'Fragment Mono',monospace;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:none;border:0;padding:8px 0;min-height:44px;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.rch-body{font-size:20px;line-height:1.7}
.rch-body h2{font-size:38px;margin:44px 0 16px}
.rch-body h3{font-size:28px;margin:32px 0 12px}
.rch-body a{text-decoration-thickness:2px;text-underline-offset:3px}
.rch-body ul,.rch-body ol{padding-left:1.3em;margin:0 0 1.2em}
.rch-body img{margin:1.5em 0;border:2px solid var(--rch-ink)}
.rch-body blockquote{margin:30px 0;padding:0 0 0 34px;position:relative;font-size:28px;font-style:italic;line-height:1.3}
.rch-body blockquote:before{content:"";position:absolute;left:0;top:6px;width:20px;height:calc(100% - 6px);background:var(--c,var(--rch-ink));clip-path:polygon(30% 0,100% 8%,70% 100%,0 92%)}
.rch-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:17px}
.rch-body th,.rch-body td{border:2px solid var(--rch-ink);padding:8px 12px;text-align:left}
.rch-sum{border:2px solid var(--rch-ink);padding:22px 26px;margin-bottom:34px;font-size:20px}
.rch-sum p{margin:8px 0 0}
.rch-mas{border:2px solid var(--rch-ink);padding:16px 20px;margin:32px 0;background:var(--rch-po2);font-size:19px}
.rch-mas a{font-weight:700}
.rch-next{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.rch-next a{display:block;border:2px solid var(--rch-ink);padding:16px;text-decoration:none}
.rch-next h3{font-size:22px;margin-top:8px}
.rch-next a:hover{background:var(--rch-po2)}
.rch-steps{border-top:2px solid var(--rch-ink)}
.rch-step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:24px 0;border-bottom:2px solid var(--rch-ink)}
.rch-step h3{font-size:30px;margin-bottom:6px}.rch-step p{margin:0}
.rch-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:56px;align-items:start}
.rch-two-c{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.rch-two>*,.rch-art-grid>*,.rch-hero>*,.rch-chead>*{min-width:0}
.rch-body{min-width:0}
.rch-body>*{max-width:100%}
.rch-body pre{overflow-x:auto}
.rch-body iframe,.rch-body video{max-width:100%}
.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rch-two>div:last-child{display:flex;flex-direction:column;gap:24px}
.rch-box{border:2px solid var(--rch-ink);padding:24px;background:var(--rch-po2)}
.rch-big{font-size:clamp(48px,8vw,110px);letter-spacing:-.02em;margin:12px 0}
.rch-cta{margin-top:72px;border:2px solid var(--rch-ink);padding:36px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.rch-cta h2{font-size:40px}
.rch-form{border:2px solid var(--rch-ink);padding:36px;background:var(--rch-po2)}
.rch-fl{display:block;margin-bottom:22px}
.rch-fl span{display:block;margin-bottom:6px}
.rch-fl input,.rch-fl textarea,.rch-fl select{width:100%;min-height:48px;border:2px solid var(--rch-ink);background:var(--rch-po);padding:10px 12px;font:inherit;color:inherit;border-radius:0}
.rch-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rch-ok{border:2px solid var(--ma);padding:16px 20px;margin-bottom:22px;background:var(--rch-po);color:var(--ma);font-weight:700}
.rch-ko{border:2px solid var(--ci);padding:16px 20px;margin-bottom:22px;background:var(--rch-po);color:var(--ci);font-weight:700}
.rch-ft{background:var(--rch-ink);color:var(--rch-po);padding:48px 40px;margin-top:64px}
.rch-ft a{color:var(--rch-po)}
.rch-ft .rch-raya{--c:var(--rch-po);width:220px;margin-bottom:26px}
.rch-ft-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.rch-ft-g .rch-mo{line-height:2.4}
.rch-ft-g .rch-mo a{display:inline-block;min-height:32px}
.rch-ck{position:fixed;left:104px;right:16px;bottom:16px;z-index:60;background:var(--rch-po);border:2px solid var(--rch-ink);box-shadow:6px 6px 0 var(--rch-ink);padding:16px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;max-width:760px;font-size:16px}
.rch-ck[hidden]{display:none}
.rch-ck p{margin:0;flex:1 1 320px;line-height:1.45}
.rch-ck button{min-height:44px;padding:0 18px;border:2px solid var(--rch-ink);background:var(--rch-po);color:var(--rch-ink);font:400 12px 'Fragment Mono',monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.rch-ck button.y{background:var(--rch-ink);color:var(--rch-po)}
.rch-nf{max-width:760px}
@media (max-width:1000px){
.rch-hero,.rch-chead,.rch-two,.rch-two-c,.rch-art-grid{grid-template-columns:minmax(0,1fr)}
.rch-art-grid{gap:32px}
.rch-ficha{position:static}
.rch-stair{grid-template-columns:1fr 1fr}
.rch-cats{grid-template-columns:1fr 1fr}
.rch-howto{grid-template-columns:1fr;gap:12px}
}
@media (max-width:760px){
.rch-shell{grid-template-columns:1fr}
.rch-rail{flex-direction:row;border-right:0;border-bottom:2px solid var(--rch-ink);padding:10px 16px;gap:14px}
.rch-rail-in{position:static;flex-direction:row;height:auto;align-items:center}
.rch-logo{width:40px;height:40px}
.rch-vt{writing-mode:horizontal-tb;transform:none;font-size:26px}
.rch-ruler{display:none}
.rch-nav{padding:6px 16px;gap:0 18px}
.rch-pg{padding:24px 16px}
.rch-stair{grid-template-columns:1fr}
.rch-stair>a{margin-left:0;margin-bottom:-2px;border-bottom:2px solid var(--rch-ink)}
.rch-cats{grid-template-columns:1fr}
.rch-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.rch-row .c1,.rch-row .c3{display:none}
.rch-next{grid-template-columns:1fr}
.rch-ft{padding:32px 16px}
.rch-ft-g{grid-template-columns:1fr;gap:20px}
.rch-ck{left:12px;right:12px}
.rch-body{font-size:19px}
.rch-form{padding:20px}
.rch-howto{padding:20px}
.rch-sec{margin-top:56px}
}
