/* Rediseño visual: no sustituye scripts, tarjetas, identificadores ni traducciones. */
:root{--primary:#4c46d9;--primary-hover:#3730a3;--bg:#f4f7fd;--text:#18233b;--muted:#58677f;--border:#e0e7f2;--radius:17px;--card:#fff}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{background:radial-gradient(ellipse 90% 480px at 50% -160px,#dce8ff 0%,transparent 74%),var(--bg);font-size:15px;line-height:1.5}
header{background:rgba(255,255,255,.96);padding:14px clamp(18px,3vw,52px);box-shadow:0 2px 18px rgba(31,45,88,.055);position:relative;z-index:2;gap:18px}
.logo svg{height:56px;max-width:230px}
.site-nav{gap:clamp(10px,1.5vw,25px)}.site-nav a{color:#35435e;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--primary)}
.language-picker{color:#35435e}.language-picker select{border:1px solid #d9e2f0;background:#f9fbff;border-radius:10px;padding:9px 11px}
header .badge{background:#e5f8ef;color:#087448;border:1px solid #c3ecdb;padding:7px 13px}
main#principal{margin:30px auto 55px;max-width:1050px}
.hero{background:linear-gradient(135deg,#182c5a,#293c88 65%,#4c46d9);border-radius:24px;color:#fff;padding:52px 35px 45px;margin-bottom:31px;position:relative;overflow:hidden;box-shadow:0 18px 38px rgba(32,52,111,.16)}
.hero::before,.hero::after{content:'';position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.hero::before{right:-80px;top:-120px}.hero::after{left:-130px;bottom:-225px;width:360px;height:360px}
.hero h1{color:#fff;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.16;letter-spacing:-.045em;max-width:780px;margin:0 auto 15px}.hero p{color:#e1e9ff;font-size:clamp(.95rem,1.3vw,1.12rem);max-width:710px;margin:0 auto}
.ncp-trustline{display:flex;gap:10px 23px;flex-wrap:wrap;justify-content:center;margin-top:25px;color:#eaf5ff;font-weight:600;font-size:.82rem}.ncp-trustline span{display:inline-flex;align-items:center;gap:6px}.ncp-trustline span::before{content:'✓';display:inline-grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#21bd95;color:#fff;font-size:12px}
.ncp-section-intro{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:6px 0 17px}.ncp-section-intro h2{font-size:1.3rem;letter-spacing:-.025em}.ncp-section-intro p{color:var(--muted);font-size:.86rem}
.grid-tools{grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:13px;margin-bottom:23px}
.tool-card{min-height:152px;border:1px solid var(--border);border-radius:16px;padding:20px 13px;box-shadow:0 4px 15px rgba(32,47,80,.035);gap:6px;transition:transform .18s,box-shadow .18s,border-color .18s;user-select:none}
.tool-card:hover{transform:translateY(-4px);border-color:#8b92ea;box-shadow:0 14px 23px rgba(47,61,121,.12)}
.tool-card.active{background:#eef1ff;border-color:#7772e8;box-shadow:0 0 0 2px rgba(79,70,229,.12)}
.tool-icon{font-size:1.85rem;border-radius:12px;background:#f1f4ff;width:58px;height:56px;display:grid;place-items:center;margin-bottom:5px}
.tool-title{font-size:.95rem;font-weight:750;color:#25304a}.tool-desc{color:#718099;font-size:.79rem}
.workspace{border-radius:21px;padding:clamp(20px,3.3vw,37px);box-shadow:0 13px 36px rgba(35,48,86,.075);border:1px solid #e1e8f3;margin-bottom:16px}
.dropzone{background:#f7f9ff;border:2px dashed #bbc8e3;border-radius:16px;padding:38px 18px}.dropzone:hover{background:#edf2ff;border-color:#7772ea}
.btn{border-radius:11px;padding:13px 20px;box-shadow:0 4px 11px rgba(79,70,229,.16)}
.field input,.field select,input[type="text"],input[type="number"],input[type="password"],input[type="url"],select{border-radius:9px}
.editorial{margin-top:28px}.editorial-panel,.guide-card{border-radius:17px;box-shadow:0 3px 12px rgba(30,44,80,.035)}.editorial-panel{padding:clamp(19px,3vw,30px)}.editorial h2{font-size:1.35rem;color:#202e48;letter-spacing:-.025em}
.guide-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:13px}
.guide-card{padding:19px}.guide-card h3{color:#293d79}
footer{background:#18233b;color:#dbe5fa;padding:27px 15px}footer a{color:#e6edff!important}
/* Los contenedores no añaden iframes externos ni desplazan contenido al cargarse. */
.ncp-ad{position:relative;isolation:isolate;align-items:center;min-height:0}
.ncp-ad:has(iframe),.ncp-ad:has([id^="container-"]:not(:empty)){padding-top:21px}
.ncp-ad:has(iframe)::before,.ncp-ad:has([id^="container-"]:not(:empty))::before{content:'PUBLICIDAD';position:absolute;top:1px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.13em;color:#8894a7;font-weight:650}
.ncp-ad-banner{margin:14px auto 24px}.ncp-ad-square{margin:28px auto 12px}.ncp-ad-native{margin:14px auto}
.ncp-ad-sidebar{display:none}
@media(min-width:1180px){#principal{width:calc(100% - 370px)}.ncp-ad-sidebar{display:flex;position:absolute;top:175px;width:160px;height:330px;margin:0;z-index:1}.ncp-ad-sidebar-left{left:max(8px,calc(50% - 705px))}.ncp-ad-sidebar-right{left:auto;right:max(8px,calc(50% - 705px))}.ncp-ad-sidebar iframe{max-width:160px;border:0}}
@media(min-width:1500px){#principal{width:100%;max-width:1050px}.ncp-ad-sidebar-left{left:calc(50% - 715px)}.ncp-ad-sidebar-right{right:calc(50% - 715px)}}
@media(max-width:1179px){#principal{width:100%}}
@media(max-width:700px){header{justify-content:center;padding:13px 15px}.site-nav{justify-content:center}.hero{padding:35px 18px;border-radius:17px}.grid-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:16px 8px;min-height:151px}.ncp-section-intro{display:block}.ncp-section-intro p{margin-top:3px}main#principal{padding:0 13px}.ncp-trustline{gap:8px 13px}.ncp-trustline span{font-size:11px}}
@media(max-width:365px){.grid-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-title{font-size:.82rem}.tool-desc{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}}