@charset "utf-8";

@font-face {
font-family: "PorscheNextWLa";
font-weight: 100;
font-style: normal;
src: url("../fonts/PorscheNextWLa-Thin.eot");
src: url("../fonts/PorscheNextWLa-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Thin.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Thin.woff") format("woff"), url("../fonts/PorscheNextWLa-Thin.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Thin.svg#PorscheNextWLa-Thin") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: 100;
font-style: italic;
src: url("../fonts/PorscheNextWLa-ThinItalic.eot");
src: url("../fonts/PorscheNextWLa-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-ThinItalic.woff2") format("woff2"), url("../fonts/PorscheNextWLa-ThinItalic.woff") format("woff"), url("../fonts/PorscheNextWLa-ThinItalic.ttf") format("truetype"), url("../fonts/PorscheNextWLa-ThinItalic.svg#PorscheNextWLa-ThinItalic") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: normal;
font-style: normal;
src: url("../fonts/PorscheNextWLa-Regular.eot");
src: url("../fonts/PorscheNextWLa-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Regular.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Regular.woff") format("woff"), url("../fonts/PorscheNextWLa-Regular.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Regular.svg#PorscheNextWLa-Regular") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: normal;
font-style: italic;
src: url("../fonts/PorscheNextWLa-Italic.eot");
src: url("../fonts/PorscheNextWLa-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Italic.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Italic.woff") format("woff"), url("../fonts/PorscheNextWLa-Italic.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Italic.svg#PorscheNextWLa-Italic") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: bold;
font-style: normal;
src: url("../fonts/PorscheNextWLa-Bold.eot");
src: url("../fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Bold.woff") format("woff"), url("../fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: bold;
font-style: italic;
src: url("../fonts/PorscheNextWLa-Bold.eot");
src: url("../fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Bold.woff") format("woff"), url("../fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg");
}
@font-face {font-family: "pag-iconfont";src: url('https://www.porsche.com/fonts/pag-iconfont/pag-iconfont.eot');src: url('https://www.porsche.com/fonts/pag-iconfont/pag-iconfont.eot?#iefix') format('eot'), url('https://www.porsche.com/fonts/pag-iconfont/pag-iconfont.woff') format('woff'), url('https://www.porsche.com/fonts/pag-iconfont/pag-iconfont.ttf') format('truetype'), url('https://www.porsche.com/fonts/pag-iconfont/pag-iconfont.svg') format('svg');}



*,:after,:before{box-sizing:border-box}
img {border:0em;max-width:100%;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style-type:none;margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;}
body {font-family:'PorscheNextWLa',Arial, Helvetica, sans-serif;margin:0 auto;padding:0;font-size:16px;max-width:1920px;position:relative;}
.oculto{display:none !important;}

header{position:relative;max-width:1920px;margin:0 auto;height:100px;}
header > a{display:none}
.logo { width: 100%; height: 100px; align-items: center; margin: 0px auto; display: flex; justify-content: center; position: absolute;}
.logo img { width: 240px; }

nav{margin:20px 0;}
nav ul li{display:inline-block;margin-right:20px;}
nav ul li a{color:#000000;font-size:16px;}
nav ul li a:hover, nav ul li a.activo{font-weight:bold;}

article{max-width:1920px;margin:0 auto;clear:both;}
article section{padding:0 10%;}
section.cabecera{padding:0;position:relative;}
section.cabecera img{width:100%;}
section.cabecera h1{position:absolute;bottom:7%;left:10%;font-size:60px;color:#ffffff;line-height:1;border-left:3px solid #ffffff;padding-left:16px;font-weight:bold;}
section.cabecera h1 span{display:block;font-size:48px;line-height:1;margin-top:20px;font-weight:100;}
#home,#pasos{padding-bottom:60px;}

h2{font-size:20px;font-weight:100;line-height:30px;margin-top:60px;}
h2.big{font-size:30px;line-height:40px;}
#home h3{font-size:20px;font-weight:100;line-height:30px;margin-top:60px;}
#home h3:before{content:'';border-top:4px solid #00b0f4;width:30px;margin-bottom:20px;display:block}
#home h3:after{content:'';border-bottom:1px solid #000000;display:block;padding-bottom:30px;}
#home .col-2 > ul{display:flex;justify-content:space-between;align-items:stretch;}
#home .col-2 > ul > li{width:53%;margin-top:60px;}
#home .col-2 > ul:nth-child(odd) > li:first-child{border-bottom:1px solid #000000;width:42%;margin-right:5%;}
#home .col-2 > ul:nth-child(even) > li:last-child{border-bottom:1px solid #000000;width:42%;margin-left:5%;}
#home .col-2 h4{font-size:28px;font-weight:100;line-height:40px;margin:5px 0 40px;}
#home .col-2 h4:before{content:'';border-top:4px solid #00b0f4;width:30px;margin-bottom:10px;display:block}
#home .col-2 > ul > li > ul > li{list-style-type:disc;margin:0 0 0 20px;font-size:18px;}
#home .col-2 > ul > li p{font-size:18px;}
#home h5{margin:80px 0 40px;font-size:48px;font-weight:100;text-align:center;line-height:60px;color:#000000;}
#home h5 a{color:#000000;}

a.boton{display:block;background-color:#313639;color:#00b0f4;height:50px;line-height:50px;font-size:18px;width:180px;text-align:center;margin:0 auto;}

.pasos ul li{margin:5% 1%;display:flex;justify-content:center;}
.pasos ul li h3{font-size:40px;color:#000000;border-right:5px solid #00b0f4;padding-right:20px;margin-right:20px;line-height:1;}
.pasos ul li h4{font-size:24px;color:#000000;font-weight:100;line-height:30px;width:30%}
.pasos ul li p{border-left:1px solid #000000;padding-left:20px;font-size:20px;width:60%}

#contenido{display:flex;justify-content:flex-start;flex-wrap:wrap}
#contenido section{padding:0}
#contenido section:first-of-type{width:45%;}
#contenido section:last-of-type{width:55%;}
#contenido section h2{font-weight:bold;font-size:24px;text-align:center;margin-bottom:20px;}
#contenido ul{display:flex;flex-wrap:wrap;}
#contenido ul li{width:50%;position:relative;cursor:pointer;}
#contenido ul li p{font-size:24px;color:#ffffff;font-weight:bold;position:absolute;top:20px;left:20px;line-height:1.4;}
#contenido svg{position:absolute;top:20px;left:20px;width:80%;}
#contenido img{display:block;}
#contenido ul li div{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#contenido ul li div a{display: block;height: 40px;line-height: 40px;color: #ffffff;border: 1px solid #ffffff;text-align: center;margin: 0 auto;padding: 0 16px;font-size: 16px;width: 50%;}
#contenido ul li div span{color: #ffffff;font-size: 14px;line-height: 1.2;display: inline-block;margin: 80px 20px 20px;}
#contenido ul li div strong{color: #ffffff;font-size: 14px;display:block;margin-bottom:10px;}
#mapa{padding:0}
#mapa #map{height:93%;}
#mapa .txtgris{color: #9b9b9b;margin-bottom:0;font-size:14px;}
#mapa .linkmap{color: #000000;text-decoration: underline;font-size:12px;}
#mapa .contenido{padding: 20px 10px}
#mapa .contenido p{font-size: 12px;font-weight:normal;font-family: 'PorscheNextWLa';}
#mapa .contenido p:first-child,.contenido p:last-child{margin:0;}
#mapa .contenido p.cp{font-size: 18px;margin-top:0;line-height:20px;}

form{width:80%;margin:60px auto 40px;}
form input[type="text"],form select{height:60px;line-height:60px;border:1px solid #313639;font-size:16px;color:#000000;font-family:'PorscheNextWLa';margin:20px 0;padding-left:10px;width:45%;margin:1% 2%;}
select {background-color:#ffffff;color:gray !important;}
textarea{border:1px solid #313639;font-size:16px;color:#000000;font-family:'PorscheNextWLa';width:45%;margin:1% 2%;padding:5px;vertical-align:top}
form p{font-size:30px;color:#000000;margin-top:60px;font-weight:100;}
form p:before{content:'';border-top:4px solid #00b0f4;width:30px;display:block}
form span{display:inline-block;font-size:16px;color:#000000;width:45%;margin:1% 2%;}
form input[type="radio"],form input[type="checkbox"]{vertical-align:middle;width:20px;height:20px;}
form span input[type="radio"]:nth-child(3){margin-left:50px;}
input[type="submit"]{margin:40px auto 0;display:block;background-color:#313639;color:#00b0f4;height:50px;line-height:50px;font-size:18px;width:180px;text-align:center;font-family:'PorscheNextWLa';-webkit-appearance: none;cursor:pointer;}
div.lgpd{margin:1% 2%;}
div.lgpd p{margin-bottom:15px;font-size:16px;font-weight:normal;margin-top:0;line-height:24px;}
div.lgpd p:before{border:0;width:auto;display:inline}
div.lgpd a{color:#000000;text-decoration:underline;}

#info{background-color:#eff0f1;}
#info form{width:100%;margin:0;}
#info form textarea{margin:0 20px 0 0;display:inline-block;vertical-align:middle;}
#info form input{margin:0;display:inline-block;}
#info form input[type="email"]{height:40px;line-height:40px;display:block;margin-bottom:10px;border:1px solid #313639;font-size:16px;color:#000000;font-family:'PorscheNextWLa';padding-left:10px;width:45%;}
#info section{width:80%;margin:0 auto;padding:20px 10%;}
#info p{font-size:24px;line-height:30px;font-weight:100;margin-bottom:20px;}
#info p a{color:#000000;text-decoration:underline;}
#info span#error{font-size:18px;margin-top:16px;font-weight:normal;display:block;margin:1% 0;}

#faq ul li{border-top:1px solid #00b0f4;padding-top:5px;position:relative;margin-bottom:20px;}
#faq h2{margin-bottom:20px;}
#faq ul li h3{font-size:24px;line-height:30px;}
#faq ul li p{font-size:18px;line-height:24px;margin:10px 0 20px;width:90%}
#faq ul li a.cerrar{float:right;border:1px solid #000000;color:#000000;font-size:16px;width:24px;height:24px;border-radius:50%;font-family:'pag-iconfont';margin-top:5px;display:flex;justify-content:center;align-items:center;transition:all .24s;-webkit-tap-highlight-color:transparent;background:url('../../assets/img/right-arrow.svg');background-size:cover;background-position: center;}
#faq ul li a.cerrar.open{transform:rotate(90deg)}

footer{background-color:#000000;padding:15px 10%;}
footer p{font-size:16px;line-height:20px;color:#ffffff;margin-bottom:15px;}
footer p a{color:#ffffff;text-decoration:underline;transition:background-color .24s,color .24s;}
footer p a:hover{color:#d5001c;text-decoration:none;}

#cookie-bar{background:#191f22;max-width:1920px;min-height:72px;margin:0 auto;}
#cookie-bar > div{position:relative;padding:0 7.14286%;}
#cookie-bar > div > a{right:.5em;top:.5em;width:45px;position:absolute;border-radius:3px;background-color:#3e4146;color:#FFF;line-height:1.5;padding:0;font-size:1.5em;-webkit-font-smoothing:antialiased;transition:background-color .24s;cursor:pointer;text-align:center;display:inline;height:initial;}
#cookie-bar > div > a:hover{background-color:#c00;}
#cookie-bar > div > a:before{content: "";font-family: 'pag-iconfont';color:#84868c;}
#cookie-bar p {padding:1em;font-family:"PorscheNextWLa",'Arial',sans-serif;font-size:12px;color:#84867C;max-width:90%;line-height:24px;}
#cookie-bar p a {text-decoration:underline;color:#84867C;}
#cookie-bar p a:hover{color:#c00;text-decoration:none;}


/* #consumo {margin-top:40px;}
#consumo h3{ font-weight: bold;font-size: 24px;margin-bottom: 20px;}
ul.consumos{display: flex; flex-wrap: wrap;}
ul.consumos p{font-size:18px;margin-bottom:10px;color:black}
ul.consumos > li{clear:both;width:48%;overflow:hidden;display:inline-block}
ul.consumos > li > ul{display: flex; flex-wrap: wrap; gap: 10px;}
ul.consumos > li > ul > li{width: 30%;}
ul.consumos > li > ul > li > ul{display: flex;}
ul.consumos li ul li:nth-child(2){display: flex; flex-direction: column;} 
ul.consumos li.icon{width: 60px;}
ul.consumos a{font-size:18px;margin-bottom:10px;color:black; text-decoration: underline;}
.b-eco{margin-right:20px;margin-bottom:8px;display:flex;float:left;cursor:pointer;}
.b-eco > div{align-self:center;display:flex;flex-direction:column;margin-left:6px;}
.b-eco__value{white-space:nowrap;line-height:1;font-size:18px;color:black}
.b-eco__title{font-weight: normal;font-size:14px;line-height:18px;white-space: nowrap;color:black}
.icon::before { font-family: 'pag-iconfont'; display: inline-block; width: 50px; height: 50px; font-size: 40px; line-height: 50px; text-align: center; border:1px solid black;border-radius:50%}
.icon-emision:before{content:'';}
.icon-gas:before{content:'';}
.icon-electricidad:before{content: '';}
.icon-plug:before{content: '';}
.icon-way:before {content: '';} */

@media only screen and (max-width:1024px) {
	#home .col-2 > ul > li{width:50%;}
	#home .col-2 > ul:nth-child(odd) > li:first-child{width:48%;margin-right:2%;}
	#home .col-2 h4{margin:5px 0 20px;}
	#info a.email, #info a.tel{display:block}
	#info a.tel{margin-top:20px;}
	#info a.tel i{margin-left:0;}
	#contenido section:first-of-type,#contenido section:last-of-type{width:100%;}
	#contenido section:first-of-type{margin-bottom:40px;}
	#mapa #map{height:50vh;}
	article section{padding:0 7.14286%;}
}
@media only screen and (max-width:768px) {
	section.cabecera h1{font-size:40px;}
	section.cabecera h1 span{font-size:28px;}
	h2{font-size:20px;line-height:26px;}
	h2.big{font-size:24px;line-height:30px;}
	#home h3,#home h5{font-size:20px;line-height:26px;}
	article section{padding:0 7.14286%;}
	#home .col-2 h4{font-size:24px;line-height:30px;}
	a.boton{line-height:40px;height:40px;font-size:16px;}
	.pasos ul li h4{font-size:20px;line-height:30px;}
	.pasos ul li p{font-size:16px}
	form{width:100%;margin:40px auto;}
	form p{font-size:24px;line-height:36px;}
	#info section{width:90%;}
	#faq ul li h3{font-size:18px;}
	#faq ul li p{font-size:16px;}

	/* #consumo h3.separador{margin-top: 20px; font-size: 16px;}
	ul.consumos p{font-size: 12px;}
	#consumo .icon::before{width:30px;height:30px;line-height:30px;font-size:24px;}
	ul.consumos li ul li:nth-child(2){font-size: 8px;}
	ul.consumos a{font-size: 8px;} 
	ul.consumos li{width:100%;}
	 */
}
@media only screen and (max-width:767px) {
	header{padding:0;height:64px;}
	header > a{float:right;font-size:16px;color:#000000;margin-right:20px;margin-top:30px;display:block;}
	.logo{border-bottom:0;text-align:left;position:absolute;top:0;left:6px;background-color:#ffffff;z-index:2;box-shadow:rgba(0,0,0,.14) 0 0 8px 0;}
	.logo a{padding:10px 5px}
	.logo a img{padding:0;width:100px;}
	nav{position:absolute;top:64px;left:0;width:100%;background-color:#ffffff;z-index:2;margin:0;}
	nav ul{display:none;padding-top:20px;}
	nav ul li{display:block;margin-right:10px;margin-left:10px;padding:5px;border-bottom:1px solid #eff0f1;}
	section.cabecera h1{position:relative;color:#000000;font-size:36px;left:0;bottom:0;border-left:0;}
	section.cabecera h1 span{font-size: 22px;}
	h2{font-size:18px;line-height:26px;margin-top:20px;}
	h2.big{font-size:22px;line-height:26px;}
	#home h3,#home h5{font-size:18px;line-height:26px;}
	.pasos ul li h4{font-size:20px;line-height:26px;}
	#home h5{margin:40px 0;}
	#home .col-2 > ul{flex-wrap:wrap;}
	#home .col-2 > ul:nth-child(odd){flex-direction:column-reverse}
	#home .col-2 > ul > li{width:100% !important;margin:20px 0 0 !important;}
	#home .col-2 > ul:nth-child(even) > li:last-child,#home .col-2 > ul:nth-child(odd) > li:first-child{padding-bottom:15px;}
	.pasos ul li{flex-wrap:wrap;margin:8% 0;}
	.pasos ul li h4{width:75%;}
	.pasos ul li p{border:0;padding-left:0;width:100%;}
	textarea,form > input[type="text"], form > select,form span{width:100%;margin:2% 0;}
	#contenido ul li{width:100%}
}