/* EnPuntoWeb v11 creative visuals. Existing design / accessibility preserved. */
:root{--electric:#38caff;--iris:#8c7cff}
.official-brand-card{background:#fff;border:1px solid rgba(190,211,255,.5);border-radius:26px;padding:clamp(12px,2.8vw,30px);box-shadow:0 25px 90px rgba(4,23,80,.30);max-width:810px;position:relative;overflow:hidden}
.hero-full-official-logo{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}.hero-identity{margin:18px 0 25px;max-width:830px}.hero .lead{max-width:710px}
.service-photo-circle,.price-photo-circle,.process-photo-circle,.orbit-photo{overflow:hidden;border-radius:50%;position:relative;isolation:isolate;box-shadow:0 0 0 5px rgba(73,182,255,.11),0 18px 54px rgba(0,0,0,.35);border:2px solid rgba(91,213,255,.65)}
.service-photo-circle{height:134px;width:134px;margin:0 auto 23px;animation:epw-hover 6s ease-in-out infinite;transition:transform .35s,box-shadow .35s}
.service-photo-circle img,.price-photo-circle img,.process-photo-circle img,.orbit-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.service-v9:hover .service-photo-circle,.card:hover .price-photo-circle,.steps>div:hover .process-photo-circle{transform:translateY(-8px);box-shadow:0 0 0 7px rgba(86,200,255,.18),0 10px 40px rgba(56,202,255,.30)}
.service-v9:hover img,.card:hover .price-photo-circle img,.steps>div:hover .process-photo-circle img{transform:scale(1.18)}
.glow-apps{border-color:#a98cff}.glow-branding{border-color:#fd86bd}.glow-marketing{border-color:#72e6bf}.glow-support{border-color:#fdd18b}
.service-v9{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.service-v9 .service-v9-top{width:100%}.service-v9>a{margin-top:auto}.cards-five{align-items:stretch}
.price-photo-circle{width:126px;height:126px;margin:0 0 22px}
.process-photo-circle{width:84px;height:84px;margin-bottom:20px}.process .steps>div{position:relative}
.creative-photo-orbits{min-height:350px;position:relative;display:block;overflow:visible;background:radial-gradient(circle at 50% 50%,rgba(64,119,255,.13),transparent 68%);border-radius:50%}
.creative-photo-orbits:before,.creative-photo-orbits:after{content:"";border:1px dashed rgba(135,179,255,.3);border-radius:50%;position:absolute;inset:7%;animation:orbit-rotate 28s linear infinite;pointer-events:none}
.creative-photo-orbits:after{inset:22%;animation-direction:reverse;animation-duration:18s}
.orbit-photo{position:absolute;width:180px;height:180px;z-index:1;animation:epw-hover 5s ease-in-out infinite}
.orbit-photo-1{left:6%;top:4%}.orbit-photo-2{right:0;top:18%;animation-delay:-1.7s}.orbit-photo-3{left:29%;bottom:-4%;animation-delay:-3.2s}
@keyframes epw-hover{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}
.admin-entry{display:inline-block;margin:20px 0 5px;color:#83cbff!important;font-size:12px!important;opacity:.82}
/* Hide accidental SEO keyword clouds on homepage only; SEO remains in page metadata and service pages */
body:has(.hero-identity) .seo-navigation,body:has(.hero-identity) .keyword-cloud{display:none!important}
.magazine-section{padding-top:25px;padding-bottom:105px;max-width:1160px}.magazine-kicker{color:#59ccff;letter-spacing:.16em;font-size:12px;font-weight:800}.magazine-section h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em;font-size:clamp(42px,6vw,78px);line-height:1.05;margin:20px 0}.magazine-section h1 em{font-style:normal;background:linear-gradient(110deg,#60cfff,#b990ff);-webkit-background-clip:text;background-clip:text;color:transparent}.magazine-intro{color:#bbcbe3;max-width:730px;line-height:1.75;margin-bottom:28px}.book-shell{background:linear-gradient(150deg,#101d38,#040914);border:1px solid #263d66;border-radius:24px;padding:clamp(12px,2.5vw,34px);box-shadow:0 30px 80px #020613}.book-book{min-height:clamp(440px,57vw,620px);perspective:1800px;position:relative}.book-page{min-height:clamp(440px,57vw,620px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fff;border-radius:12px;color:#16223b;box-shadow:inset 0 0 25px #d6dbe7;transform-origin:left center;animation:pageTurn .52s cubic-bezier(.2,.8,.3,1)}.book-left,.book-right{padding:clamp(19px,3vw,44px);position:relative;display:flex;flex-direction:column;justify-content:space-between}.book-left{border-right:2px solid #dfe4ef;background:linear-gradient(135deg,#ecf4ff,#fff)}.book-right{background:linear-gradient(160deg,#fff,#f5f0ff)}.book-page img.book-feature{width:100%;height:clamp(170px,30vw,300px);object-fit:cover;border-radius:14px;box-shadow:0 14px 35px #a2afc477}.book-left .page-label,.book-right .page-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#5975b1;font-weight:800}.book-left h2,.book-right h2{font-family:'Space Grotesk',sans-serif;line-height:1.07;font-size:clamp(27px,4vw,51px);letter-spacing:-.055em;margin:20px 0;color:#111b39}.book-page p{color:#45546b;line-height:1.55}.book-price-list{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}.book-price-list li{padding:11px 0;border-bottom:1px solid #dde4f0;display:flex;gap:12px;justify-content:space-between;align-items:center}.book-price-list strong{color:#0756c7;white-space:nowrap}.book-chip{display:inline-block;padding:7px 12px;border-radius:40px;background:#e3ecff;color:#2554a5;font-weight:800;font-size:11px;margin-bottom:8px}.book-highlight{background:#09265e;color:#fff;border-radius:15px;padding:18px;margin-top:20px}.book-highlight strong{color:#6edcfb}.book-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;color:#cedcf5}.book-controls button{background:#205fdb;color:#fff;border:1px solid #4f84ed;min-height:43px;padding:10px 21px;border-radius:11px;font:700 14px Inter,sans-serif;cursor:pointer}.book-controls button:disabled{opacity:.36;cursor:default}.magazine-note{display:grid;gap:10px;margin:25px 0;color:#b6c8e5;font-size:14px}.magazine-whatsapp{margin-top:15px}.book-cover{background:linear-gradient(135deg,#071539,#184bce 65%,#8f4bd6);color:white}.book-cover .book-left,.book-cover .book-right{background:transparent;border-color:#6484d2;color:white}.book-cover h2,.book-cover p,.book-cover .page-label{color:white}.book-cover img.book-feature{border:3px solid #ffffff80}.book-cover .book-chip{background:#ffffff28;color:#fff}
@keyframes pageTurn{0%{opacity:.5;transform:rotateY(-14deg) scale(.985)}100%{opacity:1;transform:rotateY(0) scale(1)}}
@media (max-width:750px){.service-photo-circle{width:115px;height:115px}.official-brand-card{padding:12px;border-radius:15px}.book-page{grid-template-columns:1fr;min-height:650px}.book-left,.book-right{padding:20px}.book-left{border-right:0;border-bottom:1px solid #dce5ef}.book-page img.book-feature{height:185px}.book-book{min-height:650px}.book-controls button{padding:10px}.creative-photo-orbits{min-height:290px}.orbit-photo{width:130px;height:130px}.orbit-photo-3{left:35%}.magazine-section h1{font-size:clamp(36px,9vw,52px)}}
@media (prefers-reduced-motion:reduce){.service-photo-circle,.orbit-photo,.creative-photo-orbits:before,.creative-photo-orbits:after,.book-page{animation:none!important;transition:none!important}}


/* EnPuntoWeb service architecture refresh + typography system */
:root{--epw-heading:'Manrope',sans-serif;--epw-body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body,button,input,textarea,select,nav,.btn,.card p,.info p{font-family:var(--epw-body)!important}
h1,h2,h3,h4,h5,h6,.brand,.window-inner strong,.project-art,.cta h2,.magazine-section h1,.book-left h2,.book-right h2{font-family:var(--epw-heading)!important;letter-spacing:-.035em}
.service-pillars{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f8faff 0%,#eef3ff 100%)}
.service-pillars:before{content:"";position:absolute;z-index:-1;width:500px;height:500px;right:-220px;top:0;border-radius:50%;background:radial-gradient(circle,rgba(56,130,255,.12),transparent 68%);pointer-events:none}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px;align-items:stretch}
.pillar-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(23px,3vw,34px);border-radius:24px;background:#fff;border:1px solid #e0e7f4;box-shadow:0 16px 45px rgba(15,38,85,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}
.pillar-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2e65ff,#48c8ff)}
.pillar-apps:before{background:linear-gradient(90deg,#7555e8,#b5a1ff)}.pillar-marketing:before{background:linear-gradient(90deg,#0a9d82,#79dfc5)}
.pillar-card:hover{transform:translateY(-6px);border-color:#b9c9e9;box-shadow:0 24px 55px rgba(15,38,85,.12)}
.pillar-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eaf0ff;color:#2156d8;font-size:27px;font-weight:800;margin-bottom:23px}.pillar-apps .pillar-icon{background:#f0ecff;color:#7656d9}.pillar-marketing .pillar-icon{background:#e5f8f2;color:#07866e}
.pillar-number{font-size:10px;font-weight:800;letter-spacing:.15em;color:#6b7a96}.pillar-card h3{font-size:clamp(25px,2.3vw,32px);line-height:1.15;margin:11px 0 12px;color:#101d38;letter-spacing:-.045em}.pillar-card>p{font-size:14px;line-height:1.75;color:#65728b;margin:0 0 17px}.pillar-card ul{list-style:none;display:grid;gap:12px;margin:0 0 27px;padding:0}.pillar-card li{position:relative;padding-left:24px;color:#273651;font-size:13px;line-height:1.6}.pillar-card li:before{content:"✓";position:absolute;left:0;top:0;color:#2563eb;font-weight:900}.pillar-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid #e9edf5;color:#174fc5!important;font-size:13px;font-weight:800;text-decoration:none}.pillar-link span{font-size:18px;transition:transform .2s}.pillar-link:hover span{transform:translate(3px,-3px)}
@media(max-width:850px){.pillar-grid{grid-template-columns:1fr;gap:16px}.pillar-card{padding:25px}.pillar-card h3{font-size:28px}.service-pillars{padding-top:70px;padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.pillar-card,.pillar-link span{transition:none}}
