.servicios-journey{background:var(--fondo);padding:4rem 1.5rem}.journey-header{text-align:center;max-width:700px;margin:0 auto 4rem}.journey-badge{background:var(--azul-oscuro);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block}.journey-title{color:var(--azul-oscuro);text-wrap:balance;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.journey-subtitle{color:var(--negro);opacity:.8;text-wrap:balance;font-size:1.1rem;line-height:1.5}.journey-timeline{flex-direction:column;gap:3rem;max-width:68rem;margin:0 auto;display:flex}.journey-step{opacity:0;gap:2rem;transition:all .8s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(40px)}.journey-step.visible{opacity:1;transform:translateY(0)}.uno{background-color:var(--azul-oscuro);color:#fff}.dos{background-color:var(--azul-medio);color:#fff}.tres{background-color:var(--azul-claro)}.step-card{border-radius:24px;flex-direction:column;flex:1;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 40px #00000014}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001f}.card-visual{height:280px;position:relative;overflow:visible}.card-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.step-card:hover .card-visual img{transform:scale(1.05)}.casa-image{object-position:80% center}.llaves-image{object-position:70% top}.pluma-image{object-position:center 60%}.card-content{padding:2.5rem 1.5rem 2rem}.card-stage{background:var(--negro);color:var(--fondo);text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:.8rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.card-content h3{color:var(--fondo);margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:1.3}.card-content p{opacity:.8;margin-bottom:1.5rem;line-height:1.7}.card-benefits{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.card-benefits li{color:var(--verde-oscuro);background:#d1e2d2;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:flex}.card-benefits svg{color:var(--verde-oscuro);flex-shrink:0}@media (width>=48rem){.servicios-journey{padding:6rem 2rem}.step-card{flex-direction:row}.step-card.reverse{flex-direction:row-reverse}.card-visual{width:45%;height:auto;min-height:350px}.card-stage{width:45%}.casa-image{object-position:70% center}.pluma-image{object-position:90% 60%}.card-content{flex-direction:column;justify-content:center;width:55%;padding:2.5rem;display:flex}.card-icon{inset:20px auto auto 20px}}@media (width>=80rem){.servicios-journey{padding:8rem 2rem}.journey-step{gap:3rem}.journey-step.visible{height:27rem}.llaves-image{object-position:77% center}.pluma-image{object-position:center 90%}.card-stage{width:25%}.card-visual{width:40%;min-height:400px}.card-content{width:60%;padding:3rem}.card-content h3{font-size:1.8rem}.card-content p{font-size:1.1rem}}.hero-servicios{justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-slide img{object-fit:cover;width:100%;height:100%;transition:transform 5s ease-out;transform:scale(1.1)}.hero-slide.active img{transform:scale(1)}.hero-overlay{z-index:1;background:linear-gradient(135deg,#223b7ad9 0%,#3e7cbfb3 50%,#4ca8e299 100%);position:absolute;inset:0}.hero-content{z-index:3;text-align:center;max-width:56.25rem;padding:2rem 1.5rem;position:relative}.hero-title{color:#fff;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:clamp(1.5rem,8vw,3rem);font-weight:800;line-height:1.1;animation:1s ease-out .2s both fadeInUp;display:flex}.title-line{display:block}.title-line.highlight{color:var(--verde-claro)}.hero-subtitle{color:#ffffffe6;text-wrap:balance;max-width:600px;margin:0 auto 2rem;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.3;animation:1s ease-out .4s both fadeInUp}.hero-cta{flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:1s ease-out .8s both fadeInUp;display:flex}.cta-secondary{color:#fff;backdrop-filter:blur(5px);border:2px solid #fff6;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-secondary:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.hero-nav{z-index:4;gap:1.5rem;display:flex;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.nav-dot{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:15px;height:15px;padding:0;transition:all .3s}.nav-dot.active{background:var(--verde-claro);border-color:var(--verde-claro);transform:scale(1.2)}.nav-dot:hover:not(.active){background:#ffffff80}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width>=48rem){.hero-cta{flex-direction:row;gap:1.5rem}.hero-stats{gap:2rem}.stat-item{padding:1rem 2rem}}@media (width>=80rem){.hero-content{padding:3rem 2rem}.hero-stats{gap:3rem}.stat-divider{height:60px}}.simulador-container{background:var(--fondo);max-width:1200px;box-shadow:none;border-radius:0;grid-template-columns:1fr;gap:2rem;margin:0 auto;padding:4rem 1.5rem;display:grid;position:relative;overflow:hidden}.hidden{display:none!important}@media (width>=60.5rem){.simulador-container{border-radius:32px;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;padding:5rem 3rem}}.simulador-inputs{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000000f}.simulador-inputs h2{color:var(--azul-oscuro);margin-bottom:2rem;font-size:1.8rem;font-weight:800;display:inline-block;position:relative}.simulador-inputs h2:after{content:"";background:linear-gradient(90deg, var(--verde-claro), var(--turquesa));border-radius:2px;width:60px;height:4px;position:absolute;bottom:-8px;left:0}.input-group{margin-bottom:2rem}.input-group label{color:var(--azul-oscuro);margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:block}.input-wrapper{margin-bottom:.75rem;position:relative}.input-wrapper input[type=number]{width:100%;color:var(--azul-oscuro);font-size:1.1rem;font-weight:600;font-family:var(--font-textos);background:#f8fafc;border:2px solid #e8ecf4;border-radius:12px;padding:1rem 3rem 1rem 1rem;transition:all .3s}.input-wrapper input[type=number]:focus{border-color:#474cb8;outline:none}.input-wrapper .currency{color:#666;font-weight:600;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.input-row{gap:1rem;margin-bottom:.75rem;display:flex}.input-row .input-wrapper{flex:1;margin-bottom:0}.percentage-display{color:#474cb8;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;min-width:80px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;display:flex}.slider{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:5px;outline:none;width:100%;height:8px;transition:background .15s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#b4ec51;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.slider::-moz-range-thumb{cursor:pointer;background:#b4ec51;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0003}.range-labels{color:#94a3b8;font-size:.85rem;font-family:var(--font-textos);justify-content:space-between;margin-top:.5rem;font-weight:500;display:flex}.info-link{margin-bottom:1.5rem}.info-link a{color:#474cb8;font-size:.9rem;font-family:var(--font-textos);text-decoration:underline}.info-message-simulador{background:#f0f4ff;border-radius:6px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.info-icon{flex-shrink:0;margin-top:2px}.info-message-simulador span{color:#474cb8;font-size:.85rem;line-height:1.4}.warning-message{background:#fff8e6;border-radius:6px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.warning-icon{flex-shrink:0;margin-top:2px}.warning-message span{color:#b8860b;font-size:.85rem;line-height:1.4}.simulador-results{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000000f}.cuota-mensual{text-align:center;background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.cuota-mensual p{font-family:var(--font-textos);color:#666;margin:0 0 .5rem;font-size:.95rem}.cuota-mensual h2{font-family:var(--font-titulos);color:#474cb8;margin:0;font-size:2.5rem}.detalles-hipoteca{background:#fff;border-radius:8px;padding:1.5rem}.detalle-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detalle-label{font-family:var(--font-textos);color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.detalle-label>*{flex:0 0 50%}.detalle-valor{font-family:var(--font-textos);color:#333;font-size:1rem;font-weight:600}.desglose-visual{margin:1.5rem 0}.barra-item{text-wrap:balance;justify-content:space-between;padding:.5rem 0;font-size:.85rem;display:flex}.barra-precio{color:#474cb8}.barra-gastos{color:#666}.barra-coste-total{color:#333;border-top:2px solid #f0f0f0;margin-top:.5rem;padding-top:.75rem;font-weight:600}.grafico-barras{margin:2rem 0}.barra-visual{border-radius:6px;height:60px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000001a}.segmento{color:#fff;text-align:center;justify-content:center;align-items:center;min-width:0;padding:.5rem;font-size:.75rem;font-weight:600;transition:width .3s;display:flex;position:relative;overflow:hidden}.segmento-ahorro{background-color:#fb0}.segmento-hipoteca{background-color:#00bfa5}.segmento-interes{background-color:#26a69a}.segmento-label{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;line-height:1.2;transition:display .3s;overflow:hidden}.detalles-finales{margin:2rem 0}.detalle-final{align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex}.detalle-final-icono{border-radius:3px;flex-shrink:0;width:16px;height:16px}.detalle-final>div{flex-direction:column;flex:1;gap:.25rem;display:flex}.detalle-final-label{color:#666;font-size:.85rem}.detalle-final-valor{color:#333;font-size:.9rem;font-weight:600}.detalle-final.total{border-top:2px solid #f0f0f0;margin-top:.5rem;padding-top:1rem}.detalle-final.total .detalle-final-label,.detalle-final.total .detalle-final-valor{color:#000;font-weight:700}.acciones{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.link-amortizacion{color:#474cb8;text-align:center;font-size:.9rem;font-family:var(--font-textos);text-decoration:underline}.btn-encontrar{color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-textos);text-align:center;background:linear-gradient(135deg,#c93a8f 0%,#9c27b0 100%);border:none;border-radius:8px;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.btn-encontrar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b04d}.btn-tabla{color:#474cb8;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-textos);text-align:center;background:0 0;border:2px solid #474cb8;border-radius:8px;padding:1rem 2rem;transition:all .2s}.btn-tabla:hover{background:#f0f4ff;transform:translateY(-2px)}.amortizacion-container{background:#fff;border-radius:24px;grid-column:1/-1;width:100%;min-width:20rem;margin:0 auto;padding:2rem;box-shadow:0 8px 32px #0000000f}.amortizacion-header{text-align:center;margin-bottom:2rem}.amortizacion-header h3{font-family:var(--font-titulos);color:var(--azul-oscuro);margin-bottom:.5rem;font-size:1.5rem}.amortizacion-header p{font-family:var(--font-textos);color:#666;font-size:1rem}.tabla-wrapper{scrollbar-width:thin;scrollbar-color:#474cb8 #f0f0f0;border:1px solid #e0e0e0;border-radius:8px;max-height:500px;margin-bottom:2rem;overflow:auto}.tabla-wrapper::-webkit-scrollbar{width:8px;height:8px}.tabla-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.tabla-wrapper::-webkit-scrollbar-thumb{background-color:#474cb8;border:2px solid #f0f0f0;border-radius:4px}.tabla-amortizacion{border-collapse:collapse;width:100%;font-family:var(--font-textos);min-width:600px;font-size:.9rem}.tabla-amortizacion th{color:var(--azul-oscuro);text-align:right;z-index:10;background:#f0f4ff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:1rem;font-weight:600;position:sticky;top:0;box-shadow:0 2px 2px -1px #0000000d}.tabla-amortizacion th:first-child{text-align:center}.tabla-amortizacion th:last-child{border-right:none}.tabla-amortizacion td{text-align:right;color:#444;border-bottom:1px solid #f0f0f0;padding:1rem}.tabla-amortizacion td:first-child{text-align:center;color:#666;font-weight:600}.tabla-amortizacion tbody tr:last-child td{border-bottom:none}.tabla-amortizacion tbody tr:hover{background-color:#f9f9f9}.amortizacion-footer{justify-content:center;margin-top:2rem;display:flex}.btn-volver{color:#fff;cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-textos);background:#474cb8;border:none;border-radius:4px;padding:.8rem 2.5rem;transition:background .2s,transform .2s;box-shadow:0 4px 6px #474cb833}.btn-volver:hover{background:#393d9e;transform:translateY(-2px)}@media (width<=768px){.amortizacion-container{padding:1.5rem 1rem}.tabla-amortizacion th,.tabla-amortizacion td{padding:.75rem .5rem;font-size:.8rem}}.ventajas-section{background:linear-gradient(135deg, var(--azul-oscuro) 0%, #1a2d5e 100%);padding:5rem 1.5rem;position:relative;overflow:hidden}.ventajas-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.ventajas-header{text-align:center;margin-bottom:4rem}.ventajas-badge{backdrop-filter:blur(10px);color:var(--verde-claro);text-transform:uppercase;letter-spacing:1px;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block}.ventajas-header h2{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.ventajas-header p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.ventajas-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:4rem;display:grid}.ventaja-card{backdrop-filter:blur(20px);opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(30px)}.ventaja-card.visible{opacity:1;transform:translateY(0)}.ventaja-card:first-child{transition-delay:.1s}.ventaja-card:nth-child(2){transition-delay:.2s}.ventaja-card:nth-child(3){transition-delay:.3s}.ventaja-card:nth-child(4){transition-delay:.4s}.ventaja-card:nth-child(5){transition-delay:.5s}.ventaja-card:nth-child(6){transition-delay:.6s}.ventaja-icon{width:70px;height:70px;color:var(--verde-claro);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.ventaja-card h3{color:#fff;margin-bottom:.8rem;font-size:1.3rem;font-weight:700}.ventaja-card p{color:#ffffffb3;font-size:.95rem;line-height:1.6}.ventaja-number{color:#ffffff0d;font-size:3rem;font-weight:900;line-height:1;position:absolute;bottom:1rem;right:1.5rem}@media (width>=48rem){.ventajas-section{padding:6rem 2rem}.ventajas-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width>=80rem){.ventajas-section{padding:8rem 2rem}.ventajas-grid{grid-template-columns:repeat(3,1fr)}.ventaja-card{padding:2.5rem}.ventaja-card h3{font-size:1.4rem}}
