.heroe{padding:var(--s-6) 0 var(--s-7);background:var(--concreto)}.heroe__rejilla{gap:var(--s-6);align-items:start;display:grid}.heroe__rejilla>*{min-width:0}.heroe__titulo{font-size:var(--t-mega);letter-spacing:-.04em;gap:.04em;font-weight:820;line-height:.84;display:grid}.heroe__titulo span{display:block}.heroe__titulo span:nth-child(2){padding-left:.5em}.heroe__titulo span:nth-child(3){padding-left:1em}.heroe__bajada{margin-top:var(--s-5);max-width:40ch;font-size:var(--t-l);color:var(--gris);line-height:1.45}.colgante{gap:var(--s-4);margin:0;display:grid}.colgante__marco{margin-top:56px;position:relative}.colgante__clavo{background:var(--marino);z-index:3;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-56px;left:8%;box-shadow:inset 0 -3px #00000040,0 2px 4px #13294b4d}.colgante__cordon{background:var(--marino);z-index:2;pointer-events:none;width:2px;height:calc(50% + 50px);margin-left:-1px;position:absolute;top:-50px;left:8%}.colgante__etiqueta{aspect-ratio:4/3;background:var(--linea-suave);clip-path:polygon(16% 0,100% 0,100% 100%,16% 100%,0 50%);border-radius:0 var(--r-grande) var(--r-grande) 0;transform-origin:8%;filter:drop-shadow(0 18px 24px #13294b40);display:block;overflow:hidden;transform:rotate(-3deg);-webkit-mask:radial-gradient(circle at 8%,#0000 9px,#000 10px);mask:radial-gradient(circle at 8%,#0000 9px,#000 10px)}.colgante__etiqueta img{object-fit:cover;object-position:62% 55%;width:100%;height:100%;transition:transform var(--d-3) var(--curva)}.colgante__etiqueta:hover img{transform:scale(1.03)}.colgante.balanceo .colgante__etiqueta{animation:pendulo 2s var(--curva) both}@keyframes pendulo{0%{opacity:0;transform:rotate(-22deg)}12%{opacity:1}30%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}68%{transform:rotate(2deg)}84%{transform:rotate(-4.5deg)}to{transform:rotate(-3deg)}}.colgante__pie{align-items:center;gap:var(--s-3) var(--s-4);flex-wrap:wrap;padding-left:10%;display:flex}.colgante__nombre{line-height:1.25;display:grid}.colgante__nombre strong{font-size:var(--t-l);font-stretch:var(--ancho-semi)}.colgante__nombre span{color:var(--gris);font-size:var(--t-s)}.colgante__controles{align-items:center;gap:var(--s-3);font-size:var(--t-s);color:var(--gris);padding-left:10%;font-weight:600;display:flex}.buscador{gap:var(--s-3);margin-top:var(--s-6);padding:var(--s-4);background:var(--blanco);border-radius:var(--r-grande);box-shadow:var(--sombra-2);display:grid}.buscador__campo{font-size:var(--t-xs);flex-direction:column;gap:6px;font-weight:700;display:flex}.buscador__campo>span:first-child{padding-left:4px}.buscador__entrada{border:1.5px solid var(--linea);border-radius:var(--r-medio);align-items:center;gap:10px;min-height:48px;padding:0 14px;font-weight:400;display:flex}.buscador__entrada:focus-within{border-color:var(--verde-accion);box-shadow:0 0 0 4px #1c7a3726}.buscador__entrada .ico{color:var(--gris)}.buscador__entrada input{min-width:0;font-size:var(--t-m);background:0 0;border:0;outline:0;flex:1;min-height:44px}.buscador__campo .control{font-weight:500;font-size:var(--t-m)}.buscador__boton{min-height:52px}.atajos{margin-top:var(--s-4);scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.atajos .chip{flex:none}@media (width>=700px){.buscador{padding:var(--s-5);grid-template-columns:1fr 1fr}.buscador__campo--texto,.buscador__boton{grid-column:1/-1}.atajos{flex-wrap:wrap;overflow:visible}}@media (width>=1000px){.heroe{padding:var(--s-7) 0 var(--s-8)}.heroe__rejilla{gap:0 var(--s-5);grid-template-columns:repeat(12,1fr)}.heroe__texto{padding-top:var(--s-5);z-index:1;grid-area:1/1/auto/8;position:relative}.colgante{grid-area:1/8/auto/13}.colgante__marco{margin-top:80px}.colgante__clavo{top:-80px}.colgante__cordon{height:calc(50% + 74px);top:-74px}.buscador{padding:var(--s-4);margin-right:var(--s-5);grid-template-columns:1fr 1fr auto;align-items:end}.buscador__boton{grid-column:auto;padding-inline:24px}}@media (width>=1280px){.heroe__texto{grid-column:1/8}.colgante{grid-column:8/13;margin-right:-12px}}.tipos{background:var(--blanco);padding:var(--s-8) 0}.tipos__titulo{font-size:var(--t-3xl);margin-bottom:var(--s-6)}.tipos__lista{gap:var(--s-3);margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(200px,62%);grid-auto-flow:column;list-style:none;display:grid;overflow-x:auto}.tipos__lista li{scroll-snap-align:start}.tipo{height:100%;padding:var(--s-5) var(--s-5) var(--s-4);border:1.5px solid var(--linea);border-radius:var(--r-grande);background:var(--blanco);transition:border-color var(--d-2) var(--curva), background var(--d-2) var(--curva);gap:4px;text-decoration:none;display:grid}.tipo:hover{border-color:var(--verde);background:var(--verde-tenue)}.silueta{width:100%;max-width:190px;height:auto;margin-bottom:var(--s-4);fill:none;stroke:var(--marino);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;transition:translate var(--d-3) var(--curva)}.silueta circle{fill:var(--blanco)}.tipo__nombre{font-size:var(--t-xl);font-weight:800;font-stretch:var(--ancho-display);letter-spacing:-.02em;line-height:1.1}.tipo__cuenta{color:var(--gris);font-size:var(--t-s)}@media (width>=1000px){.tipos__lista{grid-template-columns:repeat(5,1fr);grid-auto-flow:row;margin:0;padding:0;overflow:visible}}.destacados{padding:var(--s-9) 0 var(--s-8)}.destacados__rejilla{gap:var(--s-5);display:grid}.protagonista{background:var(--blanco);border-radius:var(--r-grande);box-shadow:var(--sombra-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.protagonista__foto{aspect-ratio:4/3;position:relative;overflow:hidden}.protagonista__foto img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-3) var(--curva)}.protagonista:hover .protagonista__foto img{transform:scale(1.03)}.protagonista__info{padding:0 var(--s-5) var(--s-5);gap:var(--s-3);display:grid;position:relative}.protagonista__info .etiqueta{margin-top:-30px;margin-left:calc(var(--s-5) * -1);width:fit-content}.protagonista h3{font-size:var(--t-2xl)}.protagonista h3 a{text-decoration:none}.protagonista h3 a:after{content:"";z-index:1;position:absolute;inset:0}.protagonista__version{color:var(--gris);margin-top:-6px}.protagonista__desc{color:var(--gris);font-size:var(--t-s);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ficha-corta{margin:var(--s-2) 0;background:var(--linea-suave);border-radius:var(--r-medio);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.ficha-corta div{background:var(--concreto);padding:10px 14px}.ficha-corta dt{font-size:var(--t-xs);color:var(--gris)}.ficha-corta dd{margin:0;font-weight:700}.secundarios{gap:var(--s-4);margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 16px;scroll-snap-type:x mandatory;grid-auto-columns:minmax(250px,78%);grid-auto-flow:column;display:grid;overflow-x:auto}.secundarios .tarjeta{scroll-snap-align:start}@media (width>=1000px){.destacados__rejilla{grid-template-columns:7fr 5fr;align-items:stretch}.protagonista__foto{aspect-ratio:auto;flex:1;min-height:360px}.secundarios{grid-template-columns:1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row;margin:0;padding:0;overflow:visible}.secundarios .tarjeta__version,.secundarios .tarjeta__pie span:last-child{display:none}.secundarios .tarjeta__foto{aspect-ratio:auto;flex:1;min-height:150px}.secundarios .tarjeta__cuerpo{flex:none}.secundarios .tarjeta__titulo{font-size:var(--t-m)}.secundarios .tarjeta__cuerpo{padding:12px 14px 14px}.secundarios .datos{font-size:var(--t-xs);gap:4px 12px}.secundarios .datos li:last-child{display:none}}.vende{background:var(--verde-accion);color:var(--blanco);padding:var(--s-9) 0;overflow:hidden}.vende__rejilla{gap:var(--s-8);align-items:center;display:grid}.vende h2{font-size:var(--t-3xl);max-width:14ch}.pasos{margin:var(--s-6) 0 var(--s-6);gap:var(--s-5);counter-reset:none;padding:0;list-style:none;display:grid}.pasos li{gap:var(--s-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.pasos__num{background:var(--naranja);width:52px;height:38px;color:var(--marino);font-weight:800;font-size:var(--t-l);font-stretch:var(--ancho-display);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);border-radius:0 8px 8px 0;place-items:center;padding-left:10px;display:grid}.pasos h3{font-size:var(--t-l);font-stretch:var(--ancho-semi);margin-bottom:4px}.pasos p{color:#d9eedd}.maqueta{background:var(--blanco);max-width:520px;color:var(--marino);border-radius:var(--r-grande);margin-inline:auto;overflow:hidden;transform:rotate(2.5deg);box-shadow:0 30px 60px -20px #00000073}.maqueta__barra{border-bottom:1px solid var(--linea-suave);font-size:var(--t-xs);align-items:center;gap:6px;padding:12px 16px;display:flex}.maqueta__barra span{background:var(--linea);border-radius:50%;width:10px;height:10px}.maqueta__barra b{color:var(--gris);margin-left:auto;font-weight:600}.maqueta__progreso{background:var(--linea-suave);height:4px}.maqueta__progreso i{background:var(--verde);width:75%;height:100%;display:block}.maqueta__cuerpo{gap:var(--s-4);padding:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.maqueta__foto{border-radius:var(--r-medio);aspect-ratio:4/3;align-self:start;position:relative;overflow:hidden}.maqueta__foto img{object-fit:cover;width:100%;height:100%}.maqueta__foto .etiqueta{font-size:var(--t-xs);position:absolute;bottom:10px;left:0}.maqueta__campos{gap:8px;display:grid}.maqueta__campo{border:1.5px solid var(--linea);font-size:var(--t-s);border-radius:10px;padding:8px 10px;font-weight:700;display:grid}.maqueta__campo small{color:var(--gris);font-size:11px;font-weight:500}@media (width>=1000px){.vende__rejilla{grid-template-columns:5fr 7fr}.maqueta{margin-right:0}}.recientes{background:var(--blanco);padding:var(--s-8) 0 var(--s-9)}.filas{border-top:2px solid var(--marino);margin:0;padding:0;list-style:none}.fila{gap:8px var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--linea);transition:background var(--d-1) var(--curva);grid-template-columns:104px 1fr;grid-template-areas:"foto titulo""foto precio""datos datos";align-items:center;display:grid;position:relative}.fila:hover{background:var(--concreto)}.fila__foto{aspect-ratio:4/3;border-radius:var(--r-chico);grid-area:foto;align-self:start;overflow:hidden}.fila__foto img{object-fit:cover;width:100%;height:100%}.fila__titulo{grid-area:titulo}.fila__titulo h3{font-size:var(--t-l);font-stretch:var(--ancho-semi);letter-spacing:-.01em;font-weight:700}.fila__titulo a{text-decoration:none}.fila__titulo a:after{content:"";position:absolute;inset:0}.fila__titulo p{color:var(--gris);font-size:var(--t-s)}.fila__datos{grid-area:datos;margin:0}.fila__fecha{color:var(--gris);font-size:var(--t-s);display:none}.fila__precio{font-size:var(--t-s);grid-area:precio;justify-self:start}@media (width>=900px){.fila{gap:var(--s-5);padding:var(--s-4) var(--s-3);grid-template-columns:140px minmax(0,1.4fr) minmax(0,1.6fr) 120px 150px;grid-template-areas:"foto titulo datos fecha precio"}.fila__fecha{display:block}.fila__precio{font-size:var(--t-m);justify-self:end}}.compramos{background:var(--marino);color:var(--blanco);padding:var(--s-9) 0;position:relative;overflow:hidden}.compramos:before{content:"";aspect-ratio:5/3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300'%3E%3Cpath d='M80 4h396a20 20 0 0 1 20 20v252a20 20 0 0 1-20 20H80L4 150Z' fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='3'/%3E%3Ccircle cx='76' cy='150' r='16' fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='3'/%3E%3C/svg%3E") 50%/contain no-repeat;width:min(70vw,820px);position:absolute;top:50%;right:-8%;transform:translateY(-50%)rotate(-8deg)}.compramos__rejilla{gap:var(--s-6);align-items:end;display:grid;position:relative}.compramos h2{font-size:var(--t-3xl)}.compramos p{margin-top:var(--s-3);color:#c9d3e2;font-size:var(--t-l);max-width:36ch}.compramos__numero{gap:var(--s-3);color:var(--blanco);white-space:nowrap;font-size:clamp(2.2rem,.8rem + 5vw,5.6rem);font-weight:800;font-stretch:var(--ancho-display);letter-spacing:-.035em;line-height:.95;text-decoration:none;display:grid}.compramos__accion{width:fit-content;font-size:var(--t-m);letter-spacing:0;color:var(--marino);background:var(--naranja);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-weight:700;font-stretch:100%;display:inline-flex}@media (width>=1000px){.compramos__rejilla{grid-template-columns:5fr 7fr}.compramos__numero{text-align:right;justify-items:end}}.heroe{isolation:isolate;position:relative;overflow:hidden}.heroe__titulo .linea{margin-bottom:-.08em;padding-bottom:.08em;overflow:hidden}.heroe__titulo .linea>span{animation:linea-sube .95s var(--curva) both;display:block}.heroe__titulo .linea:nth-child(2)>span{animation-delay:90ms}.heroe__titulo .linea:nth-child(3)>span{animation-delay:.18s}@keyframes linea-sube{0%{transform:translateY(108%)}}.heroe__bajada,.buscador,.atajos{animation:aparece .7s var(--curva) .32s both}@keyframes aparece{0%{opacity:0;transform:translateY(14px)}}.colgante__nombre strong,.colgante__controles{color:var(--blanco)}.colgante__nombre span{color:#cfe8d5}@media (width<=999px){.colgante{margin:var(--s-5) calc(var(--gutter) * -1) 0;padding:var(--s-2) var(--gutter) var(--s-6);background:var(--verde-accion);clip-path:polygon(0 18px,50% 0,100% 18px,100% 100%,0 100%)}}@media (width>=1000px){.heroe:before,.heroe:after{content:"";z-index:-1;clip-path:polygon(16% 0,100% 0,100% 100%,16% 100%,0 50%);pointer-events:none;width:47%;position:absolute;top:0;bottom:0;right:0}.heroe:before{background:var(--verde-accion);animation:bloque-entra 1.1s var(--curva) both;-webkit-mask:radial-gradient(circle at 9%,#0000 22px,#000 23px);mask:radial-gradient(circle at 9%,#0000 22px,#000 23px)}.heroe:after{animation:bloque-entra 1.1s var(--curva) both;background:repeating-linear-gradient(-55deg,#0000 0 22px,#ffffff0d 22px 24px)}@keyframes bloque-entra{0%{transform:translate(35%)}}}.cinta{z-index:3;background:var(--naranja);color:var(--marino);margin:-14px -3vw 0;padding:14px 0;position:relative;overflow:hidden;transform:rotate(-1.4deg);box-shadow:0 10px 24px -12px #13294b73}.cinta__pista{width:max-content;animation:70s linear infinite cinta;display:flex}.cinta:hover .cinta__pista{animation-play-state:paused}.cinta__item{white-space:nowrap;font-weight:800;font-stretch:var(--ancho-semi);font-size:var(--t-m);align-items:center;gap:10px;padding:0 26px;display:inline-flex}.cinta__item .ico{width:18px;height:18px}.cinta__precio{background:var(--marino);color:var(--blanco);font-variant-numeric:tabular-nums;font-size:var(--t-s);border-radius:999px;padding:2px 10px}@keyframes cinta{to{transform:translate(-50%)}}.tipos{background:var(--marino);color:var(--blanco);padding:calc(var(--s-8) + 12px) 0 var(--s-8)}.tipo{color:var(--blanco);background:#ffffff0a;border-color:#ffffff24;position:relative;overflow:hidden}.tipo:after{content:"";background:var(--naranja);transform-origin:0;height:3px;transition:transform var(--d-2) var(--curva);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tipo:hover{background:#ffffff14;border-color:#ffffff4d}.tipo:hover:after{transform:none}.tipo .silueta{stroke:var(--blanco)}.tipo .silueta circle{fill:var(--marino)}.tipo:hover .silueta{stroke:var(--naranja);translate:10px}.tipo .rueda,.tipo .carroceria{transform-box:fill-box;transform-origin:50%}.tipo .rueda{transition:rotate var(--d-3) var(--curva)}.tipo:hover .rueda{rotate:160deg}.tipo__cuenta{color:#b9c4d4}.tipos__lista{scrollbar-color:#ffffff59 transparent}.tipos__lista.preparado .silueta{opacity:0}.tipos__lista.visible .silueta{animation:1.4s cubic-bezier(.14,.82,.3,1) both llegar;animation-delay:calc(var(--i) * .11s)}.tipos__lista.visible .rueda{animation:1.4s cubic-bezier(.14,.82,.3,1) both girar;animation-delay:calc(var(--i) * .11s)}.tipos__lista.visible .carroceria{animation:.65s ease-out both asentar;animation-delay:calc(var(--i) * .11s + 1.05s)}@keyframes llegar{0%{opacity:0;transform:translate(-125%)}10%{opacity:1}to{opacity:1;transform:none}}@keyframes girar{0%{transform:rotate(-1080deg)}to{transform:rotate(0)}}@keyframes asentar{0%{transform:none}30%{transform:translateY(1.8px)rotate(.8deg)}65%{transform:translateY(-.7px)rotate(-.3deg)}to{transform:none}}.destacados{position:relative;overflow:hidden}.destacados>.envoltura{position:relative}.destacados:before{content:"";aspect-ratio:5/3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300'%3E%3Cpath d='M80 4h396a20 20 0 0 1 20 20v252a20 20 0 0 1-20 20H80L4 150Z' fill='%232e9e47' fill-opacity='.08'/%3E%3Ccircle cx='76' cy='150' r='16' fill='%23eef1ee'/%3E%3C/svg%3E") 50%/contain no-repeat;width:min(80vw,980px);position:absolute;top:40px;left:-12%;transform:rotate(6deg)}.maqueta{position:relative}.maqueta__campo em{min-height:1.3em;font-style:normal}.maqueta__campo.activo{border-color:var(--verde-accion);box-shadow:0 0 0 3px #1c7a3726}.maqueta__campo.activo em:after{content:"";vertical-align:-2px;background:var(--verde-accion);width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite cursor;display:inline-block}@keyframes cursor{50%{opacity:0}}.maqueta__progreso i{transform-origin:0;transition:transform var(--d-3) var(--curva)}.maqueta__foto{transition:opacity var(--d-2) var(--curva), transform var(--d-2) var(--curva)}.maqueta.sin-foto .maqueta__foto{opacity:0;transform:scale(.94)}.maqueta__sello{background:var(--verde-accion);color:var(--blanco);font-weight:800;font-size:var(--t-xs);opacity:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .2s;display:inline-flex;position:absolute;bottom:18px;right:18px;transform:scale(.6)rotate(-8deg)}.maqueta.lista .maqueta__sello{opacity:1;transform:rotate(-6deg)}.compramos{background:var(--naranja);color:var(--marino)}.compramos p{color:var(--marino)}.compramos:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300'%3E%3Cpath d='M80 4h396a20 20 0 0 1 20 20v252a20 20 0 0 1-20 20H80L4 150Z' fill='none' stroke='%2313294b' stroke-opacity='.14' stroke-width='3'/%3E%3Ccircle cx='76' cy='150' r='16' fill='none' stroke='%2313294b' stroke-opacity='.14' stroke-width='3'/%3E%3C/svg%3E")}.compramos__numero{color:var(--marino)}.compramos__accion{background:var(--marino);color:var(--blanco)}.compramos__numero:hover .compramos__accion{background:var(--verde-accion)}
