@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'aku&kamu';
    src: url(../fuentes/Aku&Kamu.otf);
}
span.verde{color:#9DDD3E;}
span.gris{color:#666;}
span.azul{color:#309AC2;}
body{border:0; font-family:Arial, Helvetica, sans-serif;}
.contenedor-globlal{width:100%;}
aside.redes-sociales{background:#232323; height:2em;}

.logo{padding-top:1em;}

header{color:#333; margin:auto; margin-top:2em; text-align:center; width:96%;}
header h2{font-family:'aku&kamu'; font-size:2em; font-weight:normal; margin-bottom:1em;}
.titulo-seccion{font-family:'aku&kamu'; font-size:2em; margin:auto; padding-top:1em; text-align:center; width:100%;}

.boton-cta{background:#9DDD3E; border-radius:4px; color:#232323; display:inline-block; font-weight:bold; margin-top:1.5em; padding:0.9em 2em; text-decoration:none; transition:background 200ms ease-in;}
.boton-cta:hover{background:#C5EB1F;}

/* hero */
section.hero-google-ads{background:#232323 url(../imagenes/fondo.jpg) center/cover no-repeat; box-shadow:0px 0px 7px rgba(0, 0, 0, 0.06); color:#FFF; margin-top:1em; padding:5em 0; text-align:center; width:100%;}
.hero-texto{background:rgba(0, 0, 0, 0.55); margin:auto; padding:2em; width:70%;}
.hero-texto h1{font-family:'aku&kamu'; font-size:2.6em; font-weight:normal;}
.hero-texto p{font-size:1.15em; line-height:1.7em; margin-top:1em;}

/* que es */
section.que-es-google-ads{margin:auto; text-align:center; width:100%;}
.que-es-texto p{line-height:1.7em; margin:auto; margin-bottom:1em; text-align:justify; width:90%;}
.que-es-texto a{color:#309AC2;}
.imagen-google-ads{margin:auto; margin-top:2em; text-align:center; width:92%;}

/* cobertura nacional */
section.cobertura-nacional{margin:auto; margin-top:2em; text-align:center; width:100%;}
section.cobertura-nacional p{color:#666; line-height:1.7em; margin:auto; text-align:justify; width:90%;}
section.cobertura-nacional strong{color:#309AC2;}

/* beneficios */
section.contenedor-beneficios{background:#C0394A; color:#FFF; margin-top:3em; padding-bottom:3em; text-align:center; width:100%;}
article.beneficio{display:inline-block; margin:2em 1% 0; text-align:left; vertical-align:top; width:28%;}
article.beneficio h3{font-family:'aku&kamu'; font-size:1.3em; font-weight:normal; margin-bottom:0.5em;}
article.beneficio p{line-height:1.6em;}

/* tipos de campañas */
section.tipos-de-campanas{background:#f2f2f2; padding-bottom:3em; padding-top:1em; text-align:center; width:100%;}
article.campana{background:#FFF; display:inline-block; margin:1em 0.5%; padding:1.5em; text-align:left; vertical-align:top; width:26%;}
article.campana h3{font-family:'aku&kamu'; font-size:1.3em; font-weight:normal; margin-bottom:0.5em;}
article.campana p{color:#666; line-height:1.6em;}

/* proceso */
section.proceso-google-ads{color:#333; padding-bottom:2em; text-align:center; width:100%;}
section.proceso-google-ads .titulo-seccion{color:#33A2C1;}
section.proceso-google-ads ol{list-style:none; margin:auto; margin-top:1.5em; width:96%;}
section.proceso-google-ads li{display:inline-block; margin:1em 0.5%; text-align:center; vertical-align:top; width:17%;}
section.proceso-google-ads .numero{background:#309AC2; border-radius:50%; color:#FFF; display:inline-block; font-size:1.4em; font-weight:bold; height:2.2em; line-height:2.2em; width:2.2em;}
section.proceso-google-ads h3{font-size:1.05em; margin:0.8em 0 0.5em;}
section.proceso-google-ads p{color:#666; font-size:0.95em; line-height:1.5em;}

/* preguntas frecuentes */
section.preguntas-frecuentes{background:#f2f2f2; padding-bottom:3em; padding-top:1em; width:100%;}
section.preguntas-frecuentes details{background:#FFF; border-left:solid 4px #9DDD3E; margin:auto; margin-bottom:0.8em; padding:1em 1.5em; width:80%;}
section.preguntas-frecuentes summary{color:#333; cursor:pointer; font-weight:bold;}
section.preguntas-frecuentes details p{color:#666; line-height:1.6em; margin-top:0.8em;}
section.preguntas-frecuentes a{color:#309AC2;}

/* cta final */
section.cta-final{background:#309AC2; color:#FFF; padding:3em 1em; text-align:center;}
section.cta-final h2{font-family:'aku&kamu'; font-size:2em; font-weight:normal;}
section.cta-final p{font-size:1.1em; margin-top:0.8em;}
.cta-telefonos{margin-top:1em;}

.sitemap{background:#333; color:#FFF; padding-bottom:2em; padding-top:2em; text-align:center; width:100%;}
.sitemap dl{display:inline-block; margin-left:2em; text-align:left; vertical-align:top; width:21%; }
.sitemap dt{font-family:'aku&kamu'; font-size:1.3em; margin-bottom:1em; letter-spacing:0.5px;}
.sitemap dd{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; margin-top:0.5em;}
.sitemap dd:hover{color:#C5EB1F; text-decoration:underline;}
.sitemap a{color:#FFF; text-decoration:none;}
.borde-inferior{background:#C5EB1F; padding:1em;}
.borde-inferior footer{text-align:center;}
.telefono1-y-2{display:inline-block; margin-left:0.5em; width:8em;}
@media(min-width:1400px)
{
	.contenedor-dentro-de-global{width:1400px;margin:auto;}
}
@media(max-width:1120px)
{
	.sitemap dl{width:18em;}
	section.proceso-google-ads li{width:30%;}
}
@media(max-width:800px)
{
	.hero-texto{width:85%;}
	article.beneficio{width:44%;}
	article.campana{width:40%;}
	section.preguntas-frecuentes details{width:88%;}
}
@media(max-width:659px)
{
	.sitemap dl{margin-left:0; text-align:center; width:100%;}
	.sitemap dt{margin-top:2em;}
	.sitemap{padding-top:0;}
}
@media(max-width:640px)
{
	section.hero-google-ads{padding:2em 0;}
	.hero-texto h1{font-size:1.9em;}
	article.beneficio{width:88%;}
	article.campana{width:80%;}
	section.proceso-google-ads li{width:88%;}
}