.dpgf{background:#0A1F44;color:#fff;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;padding:clamp(46px,5vw,72px) 0 0;position:relative;overflow:hidden}
.dpgf::after{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(242,101,34,.18),transparent 68%);pointer-events:none}
.dpgf-in{width:min(1240px,calc(100% - 44px));margin:0 auto;position:relative;z-index:2}
.dpgf-grid{display:grid;grid-template-columns:1fr;gap:34px 26px}
@media(min-width:700px){.dpgf-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.dpgf-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:26px}}
.dpgf-brand strong{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.dpgf-brand p{color:rgba(255,255,255,.68);font-size:14.4px;line-height:1.65;margin:0 0 16px;max-width:42ch}
.dpgf-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFD3B8;border:1px solid rgba(242,101,34,.42);background:rgba(242,101,34,.13);border-radius:999px;padding:7px 14px}.dp-partner-logos{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.dp-partner-logos span,.dp-partner-logos a{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 12px;min-height:54px}.dp-partner-logos img{display:block;max-width:118px;max-height:38px;width:auto;height:auto}footer.dpgf>.dp-partner-logos,.dpgf-in>.dp-partner-logos,.dpgf-grid>.dp-partner-logos{display:none!important}
.dpgf-h{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#FFB489;margin:0 0 14px}
.dpgf-col ul{list-style:none;margin:0;padding:0}
.dpgf-col li{margin:0 0 9px}
.dpgf-col a,.dpgf-ct a{color:rgba(255,255,255,.82);text-decoration:none;font-size:14.4px;line-height:1.5;transition:color .18s ease}
.dpgf-col a:hover,.dpgf-ct a:hover{color:#F26522}
.dpgf-ct p{color:rgba(255,255,255,.58);font-size:13.4px;line-height:1.6;margin:12px 0 0}
.dpgf-ct div{margin:0 0 9px}
.dpgf-ct span{display:block;font-size:11.5px;color:rgba(255,255,255,.45);margin-bottom:2px}
.dpgf-soc{display:flex;gap:10px;margin-top:16px}
.dpgf-soc a{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .18s ease,border-color .18s ease}
.dpgf-soc a:hover{background:rgba(242,101,34,.18);border-color:#F26522}
.dpgf-soc svg{width:17px;height:17px;fill:currentColor}
.dpgf-bar{border-top:1px solid rgba(255,255,255,.14);margin-top:clamp(34px,4vw,52px);padding:22px 0 26px;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between}
.dpgf-bar p{margin:0;color:rgba(255,255,255,.5);font-size:13px}
.dpgf-legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.dpgf-legal a{color:rgba(255,255,255,.6);font-size:13px;text-decoration:none}
.dpgf-legal a:hover{color:#F26522}
.dpgf-top{display:grid;grid-template-columns:1fr;gap:22px;align-items:end;padding:0 0 clamp(34px,4vw,48px);margin:0 0 clamp(34px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.14)}
@media(min-width:900px){.dpgf-top{grid-template-columns:1.35fr auto;gap:40px}}
.dpgf-top h2{margin:0 0 10px;font-size:clamp(25px,3vw,36px);line-height:1.12;font-weight:300;letter-spacing:-.035em;color:#fff;max-width:20ch}
.dpgf-top p{margin:0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.6;max-width:52ch}
.dpgf-acts{display:flex;flex-wrap:wrap;gap:12px}
.dpgf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:14px 22px;font-size:14.5px;font-weight:600;text-decoration:none;line-height:1;transition:transform .16s ease,background .18s ease,border-color .18s ease;white-space:nowrap}
.dpgf-btn:hover{transform:translateY(-2px)}
.dpgf-btn-p{background:#F26522;color:#fff;box-shadow:0 10px 26px rgba(242,101,34,.28)}
.dpgf-btn-p:hover{background:#ff7a3d;color:#fff}
.dpgf-btn-s{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.26)}
.dpgf-btn-s:hover{border-color:#F26522;color:#fff}
.dpgf-ct .dpgf-btn{width:100%;margin:0 0 10px;padding:12px 18px;font-size:14px}
/* dp-marquee-fix v2: el estilo en linea del tema lleva !important, asi que el color se arregla por JS mas abajo */
.pix-marquee a{text-decoration:none}
.pix-marquee-item{font-size:15.5px!important;letter-spacing:.005em}
.dp-mq-flat{background-image:none!important;-webkit-text-fill-color:#0A1F44!important;color:#0A1F44!important;font-weight:600!important}
.dp-mq-sep{-webkit-text-fill-color:#F26522!important;color:#F26522!important}
/* ============ DP DESIGN LAYER (dpds) ============ */
/* dp-intro-off: quitar la banda naranja duplicada del titulo */
.pix-main-intro{display:none!important}
.rank-math-breadcrumb{padding:14px 0 0!important}
.dp-hero h1,.dpx h1,.contact-hero h1,.dph-hero h1,.dpc h1{margin-top:0!important}

/* 1. Alineacion editorial: nada centrado por herencia */
.dpsf,.dprw,.dpl2,.dpc,.dpsh,.dpx,.dp-presencia,.dp-clients,.dp-process{text-align:left!important}
.dpsf *,.dprw-head *,.dpl2-in>*,.dp-presencia-head *{text-align:left!important}
.dp-presencia-head,.dp-clients-head,.dp-process-head{text-align:left!important;max-width:none!important}
.dp-presencia-head .dp-challenges-tag,.dp-clients-head .dp-challenges-tag{margin:0 0 14px!important}
.dp-presencia-head h2,.dp-clients-head h2{margin:0 0 14px!important;max-width:20ch!important;letter-spacing:-.042em!important;font-weight:300!important}
.dp-presencia-head h2 span,.dp-clients-head h2 span{font-weight:700!important;color:#0A1F44!important}
.dp-presencia-head p,.dp-clients-head p{margin:0!important;padding-left:20px!important;border-left:3px solid #F26522!important;max-width:60ch!important}

/* 2. Tarjetas de pais: cabecera navy con nombre grande, no banda naranja plana */
.dp-presencia-grid{gap:20px!important}
.dp-presencia-card{border-radius:20px!important;overflow:hidden!important;border:1px solid #E5EBF3!important;background:#fff!important;box-shadow:0 2px 10px rgba(10,31,68,.04)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex!important;flex-direction:column}
.dp-presencia-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(10,31,68,.42)!important;border-color:#D6E0EE!important}
.dp-presencia-cardhead{background:linear-gradient(135deg,#0A1F44 0%,#15376A 62%,#1E4A85 100%)!important;padding:22px 24px 20px!important;display:flex!important;align-items:center!important;gap:12px!important;position:relative;overflow:hidden;border:0!important}
.dp-presencia-cardhead::after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(242,101,34,.34),transparent 68%);pointer-events:none}
.dp-presencia-cardhead::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#F26522}
.dp-presencia-flag{font-size:26px!important;line-height:1!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;width:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;z-index:2}
.dp-presencia-cardhead h3{margin:0!important;color:#fff!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.03em!important;position:relative;z-index:2;text-align:left!important}
.dp-presencia-cardhead h3 a{color:#fff!important}
.dp-presencia-body{padding:22px 24px 24px!important;display:flex!important;flex-direction:column!important;flex:1}
.dp-presencia-stat{display:inline-block!important;font-size:11px!important;font-weight:700!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#C2410C!important;background:rgba(242,101,34,.08)!important;border:1px solid rgba(242,101,34,.26)!important;border-radius:999px!important;padding:6px 12px!important;margin:0 0 14px!important;align-self:flex-start!important}
.dp-presencia-body p{color:#5B6B83!important;font-size:14.6px!important;line-height:1.62!important;margin:0 0 16px!important}
.dp-presencia-body ul{list-style:none!important;margin:0 0 18px!important;padding:0!important;display:grid!important;gap:0!important}
.dp-presencia-body ul li{position:relative!important;padding:10px 0 10px 24px!important;border-top:1px solid #EEF2F7!important;color:#17304F!important;font-size:14px!important;font-weight:500!important;line-height:1.45!important;background:none!important}
.dp-presencia-body ul li:last-child{border-bottom:1px solid #EEF2F7!important}
.dp-presencia-body ul li::before{content:""!important;position:absolute!important;left:0!important;top:16px!important;width:7px!important;height:7px!important;border-radius:2px!important;background:#F26522!important}
.dp-presencia-cta{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;color:#C2410C!important;font-weight:700!important;font-size:14px!important;text-decoration:none!important;align-self:flex-start!important}
.dp-presencia-cta:hover{color:#F26522!important}

/* 3. Rejilla de nubes Salesforce: numerada, alineada a la izquierda */
.dpsf-grid{counter-reset:dpsf}
.dpsf-c{counter-increment:dpsf;text-align:left!important;padding:26px 24px 24px!important;border-radius:18px!important;position:relative}
.dpsf-c::after{content:counter(dpsf,decimal-leading-zero);position:absolute;right:20px;top:18px;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:30px;font-weight:200;color:rgba(10,31,68,.11);letter-spacing:-.04em;line-height:1}
.dpsf-c::before{height:3px!important;background:linear-gradient(90deg,#F26522,rgba(242,101,34,0))!important}
.dpsf-c h3{padding-right:52px!important;text-align:left!important}
.dpsf-c p{text-align:left!important}
.dpsf-note{text-align:left!important}

/* 4. Menu desplegable de paises */
.dropdown-menu .submenu-box{border-radius:16px!important;box-shadow:0 26px 64px -22px rgba(10,31,68,.28)!important;border:1px solid #E5EBF3!important;padding:10px!important;min-width:308px!important}
.submenu-box>.container{padding:0!important;max-width:none!important;display:grid!important;gap:2px!important}
.submenu-box a.dropdown-item{border-radius:11px!important;padding:11px 14px!important;display:flex!important;align-items:center!important;gap:11px!important;transition:background .16s ease,padding-left .16s ease!important}
.submenu-box a.dropdown-item:hover,.submenu-box a.dropdown-item:focus{background:rgba(242,101,34,.075)!important;padding-left:18px!important}
.submenu-box a.dropdown-item .pix-dropdown-title{color:#0A1F44!important;font-size:14.6px!important;font-weight:600!important;opacity:1!important}
.submenu-box a.dropdown-item:hover .pix-dropdown-title{color:#C2410C!important}
.submenu-box a.dropdown-item::before{font-size:17px;line-height:1;filter:saturate(1.05)}
.submenu-box a[href*="colombia"]:not([href*="implementacion-salesforce"])::before{content:"🇨🇴"}
.submenu-box a[href*="mexico"]::before{content:"🇲🇽"}
.submenu-box a[href*="peru"]::before{content:"🇵🇪"}
.submenu-box a[href*="costa-rica"]::before{content:"🇨🇷"}
.submenu-box a[href*="guatemala"]::before{content:"🇬🇹"}
.submenu-box a[href*="nearshore-usa"]::before,.submenu-box a[href*="nearshore-consultants-usa"]::before,.submenu-box a[href*="usa-nearshore"]::before,.submenu-box a[href*="sap-nearshore-consultants-usa"]::before{content:"🇺🇸"}
.submenu-box a[href*="centroamerica"]::before,.submenu-box a[href*="central-america"]::before{content:"🌎"}
/* 5. Ritmo vertical uniforme entre secciones */
.dpsf,.dprw,.dpl2,.dpc,.dpsh{padding-top:clamp(56px,7vw,108px)!important;padding-bottom:clamp(56px,7vw,108px)!important}

/* 6. Los H1 promovidos heredan el estilo que tenia su H2 */
.dpx-stage-in h1{color:#fff!important;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:300!important;font-size:clamp(30px,4.2vw,54px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:0 0 18px!important}
.dpx-stage-in h1 em{font-style:normal;font-weight:700!important;color:#F26522!important}

/* 7. dp-h1-normalize: los H1 sin clase heredan la escala editorial del hero */
section.hero h1,.contact-hero h1{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;font-weight:300!important;font-size:clamp(34px,4.6vw,60px)!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 18px!important}
section.hero h1 span,.contact-hero h1 span{font-weight:700!important;color:#FF9A5C!important}
#pix-page-footer:empty{display:none}