/*
Theme Name: TodoProfes
Author: TodoProfes
Description: Tema WordPress personalizado para todoprofes.cl
Version: 1.0
*/
:root{--ink:#111;--paper:#f7f4ee;--white:#fff;--pink:#f4b7c5;--pink2:#f9dce3;--muted:#77736d;--line:#e5e0d8;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5}a{text-decoration:none;color:inherit}.container{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:20;background:#f7f4eee8;backdrop-filter:blur(16px);border-bottom:1px solid #1111}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 30px/1 "Plus Jakarta Sans";letter-spacing:-2px}.dot{color:var(--pink)}.brand-mark{display:inline-block;width:9px;height:30px;background:var(--pink);border-radius:8px;transform:rotate(9deg);margin:0 3px}.primary-nav{display:flex;gap:28px;font-size:14px;font-weight:700}.primary-nav a{opacity:.7}.actions{display:flex;gap:9px}.circle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.hero{text-align:center;padding:100px 24px 75px}.kicker{display:inline-flex;gap:8px;background:var(--pink2);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.kicker i{width:7px;height:7px;background:var(--pink);border-radius:50%}.hero h1{font:800 clamp(48px,7vw,92px)/.96 "Plus Jakarta Sans";letter-spacing:-5px;max-width:1000px;margin:28px auto}.hero h1 span{position:relative}.hero h1 span:after{content:"";position:absolute;left:4%;right:4%;bottom:-12px;height:9px;background:var(--pink);border-radius:20px}.lead{max-width:640px;margin:35px auto;color:var(--muted);font-size:18px}.search{max-width:760px;margin:40px auto 0;padding:7px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;box-shadow:0 18px 50px #00000012}.search input{flex:1;border:0;outline:0;padding:16px;background:transparent;font-size:16px}.search button,.btn{border:0;background:var(--ink);color:#fff;border-radius:13px;padding:15px 22px;font-weight:800;cursor:pointer}.quick{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:15px}.quick a{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:8px 13px}.write-line{height:35px;max-width:850px;margin:50px auto 0;position:relative}.write-line:before{content:"";position:absolute;left:8%;right:11%;top:15px;height:3px;background:var(--ink);border-radius:9px;transform:rotate(-1deg)}.write-line:after{content:"✎";position:absolute;right:5%;top:-12px;color:var(--pink);font-size:34px;transform:rotate(-20deg)}
section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.label{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:var(--muted);margin-bottom:10px}h2{font:800 clamp(34px,4vw,54px)/1 "Plus Jakarta Sans";letter-spacing:-2.5px}.more{font-size:13px;font-weight:800;border-bottom:2px solid var(--pink)}
.need-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.card{min-height:290px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;position:relative}.card.dark{background:var(--ink);color:#fff}.num{font-size:11px;opacity:.5}.card h3{font:700 30px/1.05 "Plus Jakarta Sans";margin-top:70px}.card p{color:var(--muted);max-width:260px}.dark p{color:#aaa}.arrow{position:absolute;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--pink);display:grid;place-items:center}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{min-height:160px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.category:hover{background:var(--ink);color:#fff}.ico{font-size:27px}.category h3{font-size:18px}.category small{opacity:.55}
.featured{background:var(--ink);color:#fff;border-radius:34px;padding:55px 45px}.featured .label{color:#aaa}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:#1b1b1b;border:1px solid #292929;border-radius:19px;overflow:hidden}.product-img{height:205px;display:grid;place-items:center;font-size:60px;background:#f3b6c5}.product-info{padding:18px}.product-info small{color:#999}.product-info h3{font-size:16px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.add{width:35px;height:35px;border:0;border-radius:50%;background:var(--pink)}
.specialties{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.specialty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;justify-content:space-between}.specialty small{color:var(--muted)}
.free{background:var(--pink2);border-radius:34px;padding:60px 50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.free h2{font-size:clamp(38px,4vw,60px)}.free p{color:#666;max-width:510px}.paper{height:275px;width:225px;background:#fff;border:1px solid #ddd;box-shadow:0 20px 40px #0002;margin:auto;transform:rotate(-5deg);padding:25px}.paper:before{content:"TODO\A PROFES.";white-space:pre;font:800 29px/.9 "Plus Jakarta Sans"}
.cta{text-align:center;padding:105px 20px}.cta h2{max-width:850px;margin:auto;font-size:clamp(42px,6vw,76px)}.cta p{color:var(--muted)}
.site-footer{background:var(--ink);color:#fff;padding:60px 0 25px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.foot-brand{font:800 33px "Plus Jakarta Sans"}.foot-brand span{color:var(--pink)}.foot p,.foot a{color:#999;font-size:12px}.foot a{display:block;margin:9px 0}.bottom{border-top:1px solid #292929;margin-top:45px;padding-top:20px;color:#777;font-size:11px;display:flex;justify-content:space-between}
@media(max-width:900px){.primary-nav{display:none}.need-grid{grid-template-columns:1fr 1fr}.card.dark{grid-column:span 2}.categories,.products{grid-template-columns:repeat(2,1fr)}.free{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav{height:70px}.brand{font-size:24px}.hero{padding:65px 18px}.hero h1{font-size:48px;letter-spacing:-3px}.search{flex-direction:column}.search button{width:100%}.container{padding:0 18px}.section-head{display:block}.more{display:inline-block;margin-top:15px}.need-grid,.categories,.products,.specialties{grid-template-columns:1fr}.card.dark{grid-column:auto}.featured,.free{padding:40px 22px;border-radius:25px}.foot{grid-template-columns:1fr}.bottom{flex-direction:column;gap:8px}}