/* Post-content rules kept from the 1.0 Customizer "Additional CSS" (2026-10-12). Loaded on single posts only. */
.info-card{display:flex!important;gap:16px!important;padding:24px!important;background:#f5f5f7!important;border-radius:16px!important;border:1px solid #f0f0f0!important;align-items:flex-start!important;}
.info-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;background:#fff!important;border:1px solid #f0f0f0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.info-icon svg{width:20px!important;height:20px!important;color:#7b2ff7!important;}
.info-card h4{font-size:0.85rem!important;font-weight:600!important;color:#1d1d1f!important;margin:0 0 4px 0!important;}
.info-card p{font-size:0.82rem!important;color:#86868b!important;font-weight:300!important;margin:0!important;}
.info-card a{color:#424245!important;text-decoration:none!important;}
.info-card a:hover{color:#7b2ff7!important;}
#articleContent .elementor,
#articleContent .elementor-section,
#articleContent .elementor-top-section,
#articleContent .elementor-container,
#articleContent .elementor-row,
#articleContent .elementor-column-gap-default{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;float:none!important}
#articleContent .elementor-column,
#articleContent [class*="elementor-col-"]{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;float:none!important}
#articleContent .elementor-column-wrap,
#articleContent .elementor-widget-wrap{display:block!important;padding:0!important}
#articleContent .elementor-section,
#articleContent .elementor-column,
#articleContent .elementor-column-wrap,
#articleContent .elementor-widget-wrap{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;min-height:auto!important}
#articleContent .elementor-background-overlay,
#articleContent .elementor-shape{display:none!important}
#articleContent .elementor-widget{margin-bottom:0!important;padding:0!important}
#articleContent .elementor-widget-container{padding:0!important;background:transparent!important;border:none!important}
#articleContent .elementor-text-editor p,
#articleContent .elementor-widget-text-editor p{font-size:1.05rem!important;line-height:1.85!important;color:#424245!important;margin-bottom:24px!important;font-weight:300!important;font-family:"Inter",-apple-system,sans-serif!important}
#articleContent .elementor-heading-title{font-family:"Instrument Serif",Georgia,serif!important;color:#1d1d1f!important;font-weight:400!important;letter-spacing:-0.5px!important;line-height:1.2!important;margin-bottom:20px!important}
#articleContent h2.elementor-heading-title{font-size:1.9rem!important;margin-top:56px!important;scroll-margin-top:100px!important}
#articleContent h3.elementor-heading-title{font-size:1.15rem!important;font-weight:600!important;margin-top:40px!important;font-family:"Inter",-apple-system,sans-serif!important;letter-spacing:-0.2px!important}
#articleContent h4.elementor-heading-title{font-size:1rem!important;font-weight:600!important;margin-top:32px!important;font-family:"Inter",-apple-system,sans-serif!important}
#articleContent .elementor-widget-image{margin:32px 0!important}
#articleContent .elementor-widget-image img{border-radius:16px!important;width:100%!important;height:auto!important}
#articleContent .elementor-divider{margin:48px 0!important}
#articleContent .elementor-divider-separator{border-color:#e5e5e5!important}
#articleContent .elementor-button{display:inline-flex!important;padding:14px 32px!important;background:#1d1d1f!important;color:white!important;border-radius:980px!important;font-size:0.88rem!important;font-weight:500!important;text-decoration:none!important;font-family:"Inter",-apple-system,sans-serif!important}
#articleContent .elementor-button:hover{background:#424245!important}
#articleContent .elementor-button-wrapper{text-align:center!important;margin-top:20px!important}
#articleContent .elementor-icon-list-items{padding-left:0!important;list-style:none!important}
#articleContent .elementor-icon-list-item{margin-bottom:10px!important;font-size:1rem!important;font-weight:300!important;color:#424245!important}
#articleContent.post-content{min-width: 0;
    width: 100%;}
.ideago-blog-article{font-family: inherit;
  color: #1a1a2e;
  line-height: 1.7;
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;}
.ideago-blog-article .hero-wrapper{background: linear-gradient(135deg, #0a0f1e 0%, #0d1b35 55%, #0a1628 100%);
  padding: 70px 40px 60px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;}
.ideago-blog-article .hero-wrapper::before{content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(ellipse at 30% 50%, rgba(0,180,216,0.1) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 30%, rgba(74,158,255,0.08) 0%, transparent 50%);
  pointer-events: none;}
.ideago-blog-article .pill{display: inline-block;
  padding: 5px 15px;
  border: 1px solid rgba(0,200,224,0.5);
  border-radius: 20px;
  color: #00c8e0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 5px 20px;
  position: relative;
  z-index: 1;}
.ideago-blog-article .hero-wrapper h1{font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  margin: 16px auto 24px;
  max-width: 820px;
  position: relative;
  z-index: 1;}
.ideago-blog-article .hero-wrapper h1 span,
.ideago-blog-article .hero-wrapper h1 em{background: linear-gradient(90deg, #00c8e0, #4a9eff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-style: normal;}
.ideago-blog-article .hero-intro{color: #9ca3af;
  font-size: 17px;
  max-width: 600px;
  margin: 0 auto 40px;
  line-height: 1.6;
  position: relative;
  z-index: 1;}
.ideago-blog-article .stats-row{display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 36px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;}
.ideago-blog-article .stat-item{text-align: center;}
.ideago-blog-article .stat-number{font-size: 38px;
  font-weight: 800;
  background: linear-gradient(90deg, #00c8e0, #4a9eff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;}
.ideago-blog-article .stat-label{font-size: 11px;
  color: #6b7280;
  margin-top: 4px;
  line-height: 1.4;}
.ideago-blog-article .toc{background: #0d1b35;
  border: 1px solid #1e3a5f;
  border-radius: 12px;
  padding: 28px 32px;
  max-width: 680px;
  margin: 50px auto;}
.ideago-blog-article .toc-title{color: #00c8e0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;}
.ideago-blog-article .toc ul,
.ideago-blog-article .toc ol{list-style: none;
  padding: 0;
  margin: 0;}
.ideago-blog-article .toc li{padding: 9px 0;
  color: #d1d5db;
  font-size: 15px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  gap: 10px;}
.ideago-blog-article .toc li:last-child{border-bottom: none;}
.ideago-blog-article .toc li::before{content: "›";
  color: #00c8e0;
  font-size: 20px;
  font-weight: bold;
  flex-shrink: 0;
  line-height: 1;}
.ideago-blog-article .toc a{color: #d1d5db; text-decoration: none;}
.ideago-blog-article .toc a:hover{color: #00c8e0;}
.ideago-blog-article h2{font-size: 26px;
  font-weight: 800;
  color: #0a0f1e;
  margin: 48px 0 14px;
  line-height: 1.3;}
.ideago-blog-article h3{font-size: 19px;
  font-weight: 700;
  color: #0d1b35;
  margin: 28px 0 10px;}
.ideago-blog-article p{font-size: 16px;
  color: #374151;
  margin-bottom: 18px;
  line-height: 1.75;}
.ideago-blog-article strong{color: #0a0f1e;}
.ideago-blog-article ul,
.ideago-blog-article ol{padding-left: 22px; margin-bottom: 18px;}
.ideago-blog-article li{font-size: 16px;
  color: #374151;
  margin-bottom: 8px;
  line-height: 1.65;}
.ideago-blog-article a{color: #0369a1;}
.ideago-blog-article .idea-clave{background: linear-gradient(135deg, #0d1b35, #0a1628);
  border-left: 4px solid #00c8e0;
  border-radius: 0 8px 8px 0;
  padding: 22px 28px;
  margin: 32px 0;
  color: #e2e8f0;}
.ideago-blog-article .idea-clave p{color: #e5e7eb;
  font-size: 15px;
  margin-bottom: 0;}
.ideago-blog-article .idea-clave strong{color: #00c8e0;}
.ideago-blog-article .callout{background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  padding: 20px 24px;
  margin: 24px 0;}
.ideago-blog-article .callout p{margin-bottom: 0; color: #0369a1; font-size: 15px;}
.ideago-blog-article .callout.warning{background: #fffbeb; border-color: #fde68a;}
.ideago-blog-article .callout.warning p{color: #92400e;}
.ideago-blog-article .callout.error{background: #fef2f2; border-color: #fecaca;}
.ideago-blog-article .callout.error p{color: #991b1b;}
.ideago-blog-article .mid-cta{background: linear-gradient(135deg, #0a0f1e, #0d1b35);
  border-radius: 12px;
  padding: 38px 40px;
  text-align: center;
  margin: 48px 0;
  color: #e2e8f0;}
.ideago-blog-article .mid-cta strong,
.ideago-blog-article .mid-cta b{color: #ffffff;}
.ideago-blog-article .mid-cta a{color: #00c8e0;}
.ideago-blog-article .mid-cta h3{color: #ffffff; font-size: 21px; margin-top: 0; margin-bottom: 10px;}
.ideago-blog-article .mid-cta p{color: #9ca3af; margin-bottom: 24px;}
.ideago-blog-article .cta-button,
.ideago-blog-article .mid-cta a{display: inline-block;
  background: linear-gradient(90deg, #00c8e0, #4a9eff);
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 14px 32px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: opacity 0.2s;}
.ideago-blog-article .cta-button:hover,
.ideago-blog-article .mid-cta a:hover{opacity: 0.85;}
.ideago-blog-article .cta-block{background: #ffffff;
  border: 2px solid #00c8e0;
  border-radius: 16px;
  padding: 48px 40px;
  text-align: center;
  margin: 60px 0 40px;
  position: relative;
  overflow: hidden;}
.ideago-blog-article .cta-block::before{display: none;}
.ideago-blog-article .cta-block h2,
.ideago-blog-article .cta-block h3{color: #0d1b35; margin-top: 0; margin-bottom: 10px;}
.ideago-blog-article .cta-block p{color: #4b5563; margin-bottom: 28px;}
.ideago-blog-article .faq-accordion{margin: 40px 0;}
.ideago-blog-article .faq-item{border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;}
.ideago-blog-article .faq-item summary{padding: 17px 22px;
  font-weight: 600;
  font-size: 15px;
  color: #111827;
  cursor: pointer;
  background: #f9fafb;
  list-style: none;}
.ideago-blog-article .faq-item summary::-webkit-details-marker{display: none;}
.ideago-blog-article .faq-item p{padding: 4px 22px 18px; color: #4b5563; margin-bottom: 0;}
.ideago-blog-article .author-bio{display: flex;
  align-items: center;
  gap: 20px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 22px 24px;
  margin: 40px 0;}
.ideago-blog-article .author-bio img{width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
.ideago-blog-article .author-bio p{margin-bottom: 0; font-size: 14px; color: #6b7280;}
.ideago-blog-article .author-bio strong{display: block; font-size: 15px; color: #111827; margin-bottom: 3px;}
.ideago-post-body{max-width: 860px;
  margin: 0 auto;
  padding: 0 32px 60px;
  box-sizing: border-box;}
.ideago-time-chart{background: #0d1b35;
  border: 1px solid #1e3a5f;
  border-radius: 14px;
  padding: 28px 32px;
  margin: 32px 0;}
.ideago-time-chart .tc-title{color: #00c8e0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 24px;}
.ideago-time-chart .tc-row{margin-bottom: 20px;}
.ideago-time-chart .tc-label{color: #9ca3af;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;}
.ideago-time-chart .tc-bars{display: flex;
  flex-direction: column;
  gap: 5px;}
.ideago-time-chart .tc-bar{height: 26px;
  border-radius: 4px;
  width: 0;
  transition: width 1.2s cubic-bezier(0.4,0,0.2,1);
  display: flex;
  align-items: center;
  padding-left: 10px;
  min-width: 0;
  overflow: hidden;}
.ideago-time-chart .tc-bar.manual{background: linear-gradient(90deg, #1e3a5f, #2a4a7a);}
.ideago-time-chart .tc-bar.automated{background: linear-gradient(90deg, #00c8e0, #4a9eff);}
.ideago-time-chart .tc-bar-label{color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;}
.ideago-time-chart .tc-legend{display: flex;
  gap: 24px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #1e3a5f;}
.ideago-time-chart .tc-legend-item{font-size: 12px;
  color: #6b7280;}
.ideago-time-chart .manual-leg{color: #2a4a7a;}
.ideago-time-chart .auto-leg{color: #00c8e0;}
.ideago-stack-diagram{margin: 32px 0;}
.ideago-stack-diagram .sd-layer{background: linear-gradient(135deg, #0d1b35, #0a1628);
  border: 1px solid #1e3a5f;
  border-radius: 12px;
  padding: 20px 24px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;}
.ideago-stack-diagram .sd-layer.visible{opacity: 1;
  transform: translateY(0);}
.ideago-stack-diagram .sd-layer-label{color: #00c8e0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;}
.ideago-stack-diagram .sd-tools{display: flex;
  gap: 10px;
  flex-wrap: wrap;}
.ideago-stack-diagram .sd-tool{background: rgba(0,200,224,0.07);
  border: 1px solid rgba(0,200,224,0.2);
  border-radius: 8px;
  padding: 10px 14px;
  color: #e5e7eb;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  flex: 1;
  min-width: 100px;}
.ideago-stack-diagram .sd-tool.highlight-tool{background: rgba(74,158,255,0.1);
  border-color: rgba(74,158,255,0.3);}
.ideago-stack-diagram .sd-tool small{display: block;
  color: #6b7280;
  font-size: 11px;
  font-weight: 400;
  margin-top: 3px;}
.ideago-stack-diagram .sd-connector{text-align: center;
  color: #00c8e0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 0;
  opacity: 0.7;}
@media (max-width: 768px) {.ideago-post-body{padding: 0 18px 40px;}.ideago-stack-diagram .sd-tools{flex-direction: column;}.ideago-stack-diagram .sd-tool{min-width: unset;}}
.ideago-blog-article .stat-label{color: rgba(255,255,255,0.75) !important;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 6px;
  display: block;}
.ideago-blog-article .stat-item{display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;}
.ideago-blog-article .stat-number{font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  background: linear-gradient(90deg, #00c8e0, #4a9eff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: block !important;}
.ideago-blog-article .stats-row{display: flex !important;
  justify-content: center !important;
  gap: 60px !important;
  margin-top: 40px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;}
.ideago-blog-article .toc a{color: #e5e7eb !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: block !important;}
.ideago-blog-article .toc a:hover{color: #00c8e0 !important;}
.ideago-blog-article h2[id],
.ideago-blog-article h3[id]{scroll-margin-top: 100px;}