.brand-ubeda{font-weight:700;font-size:1.5rem;text-decoration:none}.ubeda{color:#fff;transition:all .3s ease}.dev{background:linear-gradient(45deg,#4fc3f7,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}.brand-ubeda:hover .ubeda{color:#4fc3f7}.brand-ubeda:hover .dev{filter:brightness(1.2);text-shadow:0 0 8px rgba(79,195,247,.6)}.navbar{background-color:#1c4d8d}.navbar-nav a{color:#fff!important}.custom-menu{transform:translate(-80px)}body{font-family:Inter,sans-serif}h1,h2,h3{font-family:Inter,sans-serif;font-weight:700}.btn-ubeda{background:linear-gradient(135deg,#4c8ce4,#1c4d8d);border:none;color:#fff;font-weight:600}.btn-ubeda:hover{filter:brightness(1.1)!important}.hero-ubeda h1{letter-spacing:-.5px;line-height:1.2}.hero-title{font-family:Poppins,Montserrat,sans-serif;line-height:1.2;color:#212529}.hero-title .highlight{background:linear-gradient(40deg,#6f42c1,#7950f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-ubeda [data-bs-toggle=fade-in]{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}.hero-ubeda [data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}.hero-ubeda-img{border-radius:5px;box-shadow:0 15px 35px #21252980}#slogan{background-color:#f9f8f6!important}#slogan p{font-size:clamp(1rem,2vw,1.25rem)}#slogan img{max-width:80px;margin-bottom:1.5rem}#slogan [data-bs-toggle=fade-in]{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}#slogan [data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}#servicios-inicio [data-bs-toggle=fade-in]{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}#servicios-inicio [data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}#servicios a.btn-outline-primary:hover{background:linear-gradient(135deg,#4c8ce4,#1c4d8d);color:#fff;filter:brightness(1.05);transform:translateY(-1px);transition:all .3s ease}.timeline{padding-left:2rem;border-left:3px solid #dee2e6}.timeline-item{position:relative;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.timeline-icon:hover{transform:scale(1.3);box-shadow:0 4px 15px #0003}.timeline-item:before{content:"";position:absolute;left:-1.5rem;top:3rem;width:3px;height:calc(100% - 3rem);background:#dee2e6}.timeline-item:last-child:before{display:none}.timeline-item h5{font-size:clamp(1rem,2vw,1.25rem)}.timeline-item p{font-size:clamp(.875rem,1.8vw,1rem)}.popover-header{background-color:#0d6efd!important;color:#fff!important}#marca-digital{background:linear-gradient(135deg,#3b4a60,#415a77);color:#fff;padding:6rem 0;position:relative}#marca-digital .container{background-color:#0006;border-radius:12px;padding:50px 40px;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:1000px}#marca-digital h3{color:#fff;font-weight:700;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:center!important}#marca-digital p.lead{line-height:1.8;text-align:justify;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-size:clamp(1rem,2vw,1.25rem)}#marca-digital p{text-align:justify}#marca-digital .btn-light{background-color:#fff;color:#415a77;font-weight:600;border-radius:.5rem;transition:all .3s ease}#marca-digital .btn-light:hover{background-color:#f0f0f0;color:#415a77;transform:translateY(-2px)}#marca-digital .timeline-icon{width:120px;height:120px;font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto}#marca-digital [data-bs-toggle=fade-in]{opacity:0;transform:translateY(30px);transition:all .6s ease-out}#marca-digital [data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}#cta-final{background-color:#1c4d8d}#quienes-somos{background-color:#fff!important}#quienes-somos h2{color:#000}#quienes-somos p{color:#000;text-align:justify;font-size:clamp(1rem,2vw,1.125rem)}#quienes-somos [data-bs-toggle=fade-in]{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}#quienes-somos [data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}#servicios .card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:justify!important;display:flex;flex-direction:column;height:100%;width:100%!important}#servicios .card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}#servicios .card-body i{font-size:3rem;margin-bottom:1rem;color:inherit}#servicios .card-body h5.card-title{font-weight:700;margin-bottom:.75rem;font-size:1.03rem}#servicios .card-body p.card-text{font-size:1rem;line-height:1.6;text-align:justify;text-justify:distribute!important;-webkit-hyphens:none;hyphens:none;color:#555}#servicios .card-body{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:1.5rem}#servicios .card-body .card-text{flex-grow:1!important}#servicios .card-body a.btn{margin-top:auto}.fd-servicios [data-bs-toggle=fade-in]{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,transform}.fd-servicios [data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}.sitios-web-hero{background:url(/images/servicios/marca-digital-desktop.webp) center/cover no-repeat}.sitios-web-hero{opacity:0;animation:heroFade 2s ease-in-out forwards}.correos-corporativos-hero{background:url(/images/servicios/correos-corporativos-desktop.webp) center/cover no-repeat}.correos-corporativos-hero{opacity:0;animation:heroFade 2s ease-in-out forwards}.sistemas-online-hero{background:url(/images/servicios/sistemas-online-desktop.webp) center/cover no-repeat}.sistemas-online-hero{opacity:0;animation:heroFade 2s ease-in-out forwards}.redes-sociales-hero{background:url(/images/servicios/administracion-redes-sociales-desktop.webp) center/cover no-repeat}.redes-sociales-hero{opacity:0;animation:heroFade 2s ease-in-out forwards}@keyframes heroFade{0%{opacity:0}to{opacity:1}}#fondo-formulario{background:linear-gradient(135deg,#4c8ce4,#1c4d8d);padding:50px 35px;border-radius:15px;box-shadow:0 12px 30px #00000040;transition:all .3s ease}#fondo-formulario label{color:#fff;font-weight:600;margin-bottom:.5rem;display:block}#fondo-formulario input,#fondo-formulario textarea{background-color:#fffffff2;border:1px solid #ccc;border-radius:10px;padding:14px 18px;width:100%;transition:all .3s ease;font-size:1rem;color:#333;box-shadow:inset 0 2px 5px #0000000d}#fondo-formulario input:focus,#fondo-formulario textarea:focus{border-color:#7c9eff;box-shadow:0 0 12px #7c9eff80;outline:none}#fondo-formulario .btn-primary{background:linear-gradient(135deg,#7c9eff,#5a7be0);border:none;font-weight:600;padding:14px 30px;border-radius:10px;transition:all .3s ease;box-shadow:0 6px 15px #0003}#fondo-formulario .btn-primary:hover{background:linear-gradient(135deg,#5a7be0,#3f5fc1);transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.alert-success{border-radius:10px;padding:12px 20px;background-color:#c8e6c9;color:#2e7d32;font-weight:500;box-shadow:0 4px 12px #0000001a}#fondo-formulario[data-bs-toggle=fade-in]{opacity:0;transform:translateY(30px);transition:all .6s ease-out}#fondo-formulario[data-bs-toggle=fade-in].visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.custom-menu{transform:translate(0)}.hero-ubeda .col-lg-6:first-child{order:2}.hero-ubeda .col-lg-6:last-child{order:1}.btn-ubeda{width:100%!important}#slogan{padding-top:3%!important}#slogan img{max-width:60px;margin-bottom:1rem}#proceso p.lead{font-size:1rem!important}#marca-digital h2{font-size:clamp(1.5rem,5vw,2rem)}#marca-digital p.lead{font-size:clamp(.875rem,3vw,1rem)}.sitios-web-hero{background:url(/images/servicios/marca-digital-mobile.webp) center/cover no-repeat}.correos-corporativos-hero{background:url(/images/servicios/correos-corporativos-mobile.webp) center/cover no-repeat}.sistemas-online-hero{background:url(/images/servicios/sistemas-online-mobile.webp) center/cover no-repeat}.redes-sociales-hero{background:url(/images/servicios/administracion-redes-sociales-mobile.webp) center/cover no-repeat}}