@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--navy:#102b4e;--blue:#1769e0;--cyan:#22c7d9;--muted:#62748b;--line:#e5edf5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--navy);font:16px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:23px;line-height:1;font-weight:800;letter-spacing:-1.3px;color:var(--navy)}.logo b{color:var(--blue)}.logo i{display:block;width:50px;height:3px;background:var(--cyan);margin-top:5px}.nav nav{display:flex;gap:36px}.nav nav a:hover,.row-head a{color:var(--blue)}.nav-contact,.btn{background:var(--blue);color:#fff;border:0;border-radius:999px;padding:12px 22px;display:inline-block;font-weight:700}.hero{background:linear-gradient(115deg,#f7fbff 20%,#eaf4ff 65%,#dceeff);overflow:hidden}.hero-inner{min-height:530px;display:flex;position:relative;align-items:center}.hero-copy{max-width:590px;position:relative;z-index:2;padding:70px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-2.2px;margin:18px 0}h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:19px;max-width:480px;color:#435979}.hero-nico{position:absolute;right:-18px;bottom:0;height:510px;width:480px;object-fit:cover;object-position:50% 25%;border-radius:230px 230px 0 0;mask-image:linear-gradient(#000 88%,transparent 100%)}.search{display:flex;background:#fff;border:1px solid #dbe8f8;border-radius:100px;padding:7px;box-shadow:0 12px 28px #1769e011;max-width:540px;margin:28px 0 12px}.search input{border:0;outline:0;padding:12px 16px;min-width:0;flex:1}.search button{border:0;background:var(--blue);color:#fff;border-radius:50%;height:44px;width:44px;font-size:23px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a,.chip{padding:4px 13px;border:1px solid #cfe3ff;background:#f7fbff;color:#385d91;border-radius:30px;font-size:13px}.section{padding-top:64px;padding-bottom:45px}.section-head h2{font-size:30px;letter-spacing:-.8px;margin:0}.section-head p{color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.topics a{border:1px solid var(--line);border-radius:18px;padding:23px;display:grid;gap:5px;box-shadow:0 7px 24px #102b4e08}.topics a span{font-size:34px;color:var(--blue)}.topics a small,.article p,.small{color:var(--muted)}.row-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.article img,.fallback{width:100%;height:185px;object-fit:cover;border-radius:16px;background:#e7f2ff}.fallback{display:grid;place-items:center;font-weight:800;color:var(--blue)}.article small{display:inline-block;margin-top:14px;color:var(--blue);font-weight:700}.article h3{font-size:19px;line-height:1.35;margin:8px 0}.article p{font-size:14px}.contact-band{margin-top:30px;margin-bottom:60px;background:#f1f7ff;border-radius:24px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:35px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.page-top{padding-top:80px;min-height:65vh}.page-top>h1{max-width:750px}.post{max-width:780px}.post h1{font-size:clamp(34px,4vw,52px)}.lead{font-size:21px;color:var(--muted)}.post-cover{width:100%;border-radius:20px;margin:20px 0}.prose{white-space:normal;line-height:1.9;font-size:17px}.post-cta,.empty{background:#f2f7ff;border-radius:20px;padding:32px;margin:40px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-links{display:grid;gap:14px;margin-top:25px}.contact-links a{color:var(--blue);font-weight:700}.contact-form,.editor,.login-box form{display:grid;gap:15px}.contact-form label,.editor label,.login-box label{display:grid;gap:5px;font-weight:700}.contact-form input,.contact-form textarea,.editor input,.editor textarea,.editor select,.login-box input,.inline-form input{width:100%;border:1px solid #cfdbeb;border-radius:12px;padding:12px}.honey{position:absolute;left:-9999px}.notice{color:#087d53}.error{color:#ba2d2d}.login-box{width:min(400px,calc(100% - 30px));margin:12vh auto;padding:35px;border:1px solid var(--line);border-radius:22px}.admin{max-width:1050px}.admin h2{margin-top:35px}.admin-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.outline{border:1px solid var(--line);background:#fff;border-radius:15px;padding:8px 14px}.small-btn{font-size:13px;padding:8px 12px}.inline-form{display:flex;gap:10px}.pagination{margin:25px 0}.sr{position:absolute;left:-9999px}@media(max-width:900px){.topics{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.hero-nico{right:-95px;opacity:.35}.hero-copy{max-width:630px}}@media(max-width:640px){.wrap{width:calc(100% - 30px)}.nav{height:70px}.nav nav{gap:12px;font-size:13px}.nav-contact{display:none}.hero-inner{min-height:620px;align-items:flex-end}.hero-copy{padding:250px 0 35px}.hero-nico{height:285px;width:280px;right:calc(50% - 140px);top:0;bottom:auto;opacity:1;border-radius:0 0 90px 90px;object-position:50% 20%}.hero h1{font-size:39px}.hero-copy>p{font-size:16px}.topics,.cards,.contact-layout{grid-template-columns:1fr}.row-head,.contact-band,.footer{align-items:flex-start;flex-direction:column}.section{padding-top:42px;padding-bottom:25px}.page-top{padding-top:45px}.contact-band{margin-bottom:35px}.article img,.fallback{height:210px}}

