@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-regularitalic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-light-webfont.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-book-webfont.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-bolditalic-webfont.woff') format('woff'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Benton Sans'; src: url('/fonts/v2.x/v2.0/benton/bentonsans-black-webfont.woff') format('woff'); font-weight: 900; font-style: normal; }

body,html{height:100%;}
a{color:#03B282;}
img{max-width:100%;}
body{background-color:#fff;font-family:'Benton Sans',sans-serif;}
.contenedor{min-height:100%;background:#fff;position:relative;}
.contenido__interior{max-width:700px;margin:0 auto;padding:0 10px;}
.cabecera{background:#03B282;text-align:center;}
.cabecera-logo{height:50px;widows:95px;background: url(/verne/iconos/v1.x/v1.0/logos/verne.svg) center no-repeat;background-size:auto 28px;text-indent:-9999px;display:block;}
.antetitulo{color:#333333;font-size:14px;line-height:120%;font-weight:900;text-transform:uppercase;text-align:center;padding-top:24px;}
.fase_0 .antetitulo + h1{padding-top:10px;}
.barra_compartir{text-align:center;}
.barra_compartir ul{width:88px;margin:0 auto;}
.barra_compartir:after{content:'';display:table;clear:both;}
.barra_compartir a{display:inline-block;text-indent:-9999px;width:40px;height:40px;background:url(../img/compartir.png) 0 0 no-repeat;}
.barra_compartir li{float:left;margin:0 2px;}
.barra_compartir .twitter{}
.barra_compartir .facebook{background-position:right 0;}

.boton_repetir + .barra_compartir{margin-top:24px;}

.pie{text-align:center;}
.logo-pais{background:url(https://ep01.epimg.net/iconos/v1.x/v1.4/logos/cabecera_interior.svg) center no-repeat;background-size:auto 24px;height:64px;width:130px;text-indent:-9999px;display:block;margin:0 auto;}

.fase{text-align:center;}
.fase h1{text-transform:uppercase;color:#000000;font-family:'Benton Sans';font-size:26px;line-height:120%;text-align:center;font-weight:700;padding:24px 0;}
.fase-aviso{font-weight:500;font-size:16px;line-height:120%;color:#444444;text-align:center;padding:24px 0;}
.fase-nota{font-size:11px;line-height:120%;color:#535353;text-align:center;font-weight:500;padding:24px 0;max-width:300px;margin:0 auto;}
.fase-nota span{color:#03B282;}
.boton_ok{width:50px;height:50px;background-color:rgb(3,178,130);color:#fff;text-transform:uppercase;font-size:14px;font-weight:900;line-height:120%;color:rgb(255,255,255);text-align:center;border-radius:100%;float:right;}
.fase-campos{max-width:260px;background:#ECECEC;padding:7px;border-radius:32px;margin:0 auto;}

.campo{background-color:transparent;height:50px;width:190px;float:left;padding:0 8px;-webkit-appearance:none; -moz-appearance:none;box-sizing:border-box;
    -moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
.campos{background:#ECECEC;padding:7px;display:block;border-radius:32px;max-width:260px;margin:0 auto;}
.fase-ayuda{font-size:15px;line-height:120%;color:rgb(51,51,51);text-align:center;padding:20px 0;}
.fase-ayuda span{color:#03B282;}
.foto{display:inline-block;margin:0 auto;}
.mosaico figcaption{color:#fff; height:22px;line-height:22px;font-size:11px;line-height:22px;font-weight:700;text-align:center;width:117px;border-radius:11px;position:absolute;bottom:16px;left:14px;background-color:#03B282;text-transform:uppercase;}
.mosaico .foto{position:relative;cursor:pointer;}
.boton_repetir:before, .boton_repetir:after{content:'';display:block;width:64px;height:1px;background-color:#03B282;position:absolute;left:96px;top:-24px;}
.boton_repetir:after{top:auto;bottom:-24px;}
.boton_repetir{background:rgb(2,147,108) url(../img/boton_repetir.png) 30px center no-repeat;color:#fff;padding-left:40px;font-size:14px;font-weight:bold;text-transform:uppercase;text-align:center;position:relative;max-width:260px;height:70px;margin:24px 0;border-radius:4px;width:100%;}
.fase-resultado{background:rgba(239,206,74,.3);text-transform:uppercase;padding:20px;max-width:300px;margin:0 auto 20px;border-radius:8px;}
.fase-resultado p{font-size:16px;line-height:130%;color:rgba(0,0,0,.5);text-transform:none;font-weight:500;}
.fase-resultado .boton_repetir{background:#FF9A34;padding-left:0;padding-bottom:0;margin-bottom:0;}
.fase-resultado .boton_repetir:after, .fase-resultado .boton_repetir:before{display:none;}
.fase_0 h1{font-size:22px;color:rgb(3,178,130);}

.fase_2 h1{color:#535353;}
.fase_2 h1:after{content:'';display:table;clear:both;}
.fase_2 h1 .uno{color:#535353;font-size:22px;font-weight:300;text-align:left;display:block;padding:5px 0 15px 125px;background:url(../img/cigarrillo.png) 0 0 no-repeat;display:inline-block;margin:0 auto;}
.fase_2 h1 .uno span{color:#01B280;font-size:15px;text-transform:none;display:block;}
.fase_2 h1 .uno span strong{font-weight:900;font-size:50px;display:block;}
.fase_2 h1 .dos{display:block;margin:0 auto;}
.fase_2 h1 .dos strong{font-size:32px;font-weight:900;color:#01B280;}

.envoltorio_publi{text-align:center;background:#ebebeb;line-height:0;}
.envoltorio_publi .publi_luto_vertical{margin:0 auto;max-width:980px;text-align:center;}
.envoltorio_publi .publi_luto_vertical > div{margin:0 auto;display:inline-block;line-height:0;}

@media(min-width:1000px){
	.pie{}
}
@media(min-width:769px){
	h1 br{display:none;}
	.fase_2 h1 br{display:block;}
	
}
@media(max-width:360px){
	.mosaico{margin-left:-10px;margin-right:-10px;}
/*	.antetitulo{font-size:11px;}*/
}