@font-face{font-family:Archivo;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/archivo.woff2) format("woff2")}:root{--papel: #f4f3ef;--tinta: #1c1b19;--resaltador: #FFA23A;--gris: #6b6862;--linea: #d9d6cf;--papel2: #ebe9e3;--gutter: clamp(16px, 5vw, 72px)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--papel);color:var(--tinta);font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.wrap{padding-inline:var(--gutter)}.marca,.btn,.nav a,.pie a,.enlace{color:var(--tinta);text-decoration:none;background-image:linear-gradient(var(--resaltador),var(--resaltador));background-repeat:no-repeat;transition:background-size .35s cubic-bezier(.4,0,.2,1)}.nav a,.pie a,.enlace{background-size:0% 100%;background-position:left center;padding:2px 4px;margin:0 -4px}.nav a:hover,.pie a:hover,.enlace:hover,.nav a:focus-visible,.pie a:focus-visible,.enlace:focus-visible{background-size:100% 100%}.marca{background-size:100% 100%;background-position:right center;padding:0 6px}.marca:hover,.marca:focus-visible{background-size:0% 100%}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;background-size:100% 100%;background-position:right center;border:1px solid transparent;cursor:pointer}.btn:hover,.btn:focus-visible{background-size:0% 100%;border-color:var(--tinta)}.btn.tinta{background:var(--tinta);color:var(--papel);border-color:var(--tinta);transition:color .3s,background-color .3s}.btn.tinta:hover{background:var(--resaltador);color:var(--tinta);border-color:var(--resaltador)}:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}.rotulo{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}.placa{display:inline-flex;border:1px solid var(--tinta);padding:5px 6px 4px 8px;font-size:15px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;line-height:1;color:var(--tinta);text-decoration:none}.placa.chica{font-size:12px;padding:4px 5px 3px 7px}.barra{display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid var(--linea);gap:16px}.nav{display:flex;gap:32px;align-items:center;font-size:15px}.nav .en{color:var(--gris)}.nav .btn{padding:10px 18px}.menu{display:none;background:none;border:0;padding:8px;cursor:pointer}@media(max-width:900px){.nav a:not(.btn){display:none}.nav{gap:14px}.menu{display:inline-flex}.barra{height:56px}}.puerta{display:flex;flex-direction:column;gap:32px;padding-block:clamp(40px,6vw,88px) clamp(40px,5vw,64px)}.vida{display:flex;align-items:center;gap:10px}.luz{width:10px;height:10px;background:var(--resaltador);flex:none;animation:respira 3.4s ease-in-out infinite}@keyframes respira{0%,to{opacity:1}50%{opacity:.3}}.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:end}.c8{grid-column:span 8}.c4{grid-column:span 4}.titulo{font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.1;letter-spacing:-.01em;text-wrap:balance;margin:0}.titulo mark{color:inherit;padding:0 .14em;background-color:transparent;background-image:linear-gradient(var(--resaltador),var(--resaltador));background-repeat:no-repeat;background-position:left center;background-size:100% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:pintar .6s cubic-bezier(.4,0,.2,1) .3s both}@keyframes pintar{0%{background-size:0% 100%}to{background-size:100% 100%}}.entrada{font-size:clamp(18px,1.6vw,22px);line-height:1.4;margin:0}.nota{font-size:16px;color:var(--gris);margin:0}@media(max-width:900px){.grid12{grid-template-columns:1fr;gap:20px}.c8,.c4{grid-column:auto}}section{padding-top:clamp(64px,8vw,120px)}.cab{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid var(--tinta);padding-top:14px;flex-wrap:wrap}.cab .nota{font-size:14px}.cab a.enlace{font-size:14px;font-weight:500}.obra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;margin-top:24px}@media(max-width:1100px){.obra{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.obra{grid-template-columns:1fr}}.pieza{display:flex;flex-direction:column;gap:12px}.marco{position:relative;border:1px solid var(--tinta);background:var(--papel2);overflow:hidden;aspect-ratio:16 / 10;display:grid;grid-template-columns:1fr}.marco.con-telefono{grid-template-columns:1fr 96px;gap:0}.vista{position:relative;overflow:hidden;cursor:ns-resize}.vista img{width:100%;height:auto;will-change:transform;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.vista.telefono{border-left:1px solid var(--tinta);background:var(--papel2)}.vista.telefono img{width:100%}.marco .estado{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:var(--papel);border:1px solid var(--tinta);padding:4px 7px 3px;opacity:0;transition:opacity .3s;pointer-events:none}.marco.viva .estado{opacity:1}.estado .luz{width:7px;height:7px;animation-duration:1.2s}.ficha{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ficha .nombre{font-size:18px;font-weight:500;display:block}.ficha .sector{font-size:14px;color:var(--gris);display:block}.ficha .marca{font-size:13px;white-space:nowrap}.pieza.caja{border:1px solid var(--tinta);padding:22px;justify-content:space-between;min-height:240px;gap:8px}.pieza.caja p{margin:0}.etapas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px}@media(max-width:1100px){.etapas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.etapas{grid-template-columns:1fr}}.etapa{display:flex;flex-direction:column;gap:14px;border:1px solid var(--tinta);padding:22px 22px 24px;min-height:250px}.etapa .arriba{display:flex;justify-content:space-between;align-items:center}.etapa .num{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--gris)}.etapa h3{font-size:20px;font-weight:500;line-height:1.2;margin:0 0 8px}.etapa p{font-size:15px;line-height:1.5;color:var(--gris);margin:0}.etapa{background-image:linear-gradient(var(--resaltador),var(--resaltador));background-repeat:no-repeat;background-size:0% 100%;background-position:left center;transition:background-size .45s cubic-bezier(.4,0,.2,1)}.etapa:hover,.etapa:focus-within{background-size:100% 100%}.etapa:hover .num,.etapa:hover p{color:var(--tinta)}.etapa.viva{background-size:100% 100%}.etapa .ico path,.etapa .ico rect,.etapa .ico circle{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.etapa:hover .ico path,.etapa:hover .ico rect,.etapa:hover .ico circle{animation:trazo .8s cubic-bezier(.4,0,.2,1) both}@keyframes trazo{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.etapa.viva .num,.etapa.viva p{color:var(--tinta)}.ico{width:24px;height:24px;flex:none}.dibujo{width:100%;height:auto;display:block;margin:6px 0 4px;overflow:visible}.dibujo path,.dibujo rect,.dibujo circle,.dibujo line{fill:none;stroke:var(--tinta);stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.dibujo .borde{stroke-width:2.5}.dibujo .relleno{fill:var(--resaltador);stroke:none}.dibujo .papel{fill:var(--papel)}.dibujo .tinta{fill:var(--tinta);stroke:none}.dibujo text{font-family:inherit;font-size:7.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;fill:var(--tinta)}.etapa:hover .dibujo .relleno,.etapa.viva .dibujo .relleno{fill:var(--papel)}.etapa:hover .dibujo .papel{fill:var(--resaltador)}.etapa .dibujo path,.etapa .dibujo rect,.etapa .dibujo circle,.etapa .dibujo line{stroke-dasharray:1;stroke-dashoffset:0}.etapa:hover .dibujo path,.etapa:hover .dibujo rect,.etapa:hover .dibujo circle,.etapa:hover .dibujo line{animation:trazo 1.1s cubic-bezier(.4,0,.2,1) both}.etapa:hover .dibujo .relleno,.etapa:hover .dibujo .tinta{animation:none}.ico path,.ico rect,.ico circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}.precio{background:var(--resaltador);color:var(--tinta);padding:clamp(28px,4vw,56px) clamp(20px,4.5vw,64px) clamp(32px,4.5vw,64px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;margin-top:0}.precio .c5{grid-column:span 5;display:flex;flex-direction:column;gap:28px}.precio .c7{grid-column:span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}@media(max-width:900px){.precio{grid-template-columns:1fr}.precio .c5,.precio .c7{grid-column:auto}.precio .c7{grid-template-columns:1fr}}.cifra{font-size:clamp(56px,6vw,88px);font-weight:500;line-height:1;letter-spacing:-.02em;margin:0}.precio .rotulo{color:var(--tinta)}.precio .notas{display:flex;flex-direction:column;gap:8px;font-size:14px;border-top:1px solid var(--tinta);padding-top:12px}.lista{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--tinta);padding-top:14px}.lista ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.45}.lista li{display:flex;gap:12px;align-items:flex-start}.lista .vineta{width:64px;height:48px;flex:none;overflow:visible}.lista li{align-items:center}.precio .dibujo .relleno,.precio .dibujo .papel{fill:var(--papel)}.lista li .dibujo path,.lista li .dibujo rect,.lista li .dibujo circle,.lista li .dibujo line{stroke-dasharray:1;stroke-dashoffset:0}.lista li:hover .dibujo path,.lista li:hover .dibujo rect,.lista li:hover .dibujo circle,.lista li:hover .dibujo line{animation:trazo .9s cubic-bezier(.4,0,.2,1) both}.lista li:hover .dibujo .relleno,.lista li:hover .dibujo .tinta{animation:none}.lista.no li{color:var(--tinta)}.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;margin-top:32px}@media(max-width:900px){.faq{grid-template-columns:1fr;gap:0}}.q{display:grid;grid-template-columns:64px 1fr;gap:10px 18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--linea)}.q h3{font-size:20px;font-weight:500;line-height:1.3;margin:0}.q p{grid-column:2;font-size:16px;color:var(--gris);margin:0}.q .vineta{grid-row:span 2;margin-top:2px}.q:hover .dibujo path,.q:hover .dibujo rect,.q:hover .dibujo circle,.q:hover .dibujo line{animation:trazo .9s cubic-bezier(.4,0,.2,1) both}.q:hover .dibujo .relleno,.q:hover .dibujo .tinta{animation:none}.q .dibujo path,.q .dibujo rect,.q .dibujo circle,.q .dibujo line{stroke-dasharray:1;stroke-dashoffset:0}.estudio{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.estudio>div{border-top:1px solid var(--tinta);padding-top:14px}.estudio .texto{display:flex;flex-direction:column;gap:20px}.estudio .texto p{max-width:62ch}.salida{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:end;padding-block:clamp(64px,8vw,120px) clamp(56px,6vw,96px)}.salida h2{font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;margin:0}.salida .marca{font-size:clamp(18px,1.6vw,22px);padding:2px 8px}@media(max-width:900px){.estudio,.salida{grid-template-columns:1fr;gap:20px}.estudio .c4,.estudio .c8,.salida .c4,.salida .c8{grid-column:auto}}.pie{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:36px 0 64px;border-top:1px solid var(--linea);font-size:14px;color:var(--gris)}.pie nav{display:flex;gap:28px;flex-wrap:wrap}.pie a{color:var(--gris)}@media(prefers-reduced-motion:reduce){.luz{animation:none}.titulo mark{animation:none}.vista img,.marca,.btn,.nav a,.pie a,.enlace,.etapa{transition:none}.etapa:hover .ico path,.etapa:hover .ico rect,.etapa:hover .ico circle,.etapa:hover .dibujo path,.etapa:hover .dibujo rect,.etapa:hover .dibujo circle,.etapa:hover .dibujo line{animation:none}}.solo-toque{display:none}@media(hover:none){.solo-cursor{display:none}.solo-toque{display:inline}}.cab-pagina{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:end;padding-block:clamp(40px,6vw,88px) clamp(40px,5vw,72px)}@media(max-width:900px){.cab-pagina{grid-template-columns:1fr;gap:20px}}.parte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.parte>.izq{grid-column:span 4;border-top:1px solid var(--tinta);padding-top:14px;display:flex;flex-direction:column;gap:8px}.parte>.der{grid-column:span 8;border-top:1px solid var(--tinta)}.parte h2{font-size:28px;font-weight:500;line-height:1.2;margin:0}@media(max-width:900px){.parte{grid-template-columns:1fr;gap:16px}.parte>.izq,.parte>.der{grid-column:auto}.parte>.der{border-top:0}}.fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:26px 0;border-bottom:1px solid var(--linea)}.fila h3{font-size:22px;font-weight:500;line-height:1.3;margin:0}.fila p{font-size:16px;color:var(--gris);margin:0}@media(max-width:640px){.fila{grid-template-columns:1fr;gap:8px}}.traza .dibujo path,.traza .dibujo rect,.traza .dibujo circle,.traza .dibujo line{stroke-dasharray:1;stroke-dashoffset:0}.traza:hover .dibujo path,.traza:hover .dibujo rect,.traza:hover .dibujo circle,.traza:hover .dibujo line{animation:trazo 1s cubic-bezier(.4,0,.2,1) both}.traza:hover .dibujo .relleno,.traza:hover .dibujo .tinta{animation:none}.sobre-naranja .dibujo .relleno,.sobre-naranja .dibujo .papel{fill:var(--papel)}.pie-largo{padding-top:clamp(64px,8vw,120px)}.obra2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;margin-top:32px}@media(max-width:800px){.obra2{grid-template-columns:1fr;gap:40px}}.obra2 .marco.con-telefono{grid-template-columns:1fr 140px}.obra2 .ficha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.obra2 .ficha .nombre{font-size:22px}.obra2 .ficha .que{font-size:15px;line-height:1.5;color:var(--gris)}@media(max-width:640px){.obra2 .ficha{grid-template-columns:1fr;gap:10px}}.etapa-larga{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;padding:36px 24px 40px;border-top:1px solid var(--tinta);background-image:linear-gradient(var(--resaltador),var(--resaltador));background-repeat:no-repeat;background-size:0% 100%;background-position:left center;transition:background-size .5s cubic-bezier(.4,0,.2,1)}.etapa-larga:hover{background-size:100% 100%}.etapa-larga.viva{background-size:100% 100%;border-top:0;margin-top:16px}.etapa-larga .izq{grid-column:span 4;display:flex;flex-direction:column;gap:12px}.etapa-larga .der{grid-column:span 8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.etapa-larga .der>div{display:flex;flex-direction:column;gap:8px}.etapa-larga .der p{margin:0;font-size:16px}.etapa-larga h2{font-size:28px;font-weight:500;line-height:1.2;margin:0}.etapa-larga .num{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--gris)}.etapa-larga:hover .num,.etapa-larga:hover .nota,.etapa-larga:hover .rotulo,.etapa-larga.viva .num,.etapa-larga.viva .nota,.etapa-larga.viva .rotulo{color:var(--tinta)}.etapa-larga:hover .dibujo .relleno,.etapa-larga:hover .dibujo .papel{fill:var(--papel)}@media(max-width:900px){.etapa-larga{grid-template-columns:1fr;gap:20px}.etapa-larga .izq,.etapa-larga .der{grid-column:auto}.etapa-larga .der{grid-template-columns:1fr;gap:18px}.etapa-larga{padding-inline:16px}}.nopasa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:22px}.nopasa h3{font-size:20px;font-weight:500;line-height:1.3;margin:0 0 8px}.nopasa p{margin:0;color:var(--gris)}@media(max-width:800px){.nopasa{grid-template-columns:1fr}}.parte .texto{padding-top:22px;display:flex;flex-direction:column;gap:22px;font-size:clamp(18px,1.6vw,22px);line-height:1.4;max-width:62ch}.parte .texto p{margin:0}.dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}@media(max-width:800px){.dos{grid-template-columns:1fr}}.tarjeta{border:1px solid var(--tinta);padding:24px;display:flex;flex-direction:column;gap:10px;background-image:linear-gradient(var(--resaltador),var(--resaltador));background-repeat:no-repeat;background-size:0% 100%;background-position:left center;transition:background-size .45s cubic-bezier(.4,0,.2,1)}.tarjeta:hover{background-size:100% 100%}.tarjeta:hover .rotulo,.tarjeta:hover .nota{color:var(--tinta)}.tarjeta:hover .dibujo .relleno,.tarjeta:hover .dibujo .papel{fill:var(--papel)}.tarjeta h3{font-size:22px;font-weight:500;line-height:1.25;margin:0}.tarjeta p{margin:0}.form{grid-column:span 7;border-top:1px solid var(--tinta);padding-top:28px;display:flex;flex-direction:column;gap:24px}.lado{grid-column:span 5;border-top:1px solid var(--tinta);padding-top:28px;display:flex;flex-direction:column;gap:40px}@media(max-width:900px){.form,.lado{grid-column:auto}}.campo{display:flex;flex-direction:column;gap:8px}.campo input,.campo textarea{font:inherit;font-size:16px;color:var(--tinta);background:var(--papel);border:1px solid var(--tinta);border-radius:0;padding:0 16px;height:52px;width:100%;transition:box-shadow .2s}.campo textarea{height:160px;padding:14px 16px;resize:vertical;line-height:1.5}.campo input::placeholder,.campo textarea::placeholder{color:var(--gris);opacity:1}.campo input:focus,.campo textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--tinta),0 0 0 3px var(--resaltador)}.dos-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:640px){.dos-campos{grid-template-columns:1fr}}.btn-enviar{font:inherit;font-size:15px;font-weight:500;padding:16px 24px;border:1px solid var(--resaltador);cursor:pointer}.recibido{display:none;border:1px solid var(--tinta);padding:24px;gap:10px;flex-direction:column}.form.listo .recibido{display:flex}.form.listo .campos{display:none}.caja-menda{border:1px solid var(--tinta);padding:22px;display:flex;flex-direction:column;gap:6px}.menu[aria-expanded=true] .abrir,.menu .cerrar{display:none}.menu[aria-expanded=true] .cerrar{display:block}.panel{display:none;border-bottom:1px solid var(--linea)}.panel.abierto{display:block}.panel nav{display:flex;flex-direction:column}.panel a{color:var(--tinta);text-decoration:none;font-size:22px;font-weight:400;line-height:1.2;padding:18px 8px;margin:0 -8px;border-bottom:1px solid var(--linea);background-image:linear-gradient(var(--resaltador),var(--resaltador));background-repeat:no-repeat;background-size:0% 100%;background-position:left center;transition:background-size .35s cubic-bezier(.4,0,.2,1)}.panel a:last-child{border-bottom:0}.panel a:hover,.panel a:focus-visible{background-size:100% 100%}.panel a[aria-current=page]{font-weight:500}@media(min-width:901px){.panel{display:none}}.form.enviando .btn-enviar{opacity:.5;pointer-events:none}.error{display:none;border:1px solid var(--tinta);padding:24px;gap:10px;flex-direction:column}.form.fallo .error{display:flex}.form.fallo .campos{display:none}.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}