.specs{width:100%;height:100%}
.specs .rotate{transform:rotate(180deg)}
.specs .title{width:100%;font-size:16px;line-height:30px;text-align:center;color:#fff;margin-bottom:32px;padding-top:8px;height:64px;overflow:hidden}
.specs .margin-top-0{margin-top:0 !important}
.specs .header h5{font-family:"CupraRegular",serif;font-size:16px;line-height:30px;color:#fff;border-bottom:solid 1px rgba(255,255,255,0.1);cursor:pointer}
.specs .header h5 button{cursor:pointer;font-family:"CupraRegular",serif;font-size:16px;color:#fff;border:0;text-align:left;width:100%;background:url("../../../../../etc.clientlibs/nuevaswebs/components/clientlibs/cupra/main/resources/img/specs-arrow-down-white.svg") no-repeat;background-position-x:95%;background-position-y:center;margin-bottom:16px;margin-top:16px;padding-left:16px;overflow:hidden}
.specs .header h5 button[aria-expanded="true"]{background:url("../../../../../etc.clientlibs/nuevaswebs/components/clientlibs/cupra/main/resources/img/specs-arrow-up.png") no-repeat;background-position-x:95%;background-position-y:center}
.specs .header h5 button:focus{outline:0;border:0}
.specs .container-fluid{margin-bottom:32px;padding-bottom:32px}
.specs .card-body{font-family:"CupraLight",serif;font-size:16px;line-height:30px;padding-bottom:16px;color:#fff}
.specs .card-body .richtext{color:#fff;font-family:"CupraLight",serif;margin:0}
.specs .card-body .richtext p{color:#fff;line-height:29px}
.specs .card-body .richtext ul{padding:0;margin:0}
.specs .card-body .richtext ul li{color:#fff;list-style:none;padding-top:24px}
.specs .card-body .richtext ul strong,.specs .card-body .richtext ul b{font-family:"CupraRegular",serif;display:block;font-weight:normal;font-size:16px;line-height:30px}
.specs .modalEmisions{padding:16px;display:none;position:absolute;margin:auto;left:auto;z-index:2}
.specs .modalEmisions #cicles{overflow:hidden}
.specs .modalEmisions #cicles li{height:54px;width:143px;cursor:pointer}
.specs .modalEmisions #cicles li.alone{width:100%}
.specs .modalEmisions #cicles button{position:relative;width:100%;height:100%;border:0;background:#FFF;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:26px;letter-spacing:normal;text-align:center;color:#242221;cursor:pointer}
.specs .modalEmisions #cicles button.active{color:#242221}
.specs .modalEmisions #cicles button.active::before{content:'';width:100%;height:1px;background:#000;position:absolute;bottom:0;left:0}
.specs .modalEmisions #cicles button:focus,.specs .modalEmisions #cicles button:active{outline:0}
.specs .modalEmisions .close,.specs .modalEmisions .co2,.specs .modalEmisions .aclaracion{display:none}
.specs .modalEmisions .m-content{position:relative;width:288px;margin:auto;min-height:180px;background:#FFF;border-radius:4px;border:solid 1px #d6d6d5}
.specs .modalEmisions .modal-body{padding:0 16px 0 16px}
.specs .modalEmisions .modal-body ul{padding:0}
.specs .modalEmisions .modal-body ul li{font-size:12px;font-weight:normal;font-style:normal;color:#242221;line-height:22px;list-style:none}
.specs .modalEmisions .modal-body ul li strong,.specs .modalEmisions .modal-body ul li b{line-height:22px;font-size:12px;color:#242221}
.specs .modalEmisions .tab-pane{display:none;width:100%}
.specs .modalEmisions .tab-pane>div{height:100%;padding-top:24px}
.specs .modalEmisions .tab-pane.active{display:flex;flex-wrap:wrap}
.specs .modalEmisions .richtext{font-family:"CupraRegular",serif}
.specs .modalEmisions .richtext ul li{font-family:"CupraRegular",serif}
.specs .modalEmisions .richtext p{font-size:12px}
.specs .modalEmisions .richtext a{color:#242221}
.specs .engine h2{font-family:"CupraRegular",serif;font-size:24px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:34px;letter-spacing:normal;margin-bottom:24px}
.specs .engine h5{font-family:"CupraMedium",serif;font-size:14px;line-height:24px}
.specs .engine .bignumber{font-family:"CupraLight",serif;font-size:48px;line-height:58px}
.specs .engine .bigdata{font-size:14px;line-height:24px;vertical-align:top}
.specs .engine .round{width:20px;height:20px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:20px;margin-left:8px;display:inline-block;font-size:11px}
.specs .engine .row{margin:0}
.specs .engine .w-data{margin-bottom:24px}
.specs .engine .second-col{margin-top:24px;padding:0}
.specs .engine .second-col .w-data{position:relative;margin-bottom:24px;padding:0}
.specs .engine .second-col h5{font-size:14px;line-height:26px}
.specs .engine .second-col .infoCo2{cursor:pointer}
.specs .engine .second-col .mediumnumber{font-family:"CupraLight",serif;font-size:20px;line-height:30px}
.specs .engine .engine-third-line{width:100%}
.specs .engine .engine-third-line .col-12{padding-left:0}
.specs .engine .engine-third-line h6{font-family:"CupraMedium",serif;font-size:14px;line-height:24px}
.specs .engine .engine-third-line p{color:#fff;font-size:20px;font-family:"CupraLight",serif}
.specs .backdrop{opacity:.4;background-color:transparent;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;display:none}
@media(min-width:764px){.specs .container-fluid{padding-right:32px;padding-left:32px;padding-bottom:64px}
.specs .title{font-size:24px;line-height:34px;padding-top:16px;margin-bottom:56px;height:64px}
.specs .header h5{font-size:24px;line-height:34px}
.specs .header h5 button{font-size:24px;margin-top:16px;background-position-x:97.6%}
.specs .header h5 button[aria-expanded="true"]{background-position-x:97.6%}
.specs .card-body{padding:32px 16px 24px 16px}
.specs .card-body .richtext ul{columns:2;font-size:16px;line-height:34px}
.specs .card-body .richtext p{font-size:16px;line-height:34px}
.specs .card-body .two-col{columns:2}
.specs .triangle:before{content:'';display:block;position:absolute;right:-2px;top:11px;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}
.specs .triangle:after{content:'';display:block;position:absolute;right:-1px;top:12px;width:0;height:0;border:9px solid transparent;border-bottom-color:#fff;z-index:6}
.specs .engine{padding-top:48px}
.specs .engine h2{font-size:36px;margin-bottom:40px}
.specs .engine .first-col .w-data{margin-bottom:56px}
.specs .engine .first-col h5{font-size:14px;line-height:24px}
.specs .engine .first-col .bignumber{font-size:65px;line-height:74px}
.specs .engine .first-col .bigdata{font-size:16px;line-height:26px}
.specs .engine .first-col .col-l-6{max-width:165px}
.specs .engine .second-col{margin-bottom:64px;margin-top:0;padding-left:24px !important}
.specs .engine .second-col .w-data{border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:0;padding:16px 0}
.specs .engine .second-col .w-data:last-child{border-bottom:0}
.specs .engine .second-col .w-data:first-child{padding-top:0}
.specs .engine .second-col .infoCo2{position:relative}
.specs .engine .second-col .row::first-line {padding-top:0}
.specs .engine .w-data{margin-bottom:32px}
.specs .engine .engine-third-line{border-top:1px solid rgba(255,255,255,0.2);padding:48px 0}
.specs .modalEmisions{overflow:hidden;padding-right:24px;padding-top:12px;position:absolute;right:0;width:max-content}
.specs .modalEmisions .close,.specs .modalEmisions .co2,.specs .modalEmisions .aclaracion{display:block}
.specs .modalEmisions #cicles{overflow:hidden}
.specs .modalEmisions #cicles li{height:58px;width:50%}
.specs .modalEmisions #cicles li.alone{width:100%}
.specs .modalEmisions #cicles button{position:relative;width:100%;height:100%;border:0;background:#FFF;font-size:14px;line-height:26px;text-align:center}
.specs .modalEmisions #cicles button.active{color:#242221}
.specs .modalEmisions #cicles button.active::before{content:'';width:100%;height:1px;background:#000;position:absolute;bottom:0;left:0}
.specs .modalEmisions #cicles button:focus,.specs .modalEmisions #cicles button:active{outline:0}
.specs .modalEmisions .close{position:absolute;top:16px;right:16px}
.specs .modalEmisions .m-content{position:relative;width:568px;max-width:568px;min-height:280px;max-height:none;background:#FFF;border-radius:0;border:solid 1px #d6d6d5}
.specs .modalEmisions .modal-body{padding:0 24px 0 24px}
.specs .modalEmisions .modal-body ul{padding:0}
.specs .modalEmisions .modal-body ul li{font-size:14px;font-weight:normal;font-style:normal;line-height:24px;list-style:none;color:rgba(36,34,33,0.6)}
.specs .modalEmisions .modal-body ul li strong,.specs .modalEmisions .modal-body ul li b{line-height:22px;font-size:12px;color:#242221}
.specs .modalEmisions .modal-body .moreInfo{font-size:14px;line-height:24px}
.specs .modalEmisions .modal-body .col-md-6{padding-bottom:24px}
.specs .modalEmisions .modal-body .co2{padding-left:24px;padding-right:0;font-size:12px;min-height:252px;color:rgba(36,34,33,0.6);min-width:200px}
.specs .modalEmisions .modal-body .co2 h6{font-size:12px;line-height:22px}
.specs .modalEmisions .modal-body .co2 .subtitle-co2{line-height:22px;margin-bottom:16px;color:#242221}
.specs .modalEmisions .modal-body #nav-wltp h6{font-size:12px;line-height:22px;color:rgba(36,34,33,0.6)}
.specs .modalEmisions .modal-body #nav-wltp .subtitle-co2{line-height:22px;margin-bottom:16px;color:#242221}
.specs .modalEmisions .modal-body #nav-wltp ul li{font-size:14px;line-height:24px;margin:4px}
.specs .modalEmisions .modal-body .aclaracion p{font-size:12px;line-height:20px;padding-top:16px;padding-bottom:16px;color:rgba(36,34,33,0.6)}
.specs .modalEmisions .tab-pane{display:none;width:100%}
.specs .modalEmisions .tab-pane>div{height:100%;padding-top:24px}
.specs .modalEmisions .tab-pane.active{display:flex;flex-wrap:wrap}
.specs .modalEmisions img.graphic{width:100%}
}
@media(min-width:1016px){.specs .container-fluid{padding-right:114px;padding-left:114px}
.specs .title{padding-top:16px}
.specs .header h5{font-size:24px}
.specs .header h5 button{margin-top:16px;font-size:24px;margin-bottom:8px;background-position-x:97%}
.specs .header h5 button[aria-expanded="true"]{background-position-x:97%}
.specs .card-body{padding-top:56px;padding-bottom:32px}
.specs .card-body .richtext p{font-size:24px;line-height:34px}
.specs .card-body .richtext ul li{padding-top:32px;font-size:24px}
.specs .card-body .richtext ul strong,.specs .card-body .richtext ul b{font-size:24px;line-height:34px}
.specs .engine .second-col .w-data:nth-child(1){padding-top:0}
.specs .engine .second-col .w-data:nth-child(2){padding-top:0}
.specs .modalEmisions .m-content{min-width:500px}
}
@media(min-width:1436px){.specs .container-fluid{padding-right:266px;padding-left:266px}
.specs .title{padding-top:16px}
.specs .richtext{margin:0}
.specs .richtext p{font-family:"CupraLight",serif;font-size:24px;line-height:34px}
.specs .header h5 button{margin-top:16px}
}
.specsHero{background:#f5f5f5}
@keyframes slideUp{0{opacity:0}
100%{top:-2px;opacity:1}
}
@keyframes slideDown{0{opacity:1;top:-2px}
100%{top:100%;opacity:0}
}
@media all and (max-width:763px){.specsHero .container-fluid-s{padding:0}
}
@media all and (max-width:763px){.specsHero .special-padding{padding:0 16px}
}
.specsHero .flex-parent{display:flex;flex-wrap:wrap}
.specsHero .trimselect{padding-top:32px}
.specsHero .trimselect .selectors{margin-bottom:8px}
.specsHero .trimselect .title{font-family:"CupraLight",serif;font-size:28px;line-height:40px}
.specsHero .trimselect .car-img{width:100%}
.specsHero .trimselect .label{display:block;font-family:"CupraBook",serif;font-size:14px;line-height:24px;margin-bottom:32px;margin-top:32px}
.specsHero .trimselect .special-drop{display:none}
.specsHero .trimselect .special-drop .specs-select{font-family:"CupraLight",serif;font-size:16px;line-height:30px;color:rgba(36,34,33,0.6);text-align:left;background:url("../../../../../etc.clientlibs/nuevaswebs/components/clientlibs/cupra/main/resources/img/df-icon-arrowdown-list.svg") center no-repeat;background-position-x:99%;display:block;width:100%;padding:8px 0;background-color:transparent;border:0;border-bottom:1px solid #d5d5d5;border-radius:0}
.specsHero .trimselect .special-drop .specs-select:focus{outline:0}
.specsHero .trimselect .special-drop .dropdown-menu{width:100%;font-family:"CupraLight",serif}
.specsHero .trimselect .special-drop .dropdown-menu .selected{position:relative}
.specsHero .trimselect .special-drop .dropdown-menu .selected:after{content:'';background:url("../../../../../etc.clientlibs/nuevaswebs/components/clientlibs/cupra/main/resources/img/icon-item-selected.svg") center no-repeat;height:32px;width:32px;position:absolute;right:16px}
.specsHero .trimselect .special-drop .dropdown-menu .selected a{font-family:"CupraLight",serif;cursor:pointer}
.specsHero .trimselect .special-drop .anim-slideUp{animation:slideUp .3s}
.specsHero .trimselect .special-drop .anim-slidedown{animation:slideDown .3s}
.specsHero .trimselect .special-drop .dropdown-item:active{color:#16181b;text-decoration:none;background-color:#f8f9fa}
.specsHero .trimselect select.form-control{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:"CupraLight",serif;font-size:16px;line-height:30px;color:rgba(36,34,33,0.6);text-align:left;background:url("../../../../../etc.clientlibs/nuevaswebs/components/clientlibs/cupra/main/resources/img/df-icon-arrowdown-list.svg") center no-repeat;background-position-x:99%;display:block;width:100%;padding:8px 0;background-color:transparent;border:0;border-bottom:1px solid #ced4da;border-radius:0}
.specsHero .trimselect .col-12{padding:0}
.specsHero .trimselect .car-img-cont{padding-bottom:32px}
.specsHero .trimselect .form-group{margin-bottom:32px}
.specsHero select::-ms-expand{display:none}
@media(min-width:764px){.specsHero{padding:0 16px;margin:0}
.specsHero .trimselect{padding-top:64px;padding-bottom:64px}
.specsHero .trimselect .car-img-cont{padding-bottom:0;display:flex;align-items:center;padding-right:16px}
.specsHero .trimselect .car-img{max-width:335px;margin:auto}
.specsHero .trimselect .selectors{padding-left:16px;padding-right:16px;display:flex;flex-direction:column;justify-content:center}
.specsHero .trimselect .title{height:auto;font-size:36px;letter-spacing:0;line-height:46px;margin-top:32px;max-height:calc(46px * 2 + 4px);overflow:hidden}
.specsHero .trimselect .label{font-size:initial;line-height:initial;margin-top:32px;display:block}
.specsHero .trimselect .special-drop .specs-select{height:48px;max-width:334px;background-position-x:97%;background-position-y:54%;overflow:hidden}
.specsHero .trimselect .special-drop .dropdown-menu{max-width:334px;width:96%}
}
@media(min-width:1016px) and (max-width:1435px){.specsHero .trimselect .col-l-62{flex:0 0 63%;max-width:63%}
.specsHero .trimselect .col-l-37{flex:0 0 37.1%;max-width:37.1%}
.specsHero .trimselect .car-img{max-width:541px}
}
@media(min-width:1016px){.specsHero{padding:0}
.specsHero .flex-parent{display:flex;justify-content:space-between}
.specsHero #engineselect,.specsHero #versionselect{display:none}
.specsHero .trimselect{padding-top:32px;padding-bottom:32px}
.specsHero .trimselect .container-fluid{padding-top:0;padding-bottom:0;padding-left:32px}
.specsHero .trimselect .title{height:auto;font-size:36px;letter-spacing:0;line-height:46px}
.specsHero .trimselect .offset-lg-1{margin:0;padding-right:16px}
.specsHero .trimselect .special-drop{display:block}
.specsHero .trimselect .special-drop .specs-select{height:auto}
.specsHero .trimselect .special-drop .dropdown-menu{width:100%}
.specsHero .trimselect .special-drop .dropdown-menu .dropdown-item{height:auto;white-space:normal;cursor:pointer}
.specsHero .trimselect .car-img-cont{align-items:center;padding-right:0;max-width:542px}
.specsHero .trimselect .selectors{padding:0 0 0 8px;margin-right:16px}
.specsHero .dropdown-menu{z-index:13}
}
@media(min-width:1436px){.specsHero .trimselect{padding-top:0;padding-bottom:0;max-width:1436px;margin:auto}
.specsHero .trimselect .container-fluid{padding:32px 32px}
.specsHero .trimselect .car-img-cont{max-width:819px;height:100%}
.specsHero .trimselect .car-img{width:auto;padding-bottom:0;height:auto;max-height:100%;max-width:752px}
.specsHero .trimselect .title{font-size:36px;letter-spacing:0;line-height:46px;margin-bottom:40px}
.specsHero .trimselect .form-group{padding-right:0}
.specsHero .trimselect .label{margin-top:0;font-size:16px;letter-spacing:0;line-height:26px;margin-bottom:24px}
.specsHero .trimselect .selectors{margin-left:0}
.specsHero .trimselect .col-xl-7{flex-basis:60.333%}
.specsHero .trimselect .special-drop .specs-select{max-width:none}
.specsHero .trimselect .special-drop .dropdown-menu{max-width:none}
}
@media(min-width:1920px){.specsHero .trimselect .car-img{margin-top:6px}
}