/*
Theme Name: Qué significa mi nombre — Editorial
Theme URI: https://quesignificaminombre.es/
Author: Qué significa mi nombre
Description: Tema editorial accesible para el directorio de nombres. Portada con búsqueda y plantillas ligeras para las guías.
Version: 1.0.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: qsmn-editorial
*/

:root{--ink:#173e3a;--muted:#576a64;--paper:#faf8f3;--line:#dfE4db;--mint:#e5eee5;--peach:#f6e4d8;--accent:#ad503c;--white:#fffefb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.preview-label{background:var(--ink);color:white;text-align:center;font-size:12px;letter-spacing:.05em;padding:6px 16px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.site-head{border-bottom:1px solid var(--line)}.head-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:94px}.brand{display:flex;align-items:center;gap:12px;line-height:1.15;font-size:16px;font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:44px;height:44px;border-radius:50%;font:italic 34px Georgia,serif}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-top:6px;color:var(--muted)}.site-head nav{display:flex;gap:25px;align-items:center;font-size:14px}.nav-search{border:1px solid var(--ink);border-radius:30px;padding:9px 18px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:76px 0 68px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:bold;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow:before{content:'';width:23px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(40px,4.7vw,67px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin-bottom:24px}h1 em{font-weight:normal;color:var(--accent)}.intro{color:var(--muted);max-width:450px;font-size:17px;line-height:1.7;margin-bottom:28px}.search{display:flex;align-items:center;padding:6px;background:white;border:1px solid #c4cec6;border-radius:12px;box-shadow:0 8px 24px #173e3a08}.search input{min-width:0;width:100%;padding:13px 12px;border:0;background:none;color:var(--ink);outline-offset:-2px}.search button{white-space:nowrap;flex-shrink:0;border:0;background:var(--ink);color:white;padding:14px 24px;border-radius:8px;font-weight:bold;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.examples{display:flex;gap:13px;font-size:12px;margin-top:14px;flex-wrap:wrap;color:var(--muted)}.examples a{color:var(--ink);text-decoration:underline}.hero-art{height:420px;position:relative;isolation:isolate}.arch{position:absolute;inset:12px 40px 10px 25px;background:var(--mint);border-radius:48% 48% 18px 18px;border:1px solid #d7e1d5}.arch:after{content:'Aa';position:absolute;inset:80px 0 0;text-align:center;font:200px Georgia,serif;letter-spacing:-25px;color:#bacfbb;opacity:.7}.orbit{position:absolute;border:1px solid #a4b9a8;border-radius:50%;width:290px;height:290px;inset:65px 0 0 87px;transform:rotate(-25deg)}.name-tile{position:absolute;background:var(--white);box-shadow:0 12px 30px #173e3a12;border:1px solid #ebece3;border-radius:14px;padding:20px 25px;min-width:170px;z-index:2}.name-tile span{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:var(--muted)}.name-tile strong{font:normal 35px Georgia,serif;display:block}.name-tile.one{top:38px;left:10px;transform:rotate(-7deg)}.name-tile.two{top:158px;right:-4px;transform:rotate(7deg);background:#f8e9dd}.name-tile.three{bottom:13px;left:27px;transform:rotate(-3deg)}.art-note{position:absolute;bottom:26px;right:18px;width:105px;font:italic 15px/1.4 Georgia,serif;transform:rotate(-7deg)}.star{position:absolute;font:50px Georgia,serif;right:30px;top:16px;color:var(--accent)}.facts{display:flex;justify-content:center;gap:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:13px;color:var(--muted)}.facts span:before{content:'✧';padding-right:10px;color:var(--accent)}section{padding:66px 0;scroll-margin-top:24px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}h2{font:normal 38px/1.16 Georgia,serif;letter-spacing:-.025em;margin-bottom:10px}.section-title p,.subtext{color:var(--muted);margin:0;font-size:15px}.text-link{color:var(--accent);font-size:13px;white-space:nowrap}.choices{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice{border-radius:16px;padding:35px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;background:var(--peach);position:relative;overflow:hidden}.choice.boy{background:var(--mint)}.choice h3{font:normal 31px Georgia,serif;margin-bottom:14px}.choice p{font-size:14px;max-width:280px;margin:0 0 20px;color:var(--muted)}.choice .arrow{font-size:26px}.choice .big-letter{font:italic 112px/1 Georgia,serif;opacity:.3}.choice .action{font-size:13px;font-weight:bold}.directory{background:#f0f3ed;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.letters{display:flex;gap:6px;flex-wrap:wrap;margin:25px 0}.letters button{border:1px solid #d1dbd1;background:transparent;border-radius:7px;min-width:34px;min-height:38px;color:var(--ink);font-size:12px}.letters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.letters button:first-child{padding:0 14px}.result-line{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px}.reset{background:none;border:0;color:var(--accent);text-decoration:underline}.name-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.name-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;background:var(--white);border:1px solid #e0e5db;border-radius:8px;font:22px Georgia,serif}.name-link span{font:15px Arial,sans-serif;color:#829489}.name-link:hover{border-color:#8faaa0;text-decoration:none;background:white}.more{display:block;margin:24px auto 0;border:1px solid var(--ink);background:transparent;border-radius:8px;padding:11px 24px;color:var(--ink);font-size:13px}.no-results{background:white;padding:24px;border-radius:10px}.no-results a{text-decoration:underline;color:var(--accent)}[hidden]{display:none!important}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.discover{border-top:1px solid #bacabd;padding:22px 0}.discover small{letter-spacing:.13em;font-size:10px;color:var(--muted)}.discover h3{font:25px Georgia,serif;margin:12px 0}.discover p{font-size:14px;color:var(--muted);margin-bottom:16px}.discover-links{display:flex;gap:18px;font-size:13px;color:var(--accent)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:58px 0}.editorial h2{font-size:34px}.editorial p{color:var(--muted);font-size:15px}.editorial a{color:var(--accent);text-decoration:underline}.faqs{padding-top:0}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faqs details{border-bottom:1px solid var(--line);padding:18px 0}.faqs summary{font-size:15px;cursor:pointer;font-weight:600}.faqs details p{font-size:14px;color:var(--muted);padding-top:14px;margin:0}.footer{background:var(--ink);color:#f6f5ed;padding:38px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand-mark{background:#ebefdf;color:var(--ink)}.footer small{color:#bdcdc1}.footer p{font-size:12px;color:#bdcdc1;max-width:300px;margin:0}.footer-bottom{border-top:1px solid #ffffff20;padding-top:20px;margin-top:30px;font-size:11px;color:#bdcdc1;display:flex;justify-content:space-between;gap:20px} @media(max-width:900px){.site-head nav{gap:14px;font-size:12px}.hero{gap:25px}.hero-art{transform:scale(.86);transform-origin:center}.hero{grid-template-columns:1.2fr 1fr}.facts{gap:25px}.name-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.head-row{min-height:80px}.brand{font-size:14px}.brand small{font-size:9px}.site-head nav>a:not(.nav-search){display:none}.nav-search{font-size:12px;padding:8px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 35px;gap:25px}.hero h1{font-size:44px;max-width:450px}.eyebrow{font-size:10px;margin-bottom:20px}.intro{font-size:15px}.search button{padding:14px 19px}.hero-art{height:285px;width:310px;max-width:100%;align-self:center;transform:none}.arch{inset:0 25px 0 22px}.arch:after{font-size:145px;inset:50px 0 0;letter-spacing:-15px}.orbit{width:215px;height:215px;inset:30px 0 0 48px}.name-tile{padding:12px 19px;min-width:132px}.name-tile strong{font-size:28px}.name-tile.one{top:10px;left:0}.name-tile.two{top:110px;right:-6px}.name-tile.three{bottom:0;left:7px}.art-note{font-size:12px;bottom:12px;right:-8px;width:98px}.star{font-size:40px;right:13px;top:3px}.facts{gap:10px;justify-content:space-between;font-size:10px;padding:17px 0}.facts span:before{display:none}section{padding:42px 0}.section-title{display:block;margin-bottom:24px}.section-title p{font-size:14px}.section-title .text-link{display:inline-block;margin-top:12px}h2{font-size:31px}.choices{grid-template-columns:1fr;gap:14px}.choice{padding:26px}.choice h3{font-size:28px}.choice p{font-size:13px}.choice .big-letter{font-size:92px}.letters{gap:5px}.letters button{min-width:33px;min-height:36px}.name-grid{grid-template-columns:repeat(2,1fr);gap:9px}.name-link{font-size:20px;padding:14px}.discover-grid{grid-template-columns:1fr;gap:9px}.discover{padding:20px 0}.editorial{grid-template-columns:1fr;gap:16px;padding:35px 0}.editorial h2{font-size:30px}.faq-layout{grid-template-columns:1fr;gap:8px}.footer-row{align-items:start;flex-direction:column;gap:20px}.footer-bottom{flex-direction:column;gap:8px}.preview-label{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Interior pages share the same accessible navigation and visual language. */
.breadcrumb{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}.breadcrumb a{text-decoration:underline}.article-shell{max-width:850px;margin:0 auto;padding:52px 0 66px}.article-shell>h1{font-size:clamp(34px,4.2vw,54px);margin-bottom:30px}.article-shell .eyebrow{margin-bottom:15px}.entry-body{color:#344e47;font-size:17px;line-height:1.85;overflow-wrap:anywhere}.entry-body h2{font:normal 31px/1.25 Georgia,serif;color:var(--ink);margin:38px 0 18px;letter-spacing:-.02em}.entry-body h3{font:normal 25px/1.3 Georgia,serif;margin:28px 0 14px}.entry-body p{margin-bottom:22px}.entry-body a{color:#9c452f;text-decoration:underline;text-underline-offset:3px}.entry-body img{max-width:100%;height:auto;border-radius:12px}.entry-body figure,.entry-body .wp-caption{max-width:100%;margin:28px 0}.entry-body figcaption,.entry-body .wp-caption-text{font-size:12px;color:var(--muted)}.entry-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.entry-body th,.entry-body td{padding:12px;border:1px solid var(--line)}.entry-body blockquote{border-left:3px solid var(--accent);margin:25px 0;padding:10px 24px;background:var(--peach)}.entry-body ul,.entry-body ol{padding-left:24px}.entry-body li{margin:8px 0}.entry-body iframe{max-width:100%}.reading-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.related{margin-top:40px;padding:30px;background:var(--mint);border-radius:14px}.related h2{font-size:27px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{border:1px solid #bdcdbf;border-radius:30px;padding:7px 16px;background:var(--white);font-size:14px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.listing-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.listing-card h2{font-size:25px}.listing-card p{font-size:14px;color:var(--muted)}.listing-card>a{font-size:13px;color:var(--accent);text-decoration:underline}.pagination{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:35px 0}.page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:6px}.page-numbers.current{color:white;background:var(--ink)}.archive-main{padding:48px 0 70px}.archive-main>h1{font-size:43px}.archive-search{max-width:620px;margin:25px 0 35px}.legal-link{font-size:12px;margin-top:16px}.category-paths{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.category-paths a{padding:9px 15px;border:1px solid var(--line);border-radius:8px;background:white;font-size:13px}.entry-body h2 span,.entry-body h3 span{color:inherit!important}.entry-body [style*="text-align: center"]{text-align:left!important}#wpadminbar a{color:inherit}@media(max-width:700px){.article-shell{padding:32px 0 45px}.entry-body{font-size:16px;line-height:1.8}.entry-body h2{font-size:27px}.entry-body h3{font-size:23px}.listing-grid{grid-template-columns:1fr}.related{padding:22px}.breadcrumb{margin-bottom:24px}.archive-main>h1{font-size:35px}.archive-main{padding-top:32px}.site-head .site-head nav{flex-shrink:0}.entry-body table{font-size:14px}}

/* Curated category guides */
.hub-nav{margin:30px 0;padding:22px 28px;background:var(--sage,#e5eee5);border-radius:18px}.hub-nav ul{margin:10px 0 0;padding-left:22px}.entry-body .name-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:22px 0 36px}.name-picks li{padding:12px 15px;background:#fff;border:1px solid #dedfd5;border-radius:10px;overflow-wrap:anywhere}.name-picks a{display:block;text-decoration-thickness:1px;text-underline-offset:3px}.entry-body h2{scroll-margin-top:30px}@media(max-width:600px){.entry-body .name-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.name-picks li{padding:10px 12px;font-size:15px}.hub-nav{padding:18px}}

.hub-nav{display:block}.hub-nav strong{display:block}