.hero-badge,.hero-proof__item strong{color:var(--color-light);font-family:var(--font-primary)}.hero::before,.home-projects .hp-slide::after,.testimonios .card::before{content:"";inset:0;pointer-events:none}.home{display:block;width:100%;margin:auto}.fade-up{animation:.9s both fadeUp}@keyframes fadeUp{from{opacity:0;transform:translate3d(0,32px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.hero{position:relative;min-height:100vh;background-image:url("https://codeliastudio.com/wp-content/uploads/2026/04/hero-codelia.webp");background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:flex-start;align-items:center;padding:80px 0;overflow:hidden}.hero::before{position:absolute;background:linear-gradient(90deg,rgba(16,73,89,.42) 0,rgba(16,73,89,.26) 45%,rgba(16,73,89,.14) 100%);z-index:1}.hero .container{position:relative;z-index:2;display:flex;flex-direction:column;gap:28px;width:100%}.hero-badge-row{display:flex;flex-wrap:wrap;gap:10px}.hero-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid rgba(243,244,244,.18);border-radius:999px;background:rgba(243,244,244,.08);font-size:13px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-title{max-width:70%;color:var(--color-light);font-size:70px;line-height:1.02;font-weight:600;letter-spacing:-.04em}.hero .texto-hero{max-width:620px;width:50%;color:var(--color-light)!important;font-size:20px!important;line-height:1.6}.bloque-enano{display:flex;flex-direction:row-reverse;gap:12px;width:50%;max-width:520px}.hero .btn{width:100%}.hero .btn-home-2{background:0 0;border:1px solid #fff;color:#fff}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}.hero-proof__item{min-width:160px;padding:16px 18px;border:1px solid rgba(243,244,244,.16);border-radius:16px;background:rgba(243,244,244,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-proof__item strong{display:block;margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.hero-proof__item span{color:rgba(243,244,244,.86);font-family:var(--font-secondary);font-size:14px;line-height:1.4}.home-strip__item span,.section-eyebrow,.section-heading h2{font-family:var(--font-primary)}.home-strip{padding:26px 0;background:#f8f9f9;border-bottom:1px solid rgba(16,73,89,.08)}.home-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-strip__item{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px 18px;border:1px solid rgba(16,73,89,.08);border-radius:999px;background:#fff}.home-strip__item span{color:var(--color-dark);font-size:15px;font-weight:600;text-align:center}.section-spacing{padding:110px 0}.section-alt{background:#f8f9f9}.section-heading{max-width:760px;margin:0 auto 60px;text-align:center}.section-eyebrow{display:inline-block;margin-bottom:14px;color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-eyebrow--light{color:rgba(243,244,244,.78)}.section-heading h2{margin-bottom:12px;color:var(--color-dark);font-size:52px;font-weight:700;line-height:1.05;letter-spacing:-.03em}.section-heading p{color:rgba(24,24,24,.68);font-family:var(--font-secondary);font-size:18px;line-height:1.6}.home-process{background-image:url(https://codeliastudio.com/wp-content/uploads/2026/05/background-2.webp);background-repeat:no-repeat;background-size:cover;background-position:center}.home-process h2,.home-process p,.process-step h3,.process-step__number{color:var(--color-light)!important}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;padding:28px 24px;border:1px solid rgba(16,73,89,.12);border-radius:18px;background:#fff;transition:transform .35s,box-shadow .35s,border-color .35s}.service-card:hover{transform:translateY(-6px);border-color:rgba(16,73,89,.2);box-shadow:0 20px 50px rgba(16,73,89,.07)}.service-card--highlight{background:linear-gradient(180deg,#fff 0,#f5fbfa 100%)}.service-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:18px;border-radius:12px;color:var(--color-primary);font-size:20px;line-height:1}.service-card h3{margin-bottom:12px;color:var(--color-dark);font-family:var(--font-primary);font-size:24px;font-weight:700;line-height:1.2}.process-step p,.service-card p{color:rgba(24,24,24,.68);font-family:var(--font-secondary);font-size:16px;line-height:1.6}.process-step h3,.process-step__number,.why-intro h2{font-family:var(--font-primary);font-weight:700}.process-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-step{position:relative;text-align:center}.process-step__number{display:block;margin-bottom:16px;color:rgba(16,73,89,.18);font-size:56px;line-height:1}.process-step h3{margin-bottom:12px;color:var(--color-light);font-size:22px;line-height:1.2}.home-why{background:#fafafa;border-radius:20px}.why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.testimonios .card,.why-points ul{flex-direction:column;display:flex}.why-intro h2{margin-bottom:20px;color:var(--color-dark);font-size:52px;line-height:1.05;letter-spacing:-.035em}.why-intro p,.why-points li{font-family:var(--font-secondary)}.why-intro p{max-width:520px;color:rgba(24,24,24,.65);font-size:18px;line-height:1.7}.why-points{display:grid;grid-template-columns:1fr 1fr;gap:24px 50px}.why-points ul{gap:18px;margin:0;padding:0;list-style:none}.why-points li{position:relative;padding-left:36px;color:var(--color-dark);font-size:16px;line-height:1.6;font-weight:500}.why-points li::before{content:"✓";position:absolute;top:2px;left:0;width:22px;height:22px;background:rgba(0,122,255,.08);color:var(--color-primary);font-size:13px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.why-points li:hover{transform:translateX(4px);transition:.2s}.cta-banner{display:grid;grid-template-columns:1.2fr auto;gap:30px;align-items:center;padding:42px 38px;border-radius:24px;background:linear-gradient(135deg,#104959 0,#0b3742 100%);box-shadow:0 24px 70px rgba(16,73,89,.16)}.cta-banner__content h2{margin-bottom:12px;color:var(--color-light);font-family:var(--font-primary);font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-.03em}.cta-banner__content p{color:rgba(243,244,244,.82);font-family:var(--font-secondary);font-size:18px;line-height:1.6}.cta-banner .btn{min-width:240px}.testimonios,.testimonios *{box-sizing:border-box}.testimonios{--card-width:440px;--card-height:420px;--stack-gap:12px;--card:#ffffff;--text:#0f172a;--muted:#64748b;--border:rgba(15, 23, 42, 0.10);--shadow:0 16px 36px rgba(15, 23, 42, 0.10);--radius:22px;margin:0;color:var(--text);padding:80px 20px}.testimonios .wrap{width:min(1100px,100%);margin:0 auto}.testimonios .section-top{text-align:center;margin-bottom:40px}.testimonios .eyebrow{color:var(--color-primary);font-size:.9rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.testimonios .section-top h2{margin:0;font-size:clamp(2rem, 5vw, 3.7rem);line-height:1.05}.testimonios .section-top p{margin:14px auto 0;max-width:760px;color:var(--muted);font-size:1.08rem}.testimonios .slider-layout{display:flex;justify-content:center;align-items:center}.testimonios .cards-box{position:relative;width:min(var(--card-width),100%);height:calc(var(--card-height) + 6 * var(--stack-gap));perspective:1200px;overflow:visible;touch-action:pan-y;cursor:grab;user-select:none}.testimonios .cards-box.dragging{cursor:grabbing}.testimonios .card{position:absolute;left:0;top:0;width:100%;height:var(--card-height);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;justify-content:space-between;transform-origin:center center;transition:transform .78s cubic-bezier(.22,1,.36,1),opacity .78s,filter .78s;will-change:transform,opacity;background-image:linear-gradient(#104959,#041918)}.testimonios .card::before{position:absolute;border-radius:inherit;background:linear-gradient(180deg,rgba(47,128,237,.04),rgba(47,128,237,0))}.testimonios .card-bottom,.testimonios .card-top{position:relative;z-index:1}.testimonios .stars{color:var(--color-light);font-size:1.15rem;letter-spacing:3px;margin-bottom:18px}.testimonios .quote{margin:0;font-size:1.05rem;line-height:1.8;color:var(--color-light);min-height:150px}.testimonios .card-bottom{padding-top:20px;border-top:1px solid rgba(15,23,42,.08)}.testimonios .name{font-size:1.15rem;font-weight:800;color:var(--color-light)!important;margin-bottom:5px}.testimonios .role{color:var(--color-light);font-size:.96rem}.testimonios .card.active{transform:translateY(0) scale(1) rotateX(0);opacity:1;z-index:100;filter:blur(0)}.testimonios .card.stack-1{transform:translateY(calc(1 * var(--stack-gap))) scale(.992);opacity:.98;z-index:99}.testimonios .card.stack-2{transform:translateY(calc(2 * var(--stack-gap))) scale(.984);opacity:.96;z-index:98}.testimonios .card.stack-3{transform:translateY(calc(3 * var(--stack-gap))) scale(.976);opacity:.94;z-index:97}.testimonios .card.stack-4{transform:translateY(calc(4 * var(--stack-gap))) scale(.968);opacity:.92;z-index:96}.testimonios .card.stack-5{transform:translateY(calc(5 * var(--stack-gap))) scale(.96);opacity:.9;z-index:95}.testimonios .card.hidden-top{transform:translateY(-88%) scale(.96);opacity:0;z-index:1;filter:blur(1.5px);pointer-events:none}@media (max-width:560px){.testimonios{--card-height:430px;--stack-gap:10px;padding:60px 16px}.testimonios .card{padding:22px}.testimonios .quote{min-height:190px;font-size:1rem}}.home-projects{position:relative;padding:100px 20px;overflow:hidden;background-image:url(https://codeliastudio.com/wp-content/uploads/2026/05/background-2.webp)!important;background-repeat:no-repeat;background-size:cover;background-position:center}.home-projects .hp-wrapper{width:min(1280px,100%);margin:0 auto;display:flex;flex-direction:column;gap:20px!important}.home-projects .hp-top{display:flex;align-items:end;justify-content:space-between!important;gap:20px}.home-projects .hp-heading{max-width:700px}.home-projects .hp-eyebrow{margin-bottom:10px;font-size:12px;line-height:1;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.45)}.home-projects .hp-title{margin:0;font-size:clamp(2rem, 4vw, 3.6rem);line-height:.98;letter-spacing:-.03em;color:#fff}.home-projects .hp-controls{display:flex;gap:10px;flex-shrink:0}.home-projects .hp-btn{width:50px;height:50px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .25s,transform .25s,border-color .25s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.home-projects .hp-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);transform:translateY(-1px)}.home-projects .hp-carousel-shell{position:relative;border-radius:30px}.home-projects .hp-carousel{position:relative;height:550px;overflow:hidden;outline:0;user-select:none;touch-action:pan-y}.home-projects .hp-dots{position:absolute;top:24px;left:50%;z-index:30;align-items:center;gap:8px;transform:translateX(-50%);flex-wrap:wrap;justify-content:center;width:calc(100% - 40px);pointer-events:none;display:none}.home-projects .hp-dot{width:10px;height:10px;min-height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;transition:width .3s,background .3s,opacity .3s;pointer-events:auto}.home-projects .hp-dot.active{width:38px;background:rgba(255,255,255,.96)}.home-projects .hp-slides{position:absolute;inset:0;overflow:hidden!important}.home-projects .hp-slide{position:absolute;top:50%;left:50%;width:min(58vw,640px);aspect-ratio:16/10;border-radius:24px;overflow:hidden;transform-style:preserve-3d;transform-origin:center center;transition:transform 620ms cubic-bezier(.2,.8,.2,1),opacity 620ms cubic-bezier(.2,.8,.2,1),filter 620ms cubic-bezier(.2,.8,.2,1);will-change:transform,opacity,filter;box-shadow:0 24px 80px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08);cursor:grab;background:#111;backface-visibility:hidden}.home-projects .hp-slide.hp-dragging{cursor:grabbing;transition:none}.home-projects .hp-slide img{width:80%;height:60%;display:block;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none}.home-projects .hp-slide::after{position:absolute;background:linear-gradient(to top,rgba(0,0,0,.55) 0,rgba(0,0,0,.14) 42%,rgba(0,0,0,.04) 100%)}.home-projects .hp-slide-content{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:22px}.home-projects .hp-tag{display:inline-flex;align-items:center;min-height:30px;padding:7px 12px;margin-bottom:12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);color:rgba(255,255,255,.84);font-size:11px;letter-spacing:.2em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.home-projects .hp-slide-title{margin:0;color:#fff;font-size:clamp(1.15rem, 2vw, 2rem);line-height:1.05;letter-spacing:-.02em}.home-projects .hp-progress-wrap{position:absolute;left:50%;bottom:18px;z-index:30;display:flex;align-items:center;gap:12px;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.78);font-size:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.home-projects .hp-progress{width:110px;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.14)}.home-projects .hp-bar{width:0%;height:100%;border-radius:999px;background:rgba(255,255,255,.96);transition:width .35s}.home-projects .imagenes-centradas{display:flex!important;justify-content:center!important;align-items:center!important}.home-projects .imagenes-centradas:nth-child(3) img,.home-projects .imagenes-centradas:nth-child(4) img{filter:invert(1)}.home-projects .imagenes-centradas:nth-child(6) img{width:30%;height:20%;filter:brightness(0) invert(1)}@media (max-width:1100px){.home-projects .hp-carousel{height:640px}.home-projects .hp-slide{width:min(68vw,620px)}}@media (max-width:768px){.home-projects{padding:72px 16px}.home-projects .hp-dot{height:6px!important;min-height:6px!important}.home-projects .hp-top{flex-direction:column;align-items:center!important}.hp-eyebrow{text-align:center}.home-projects .hp-carousel{height:520px}.home-projects .hp-slide{width:min(84vw,560px);border-radius:20px}.home-projects .hp-slide-content{padding:16px}.home-projects .hp-controls{display:none}.home-projects .hp-progress-wrap{bottom:12px}}@media (max-width:520px){.home-projects .hp-carousel{height:430px}.home-projects .hp-progress{width:84px}.home-projects .hp-dot.active{width:28px}}.faq-list{max-width:1100px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(24,24,24,.1)}.faq-item summary{position:relative;padding:24px 34px 24px 0;cursor:pointer;list-style:none;color:var(--color-dark);font-family:var(--font-primary);font-size:20px;font-weight:400;line-height:1.4}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;top:50%;right:0;transform:translateY(-50%);color:rgba(24,24,24,.5);font-size:24px;font-weight:400;transition:transform .25s}.faq-item[open] summary::after{content:"–"}.faq-item__content{padding:0 0 24px}.faq-item__content p{max-width:640px;color:rgba(24,24,24,.68);font-family:var(--font-secondary);font-size:16px;line-height:1.7}@media (max-width:1200px){.process-grid,.services-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:64px}.bloque-enano,.hero .texto-hero{width:70%}.section-heading h2,.why-intro h2{font-size:42px}.process-grid{row-gap:40px}.cta-banner,.why-grid{grid-template-columns:1fr}.why-grid{gap:40px}.cta-banner{text-align:left}}@media (max-width:992px){.hero{min-height:85vh;padding:120px 0 80px;align-items:flex-end}.hero-title{font-size:52px;max-width:100%}.bloque-enano,.hero .texto-hero{width:100%}.bloque-enano{flex-direction:column;max-width:420px}.section-spacing{padding:88px 0}.section-heading{margin-bottom:46px}.section-heading h2,.why-intro h2{font-size:36px}.why-points{grid-template-columns:1fr}.home-strip__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:auto;padding:110px 0 70px;justify-content:center;background-position:center right}.hero .container{align-items:flex-start}.hero-title{font-size:40px;line-height:1.05}.hero .texto-hero{font-size:18px!important}.hero-badge-row{gap:8px}.hero-badge{font-size:12px;min-height:32px}.hero-proof{gap:12px}.hero-proof__item{min-width:calc(50% - 6px)}.section-spacing{padding:72px 0}.cta-banner__content h2,.section-heading h2,.why-intro h2{font-size:30px}.cta-banner__content p,.section-heading p,.why-intro p{font-size:16px}.home-strip__grid,.process-grid,.services-grid,.testimonials-grid{grid-template-columns:1fr}.service-card,.testimonial-card{padding:22px 18px}.process-step__number{font-size:42px}.process-step h3,.service-card h3{font-size:20px}.faq-item summary{font-size:18px;padding:20px 30px 20px 0}.cta-banner{padding:30px 24px}}@media (max-width:480px){.hero{padding:96px 0 56px}.hero .container{align-items:center;text-align:center}.hero-badge-row{justify-content:center}.hero-title{font-size:34px}.hero .texto-hero{font-size:16px!important;width:100%}.bloque-enano{width:100%}.hero-proof{width:100%;flex-direction:column}.cta-banner .btn,.hero-proof__item{width:100%;min-width:100%}.section-spacing{padding:60px 0}.section-heading{margin-bottom:38px}.cta-banner__content h2,.section-heading h2,.why-intro h2{font-size:26px}.process-step h3,.service-card h3{font-size:18px}.faq-item__content p,.process-step p,.service-card p,.testimonial-card p,.why-points li{font-size:15px}.faq-item summary{font-size:17px}.cta-banner{padding:26px 18px}} .home-projects .hp-slide-link {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: inherit;text-decoration: none;
}.home-projects .hp-slide-link img {width: 80%;height: 60%;display: block;object-fit: contain;pointer-events: none;-webkit-user-drag: none;user-select: none;}