/* Amilcar Flores — Correcciones visuales V3 | 2026-09-25 */
:root{--af-blue:#016EFF;--af-blue-dark:#0752C4;--af-navy:#071B34;--af-navy-2:#0A315F;--af-soft:#F5F9FF;--af-line:#DFE8F3;--af-text:#0B1728;--af-muted:#5F6E82}

/* 1) El scroll-to-top del template estaba detrás del WhatsApp y generaba el doble círculo */
.paginacontainer,.progress-wrap{display:none!important}
.wa{position:fixed!important;right:22px!important;bottom:22px!important;width:56px!important;height:56px!important;border:0!important;border-radius:50%!important;background:#25D366!important;color:#fff!important;display:grid!important;place-items:center!important;z-index:9999!important;box-shadow:0 12px 32px rgba(7,27,52,.22)!important;outline:0!important}
.wa svg{display:block;width:27px;height:27px}

/* 2) Botones: sin rotación heredada del template; flechas siempre a la derecha */
.header-btn1,.header-btn2,.af-v3-btn,.page-hero .hero-actions .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  min-height:50px!important;padding:11px 16px!important;border-radius:6px!important;line-height:1.2!important;
  font-weight:700!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;
}
.header-btn1,.header-btn1:visited{background:var(--af-blue)!important;color:#fff!important;border:1px solid var(--af-blue)!important}
.header-btn2,.header-btn2:visited{background:#fff!important;color:var(--af-blue)!important;border:1px solid var(--af-blue)!important}
.header-btn1::after,.header-btn2::after{display:none!important}
.header-btn1:hover,.header-btn2:hover{transform:translateY(-2px)!important}
.header-btn1 span,.header-btn2 span{
  position:static!important;left:auto!important;top:auto!important;transform:none!important;
  width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;line-height:1!important;font-size:18px!important;margin:0!important;
}
.header-btn1 span{background:#fff!important;color:var(--af-blue)!important}
.header-btn2 span{background:var(--af-blue)!important;color:#fff!important}
.af-seoc-header .header-btn1 span,.mobile-sidebar .header-btn1 span,.af-seoc-footer .header-btn1 span{transform:none!important}
.af-seoc-footer .header-btn1{color:#fff!important}

/* 3) CTA uniforme: un solo fondo, sin bloque central de otro color */
.af-v3-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#0875FF 0%,#016EFF 47%,#0A459D 100%);padding:82px 0;color:#fff}
.af-v3-cta::before,.af-v3-cta::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.af-v3-cta::before{width:390px;height:390px;left:-190px;bottom:-250px}.af-v3-cta::after{width:410px;height:410px;right:-170px;top:-250px}
.af-v3-cta-inner{position:relative;z-index:2;max-width:850px;margin:0 auto;text-align:center}
.af-v3-cta h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.6px;color:#fff;margin:0 0 16px}
.af-v3-cta p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.88)!important;margin:0 auto;max-width:680px}
.af-v3-cta-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.af-v3-cta-actions a{min-height:54px;padding:10px 18px;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}
.af-v3-cta-primary{background:#fff;color:var(--af-blue)!important;border:1px solid #fff}
.af-v3-cta-secondary{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.6)}
.af-v3-cta-actions a span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;line-height:1;transform:none!important}
.af-v3-cta-primary span{background:var(--af-blue);color:#fff}.af-v3-cta-secondary span{background:#fff;color:var(--af-blue)}

/* 4) Hero principal: más limpio; se eliminó la tarjeta 'Un mismo objetivo' */
.hero1-section-area .seoc-float-bottom{display:none!important}

/* 5) Círculo Estrategia · Diseño · SEO sin flecha encima del texto */
.about1-section-area .about-content-area .arrow-circle.af-v3-round-link{
  width:118px!important;height:118px!important;padding:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#EAF3FF!important;color:var(--af-blue)!important;
  text-align:center!important;overflow:hidden!important;margin-bottom:28px!important
}
.af-v3-round-link span{position:static!important;width:82px!important;font-size:8px!important;line-height:1.45!important;letter-spacing:1.05px!important;color:var(--af-blue)!important}
.af-v3-round-link b{display:none!important}

/* 6) Tarjetas principales de servicios: toda la tarjeta es clicable */
.service1-section-area .service-all-boxes-area.af-v3-service-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.af-v3-service-card{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;min-height:360px!important;padding:34px 25px!important;border:1px solid var(--af-line)!important;border-radius:10px!important;text-decoration:none!important;color:var(--af-text)!important;transition:.2s ease;background:#F4F8FF!important;text-align:center!important}
.af-v3-service-card:nth-child(2){background:#EAF2FF!important}.af-v3-service-card:nth-child(3){background:#F1F5FF!important}.af-v3-service-card:nth-child(4){background:#EAF7FF!important}
.af-v3-service-card:hover{transform:translateY(-5px);border-color:#B8D4FA!important;box-shadow:0 18px 38px rgba(7,27,52,.08)!important}
.af-v3-service-card h3{font-size:22px;line-height:1.25;margin:0 0 26px;color:var(--af-text)}
.af-v3-service-card img{width:72px!important;height:72px!important;object-fit:contain;margin:0 auto 28px!important;filter:none!important}
.af-v3-service-card p{font-size:15px;line-height:1.65;color:var(--af-muted);margin:0 auto;max-width:270px}
.af-v3-service-card .af-card-arrow{position:absolute;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--af-blue);font-size:18px;font-weight:700}

/* 7) Flechas de metodología / SEO / diseño: sin rotate(-45deg) heredado */
.service2-section-area .images-content-area .arrow-area a,.service2-section-area .service-all-boxes .arrow a,.case1-section-area .cs_case_study_icon a{
  transform:none!important;display:grid!important;place-items:center!important;line-height:1!important
}

/* 8) Proyectos: títulos y textos debajo de las imágenes, siempre visibles */
.case1-section-area .af-v3-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:36px}
.af-v3-project-card{display:block;background:#fff;border:1px solid var(--af-line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--af-text);transition:.2s ease}
.af-v3-project-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(7,27,52,.08);border-color:#B8D4FA}
.af-v3-project-image{height:250px;background:#EAF2FB;overflow:hidden}.af-v3-project-image img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important}
.af-v3-project-body{padding:22px 22px 24px;position:relative}.af-v3-project-body small{display:block;color:var(--af-blue);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.af-v3-project-body h3{font-size:23px;line-height:1.22;margin:0 42px 8px 0;color:var(--af-text)}.af-v3-project-body p{font-size:14px;line-height:1.6;color:var(--af-muted);margin:0}
.af-v3-project-body .af-project-arrow{position:absolute;right:20px;top:22px;width:36px;height:36px;border-radius:50%;background:#EAF3FF;color:var(--af-blue);display:grid;place-items:center;font-size:18px;font-weight:700}

/* 9) Nichos: número y flecha no compiten con el contenido */
.seoc-industries .seoc-industry-card.af-v3-industry-card{display:block!important;height:100%!important;padding:28px!important;position:relative!important;border:1px solid var(--af-line)!important;border-radius:10px!important;background:#fff!important;text-decoration:none!important;color:var(--af-text)!important;overflow:hidden!important}
.af-v3-industry-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.af-v3-industry-number{font-size:13px!important;line-height:1!important;font-weight:800!important;color:var(--af-blue)!important}
.af-v3-industry-arrow{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#EAF3FF;color:var(--af-blue);display:grid;place-items:center;font-size:18px;font-weight:700;line-height:1}
.af-v3-industry-card h3{font-size:24px!important;line-height:1.22!important;margin:0 0 10px!important;color:var(--af-text)!important}
.af-v3-industry-card p{font-size:15px!important;line-height:1.6!important;margin:0!important;color:var(--af-muted)!important}
.af-v3-industry-card:hover{transform:translateY(-4px)!important;border-color:#B8D4FA!important;box-shadow:0 16px 34px rgba(7,27,52,.07)!important}

/* 10) Hero de páginas de servicio: botones centrados incluso cuando solo hay uno */
.page-hero .hero-actions,.page-hero .af-v3-hero-actions{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:28px auto 18px!important}
.page-hero .hero-actions .btn{min-width:210px!important;margin:0!important;background:var(--af-blue)!important;color:#fff!important;border:1px solid var(--af-blue)!important}
.page-hero .hero-actions .btn.btn-outline{background:#fff!important;color:var(--af-blue)!important;border-color:#fff!important}
.page-hero .hero-actions .btn:hover{transform:translateY(-2px)!important}

/* 11) Blog: buscador y filtros con layout propio, sin apariencia nativa */
.af-v3-blog-toolbar{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:24px;align-items:end;margin-bottom:22px;padding:26px 28px;background:#F6F9FD;border:1px solid var(--af-line);border-radius:12px}
.af-v3-blog-copy{display:grid;gap:7px}.af-v3-blog-copy .af-kicker{font-size:12px;font-weight:800;color:var(--af-blue);letter-spacing:.08em;text-transform:uppercase}
.af-v3-blog-copy label{font-size:24px;line-height:1.25;font-weight:700;color:var(--af-text);margin:0}.af-v3-blog-copy .search-status{font-size:14px;color:var(--af-muted);font-weight:600}
.af-v3-search-wrap{position:relative}.af-v3-search-wrap::before{content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:24px;color:#66809E;pointer-events:none}
.af-v3-search-wrap input{width:100%!important;height:54px!important;border:1px solid #C9D8E9!important;border-radius:8px!important;background:#fff!important;color:var(--af-text)!important;padding:12px 16px 12px 48px!important;font:inherit!important;outline:none!important;box-shadow:none!important}
.af-v3-search-wrap input:focus{border-color:#78AEF9!important;box-shadow:0 0 0 3px rgba(1,110,255,.09)!important}
..filter-chips.af-v3-filter-chips{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 32px!important}
.filter-chips.af-v3-filter-chips .filter-chip{appearance:none!important;-webkit-appearance:none!important;border:1px solid #C9D8E9!important;border-radius:999px!important;background:#fff!important;color:#31435A!important;padding:10px 15px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important;box-shadow:none!important}
.filter-chips.af-v3-filter-chips .filter-chip.active{background:var(--af-blue)!important;border-color:var(--af-blue)!important;color:#fff!important}

/* 12) Contacto: paneles con jerarquía y separación reales */
.af-v3-contact-section{padding:96px 0;background:#fff}.af-v3-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.af-v3-contact-copy{background:linear-gradient(145deg,var(--af-navy),var(--af-navy-2));border-radius:14px;padding:38px;color:#fff;position:relative;overflow:hidden}
.af-v3-contact-copy::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-180px;bottom:-170px;background:rgba(1,110,255,.32)}
.af-v3-contact-copy>*{position:relative;z-index:2}.af-v3-contact-copy .af-contact-kicker{display:inline-flex;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:750;color:#CFE4FF;margin-bottom:18px}
.af-v3-contact-copy h2{font-size:clamp(32px,3vw,43px);line-height:1.12;letter-spacing:-1.3px;color:#fff;margin:0 0 14px}.af-v3-contact-copy>p{font-size:16px;line-height:1.65;color:#C6D5E7!important;margin:0 0 26px}
.af-v3-contact-direct{display:inline-flex;align-items:center;gap:12px;background:var(--af-blue);color:#fff!important;border-radius:6px;padding:10px 12px 10px 17px;font-weight:700;text-decoration:none;margin-bottom:30px}.af-v3-contact-direct span{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--af-blue);display:grid;place-items:center}
.af-v3-contact-details{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.12)}.af-v3-contact-detail{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.af-v3-contact-icon{width:42px;height:42px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#A9D2FF;font-size:12px;font-weight:800}.af-v3-contact-detail strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}.af-v3-contact-detail span{display:block;color:#BCD0E6;font-size:14px;line-height:1.45}
.af-v3-contact-form-card{background:#fff;border:1px solid var(--af-line);border-radius:14px;padding:36px;box-shadow:0 18px 45px rgba(7,27,52,.06)}
.af-v3-contact-form-card .af-contact-kicker{display:inline-flex;color:var(--af-blue);background:#EAF3FF;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;margin-bottom:14px}.af-v3-contact-form-card h2{font-size:34px;line-height:1.14;letter-spacing:-1px;margin:0 0 8px;color:var(--af-text)}.af-v3-contact-form-card>p{font-size:15px;line-height:1.6;color:var(--af-muted);margin:0 0 24px}
.af-v3-contact-form-card .form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important}.af-v3-contact-form-card .field{display:grid!important;gap:7px!important}.af-v3-contact-form-card .field:last-of-type,.af-v3-contact-form-card .form-note,.af-v3-contact-form-card .form .btn{grid-column:1/-1!important}.af-v3-contact-form-card .field label{font-size:13px!important;font-weight:700!important;color:#31435A!important}.af-v3-contact-form-card input:not([type=checkbox]),.af-v3-contact-form-card textarea{width:100%;border:1px solid #D4DFEA!important;border-radius:7px!important;background:#FAFCFF!important;padding:12px 13px!important}.af-v3-contact-form-card textarea{min-height:120px}.af-v3-contact-form-card label.form-note{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:12px!important;line-height:1.5!important;color:#627188!important}.af-v3-contact-form-card label.form-note input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px!important;margin:2px 0 0!important}.af-v3-contact-form-card label.form-note a{display:inline!important;color:var(--af-blue)!important}.af-v3-contact-form-card .form .btn{background:var(--af-blue)!important;color:#fff!important;border-color:var(--af-blue)!important;justify-content:center!important}

@media(max-width:1199px){.service1-section-area .service-all-boxes-area.af-v3-service-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.case1-section-area .af-v3-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-v3-blog-toolbar{grid-template-columns:1fr}.af-v3-contact-grid{grid-template-columns:1fr}}
@media(max-width:767px){.wa{right:16px!important;bottom:16px!important;width:52px!important;height:52px!important}.header-btn1,.header-btn2,.page-hero .hero-actions .btn{width:100%!important}.af-v3-cta{padding:64px 0}.af-v3-cta-actions{align-items:stretch}.af-v3-cta-actions a{width:100%}.service1-section-area .service-all-boxes-area.af-v3-service-cards{grid-template-columns:1fr!important}.case1-section-area .af-v3-project-grid{grid-template-columns:1fr}.af-v3-project-image{height:230px}.af-v3-blog-toolbar{padding:22px 20px}.af-v3-blog-copy label{font-size:21px}.filter-chips.af-v3-filter-chips{gap:8px!important}.filter-chips.af-v3-filter-chips .filter-chip{font-size:12px!important;padding:9px 12px!important}.af-v3-contact-section{padding:70px 0}.af-v3-contact-copy,.af-v3-contact-form-card{padding:26px}.af-v3-contact-form-card .form{grid-template-columns:1fr!important}.af-v3-contact-form-card .field,.af-v3-contact-form-card .field:last-of-type,.af-v3-contact-form-card .form-note,.af-v3-contact-form-card .form .btn{grid-column:1!important}}