/* NICO CONECTA — VISUAL EDITORIAL REDESIGN */

.visual-topics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:32px;
}

.visual-topic {
  display:block;
  overflow:hidden;
  border:1px solid #e2eaf4;
  border-radius:19px;
  background:#fff;
  color:#102b4e;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(16,43,78,.05);
  transition:transform .2s,box-shadow .2s;
}

.visual-topic:hover {
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(16,43,78,.12);
}

.visual-topic img {
  display:block;
  width:100%;
  height:175px;
  object-fit:cover;
}

.visual-topic div {padding:20px}
.visual-topic h3 {font-size:19px;margin:0 0 8px}
.visual-topic p {font-size:14px;color:#61718a;margin:0 0 15px}
.visual-topic span {font-size:13px;font-weight:700;color:#1769e0}

.learning-section {
  background:#f3f8ff;
  padding-top:75px;
  padding-bottom:75px;
}

.learning-intro {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  margin-top:28px;
  border:1px solid #e3eaf5;
}

.learning-intro>div {padding:48px}
.learning-intro h3 {font-size:30px;line-height:1.2;margin:12px 0}
.learning-intro p {color:#60718b;line-height:1.8;margin-bottom:24px}
.learning-intro img {width:100%;height:100%;min-height:290px;object-fit:cover}

.video-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
  align-items:center;
  padding-top:90px;
  padding-bottom:90px;
}

.video-content h2 {
  font-size:clamp(30px,4vw,46px);
  line-height:1.14;
  margin:14px 0;
}

.video-content p {color:#61718a;line-height:1.8}
.social-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}

.secondary-btn {
  background:#eaf2ff!important;
  color:#1769e0!important;
}

.video-visual {
  position:relative;
  height:380px;
  border-radius:26px;
  overflow:hidden;
  background:#d9eaff;
}

.video-visual img {width:100%;height:100%;object-fit:cover;object-position:center 30%}
.video-visual span {
  position:absolute;
  left:22px;
  bottom:22px;
  padding:12px 18px;
  border-radius:30px;
  background:#1769e0;
  color:white;
  font-size:13px;
  font-weight:800;
}

.contact-banner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding:38px;
  background:linear-gradient(120deg,#eaf3ff,#f4fbff);
  border-radius:24px;
}

.contact-banner h2 {margin:10px 0;font-size:30px}
.contact-banner p {color:#60718b}

@media(max-width:900px) {
  .visual-topics {grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-section {grid-template-columns:1fr}
}

@media(max-width:600px) {
  .visual-topics {grid-template-columns:1fr 1fr;gap:10px}
  .visual-topic img {height:115px}
  .visual-topic div {padding:13px}
  .visual-topic h3 {font-size:15px}
  .visual-topic p {font-size:12px}
  .learning-intro {grid-template-columns:1fr}
  .learning-intro>div {padding:25px}
  .learning-intro img {min-height:180px;max-height:220px}
  .video-visual {height:290px}
  .contact-banner {flex-direction:column;align-items:flex-start;padding:25px}
}


/* NC-C00Q4H — ADMIN VERTICAL SPACING */
body:has(.admin) .admin {
  padding-top: 100px !important;
  padding-bottom: 110px !important;
}

body:has(.admin) .admin h1 {
  margin-bottom: 30px !important;
}

body:has(.admin) .admin h2 {
  margin-top: 55px !important;
  margin-bottom: 24px !important;
}

body:has(.admin) .admin form {
  margin-top: 28px;
}

@media (max-width: 680px) {
  body:has(.admin) .admin {
    padding-top: 55px !important;
    padding-bottom: 75px !important;
  }

  body:has(.admin) .admin h2 {
    margin-top: 38px !important;
  }
}



/* NC-C00Q4J-R2 — CONTACT LAYOUT */

/* Desktop: heading above form */
@media (min-width: 769px) {
  .contact-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 30px !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .contact-layout > div:first-child,
  .contact-layout > .contact-form {
    width: 100% !important;
    max-width: 820px !important;
  }

  .contact-layout h1 {
    max-width: 760px !important;
  }
}

/* Mobile: vertical page, compact two-column form */
@media (max-width: 768px) {
  .contact-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    align-items: stretch !important;
  }

  .contact-layout > div:first-child,
  .contact-layout > .contact-form {
    width: 100% !important;
    min-width: 0 !important;
  }

  .contact-layout h1 {
    font-size: clamp(30px, 7vw, 42px) !important;
  }

  .contact-layout .contact-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 15px !important;
  }

  .contact-layout .contact-form > label {
    min-width: 0 !important;
  }

  .contact-layout .contact-form > label:nth-of-type(4),
  .contact-layout .contact-form > .notice,
  .contact-layout .contact-form > .error,
  .contact-layout .contact-form > .honey,
  .contact-layout .contact-form > .small,
  .contact-layout .contact-form > button {
    grid-column: 1 / -1 !important;
  }

  .contact-layout .contact-form input,
  .contact-layout .contact-form textarea {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Narrow phones: prevent cramped inputs */
@media (max-width: 420px) {
  .contact-layout .contact-form {
    grid-template-columns: 1fr !important;
  }

  .contact-layout .contact-form > * {
    grid-column: 1 / -1 !important;
  }
}

/* NC-C00Q4L-R4 — ARTICLE EDITOR */
.nico-editor-toolbar{
 display:flex;flex-wrap:wrap;gap:8px;margin:12px 0
}
.nico-editor-toolbar button{
 padding:9px 14px;border:1px solid #cbdcf2;
 border-radius:9px;background:#f3f8ff;
 color:#153c69;font-weight:700
}
.nico-editor-toolbar button:hover{background:#e0efff}
.nico-editor-help{font-size:13px;color:#62748b;font-weight:400}
.nico-preview{
 margin-top:15px;padding:22px;border:1px solid #cbdcf2;
 border-radius:14px;background:#fff;font-weight:400
}
.nico-preview[hidden]{display:none}
.prose h2,.prose h3{margin:1.2em 0 .5em}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.6em;margin-bottom:1em}
.prose blockquote{
 border-left:4px solid #1769e0;padding:8px 18px;
 background:#f3f8ff;margin:18px 0
}
.prose a{color:#1769e0;text-decoration:underline;overflow-wrap:anywhere}
.nc-home-social{padding-top:35px;padding-bottom:85px}
.nc-home-social h2{font-size:27px;margin-bottom:10px}
.nc-home-social p{color:#61718a}
@media(max-width:680px){
 .nc-home-social{padding-top:25px;padding-bottom:55px}
}


/* NC-C00R1-R1 — Responsive article tables */
.prose table {
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  border-collapse:separate;
  border-spacing:0;
  margin:24px 0;
  border:1px solid #dce7f4;
  border-radius:12px;
  background:#fff;
  font-size:15px;
  line-height:1.55;
  -webkit-overflow-scrolling:touch;
}
.prose th,
.prose td {
  padding:13px 15px;
  border-bottom:1px solid #e7eef6;
  text-align:left;
  vertical-align:top;
  min-width:125px;
}
.prose th {
  background:#edf5ff;
  color:#102b4e;
  font-weight:800;
}
.prose tr:last-child td {
  border-bottom:0;
}
.prose tbody tr:nth-child(even) {
  background:#f8fbff;
}
@media(max-width:640px) {
  .prose table {
    font-size:14px;
  }
  .prose th,
  .prose td {
    padding:11px 12px;
    min-width:110px;
  }
}