/*
Theme Name: SmartEval by Adatto
Theme URI: https://www.instagram.com/smarteval.adatto/
Author: Adatto
Description: Sitio comercial de SmartEval, evaluación educativa e informes multinivel.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: smarteval
*/

:root{--azul:#082c4c;--azul2:#075d83;--celeste:#08a9df;--verde:#65c466;--fondo:#f4f8fb;--texto:#17324a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--texto);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{transition:.2s ease}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e3ebf1;backdrop-filter:blur(9px)}
.topin{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
.logo{display:block;width:190px;height:auto}
.btn{display:inline-block;padding:14px 24px;border-radius:10px;background:var(--verde);color:var(--azul);font-weight:800;text-decoration:none;text-align:center;box-shadow:0 8px 20px rgba(101,196,102,.25)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(101,196,102,.38)}
.hero{overflow:hidden;padding:92px 0;background:linear-gradient(135deg,#062945 0%,#075078 65%,#079dd0 100%);color:#fff}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:60px}
.tag{display:inline-block;padding:7px 14px;border:1px solid rgba(255,255,255,.3);border-radius:50px;background:rgba(255,255,255,.13);font-size:14px;font-weight:700}
.hero h1{max-width:680px;margin:22px 0 20px;color:#fff;font-size:clamp(43px,5vw,64px);line-height:1.03;letter-spacing:-1.5px}
.hero h1 span{color:#7bd77b}
.hero p{max-width:650px;margin:0;color:#e4f3fa;font-size:20px}
.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:32px}
.btn-ghost{display:inline-block;padding:12px 22px;border:2px solid rgba(255,255,255,.65);border-radius:10px;color:#fff;text-decoration:none;font-weight:700}
.panel{min-width:0;padding:29px;border-radius:22px;background:#fff;color:var(--texto);box-shadow:0 25px 60px rgba(0,0,0,.22);transform:rotate(1deg)}
.panel h2{margin:0 0 15px;color:var(--azul);font-size:22px;line-height:1.25}
.result{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #e7eef3}
.result:last-child{border:0}.ico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#e8f8fd;font-size:21px}
.section{padding:82px 0}.soft{background:var(--fondo)}
.visual{padding:88px 0;background:var(--fondo)}
.visual-heading{max-width:760px;margin:0 auto 46px;text-align:center}
.visual-heading h2{margin:10px 0 14px;color:var(--azul);font-size:clamp(34px,4.5vw,50px);line-height:1.08}
.visual-heading p{max-width:660px;margin:0 auto;color:#607487;font-size:18px}
.split-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.crop-card{overflow:hidden;margin:0;border:1px solid #cddfeb;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(8,44,76,.13)}
.crop-card img{display:block;width:100%;height:auto}
.benefit-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.benefit-pill{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:14px;border:1px solid #dceaf2;border-radius:14px;background:#fff;color:var(--azul);font-weight:800;text-align:center}
.benefit-pill b{color:var(--celeste);font-size:25px}
.heading{max-width:780px;margin:0 auto 48px;text-align:center}
.eyebrow{color:#078fbd;font-size:13px;font-weight:800;letter-spacing:1.5px}
.heading h2{margin:10px 0 15px;color:var(--azul);font-size:clamp(32px,4vw,42px);line-height:1.14}
.heading p{margin:0;color:#607487;font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{padding:28px;border:1px solid #e2edf3;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(8,44,76,.07)}
.num{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:var(--azul);color:#fff;font-size:21px;font-weight:800}
.card h3{margin:15px 0 9px;color:var(--azul);font-size:21px}.card p{margin:0;color:#607487}
.flow-shell{padding:34px;border:1px solid #dceaf2;border-radius:26px;background:linear-gradient(135deg,#f5fbfe,#eef8f2);box-shadow:0 16px 42px rgba(8,44,76,.08)}
.flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.flow-step{min-width:0;min-height:245px;padding:24px 18px;border:1px solid #e0ebf1;border-radius:19px;background:#fff;text-align:center;box-shadow:0 8px 22px rgba(8,44,76,.06)}
.flow-step:nth-child(3),.flow-step:nth-child(7){transform:translateY(12px)}
.flow-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:19px;background:linear-gradient(145deg,var(--azul2),var(--celeste));color:#fff;font-size:31px;box-shadow:0 10px 24px rgba(8,169,223,.22)}
.flow-step small{display:block;margin-bottom:7px;color:#078fbd;font-size:11px;font-weight:900;letter-spacing:1.4px}
.flow-step h3{margin:0 0 8px;color:var(--azul);font-size:20px;line-height:1.2}
.flow-step p{margin:0;color:#607487;font-size:15px}
.flow-arrow{color:var(--celeste);font-size:32px;font-weight:900}
.flow-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;color:var(--azul);font-weight:800;text-align:center}
.flow-note span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--verde);color:var(--azul)}
.levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.level{padding:25px 15px;border:1px solid #e2edf3;border-bottom:5px solid var(--celeste);border-radius:15px;background:linear-gradient(145deg,#fff,#eef8fb);text-align:center;font-size:28px}
.level strong{display:block;margin-top:10px;color:var(--azul);font-size:18px}
.reports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.report{padding:24px;border-left:5px solid var(--verde);border-radius:12px;background:#fff;box-shadow:0 7px 24px rgba(8,44,76,.07)}
.report strong{display:block;margin-bottom:6px;color:var(--azul);font-size:18px}.report p{margin:0;color:#607487}
.audiences{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.audiences span{padding:12px 18px;border:1px solid #dbe8ef;border-radius:50px;background:#fff;color:var(--azul);font-weight:700}
.cta{padding:76px 24px;background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;text-align:center}
.cta h2{margin:0 0 15px;color:#fff;font-size:clamp(32px,4vw,43px);line-height:1.15}.cta p{max-width:700px;margin:0 auto 28px;color:#daedf5;font-size:18px}
.foot{padding:27px;background:#051f35;color:#b9cfdb;text-align:center}.foot strong{color:#fff}
@media(max-width:850px){.hero{padding:68px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.panel{transform:none}.cards,.reports{grid-template-columns:1fr}.levels,.benefit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center;line-height:1}.flow-step,.flow-step:nth-child(3),.flow-step:nth-child(7){min-height:0;transform:none}.flow-shell{padding:26px}}
@media(max-width:620px){.split-visuals{grid-template-columns:1fr}.visual{padding:62px 0}}
@media(max-width:520px){.wrap{width:min(100% - 32px,1160px)}.topin{padding:12px 0}.logo{width:145px}.top .btn{padding:10px 12px;font-size:12px}.hero{padding:55px 0}.hero h1{font-size:38px}.hero p{font-size:17px}.actions{flex-direction:column}.actions a{width:100%}.levels,.benefit-row{grid-template-columns:1fr}.section{padding:60px 0}.panel{padding:22px}.flow-shell{padding:18px}.flow-step{padding:22px 17px}}