@font-face {
    font-family: 'avantgardebold';
    src: url('../fonts/avantgarde_bold-webfont.woff2') format('woff2'),
         url('../fonts/avantgarde_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Open Sans', sans-serif;
}
* {
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	text-decoration: none;
	list-style: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}
p {
	font-size: 17px;
	color: #474747;
	line-height: 20px;
	margin-bottom: 0;
}
b {
  color: #212121;
}
h1, h2, h3, h4 {
	font-family: 'avantgardebold';
}
h1 {
	font-size: 50px;
	color: #fff;
}
h2 {
	font-size: 35px;
	color: #212121;
}
h3{
	color: #212121;
	font-size: 28px;
}
h4 {
	text-align: start;
	font-size: 22px;
	font-weight: 700;
	color: #000;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
h5 {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	padding: 10px 0;
}
hr { /*Rosita*/
	border-top: 4px solid #ff00a1;
	width: 50px;
	margin-top: 35px;
    margin-bottom: 45px;
}
section {
	margin-top: 100px;
}
button:focus {
	outline: 0
}
.boton {
	font-family: 'Open Sans', sans-serif;
	background-color: #FF661B;
    display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	border-radius: 36px;
	border-style: none;
	padding: 15px 45px;
}
.boton:hover {
  color: #fff;
  background-color: #ff00a1;
}

.centrado {
	display: flex;
	align-items: center;
}
.de-abajo {
	display: flex;
	align-items: flex-end;
}
.entre-espaciado {
	display: flex;
	justify-content: space-between;
}
.fondo-contactos {
	background-image: url(../images/fondo02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
  padding-bottom: 100px;
}
.fondo-integraciones {
	background-image: url(../images/fondo-integraciones.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 250px;
  padding-bottom: 150px;
}
.fondo-testimonios {
	background-image: url(../images/fondo-testimonios.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 250px;
}

/*Header*/
.navbar {
	background-color: #fff;
    padding: 14px;
}
.navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}
.nav-link {
	color: #1d1d1d;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,0); 
}
.navbar-expand-lg .navbar-collapse {
	justify-content: flex-end;
}
.nav-link:hover {
	color: #a9a7a7;
}
.encabezado {
  position: relative;
  background-image: url(../images/fondo-encabezado-b.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 190px;
  padding-bottom: 150px;
  z-index: 3;
}
.encabezado-b {
	background-position: left bottom;
	background-size: inherit;
}
.encabezado .boton {
  margin-top: 60px;
}
.encabezado hr {
      border-top: 4px solid #fff;
}
	/*Estilos imagenes encabezado*/
.encabezado .dos {    
    margin: 0 -30px 30px;
}
.encabezado .tres {
    margin: 0 0 -29px -21px;
}
.encabezado h2 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 12px;
}
.encabezado-primera-imagen img {
    margin-bottom: 29px;
}
.encabezado-b .encabezado-texto {
	margin-top: 37px;
	max-width: 360px;
}
.encabezado-b .encabezado-texto p {
	max-width: 289px;
}
/*Fin estilos imagenes encabezado*/
 
/*formulario encabezado*/
.encabezado .formulario {
	width: 365px;
	padding: 20px;
	margin-bottom: 40px;
	background-color: #fff;
	-webkit-box-shadow: -6px -2px 60px -26px rgba(123,123,128,1);
	-moz-box-shadow: -6px -2px 60px -26px rgba(123,123,128,1);
	box-shadow: -6px -2px 60px -26px rgba(123,123,128,1);
}
.encabezado .formulario label {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding-top: 10px;
	color: #656565;
}
.encabezado .formulario input {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #9E9E9E;
	color: #656565;
}
.encabezado .formulario textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	width: 100%;
	height: 115px;
	padding: 10px 5px;
	border-radius: 5px;
	margin-bottom: 13px;
	color: #656565;
}
.encabezado .formulario span {
	display: flex;
    justify-content: center;
}
.encabezado .formulario span .boton {
	margin-top: 0px;
}
	/*Fin formulario encabezado*/
.btn-proxima-seccion {
  display: none;
}
.btn-wp{
  position: fixed;
  z-index: 4;
  top: 110px;
  right: 60px;
	-webkit-box-shadow: 0px 0px 16px -5px rgba(125,124,125,1);
	-moz-box-shadow: 0px 0px 16px -5px rgba(125,124,125,1);
	box-shadow: 0px 0px 16px -5px rgba(125,124,125,1);
	background-color: #1FD24E;
	color: #fff;
	display: inline-block;
	padding: 15px 20px;
	border-radius: 30px;
}
.flotante {
	position: fixed;
	z-index: 2;
	bottom: 20px;
	right: 30px;
}
.btn-wp img {
	padding-right: 8px;
}
.btn-wp:hover {
  color: #fff;
  background-color: #1ac146;
}
.texto-header hr {
	border-top: 4px solid #fff;
}
.texto-header p{
	color: #fff;
}
.texto-header .boton {
	padding: 15px 25px;
}
.texto-header a {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 100px;
}
/*Fin de Header*/

/*Sección qué es*/
section.que-es {
	margin-top: 20px;
}
.que-es img {
	margin-bottom: 40px;
}
.que-es p {
	color: #474747;
}
.que-es-col1 {
	padding-right: 120px;
	padding-bottom: 0px
}
.que-es-col2 {
	border-left: 1px solid #a1a1a1;
	padding-left: 120px;
}
.que-es-col2 img {
		padding-top: 0;
	}
/*Fin de sección qué es*/

/*Sección marcas*/
.marcas {
	margin-top: 150px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.clientes {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.clientes img {
    margin-right: 5px;
	margin-top: 35px;
    margin-bottom: 35px;
}
/*Fin de sección Marcas*/
/*Sección Integraciones*/
.integraciones ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.integraciones li {
	display: inline-block;
}
.integraciones ul li {
	width: 20%
}
.integraciones ul li div {
	text-align: center;
	padding: 15px 10px;
}
/*Fin de sección Integraciones*/
/*Campañia*/
.campania {
  background-image: url(../images/fondo-campania.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #fafafa;
  margin-top: 0;
}
.campania figure {
  position: relative;
  top: -25px;
  margin-bottom: 50px;
  text-align: center;
}
.campania-texto {
  box-sizing: border-box;
  max-width: 420px;
  padding: 0 15px 120px 15px;
  text-align: center;
  margin: 0 auto;
}
.campania h2 {
  margin-bottom: 40px;
}
.campania h2, .campania p {
  color: #fff;
}
.campania-linea {
  position: relative;
  background-image: url(../images/fondo-campania.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #fafafa;
  padding-bottom: 70px;
}
.campania-linea-fila {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 0 10px 0;
}
.campania-linea article {
  flex: 50%;
  padding: 0 70px;
}

.campania-linea figure {
  flex: 50%;
  text-align: center;
}
.campania-linea b {
  max-width: 300px;
}
.linea-tiempo {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 614px;
  border-radius: 3px;
  background: rgb(247,0,101);
  background: linear-gradient(180deg, rgba(247,0,101,1) 0%, rgba(255,158,31,1) 100%);
}
.linea-punto {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FA314F;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.campania-linea-fila:nth-of-type(3) > .linea-punto {
  background-color: #fb6139;
}
.campania-linea-fila:nth-of-type(4) > .linea-punto {
  background-color: #fe9c1f;
}
.multiple-items03 {
  display: none;
}
/*Fin Campañia*/
/*Sección caracteristicas*/
.caracteristicas {
	padding-top: 50px;
	margin-bottom: 120px;
}
.caracteristicas-items {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 55px;
}
.caracteristicas p {
	font-weight: 700;
	margin-top: 15px;
	line-height: 30px;
	color: #474747;
}
/*Fin de sección caracteristicas*/
/*Sección planes*/

/* Espacio lateral para flechas del carrusel fuera del track (evita recorte en el borde del container) */
.planes.container {
	padding-left: clamp(15px, 4vw, 3rem);
	padding-right: clamp(15px, 4vw, 3rem);
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
display: block;
height: 0;
overflow: hidden;
}
.tab-content > .active, .pill-content > .active {
height: auto;
}
.planes .nav {
	justify-content: center;
	margin-bottom: 50px;
}
.planes .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #212121;
    background-color: #fff;
    border-color: #fff #fff #fff;
}
.planes .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active h3 {
	border-bottom: 2px solid #23a493;
	padding-bottom: 25px;
}
.nav-tabs .nav-link:hover {
    border-color: transparent;
}
.planes .nav-tabs {
    border-bottom: 1px solid #fff;
}
.planes .slick-slide {
	text-align: center;
}
.slick-slide:focus {
	outline: none;
}
.planes .slick-list {
	margin: 0 -12.5px;
}
/* Sliders de planes (Slick): ancho útil dentro de tabs / Bootstrap */
.planes .tab-content {
	width: 100%;
	min-width: 0;
}
.planes-mensuales .planes-slider .slick-list,
.planes-prepagos .planes-slider .slick-list {
	width: 100%;
}
/* Carrusel planes: flechas fuera del track (no encima de las tarjetas) */
section.planes#planes,
.planes .row,
.planes .col-12,
.planes .tab-content,
.planes .tab-pane.planes-mensuales,
.planes .tab-pane.planes-prepagos {
	overflow: visible;
}
.planes .planes-slider {
	position: relative;
	padding: 0 0 8px;
	box-sizing: border-box;
	overflow: visible;
}
.planes .planes-slider .slick-prev,
.planes .planes-slider .slick-next {
	z-index: 3;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	top: 42%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: box-shadow 0.2s ease, background 0.2s ease;
}
.planes .planes-slider .slick-prev:hover,
.planes .planes-slider .slick-next:hover,
.planes .planes-slider .slick-prev:focus,
.planes .planes-slider .slick-next:focus {
	background: #fff;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
	outline: none;
}
.planes .planes-slider .slick-prev:before,
.planes .planes-slider .slick-next:before {
	display: none !important;
	content: none !important;
}
.planes .planes-slider .slick-prev img,
.planes .planes-slider .slick-next img {
	width: 18px;
	height: auto;
	max-height: 24px;
	display: block;
	object-fit: contain;
	pointer-events: none;
}
/* ~44px = radio botón + pequeño margen respecto al borde del listado */
.planes .planes-slider .slick-prev {
	left: -44px;
}
.planes .planes-slider .slick-next {
	right: -44px;
}
.planes .planes-slider .slick-prev.slick-disabled,
.planes .planes-slider .slick-next.slick-disabled {
	opacity: 0.35;
	cursor: default;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
/* Misma tarjeta mensual / prepago: mismo ancho de slide (Slick con 5 visibles) y mismo contenedor de imagen */
.planes-slider-mensual .planes-info,
.planes-slider-prepago .planes-info {
	margin: 0 12.5px;
	box-sizing: border-box;
	max-width: 100%;
}
.planes-slider-mensual .planes-info img,
.planes-slider-prepago .planes-info img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	object-position: center center;
}
.planes-info {
	transition: transform 1s;
}
.planes-info:hover {
	transform: scale(1.1);
}
.planes-info h3, .planes-info p, .planes-info span {
	color: #fff;
}
.planes-info hr + p {
	font-size: 22px;
	margin: 0;
}
.planes-info hr {
	border-top: 4px solid #fff;
	margin: 30px auto;
}
.slick-slide img {
	max-width: 100%;
}
.planes-info {
	margin: 0 12.5px;
}
.planes-info span {
	display: block;
	padding: 35px 15px;
}
.planes-mensuales .slick-slide:first-child span {
	background-color: #4AB893;
}
.planes-mensuales .slick-slide:nth-child(2) span {
	background-color: #23A493;
}
.planes-mensuales .slick-slide:nth-child(3) span {
	background-color: #178072;
}
.planes-mensuales .slick-slide:nth-child(4) span {
	background-color: #0C695D;
}
.planes-mensuales .slick-slide:last-child span {
	background-color: #02473E;
}
.planes-prepagos .slick-slide:first-child span {
	background-color: #45CDE5;
}
.planes-prepagos .slick-slide:last-child span {
	background-color: #0DB2D5;
}
.planes-prepagos > h3 {
  display: none;
}
.texto-planes {
	text-align: center;
	padding-top: 140px;
}
.texto-planes a {
	color: #FF661B;
}
.texto-planes a:hover {
  color: #d6581a;
}
/*Fin de Sección planes*/
/*Sección Testimonios*/
.testimonios {
	text-align: center;
	padding-bottom: 120px;
}
.testimonios .texto-testimonios{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top: 65px;
	margin-bottom: 35px;
	padding: 50px;
}
.testimonios h2, p {
	color: #fff;
}
.testimonios .texto-testimonios p {
	line-height: 30px;
}
/*Fin de sección testimonio*/
/*Sección preguntas frecuentes*/
.preguntas-frecuentes {
	padding-top: 90px;
}
.preguntas-frecuentes .card {
	background-color: #fff;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #ddd;
}
.card button {
	width: 100%;
}
.preguntas-frecuentes .card-header {
	background-color: #fff;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 0;
}
.preguntas-frecuentes .btn-link:hover, .preguntas-frecuentes .btn-link:focus {
    text-decoration: none;
}
.preguntas-frecuentes .btn-link:hover {
  background-color: rgba(158, 158, 158, 0.12);
}
.preguntas-frecuentes .accordion>.card:not(:last-of-type) {
	border-bottom: 1px solid #ddd;
}
.preguntas-frecuentes .btn {
	padding: 15px 0px;
}
.preguntas-frecuentes h4:focus {
  outline: none;
}
.preguntas-frecuentes .collapsed img {
  transform: rotate(0deg);
}
.preguntas-frecuentes img {
  padding-right: 5px;
  transform: rotate(90deg);
}
/*Fin de sección preguntas frecuentes*/

/*Sección contáctenos*/
.formulario {
	padding: 40px;
	background-color: #fff;
	-webkit-box-shadow: -6px -2px 60px -26px rgba(123,123,128,1);
	-moz-box-shadow: -6px -2px 60px -26px rgba(123,123,128,1);
	box-shadow: -6px -2px 60px -26px rgba(123,123,128,1);
}
.formulario label {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding-top: 15px;
	color: #656565;
}
.formulario input {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #9E9E9E;
	color: #656565;
}
.formulario textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width: 100%;
	height: 115px;
	padding: 10px 5px;
	border-radius: 5px;
	margin-bottom: 13px;
	color: #656565;
}
.formulario span {
	display: flex;
    justify-content: center;
}
.contactenos {
	padding-top: 100px;
}
.contactenos p {
	color: #fff;
}
.contactenos a {
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	line-height: 20px;
	display: block;
	padding-bottom: 15px;
}
.contactenos .argentina {
	padding-top: 0;
	margin-bottom: 65px;
	padding-bottom: 0;
	border-bottom: 0;
}
.argentina, .eeuu {
		padding-right: 0;
	}
/*Fin de sección contáctenos*/
/*Sección nuestros productos*/
.nuestros-productos{
	text-align: center;
	margin-top: 180px;
}
.nuestros-productos h2 {
	color: #fff;
	margin-top: 50px;
	font-weight: 700;
	margin-bottom: 60px;
}
.contiene-producto hr {
	width: 47px;
	border-top: 4px solid #fff;
	margin: 30px auto;
}
.contiene-producto p {
	color: #fff;
}
.contiene-producto a {
	display: inline-block;
}
.contiene-producto:nth-child(1) {
	padding-left: 60px;
}
.contiene-producto:nth-child(2) {
	padding-left: 30px;
	padding-right: 30px;
}
.contiene-producto:nth-child(3) {
	padding-right: 60px;
}
.contiene-producto a:hover {
	background-color: rgba(255, 255, 255, .3);
	border-radius: 15px;
}
.contiene-producto a button {
	padding: 10px 15px;
	visibility: hidden;
	margin-top: 20px;
}
.contiene-producto a:hover button {
	visibility: visible;
}
.caja-producto{
	text-align: center;
	padding: 30px;
}
.caja-producto figure {
  height: 100px;
  line-height: 100px;
  margin: 0;
}
/*Fin de Sección nuestros productos*/

/*Footer*/
.footer {
	display: flex;
	justify-content: space-between;
}
footer .container-fluid {
	background-color: #1B1B1B;
}
footer img {
	padding-top: 25px;
	padding-bottom: 40px;
}
footer .estilo-pie {
	display: flex;
	justify-content: flex-end;
}
footer .estilo-pie a {
	display: inline-block;
	padding-right: 20px;
	border-right: 1px solid #fff;
}
footer .estilo-pie a:nth-child(1) {
	padding-left: 0px;
}
footer .estilo-pie a:hover p {
	color: #a9a7a7;
}
footer .estilo-pie a:nth-child(2) {
	padding-left: 20px;
}

footer .estilo-pie a:nth-child(3) {
	padding-left: 20px;
	border-right: 0px;
}

footer .estilo-pie p {
	color: #fff;
}

/*Fin de seccion footer*/

/*Sección copyright*/
.copyright .container-fluid {
	background-color: #000000;
}
.copyright .contenedor-copyright {
	display: flex;
	justify-content: center;
	align-items: center;
}
.copyright .contenedor-copyright {
	padding-top: 40px;
	padding-bottom: 35px;
}
.copyright .contenedor-copyright p {
	color: #707070;
	margin-right: 30px;
}
.copyright .contenedor-copyright img {
	padding-top: 0;
}
/*Fin de sección copyright*/










