/*
Theme Name: TecnoClara Revista
Theme URI: https://tecnoclara.site/
Author: TecnoClara
Description: Tema ligero y responsive para una publicación de tutoriales de tecnología. Sin dependencias externas, con accesibilidad, navegación y plantillas editoriales.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tecnologia-clara
License: GNU General Public License v2 or later
*/
:root{--ink:#172438;--muted:#637185;--blue:#1769ce;--blue-dark:#1453a1;--light:#f4f7fb;--line:#e0e8f1;--white:#fff;--radius:15px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.7}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;top:-80px;left:1rem;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:#fff}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:84px}.brand{font-weight:850;font-size:1.5rem;letter-spacing:-.04em;color:var(--ink);display:inline-flex;align-items:center;gap:11px}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--blue);display:inline-grid;place-items:center;color:#fff;font-size:22px}.brand:hover{text-decoration:none}.tagline{display:block;font-size:.72rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:-7px}.menu{display:flex;list-style:none;margin:0;padding:0;gap:22px;align-items:center;flex-wrap:wrap}.menu a{font-size:.94rem;font-weight:650;color:var(--ink)}.menu a:hover{color:var(--blue)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:9px;padding:8px 12px}.hero{background:linear-gradient(120deg,#ecf4ff,#f7faff 70%);border-bottom:1px solid var(--line);padding:72px 0 66px}.hero-inner{max-width:790px}.eyebrow{font-weight:760;color:var(--blue);text-transform:uppercase;font-size:.77rem;letter-spacing:.1em}.hero h1{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.11;letter-spacing:-.053em;margin:13px 0 17px}.hero p{font-size:1.12rem;color:#526277;margin:0 0 27px}.searchform{display:flex;background:#fff;border:1px solid #d7e2ef;border-radius:12px;padding:6px;max-width:600px;box-shadow:0 5px 24px rgba(28,78,132,.06)}.searchform label{flex:1}.searchform input{width:100%;border:0;outline-offset:3px;padding:12px 14px;min-width:0}.searchform button,.button-primary{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:12px 22px;font-weight:700;cursor:pointer}.searchform button:hover,.button-primary:hover{background:var(--blue-dark);color:#fff;text-decoration:none}.section{padding:55px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section-head h2{font-size:1.7rem;margin:0;letter-spacing:-.035em}.section-head p{margin:6px 0 0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-box{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:box-shadow .2s,transform .2s}.category-box:hover{box-shadow:0 12px 30px #122b5015;transform:translateY(-2px);text-decoration:none}.category-icon{font-size:1.5rem;display:block;margin-bottom:8px}.category-box strong{display:block;color:var(--ink);font-size:1.05rem}.category-box small{color:var(--muted)}.soft-section{background:#f8fafc;border-block:1px solid var(--line)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.post-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column}.card-art{height:160px;background:linear-gradient(135deg,#d9eaff,#eef5fd);display:grid;place-items:center;color:#276cbd;font-size:3.5rem}.card-art img{height:100%;width:100%;object-fit:cover}.card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.card-meta{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--blue)}.card-copy h3{font-size:1.15rem;line-height:1.35;letter-spacing:-.025em;margin:11px 0}.card-copy h3 a{color:var(--ink)}.card-copy p{font-size:.9rem;color:var(--muted);margin:0 0 15px}.card-foot{font-size:.79rem;color:var(--muted);margin-top:auto}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:62px;align-items:start;padding:50px 0 76px}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:var(--muted)}.entry-header h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.17;letter-spacing:-.045em;margin:8px 0 16px}.entry-excerpt{font-size:1.12rem;color:#526277}.entry-meta{font-size:.82rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px}.entry-content{font-size:1.03rem;overflow-wrap:break-word}.entry-content h2{font-size:1.53rem;line-height:1.28;letter-spacing:-.03em;margin:36px 0 12px}.entry-content h3{font-size:1.2rem;line-height:1.35;margin:27px 0 9px}.entry-content p{margin:0 0 19px}.entry-content li{margin-bottom:8px}.entry-content a{text-decoration:underline}.entry-content blockquote{margin:28px 0;padding:15px 24px;border-left:4px solid var(--blue);background:var(--light)}.entry-content code{background:#eef2f7;padding:2px 5px;border-radius:4px}.entry-content pre{overflow:auto;padding:18px;background:#172438;color:white;border-radius:10px}.sidebar-box{background:#f6f9fc;border:1px solid var(--line);padding:22px;border-radius:var(--radius);margin-bottom:18px}.sidebar-box h3{margin:0 0 10px;font-size:1.05rem}.sidebar-box p{font-size:.9rem;color:var(--muted)}.sidebar-box ul{padding-left:18px;margin:8px 0}.sidebar-box li{margin-bottom:9px;font-size:.9rem}.page-head{background:#f5f9fd;border-bottom:1px solid var(--line);padding:45px 0}.page-head h1{margin:0 0 7px;font-size:2.2rem;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted)}.listing{padding:43px 0 72px}.pagination{margin-top:35px}.pagination .page-numbers{padding:9px 14px;border-radius:7px;border:1px solid var(--line);margin-right:5px;display:inline-block}.pagination .current{background:var(--blue);color:#fff}.site-footer{border-top:1px solid var(--line);background:#f6f8fb;padding:43px 0 25px}.footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.site-footer h3{margin:0 0 11px;font-size:1rem}.site-footer p,.site-footer li{font-size:.88rem;color:#57677b}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:8px}.site-footer a{color:#41546d}.copyright{font-size:.79rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:29px}.empty-state{background:var(--light);border-radius:14px;padding:25px}.wp-block-image img{border-radius:9px} .alignwide{max-width:100%} .screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden} .screen-reader-text:focus{position:static;clip:auto;height:auto;width:auto}
@media(max-width:920px){.category-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:20px}.sidebar{display:none}}@media(max-width:640px){.wrap{width:min(100% - 30px,1160px)}.nav-bar{min-height:72px;flex-wrap:wrap;gap:5px}.menu-toggle{display:block}.primary-nav{display:none;width:100%;padding:5px 0 17px}.primary-nav.open{display:block}.menu{display:block}.menu li{padding:8px 0}.hero{padding:53px 0}.hero h1{font-size:2.35rem}.hero p{font-size:1rem}.section{padding:35px 0}.category-grid,.post-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr;gap:18px}.section-head h2{font-size:1.45rem}.searchform button{padding:10px 13px}.article-layout{padding-top:30px}}

