:root{--navy:#101653;--navy2:#080d3d;--orange:#f7a238;--ink:#151a31;--muted:#697089;--soft:#f5f7fb;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(15,22,83,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:#0a1048;color:#fff;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0;opacity:.95}.topbar span{margin-right:20px}.nav{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.15)}.nav .wrap{height:92px;display:flex;align-items:center;gap:30px}.logo{width:185px;height:76px;object-fit:contain;filter:brightness(0) invert(1)}.menu{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800;text-transform:uppercase}.menu a:hover,.menu a.active{color:var(--orange)}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border-radius:5px;padding:15px 24px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;border:0;cursor:pointer}.menu-toggle{display:none;margin-left:auto;background:transparent;border:0;color:#fff;font-size:28px}.hero{background:radial-gradient(circle at 63% 52%,#17257d 0,#101653 35%,#090d39 75%);color:#fff;min-height:660px;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:660px}.eyebrow{display:inline-block;color:var(--orange);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.hero .eyebrow{background:rgba(255,255,255,.28);color:#fff;padding:11px 18px;border-radius:5px;letter-spacing:0}.hero h1{font-size:58px;line-height:1.07;margin:0 0 22px;max-width:700px}.hero p{font-size:19px;max-width:570px;color:#e4e8ff}.hero-art{position:relative}.hero-art img{width:680px;transform:scale(1.15);filter:drop-shadow(0 28px 35px rgba(0,0,0,.28))}.section{padding:90px 0}.section.soft{background:var(--soft)}.section.dark{background:linear-gradient(135deg,#0d144c,#17206c);color:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head h2,.split h2,.page-hero h1{font-size:42px;line-height:1.15;margin:0 0 18px}.section-head p{color:var(--muted);font-size:17px}.dark .section-head p{color:#d8dcf4}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid #edf0f8}.card h3{font-size:22px;margin:12px 0 8px}.card p{color:var(--muted);margin:0}.service-card{padding:0;overflow:hidden}.service-card img{width:100%;height:190px;object-fit:cover}.service-card .copy{padding:24px}.more{display:inline-block;color:var(--orange);font-weight:800;margin-top:16px}.icon{width:48px;height:48px;border-radius:14px;background:#fff3e3;color:var(--orange);display:grid;place-items:center;font-size:24px;font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{border-radius:22px;box-shadow:var(--shadow)}.checks{list-style:none;padding:0}.checks li{margin:13px 0;padding-left:31px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;top:0;color:var(--orange);font-weight:900}.metric{padding:18px;border-left:3px solid var(--orange)}.metric strong{display:block;font-size:38px;color:var(--orange);line-height:1}.banner{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#f6a33a,#f47a34);color:#fff;border-radius:20px;padding:40px 48px}.banner h3{font-size:30px;margin:0}.faq{max-width:850px;margin:auto}.faq details{background:#fff;border:1px solid #e4e7f0;border-radius:12px;padding:18px 22px;margin:12px 0}.faq summary{font-weight:800;cursor:pointer}.page-hero{background:linear-gradient(120deg,#0b1043,#17206c);color:#fff;padding:90px 0 80px}.page-hero p{max-width:720px;font-size:19px;color:#dce1ff}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:15px;border:1px solid #dbe0eb;border-radius:8px;font:inherit}.form textarea{min-height:140px}.blog-card time{font-size:13px;color:var(--orange);font-weight:800}.article{max-width:820px;margin:auto}.article h2{margin-top:36px}.footer{background:#070b33;color:#d4d8ee;padding:68px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a{display:block;margin:8px 0}.footer .logo{margin-bottom:15px}.legal{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:20px;font-size:13px;display:flex;gap:22px;flex-wrap:wrap}.mobile-cta{display:none}.notice{font-size:13px;color:var(--muted)}
@media(max-width:900px){.topbar{display:none}.nav .wrap{height:76px}.logo{width:140px;height:64px}.menu-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:76px;background:#0a1048;padding:22px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.menu .cta{width:100%}.hero,.hero .wrap{min-height:auto}.hero .wrap{grid-template-columns:1fr;padding-top:70px}.hero h1{font-size:43px}.hero-art{margin-top:35px}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.banner{align-items:flex-start;flex-direction:column}.section{padding:70px 0}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1160px)}.grid-3,.grid-4{grid-template-columns:1fr}.hero h1,.section-head h2,.split h2,.page-hero h1{font-size:35px}.hero .wrap{padding-top:55px}.section{padding:58px 0}.footer-grid{grid-template-columns:1fr}.page-hero{padding:65px 0}.banner{padding:30px}.mobile-cta{display:block;position:fixed;right:16px;bottom:16px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;z-index:30;display:grid;place-items:center;font-size:25px;box-shadow:0 8px 25px rgba(0,0,0,.25)}}

/* CTA principal de la navegación */
.menu .cta{padding:11px 17px;font-size:11px;line-height:1.25;white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.menu .cta:hover,.menu .cta:focus-visible,.menu .cta.active{background:#df7f1d;color:#fff;transform:translateY(-1px)}
@media(max-width:900px){.menu .cta{width:100%;padding:12px 16px;font-size:12px}}

/* Franja de experiencia y acreditaciones de la portada */
.hero+.section::before{content:"";display:block;width:min(1160px,calc(100% - 40px));aspect-ratio:2224/344;margin:-56px auto 78px;background-color:#fff;background-image:url('/assets/acreditaciones-duyal-1160.webp');background-image:image-set(url('/assets/acreditaciones-duyal-1160.avif') type('image/avif'),url('/assets/acreditaciones-duyal-1160.webp') type('image/webp'));background-position:center;background-size:contain;background-repeat:no-repeat}
@media(max-width:620px){.hero+.section::before{width:calc(100% - 28px);margin:-24px auto 50px}}

/* Ajustes de fidelidad con la portada original */
.feature-icon{width:118px;height:94px;object-fit:contain;margin:0 auto 8px}.hero+.section .card{text-align:left}.section.soft .split>img{order:2}.section.soft .split>div{order:1}
.service-card img{height:165px;object-fit:contain;padding:20px 20px 0;background:#fff}.service-card{text-align:center}.service-card .copy{padding-top:8px}
.project-strip{background:linear-gradient(120deg,#10175c,#1d2a83);color:#fff;padding:30px 0;position:relative;overflow:hidden}.project-strip:after{content:"↗";position:absolute;left:4%;top:-28px;color:#ff7f2b;font-size:88px;transform:rotate(-18deg);opacity:.9}.project-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.project-strip .btn{padding:12px 22px}
.reviews-section{background:#fff}.section-head-left{text-align:left;margin-left:0}.google-rating{display:flex;justify-content:space-between;align-items:center;background:#f4f6fb;border-radius:10px;padding:18px 24px;margin-bottom:22px}.google-rating a{background:#2879f3;color:#fff;padding:9px 16px;border-radius:20px;font-size:12px;font-weight:800}.stars{color:#ffb400!important;letter-spacing:2px}.review-card{padding:22px}.review-person{display:flex;align-items:center;gap:12px}.review-person span{width:38px;min-width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f26f39;color:#fff;font-weight:900}.review-card .stars{margin:10px 0 5px}.review-card p{font-size:14px}
.banner{background:#fff8f4!important;color:var(--ink)!important;padding:54px 64px;position:relative;overflow:hidden;min-height:310px;display:grid;grid-template-columns:1.15fr .85fr}.banner>div{max-width:530px;position:relative;z-index:1}.banner>div .btn{margin-top:14px}.banner .cta-illustration{width:420px;height:230px;object-fit:contain;box-shadow:none;border-radius:0}.banner .btn{background:var(--orange)!important;color:#fff!important}.footer{background-image:radial-gradient(circle at 15% 100%,rgba(247,162,56,.18),transparent 25%),radial-gradient(circle at 90% 100%,rgba(247,162,56,.16),transparent 25%)}
@media(max-width:900px){.project-strip .wrap{flex-direction:column;text-align:center}.project-strip:after{display:none}.banner .cta-illustration{width:330px;align-self:center}.google-rating{align-items:flex-start;gap:15px;flex-direction:column}.section.soft .split>img,.section.soft .split>div{order:initial}}
@media(max-width:620px){.feature-icon{width:100px;height:80px}.banner{padding:34px 26px}.banner .cta-illustration{width:100%;height:auto}.review-grid{grid-template-columns:1fr}}

/* Página de Servicios */
.services-breadcrumb{background:linear-gradient(115deg,#141b61,#222979);color:#fff;padding:28px 0 34px;text-align:center}.services-breadcrumb .wrap{display:flex;justify-content:center;gap:7px;font-size:17px}.services-breadcrumb b{color:var(--orange)}
.services-intro{background:#f1f5ff;padding:95px 0}.services-intro .section-head{max-width:950px}.services-intro .section-head h1{font-size:43px;line-height:1.18;margin:13px 0 18px}.services-label{background:var(--orange);color:#11194d;border-radius:5px;padding:10px 25px;letter-spacing:0;text-transform:none;font-size:16px}
.service-group{margin-top:66px}.service-group-head{text-align:center;max-width:1050px;margin:0 auto 38px}.service-group-head h2{font-size:28px;margin:0 0 12px;color:#11194d}.service-group-head p{color:var(--muted);font-size:17px;margin:0}.services-grid{display:grid;gap:20px;align-items:start}.services-grid-five{grid-template-columns:repeat(5,1fr)}.services-grid-four{grid-template-columns:repeat(4,1fr)}.services-grid-three{grid-template-columns:repeat(3,1fr);max-width:900px;margin:auto}.service-detail-card{background:#fff;padding:20px 22px 28px;text-align:center;box-shadow:0 10px 24px rgba(17,25,77,.05);min-height:100%;display:flex;flex-direction:column;align-items:center}.service-detail-card:nth-child(even){margin-top:34px}.service-detail-card img{height:150px;width:100%;object-fit:contain}.service-detail-card h3{font-size:21px;line-height:1.2;color:#11194d;margin:10px 0 15px}.service-detail-card p{color:#34384a;margin:0 0 20px}.service-detail-card a{margin-top:auto;font-weight:800;color:#11194d}.service-detail-card a span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#d73524;color:#fff;margin-right:8px}
.joined-team{padding:90px 0;background:#fff}.joined-team h2{font-size:40px;line-height:1.15;margin:0 0 18px}.joined-team img{box-shadow:none;max-height:390px;object-fit:contain}
@media(max-width:1050px){.services-grid-five{grid-template-columns:repeat(3,1fr)}.services-grid-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.services-intro{padding:65px 0}.services-intro .section-head h1{font-size:34px}.services-grid-five,.services-grid-four,.services-grid-three{grid-template-columns:1fr}.service-detail-card:nth-child(even){margin-top:0}.service-detail-card{min-height:auto}.joined-team{padding:65px 0}}

/* Página Google Ads / posicionamiento SEM */
.sem-title{padding:48px 0;text-align:center}.sem-title h1{font-size:58px;line-height:1.1;color:#11194d;margin:0 0 20px}.sem-title p{font-size:18px;max-width:1080px;margin:auto}.sem-audit{background:linear-gradient(rgba(5,9,31,.72),rgba(5,9,31,.72)),url('/assets/sem-team.jpg') center/cover;color:#fff;padding:44px 0}.sem-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}.sem-intro h2,.sem-form h2{font-size:35px;line-height:1.18;margin:0 0 15px}.sem-intro h3{margin:25px 0 5px}.sem-intro .checks li:before{color:#ffb33f}.certs{display:flex;gap:15px}.certs img{width:78px;height:78px;border-radius:10px}.sem-form{background:#f6ad3d;color:#151a45;border-radius:20px;padding:34px;display:grid;gap:13px}.sem-form input{width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.sem-form fieldset{border:0;padding:0;display:flex;gap:20px}.sem-form fieldset input,.sem-form .consent input{width:auto}.sem-form .consent{font-size:13px}.sem-form small{opacity:.72}.client-strip{text-align:center;padding:55px 0}.client-strip h2{font-size:28px;color:#11194d}.client-names{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:25px}.client-names span{padding:14px 23px;border:1px solid #e4e7ef;border-radius:8px;color:#667;font-weight:800}.grid-2{grid-template-columns:repeat(2,1fr)}.sem-results{background:#fff}.result-card{border-radius:18px;padding:36px;background:linear-gradient(135deg,#121956,#25318a);color:#fff}.result-card span{color:#ffb13d;font-weight:800}.result-card strong{display:block;font-size:56px;line-height:1;color:#ffb13d;margin:25px 0 10px}.result-card h3{font-size:22px}.sem-note{text-align:center;color:var(--muted);font-size:13px;margin-top:24px}.center{text-align:center}.sem-capabilities{grid-template-columns:repeat(5,1fr)}.sem-capabilities .card{text-align:center;padding:24px 18px}.sem-capabilities .card b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff0df;color:#ef8f2d;margin:auto}.sem-capabilities h3{font-size:19px}.sem-why .card{border-top:4px solid var(--orange)}
@media(max-width:1000px){.sem-capabilities{grid-template-columns:repeat(3,1fr)}.sem-title h1{font-size:46px}}
@media(max-width:720px){.sem-title h1{font-size:37px}.sem-audit-grid,.grid-2{grid-template-columns:1fr}.sem-capabilities{grid-template-columns:1fr}.sem-form{padding:26px}.client-names{gap:8px}.client-names span{padding:9px 13px}.sem-intro h2,.sem-form h2{font-size:29px}}

.client-logos{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:20px;margin-top:25px}.client-logos img{width:100%;height:184px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.client-logos img:hover{filter:grayscale(0);opacity:1;transform:translateY(-2px)}
@media(max-width:720px){.client-logos{grid-template-columns:repeat(2,1fr);gap:12px}.client-logos img{height:130px}}

/* Página de posicionamiento SEO */
.seo-audit{background:linear-gradient(rgba(4,9,27,.68),rgba(4,9,27,.68)),url('/assets/seo-analysis.png') center/cover;color:#fff;padding:56px 0}.seo-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.seo-intro h1{font-size:45px;line-height:1.08;margin:0 0 22px}.seo-intro p{font-size:18px;font-weight:700}.seo-intro .checks{font-size:17px}.seo-pillars .card{text-align:center}.seo-pillars .card img{width:145px;height:145px;object-fit:contain;margin:auto}.seo-method-grid{grid-template-columns:repeat(3,1fr)}.seo-method-grid .card{text-align:center}.method-icon{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:22px;background:#fff0df;color:#f28b24;font-size:34px;font-weight:900}.seo-choice img{background:#fff;padding:18px}.seo-choice .checks li:before{color:#ffb13d}.seo-cases{background:#fff}.seo-case span{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:13px}.seo-case img{margin-top:24px;width:100%;height:180px;object-fit:contain;box-shadow:none}.seo-case h3{font-size:28px;color:#11194d}
@media(max-width:850px){.seo-audit-grid{grid-template-columns:1fr}.seo-method-grid{grid-template-columns:repeat(2,1fr)}.seo-intro h1{font-size:38px}}
@media(max-width:620px){.seo-method-grid{grid-template-columns:1fr}.seo-intro h1{font-size:34px}.seo-audit{padding:42px 0}}

/* Página Meta Ads */
.meta-audit{background:linear-gradient(rgba(4,9,27,.7),rgba(4,9,27,.7)),url('/assets/servicio-meta-ads.png') center/cover;color:#fff;padding:58px 0}.meta-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.meta-intro{padding-right:20px}.meta-intro h1{font-size:52px;margin:0 0 8px}.meta-intro>p{font-size:22px;font-weight:700;max-width:520px}.meta-intro .checks{font-size:17px;max-width:520px}.meta-audit .sem-form textarea{width:100%;min-height:100px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.client-logos-four{grid-template-columns:repeat(4,1fr);max-width:900px;margin-left:auto;margin-right:auto}.meta-pillars .card{text-align:center}.meta-pillars .card img{width:155px;height:145px;object-fit:contain;margin:auto}.meta-business .section-head{max-width:960px}.business-card{display:flex;align-items:center;gap:28px;background:#fff;color:var(--ink);padding:28px;border-radius:18px}.business-card img{width:180px;height:145px;object-fit:contain}.business-card h3{font-size:27px;margin:0 0 8px}.meta-result>span{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:13px}.meta-result h3{font-size:29px;color:#11194d}.meta-result>img{width:100%;height:170px;object-fit:contain}.meta-metrics{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.meta-metrics b{background:#fff0df;color:#d86f17;padding:9px 13px;border-radius:7px}
@media(max-width:850px){.meta-audit-grid{grid-template-columns:1fr}.meta-intro{background-size:260px auto}.business-card{align-items:flex-start;flex-direction:column}.client-logos-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.meta-intro{background-image:none}.meta-intro h1{font-size:38px}.business-card img{width:100%;height:130px}}

/* Página Community Manager */
.community-hero{background:linear-gradient(rgba(4,8,27,.76),rgba(4,8,27,.76)),url('/assets/community-manager.png') center/cover;color:#fff;padding:44px 0}.community-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.community-intro h1{font-size:43px;line-height:1.08;margin:0 0 18px}.community-intro>p{font-size:17px;font-weight:650}.community-intro .checks{font-size:16px}.community-hero .sem-form textarea{width:100%;min-height:100px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.community-hero .sem-form .btn{background:#fff;color:#161d55}.community-pillars .card{text-align:center;padding:0 0 28px;overflow:hidden}.community-pillars .card img{width:100%;height:185px;object-fit:contain}.community-pillars .card h3,.community-pillars .card p{padding-left:25px;padding-right:25px}.community-pillars .card h3{color:#11194d}.community-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 50px}.community-method-grid article{display:flex;gap:18px;align-items:flex-start}.community-method-grid h3{margin:0 0 5px;color:#11194d;font-size:21px;line-height:1.2}.community-method-grid p{margin:0;color:var(--muted)}.community-method-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:#f5a335;color:#11194d;font-size:25px;font-weight:900}.community-growth{background:linear-gradient(145deg,#f5b240,#f0a52d);color:#fff;position:relative;overflow:hidden}.community-growth:before,.community-growth:after{content:"";position:absolute;left:-5%;right:-5%;height:45px;background:#fff4dc;transform:rotate(-2deg)}.community-growth:before{top:-28px}.community-growth:after{bottom:-28px}.community-growth .wrap{position:relative;z-index:1}.community-growth .section-head{max-width:880px}.community-growth .section-head p{color:#fff}.community-growth-grid{max-width:850px;margin:auto}.community-growth-grid article{text-align:center;background:rgba(255,255,255,.12);padding:30px;border-radius:16px}.community-growth-grid img{height:150px;object-fit:contain;margin:auto}.community-growth-grid h3{color:#11194d}.community-growth-grid ul{text-align:left;display:inline-block;margin:0}.community-results{background:#fff}.community-case{text-align:center;padding:10px 28px}.community-case>span{display:inline-block;background:#f5a335;color:#11194d;padding:7px 24px;font-weight:800}.community-case h3{font-size:28px;color:#11194d}.community-case img{width:100%;height:230px;object-fit:contain;margin:16px 0}.community-case p{color:var(--muted)}
@media(max-width:850px){.community-hero-grid{grid-template-columns:1fr}.community-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.community-intro h1{font-size:35px}.community-method-grid{grid-template-columns:1fr}.community-growth-grid{grid-template-columns:1fr}.community-case{padding:0}.community-pillars .card img{height:165px}}

/* Página Email Marketing */
.email-hero{background:radial-gradient(circle at 20% 30%,rgba(38,77,170,.55),transparent 34%),linear-gradient(120deg,rgba(5,11,48,.96),rgba(15,25,91,.92));color:#fff;padding:58px 0;position:relative;overflow:hidden}.email-hero:after{content:"";position:absolute;right:2%;bottom:-40px;width:430px;height:360px;background:url('/assets/services-email-marketing.png') center/contain no-repeat;opacity:.18;transform:rotate(-8deg)}.email-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.email-intro h1{font-size:48px;line-height:1.07;margin:0 0 20px}.email-intro>p{font-size:18px;max-width:560px}.email-intro .checks{font-size:16px}.email-intro>.btn{margin-top:12px}.email-hero .sem-form textarea{width:100%;min-height:95px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.email-hero .sem-form .btn{background:#fff;color:#11194d}.email-benefits .card{text-align:center}.email-illustration{width:145px;height:120px;border-radius:35px;background:linear-gradient(145deg,#e8efff,#fff3df);margin:0 auto 22px;display:grid;place-items:center;position:relative}.email-illustration span{font-size:52px;color:#16236d}.email-illustration i{position:absolute;right:13px;top:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-style:normal;font-size:20px}.email-benefits h3{color:#11194d}.email-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.email-method-grid .card{position:relative;padding-top:38px;border-top:4px solid var(--orange)}.email-method-grid .card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff0dc;color:#df791d;font-weight:900}.email-method-grid h3{color:#11194d}.email-automation{background:linear-gradient(135deg,#0c1247,#17256f);color:#fff}.email-automation .section-head{max-width:900px}.email-automation .section-head p{color:#dce2ff}.automation-flow{max-width:850px;margin:auto;display:flex;flex-direction:column;align-items:center}.automation-flow article{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:center;width:100%;max-width:690px;background:#fff;color:var(--ink);border-radius:16px;padding:20px 25px;box-shadow:0 14px 30px rgba(0,0,0,.15)}.automation-flow article>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900}.automation-flow h3{margin:0 0 3px;color:#11194d}.automation-flow p{margin:0;color:var(--muted)}.automation-flow>b{font-size:28px;color:var(--orange);line-height:1.5}.automation-claim{text-align:center;font-size:25px;font-weight:900;color:#ffb342;margin:42px 0 0}.email-final h3{font-size:35px;line-height:1.12}.email-final .cta-illustration{object-fit:contain}
@media(max-width:850px){.email-hero-grid{grid-template-columns:1fr}.email-method-grid{grid-template-columns:repeat(2,1fr)}.email-hero:after{opacity:.1}.email-intro h1{font-size:40px}}
@media(max-width:620px){.email-method-grid{grid-template-columns:1fr}.email-intro h1{font-size:34px}.email-intro>.btn{font-size:12px}.automation-flow article{grid-template-columns:50px 1fr;padding:18px 16px}.automation-flow article>span{width:45px;height:45px}.automation-claim{font-size:21px}}

/* Página Tiendas Online */
.shop-hero{background:radial-gradient(circle at 80% 25%,rgba(38,77,170,.45),transparent 35%),linear-gradient(120deg,#080d3d,#18256f);color:#fff;padding:58px 0}.shop-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.shop-intro h1{font-size:49px;line-height:1.07;margin:0 0 20px}.shop-intro>p{font-size:18px}.shop-intro .checks{font-size:16px}.shop-intro>.btn{margin-top:10px}.shop-hero .sem-form textarea{width:100%;min-height:95px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.shop-hero .sem-form .btn{background:#fff;color:#11194d}.shop-pillars .card{text-align:center}.shop-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:22px;background:#fff0dc;color:#e48823;display:grid;place-items:center;font-size:40px}.shop-platforms{background:#fff}.platform-card{padding:35px}.platform-card img{width:145px;height:110px;object-fit:contain;margin:0 auto 12px}.platform-card h3{text-align:center;color:#11194d;font-size:28px}.platform-card p{color:var(--muted)}.platform-card .checks li{font-size:15px;margin:9px 0}.platform-note{text-align:center;margin:30px 0 0;font-size:18px;font-weight:800}.platform-note a{color:var(--orange)}.shop-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shop-method-grid .card{border-top:4px solid var(--orange);padding-top:25px}.shop-method-grid .card>span{display:grid;place-items:center;width:46px;height:46px;background:#fff0dc;border-radius:13px;color:#df791d;font-weight:900}.shop-method-grid h3{color:#11194d}.shop-integrations{background:#f4f6fc}.ecosystem{max-width:850px;margin:10px auto 28px;text-align:center;color:#11194d;font-weight:900}.eco-node{display:inline-block;padding:14px 25px;border-radius:10px;background:#fff;border:2px solid #f0a139;box-shadow:var(--shadow)}.eco-node.top{display:block;width:max-content;margin:auto}.eco-row{display:flex;justify-content:center;align-items:center;gap:0;margin:18px auto}.eco-row span,.eco-row strong{padding:17px 20px;background:#fff;border:1px solid #dfe4f0}.eco-row strong{background:#11194d;color:#fff;border-color:#11194d;font-size:19px}.eco-node.bottom{display:block;width:max-content;margin:auto}.integration-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.integration-tags span{background:#fff;border-radius:18px;padding:9px 15px;font-size:13px;color:#3f4662}.shop-marketing{text-align:center}.shop-marketing .grid article{background:rgba(255,255,255,.1);padding:25px;border-radius:15px;text-align:left}.shop-marketing article b{color:var(--orange);font-size:22px}.shop-marketing article p{color:#dce2ff}.shop-claim{color:var(--orange);font-size:29px;margin:42px 0 22px}.shop-case{text-align:center}.shop-case img{height:150px;width:100%;object-fit:contain;margin-bottom:12px}.shop-case h3{color:#11194d}.shop-evolution .card h3{color:#11194d}.shop-evolution+.center{margin-top:35px}.shop-final h3{font-size:34px;line-height:1.1}
@media(max-width:850px){.shop-hero-grid{grid-template-columns:1fr}.shop-intro h1{font-size:41px}.shop-method-grid{grid-template-columns:repeat(2,1fr)}.shop-marketing .grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shop-intro h1{font-size:34px}.shop-method-grid{grid-template-columns:1fr}.shop-marketing .grid-4{grid-template-columns:1fr}.eco-row{flex-direction:column}.eco-row span,.eco-row strong{width:100%}.eco-row:before,.eco-row:after{content:'↓';color:var(--orange);font-size:20px}.shop-claim{font-size:24px}}
.shop-hero{position:relative;overflow:hidden}.shop-hero:after{content:"";position:absolute;right:1%;bottom:-35px;width:430px;height:340px;background:url('/assets/ecommerce.png') center/contain no-repeat;opacity:.16}.shop-hero-grid{position:relative;z-index:1}
.presta-hero{background:radial-gradient(circle at 82% 25%,rgba(38,77,170,.48),transparent 34%),linear-gradient(120deg,#080d3d,#18256f);color:#fff;padding:58px 0;position:relative;overflow:hidden}.presta-hero:after{content:"";position:absolute;right:1%;bottom:-35px;width:430px;height:350px;background:url('/assets/services-prestashop.png') center/contain no-repeat;opacity:.17}.presta-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.presta-intro h1{font-size:48px;line-height:1.07;margin:0 0 20px}.presta-intro>p{font-size:18px}.presta-intro .checks{font-size:16px}.presta-hero .sem-form textarea{width:100%;min-height:95px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.presta-hero .sem-form .btn{background:#fff;color:#11194d}.presta-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.presta-service-grid .card{border-top:4px solid var(--orange)}.presta-service-grid .card>span{display:grid;place-items:center;width:47px;height:47px;background:#fff0dc;color:#df791d;border-radius:13px;font-weight:900}.presta-service-grid h3{color:#11194d}.presta-existing{text-align:center}.presta-existing .section-head{max-width:900px}.issue-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;max-width:950px;margin:0 auto 35px}.issue-tags span{padding:10px 15px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}.presta-integrations{background:#f4f6fc}.presta-custom .grid-4 .card{text-align:center;font-weight:800;color:#11194d}.presta-marketing{text-align:center}.presta-marketing .grid article{background:rgba(255,255,255,.1);padding:25px;border-radius:15px;text-align:left}.presta-marketing article b{color:var(--orange);font-size:22px}.presta-marketing article p{color:#dce2ff}.presta-marketing .shop-claim{margin-bottom:0}.presta-pillars .card{text-align:center}
@media(max-width:850px){.presta-hero-grid{grid-template-columns:1fr}.presta-intro h1{font-size:40px}.presta-service-grid{grid-template-columns:repeat(2,1fr)}.presta-marketing .grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.presta-intro h1{font-size:34px}.presta-service-grid{grid-template-columns:1fr}.presta-marketing .grid-4{grid-template-columns:1fr}.presta-hero:after{opacity:.08}}
.woo-hero{background:radial-gradient(circle at 82% 25%,rgba(38,77,170,.48),transparent 34%),linear-gradient(120deg,#080d3d,#18256f);color:#fff;padding:58px 0;position:relative;overflow:hidden}.woo-hero:after{content:"";position:absolute;right:1%;bottom:-35px;width:430px;height:350px;background:url('/assets/services-woocommerce.png') center/contain no-repeat;opacity:.17}.woo-hero .presta-hero-grid{position:relative;z-index:1}.woo-content .card h3{color:#11194d}.woo-integrations{background:#f4f6fc}.woo-hero .sem-form textarea{width:100%;min-height:95px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.woo-hero .sem-form .btn{background:#fff;color:#11194d}
@media(max-width:850px){.woo-hero .presta-hero-grid{grid-template-columns:1fr}.woo-hero:after{opacity:.08}}
.web-hero{background:radial-gradient(circle at 82% 25%,rgba(38,77,170,.48),transparent 34%),linear-gradient(120deg,#080d3d,#18256f);color:#fff;padding:58px 0;position:relative;overflow:hidden}.web-hero:after{content:"";position:absolute;right:1%;bottom:-35px;width:430px;height:350px;background:url('/assets/web-design.png') center/contain no-repeat;opacity:.17}.web-hero .presta-hero-grid{position:relative;z-index:1}.web-hero .sem-form textarea{width:100%;min-height:95px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.web-hero .sem-form .btn{background:#fff;color:#11194d}.web-wordpress{background:#fff}.web-wordpress .card h3{color:#11194d}.web-existing{background:#f4f6fc}.web-tech{background:#fff}.web-tech .card{text-align:center;font-weight:800;color:#11194d}.web-hero .presta-intro h1{font-size:48px}
@media(max-width:850px){.web-hero .presta-hero-grid{grid-template-columns:1fr}.web-hero:after{opacity:.08}.web-hero .presta-intro h1{font-size:40px}}
@media(max-width:620px){.web-hero .presta-intro h1{font-size:34px}}
.custom-hero{background:radial-gradient(circle at 82% 25%,rgba(38,77,170,.48),transparent 34%),linear-gradient(120deg,#080d3d,#18256f);color:#fff;padding:58px 0;position:relative;overflow:hidden}.custom-hero:after{content:"";position:absolute;right:1%;bottom:-35px;width:430px;height:350px;background:url('/assets/web-design.png') center/contain no-repeat;opacity:.16}.custom-hero .presta-hero-grid{position:relative;z-index:1}.custom-hero .sem-form textarea{width:100%;min-height:110px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.custom-hero .sem-form .btn{background:#fff;color:#11194d}.problem-solution b{color:#df791d;text-transform:uppercase}.problem-solution strong{color:#11194d}.custom-claim{text-align:center;color:#11194d;max-width:820px;margin:40px auto 0;font-size:26px}.custom-integrations{background:#f4f6fc}.automation-section .automation-flow article{max-width:690px}.automation-section .automation-flow article h3{color:#11194d}.automation-section .automation-flow article p{color:var(--muted)}
@media(max-width:850px){.custom-hero .presta-hero-grid{grid-template-columns:1fr}.custom-hero:after{opacity:.08}}
@media(max-width:620px){.custom-claim{font-size:21px}.custom-hero .presta-intro h1{font-size:34px}}
.cases-hero{background:linear-gradient(120deg,#080d3d,#18256f);color:#fff;padding:105px 0 95px;text-align:center}.cases-hero .wrap{max-width:900px}.cases-hero h1{font-size:54px;line-height:1.08;margin:10px auto 20px}.cases-hero p{max-width:760px;margin:0 auto 28px;font-size:19px;color:#dce2ff}.case-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 38px}.case-filters button{border:1px solid #dfe4ef;background:#fff;color:#11194d;border-radius:20px;padding:10px 17px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.case-filters button.active,.case-filters button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{background:#fff;border:1px solid #edf0f8;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.case-image{height:185px;background:#f3f5fa;display:grid;place-items:center;padding:22px;overflow:hidden}.case-image img{width:100%;height:100%;object-fit:contain}.case-copy{padding:24px;display:flex;flex-direction:column;flex:1}.case-category{color:var(--orange);font-weight:900;font-size:13px;text-transform:uppercase}.case-copy h3{font-size:25px;color:#11194d;margin:7px 0 0}.case-copy small{color:#7a8095;margin-bottom:15px}.case-copy p{color:var(--muted);font-size:14px;margin:7px 0}.case-copy .more{margin-top:auto;padding-top:14px}@media(max-width:850px){.cases-grid{grid-template-columns:repeat(2,1fr)}.cases-hero h1{font-size:43px}}@media(max-width:620px){.cases-grid{grid-template-columns:1fr}.cases-hero{padding:75px 0}.cases-hero h1{font-size:35px}.case-filters{justify-content:flex-start}}
.menu a[href="/trabaja-con-nosotros-2/"],.menu a[href="/trabaja-con-nosotros/"]{display:none!important}
.cases-grid .case-card:nth-child(7),.cases-grid .case-card:nth-child(8),.cases-grid .case-card:nth-child(9){display:none}
.cases-grid .case-card:nth-child(2) .case-image img{transform:translateY(-18px)}
.cases-grid .case-card:nth-child(3) .case-image img{transform:none}
.integration-hero{background:radial-gradient(circle at 82% 25%,rgba(38,77,170,.48),transparent 34%),linear-gradient(120deg,#080d3d,#18256f)}.integration-hero:after{background-image:url('/assets/web-design.png')}.integration-hero .sem-form textarea{width:100%;min-height:110px;padding:13px 15px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(255,255,255,.2);font:inherit}.integration-hero .sem-form .btn{background:#fff;color:#11194d}.custom-integrations{background:#f4f6fc}.integration-hero .presta-hero-grid{position:relative;z-index:1}
.menu a[href="/blog/"]{display:none}
.topbar .wrap>div:last-child{font-size:0;display:flex;align-items:center;gap:14px}
.topbar .wrap>div:last-child a,.topbar .wrap>div:last-child span{font-size:20px;color:#fff;line-height:1}
.project-strip:after{display:none}
section:has(.faq) .section-head .eyebrow{background:#f6a33a;color:#11194d;border-radius:8px;padding:12px 26px;font-size:15px;letter-spacing:0;text-transform:none}
section:has(.faq) .section-head .eyebrow:before{content:'•';margin-right:10px}
.service-detail-card:nth-child(even){margin-top:0}
.services-grid{align-items:stretch}
.services-label:before{content:none!important}
.client-logos-many{grid-template-columns:repeat(6,1fr)}
.client-logos-many img{height:150px;background:#fff;border-radius:10px;padding:14px;object-fit:contain}
.client-carousel{display:flex;align-items:center;gap:14px;margin-top:25px}.client-logos-many{display:flex;flex:1;overflow:hidden;gap:18px;scroll-behavior:smooth}.client-logos-many img{flex:0 0 180px}.client-arrow{width:40px;height:40px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}.client-arrow:hover{background:#df7f1d}
.client-logos-many img{flex-basis:220px;height:180px}
@media(max-width:720px){.client-logos-many{grid-template-columns:repeat(2,1fr)}.client-logos-many img{height:120px}}
.section-head .eyebrow{background:#f6a33a;color:#11194d;border-radius:8px;padding:12px 26px;font-size:15px;letter-spacing:0;text-transform:none}
.section-head .eyebrow:before{content:'•';margin-right:10px}
.section:has(.banner){background:#fff8f4}
.section:has(.banner)>.wrap{width:100%}
.section:has(.banner) .banner{width:min(1160px,calc(100% - 40px));margin:auto;border-radius:20px}
.ecommerce-connections img{width:100%;max-width:1100px;margin:20px auto 0;border-radius:18px;box-shadow:0 14px 35px rgba(17,25,77,.08)}
.ecommerce-connections-image{display:block;width:100%;max-width:1100px;margin:20px auto 0;border-radius:18px}
.presta-custom .center{margin-top:32px}
section:has(.card.center) .center{margin-top:32px}
.client-strip .client-logos img{transform:scale(1.3)}
.client-strip .client-logos{gap:60px}
.client-strip .client-logos img:first-child{transform:scale(1.8)}
.client-strip .client-logos img:hover{filter:grayscale(1);opacity:.68;transform:scale(1.3)}
.client-strip .client-logos img:first-child:hover{transform:scale(1.8)}
:root{--legal-max:900px}.legal-page .container{width:min(var(--legal-max),calc(100% - 40px));margin:0 auto;padding:88px 0}.legal-page h1{color:var(--ink);font-size:48px;line-height:1.15;margin:0 0 42px}.legal-page h2{color:var(--ink);font-size:30px;line-height:1.25;margin:38px 0 16px}.legal-page p,.legal-page li{color:var(--muted);font-size:17px}.legal-page table{width:100%;border-collapse:collapse;margin:20px 0 28px}.legal-page th,.legal-page td{border:1px solid #dfe3ef;padding:13px 15px;text-align:left}.legal-page th{background:#f4f6fc;color:var(--ink)}
.hero-art picture{display:block}.hero-art img{height:auto}
.section.soft .split>picture{order:2}.section.soft .split>picture img{border-radius:22px;box-shadow:var(--shadow)}
@media(max-width:900px){.section.soft .split>picture{order:initial}.hero+.section::before{background-image:url('/assets/acreditaciones-duyal-672.webp');background-image:image-set(url('/assets/acreditaciones-duyal-672.avif') type('image/avif'),url('/assets/acreditaciones-duyal-672.webp') type('image/webp'))}}

/* Acceso flotante a WhatsApp en escritorio y movil. */
.mobile-cta{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px;width:auto;height:56px;padding:0 20px 0 16px;border-radius:999px;background:#25d366;color:#fff;font-size:0;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}
.mobile-cta::before{content:'☎';display:grid;place-items:center;width:28px;height:28px;border:2px solid currentColor;border-radius:50%;font-size:16px;line-height:1;transform:rotate(-18deg)}
.mobile-cta::after{content:'Chatea por WhatsApp';font-size:15px;white-space:nowrap}
.mobile-cta:hover,.mobile-cta:focus-visible{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.3)}
@media(max-width:620px){.mobile-cta{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:58px;height:58px;padding:0;justify-content:center}.mobile-cta::after{display:none}.mobile-cta::before{width:29px;height:29px}}

.contact-map-section{padding-top:74px}.contact-map-section .section-head{margin-bottom:34px}.contact-map-card{position:relative;overflow:hidden;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.contact-map-card iframe{display:block;width:100%;height:450px}.contact-map-link{position:absolute;left:24px;bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.24)}
@media(max-width:620px){.contact-map-section{padding-top:58px}.contact-map-card iframe{height:380px}.contact-map-link{left:16px;bottom:16px;padding:12px 18px}}