/* Revista TecnoClara 2.0 */
:root{--blue:#075ed2;--blue-dark:#07397a;--ink:#10213f;--line:#dbe5f2}
body{background:#fff;line-height:1.55}.wrap{width:min(1250px,calc(100% - 38px))}
.site-header{border:0}.masthead{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{font-size:2rem;line-height:1.15}.brand strong span{color:var(--blue)}.brand-mark{font-size:1.65rem;width:52px;height:52px;border-radius:11px;box-shadow:0 4px 9px #17479c24}.tagline{font-size:.76rem;margin-top:4px;letter-spacing:0}.header-search{width:min(370px,45%)}.header-search .searchform{box-shadow:none;max-width:none}.header-search .searchform input{padding:8px}.header-search .searchform button{padding:8px 15px}
.blue-nav{background:linear-gradient(110deg,#0754a7,#092b62);color:white}.nav-bar{min-height:52px}.menu{gap:0}.menu a{display:block;padding:16px 16px;color:#fff;font-size:.91rem}.menu a:hover{background:#1769d5;color:#fff;text-decoration:none}.menu li:first-child a{background:#1769d5}
.home-main{padding-top:23px;padding-bottom:65px}.feature-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:17px}.hero-feature{display:block;position:relative;overflow:hidden;min-height:410px;height:100%;border-radius:12px;background:linear-gradient(125deg,#0c2354,#0873c5);color:#fff}.hero-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,51,.93),rgba(3,18,51,.58) 57%,rgba(3,18,51,.05));padding:36px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.hero-shade h1{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.17;letter-spacing:-.04em;max-width:68%;margin:17px 0 12px}.hero-shade p{max-width:60%;margin:0 0 24px;color:#e1ebff}.pill,.card-meta{background:#0968e6;color:#fff;border-radius:5px;font-size:.72rem;padding:5px 10px;font-weight:800;display:inline-block;letter-spacing:0}.hero-button{background:#0968e6;border-radius:8px;color:#fff;padding:12px 20px;font-weight:750}.hero-feature:hover{text-decoration:none}.hero-feature:hover .hero-button{background:#004ba7}
.popular,.side-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0d41720e;background:#fff}.popular h2,.side-panel h3{background:#e8f1ff;margin:0;padding:15px 18px;font-size:1.13rem;color:#122c59}.popular-item,.side-item{display:flex;align-items:center;gap:13px;padding:15px;border-bottom:1px solid #e5ebf1;color:#162439;font-size:.9rem;line-height:1.3}.popular-item:last-child,.side-item:last-child{border-bottom:0}.popular-item img{width:108px;height:87px;object-fit:cover;border-radius:8px}.side-item img{width:86px;height:65px;object-fit:cover;border-radius:7px}.popular-item:hover,.side-item:hover{text-decoration:none;background:#f6faff}
.category-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 32px}.category-tile{background:#eef5ff;border:1px solid #e0ecfa;border-radius:12px;padding:19px 16px;display:flex;align-items:center;gap:13px;color:var(--ink);min-width:0}.category-tile:hover{text-decoration:none;background:#e1edff}.category-symbol{border-radius:12px;background:#d8e9ff;color:#075dc3;font-size:2rem;display:grid;place-items:center;width:51px;height:51px;flex:none}.category-tile strong{display:block;font-size:.96rem}.category-tile small{display:block;font-size:.75rem;line-height:1.3;color:#435676}.category-tile .arrow{margin-left:auto;color:#0968e6;align-self:end}
.content-and-aside{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:22px}.content-and-aside .section-head{margin:0 0 17px}.content-and-aside .section-head h2{border-left:5px solid #0b6be4;padding-left:12px;font-size:1.65rem}.post-grid{gap:16px}.post-card{box-shadow:0 2px 12px #1f47700a;border-radius:10px}.card-art{height:155px;display:block}.card-copy{padding:13px 15px}.card-copy h3{font-size:.96rem;line-height:1.31;margin:10px 0}.card-copy p{font-size:.81rem}.card-meta{font-size:.63rem;padding:4px 8px}.card-foot{font-size:.73rem}.homepage-sidebar{display:flex;flex-direction:column;gap:16px}.side-panel p{font-size:.86rem;padding:0 17px;color:#53637e}.side-panel>a:not(.side-item){display:block;padding:0 17px 17px;font-size:.85rem}
.single-featured{margin:23px 0 30px}.single-featured img{display:block;border-radius:14px;width:100%;height:auto}.site-footer{background:linear-gradient(130deg,#07377c,#0b2861);color:white;border:0;padding:37px 0 20px}.site-footer p,.site-footer li,.site-footer a{color:#e0e9f9}.site-footer h3{color:white}.footer-columns{grid-template-columns:2fr 1fr 1.1fr 1.4fr}.footer-brand{font-size:1.5rem;font-weight:850}.copyright{border-color:#ffffff2e;color:#dbe8f7}
@media(max-width:1050px){.feature-grid{grid-template-columns:1.5fr 1fr}.category-strip{grid-template-columns:repeat(2,1fr)}.content-and-aside{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.masthead{min-height:75px}.header-search{display:none}.menu-toggle{display:block;background:#145bad;color:white;border:1px solid #ffffff50}.nav-bar{justify-content:flex-end;min-height:48px;flex-wrap:wrap}.primary-nav{width:100%;display:none}.primary-nav.open{display:block}.menu{display:block}.menu a{padding:9px 6px}.feature-grid{grid-template-columns:1fr}.hero-feature{min-height:350px}.popular{display:none}.category-strip{grid-template-columns:repeat(2,1fr)}.content-and-aside{display:block}.homepage-sidebar{margin-top:24px}.post-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.brand{font-size:1.4rem}.brand-mark{width:41px;height:41px}.tagline{font-size:.61rem}.hero-feature{min-height:380px}.hero-shade{padding:23px;background:linear-gradient(90deg,#071c46d9,#071c4666)}.hero-shade h1{max-width:95%;font-size:1.85rem}.hero-shade p{max-width:92%}.category-strip{grid-template-columns:1fr 1fr;gap:7px}.category-tile{padding:11px 8px;gap:7px}.category-symbol{width:34px;height:34px;font-size:1.2rem}.category-tile strong{font-size:.8rem}.category-tile small{font-size:.67rem}.category-tile .arrow{display:none}.post-grid{grid-template-columns:1fr}.card-art{height:205px}.footer-columns{grid-template-columns:1fr}.homepage-sidebar{display:none}}

/* Corrected editorial photo presentation and navigation */
.blue-nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:0;align-items:center;flex-wrap:wrap}
.blue-nav .menu li{list-style:none;margin:0;padding:0}
.hero-feature img.tc-photo{object-position:center}
.post-card img.tc-photo{width:100%;height:100%;object-fit:cover}
.popular-item img.tc-photo{width:108px;height:87px;object-fit:cover;flex-shrink:0}
.side-item img.tc-photo{width:86px;height:65px;object-fit:cover;flex-shrink:0}
.single-featured img.tc-photo{width:100%;max-height:460px;object-fit:cover}
@media(max-width:760px){.blue-nav .menu{display:block}.blue-nav .menu li a{display:block;padding:11px 8px}}