/*/////////////////////////////////////////////////////////*/
/*////////////////////// COLORES /////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*///////////////////////// GAMA //////////////////////////*/
:root {

}
/*///////////////////////// ELEMENTOS ESTRUCTURALES //////////////////////////*/
/************************ FONDOS ***************************/

/*Fondo de la página*/
body {
		background-color: rgb(255, 255, 255);
	}
/*Contenedor principal*/
#base1024 {
	}
/*Cabecera*/
#baseCabecera {
	}
#cabecera {
	}
/*Pie*/
#pie {
	}
/*Contenedor secundario*/
#base {
	}
/*Izquierda*/
#izda {
	}
/*Centro*/
#contenido {
	}
/*Derecha*/
#derecha{
	}
/*Fondo de formularios, de la seccion 'buscador avanzado', de los filtros centrales, del paginador en listados de productos, de los precios y, en general, otros fondos accesorios */
fieldset,div.cajaBuscadorProductosAvanzadoHome, div.filtrosPrincipales, div.filtrosDinamicos, table.visualizacion td.muestra, table.gama th, table.gama_arbol th, #navePestanyas ul, #divDropshipping, div.filtro, .filaComentarios, li.bloquePrecio, .contentstyle .ficha div.precio, #configurador h5, div.precio, .presioProducto > div {
		background-color: rgb(255, 255, 255);
	}
/*Fondo datos de facturacion (mis datos) */
#datosDireccionFacturacion {
		background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	}
/*///////////////////// TEXTOS COMUNES //////////////////////////*/
/*Texto general*/ 
body, .descripcionListado, .resumenProducto  p, address, .cajaCompra02, .formCompra label, .cajaCompra01, .tablaCesta tfoot td strong, .miniTexto, .cajaCompra01 p, .tablaCesta .numeroBig, .tablaCesta td, .fecha, input.css-checkbox[type="radio"] + label.labelradio, td.datosProducto .referencia, td.datosProducto .codigo_barras, td.datosProducto ul li, table.tablaCesta tr.importeTotalaPagar td span.importe_Total, ul.descargas li span.descripcion, .datosCliente, .otrosdatosCliente, #listaProveedores a, #fichaProveedor td, li.bloquePrecio, .contentstyle .ficha div.precio, p.rastroMigas, p.rastroMigas a, .tit_total, .iva {
		color:rgb(31, 33, 33);
	}
/*Texto destacado*/ 
.celdaProducto strong, .rastroMigas strong, table.visualizacion td.muestra span strong, .otrosdatosCliente strong, div.datosPresentacion dt, #fichaProveedor strong, div.opinion div.usuario > strong, li.bloquePrecio span.precioPrincipal, a.textosProducto:link, a.textosProducto:visited, div.precioPrincipal, #precio2 strong, #configurador h5, .pvpTotal, .autor > strong, .tags > strong, .financiacion strong, .enfasiscolor, ._carrusel_informes p strong, div.megaeditor strong {
	}
/*Titulos general*/ 
#contenido h1, .contenedor h1, #contenido h2, .contenedor h2, #contenido h3, #contenido .seccion, table.ficha h4, table.ficha .paddingBottom h4, .resumenProducto .lnkProducto01 h4, div.resumenProducto .listado h4, .opinion strong, .tituloListado, .tituloComunicado, table.resumenProducto td h4, #contenido #bloque.bloqueBlog h4, #bloque.bloqueBlog #listaBlog li h4 a, #comentar_comunicado_div h5.subtitulo, div.noticias #enviar_amigo_div h5.subtitulo, h5.subtitulo, table.ficha h6, td.datosProducto .nombreProducto, #paso03 .cajaFormaPago h3 label, #contenido #paso03 h3, #contenido #paso01 h4, .nombreCliente, .sector, table.gama th, table.ficha h6, .datosProducto h6, h3 a.titular_novedades_ofertas, div.cajasIzda h3, .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3, dl.camposDinamicos dt, #configurador h4 {
	}
/*Texto seleccionado*/
		
/*Texto general*/
h2#descripcion {
		color:rgb(31, 33, 33);
	}
/************************ ENLACES NORMALES ***************************/
/*Enlaces general*/ 
a, #titLoginTop a.lnkCerrar, #cabecera #menuTop a, #bloque #listaBlog li a:link, #bloque #listaBlog li a:visited, a.textosProducto:hover, #cabecera_compartir_enlace a:hover, #capaLoginTop.activo div#formLoginTop ul.enlace li a:hover {
		color:rgb(0, 114, 168);
	}
div.navePestanyas > ul > li > a.activo, div.navePestanyas > ul > li > a.activo:hover, [class^="cabecera_carrusel_productos_"] li.selected a {
		border-color: rgb(0, 114, 168);
	}
.bx-wrapper .bx-pager.bx-default-pager a.active, .swiper-pagination-bullet-active {
  		background-color: rgb(0, 114, 168);
	}
#centro #contenido table.tablaNavegaCompra a.lnkSiguiente:link, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente, #bloque #listaBlog li a:hover {
		color:rgb(0, 114, 168);
	}
#centro #contenido table.tablaNavegaCompra a.lnkAnterior:link, #centro #contenido table.tablaNavegaCompra a.lnkAnterior{
		color:rgb(0, 114, 168);
	}
/*Enlaces general OVER*/ 
a:hover, #titLoginTop a.lnkCerrar:hover, #cabecera #menuTop a:hover {
		color:rgb(0, 68, 100);
	}
#centro #contenido table.tablaNavegaCompra a.lnkAnterior:hover, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente:hover{
		color:rgb(0, 68, 100);
		text-decoration:underline;	
}
/*Boton Ir arriba*/
.scrollup{
		}
/************************ ENLACES TIPO ETIQUETA ***************************/
.familiasRelacionadas a, .nube_tags > a {
		}
.familiasRelacionadas a:hover, .nube_tags > a:hover {
		}

/*///////////////////// ELEMENTOS COMUNES //////////////////////////*/

/************************ AVISO INICIAL ***************************/
.texto_pie_auxiliar {
			}
#texto_pie_auxiliar a {
	}
/************************ AVISO COOKIES ***************************/
.bloquear_entorno {
	}
.aviso_cookies #informacion_cookies, .aviso_cookies #mas_informacion_cookies {
		}
.aviso_cookies .contenido_cookies {
	}
#mas_informacion_cookies h2, #informacion_cookies h2 {
	}
#aviso_cookies button.botonPrincipal {
		background-color: rgb(53, 195, 2);
			border-color: rgb(53, 195, 2);
		}
#aviso_cookies button.botonPrincipal:hover {
		background-color: rgb(80, 230, 26);
			border-color: rgb(80, 230, 26);
		}
#aviso_cookies a {
    }
#aviso_cookies a:hover {
	}
/************************ FANCYS ***************************/
#jquery_background, #jquery-overlay, .fancybox-overlay, .bloquear_entorno {
	}
#jquery_alert {
		}
#solicitar_info_div h3, #enviar_amigo_div h3, #valorar_producto_div h3, #solicitar_aviso_stock_div h3, #comentar_comunicado_div h3, #nuevoProducto > div {
		}
/************************ CARRUSELES DE PRODUCTOS***************************/
/*Elementos de navegacion*/
.bx-prev, .bx-next {
		}
.bx-prev:hover, .bx-next:hover, .bx-prev:active, .bx-next:active {
		}
.bx-wrapper .bx-pager.bx-default-pager a {
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	}
/*Pestanyas*/
[class^="cabecera_carrusel_productos_"] {
	}
[class^="cabecera_carrusel_productos_"] li a {
			}
[class^="cabecera_carrusel_productos_"] li a:hover {
			}
[class^="cabecera_carrusel_productos_"] li.selected a {
			}
/************************ CARRUSEL DE BANNERS ***************************/
.contenedor-responsive > iframe {
	}

/*Menu superior*/
#menuTop {
	}
/*Titulo buscador*/
.cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 {
	}
/*Fondo buscador*/
.cajaBuscador form, .cajaBuscadorProductosAvanzado form {
	}
/*label buscador*/
div.buscadorAvanzado label, div.buscadorAvanzadoHomeLeft label, div.buscadorAvanzadoHomeRight label, .cajaPVP .camposformHomePequenyo, #div_buscador_clientes > label  {
	}
.buscadorAvanzado .camposformHomeMediano, div.cajaBuscador input.camposformHomeMediano, .cajaBuscadorProductosAvanzado input, .cajaBuscadorProductosAvanzado select, #div_buscador_clientes select {
			}

/*Titulo catalogo*/
div.cajasIzda h3.tituloCatalogo {
		background-color: rgba(255, 255, 255, 0);
	}
/*Fondo catalogo*/
div.cajasIzda .menu {
	}
/*Titulo contenedor*/
.cajaBuscador h3, .cajaBuscadorProductosAvanzado h3, .cajaBuscadorProductosAvanzadoHome h3, div.cajasIzda h3 {
		background-color: rgba(255, 255, 255, 0);
	}
/*Fondo contenedor*/
div.cajasIzda   {
		background-color: rgba(255, 255, 255, 0);
	}
/*Separadores*/
#izda, #derecha, #pie {
	}
#pie {
	}
/*Bullets contenedores*/
div.cajasIzda .icoh2_izda {
	}

/************************ TITULO h1 ***************************/
/* H1*/
#contenido h1, .contenedor h1 {
	}
/*Fondo y borde títulos H1*/
#contenido h1 {
		    
}
/************************ TITULO h2 ***************************/
/* H2*/
#contenido h2, .contenedor h2 {
	}
/*Fondo y borde títulos H2*/
#contenido h2 {
		    
}
/************************ TITULO h3 ***************************/
/* H3*/
#contenido h3 {
	}
/*Fondo y borde títulos H3*/
#contenido h3 {
		}
/************************ TITULO SECCION ***************************/
/*seccion*/
#contenido .seccion {
	}
/*Fondo y borde títulos seccion*/
#contenido .seccion {
		}

/*Bullets titulos*/
.bullet_h2, .bullet_h3, .bullet_seccion {
	}

#centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo {
	}
#paso05 h3#paso5_h3 {
	}
div.campoCodigo input.boton {
	}
/*Enlace comprar*/
a.botonComprar:link, a.botonComprar:visited, .botonVer > a:link, .botonVer > a:visited {
		background-color: rgb(0, 114, 168);
		}
/*Enlace comprar OVER*/
a.botonComprar:hover, .botonVer > a:hover {
		background-color: rgb(0, 68, 100);
		}
/*Enlace reserva*/
a.botonReservar:link, a.botonReservar:visited {
		}
/*Enlace reserva OVER*/
a.botonReservar:hover {
		}

/************************ CONTENIDOS ADICIONALES EN FICHA DE PRODUCTO ***************************/
div.navePestanyas a {
		}
div.navePestanyas a:hover {
		}

div.navePestanyas a.activo, div.navePestanyas a.activo:hover {
			}
/************************ FICHA DE PRODUCTO ***************************/
/*Referencia*/
div.datosFicha p.referencia {
	}
/*Nombre*/
#contenido h1#nombreProducto {
	}
/*Descripcion*/
#contenido h2#descripcion {
		color: rgb(0, 20, 30);
	}
////////////* Bloque tallas y colores *///////////
div.modelo {
			}
.aviso_talla_agotada {
		}
div.variaciones div {
			}
div.variaciones a {
	}
div.variaciones a:hover, div.variaciones a.activo:hover, div#color.variaciones div:hover, div.variaciones div.activo:hover, div#talla.variaciones div.imagen_talla_agotada.activo:hover, div#talla.variaciones div.imagen_talla_agotada:hover {
	}
div.variaciones a.activo, div.variaciones div.activo, div#talla.variaciones div.imagen_talla_agotada.activo {
	}
div#talla.variaciones div.imagen_talla_agotada {
			}
div.variaciones div.activo, div#talla.variaciones div.imagen_talla_agotada.activo {
    		}
div.variaciones div:hover, div#color.variaciones div:hover, div.variaciones div.activo:hover, div#talla.variaciones div.imagen_talla_agotada.activo:hover, div#talla.variaciones div.imagen_talla_agotada:hover {
    }

/*Bloque precios*/
#cuadroPrecio {
				}
.ficha div.precioPrincipal strong {
	}
/*Borde imagenes*/
#foto_principal {
	}
div.noticias img, .fotoParrillaFicha div.recorte2, div.fotoParrilla a:link, div.fotoParrilla a {
	}
div.noticias img, .fotoParrillaFicha div.recorte2:hover, div.fotoParrilla a:link, div.fotoParrilla a:visited {
	}
/*Botones herramientas*/
div.herramientas a {
		}
div.herramientas a:hover {
		}

/*///////////////////// PROCESO DE COMPRA //////////////////////////*/

/*///////////////////// MI CESTA //////////////////////////*/
/*Titulos principales*/
#paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2, #paso05 h3#paso5_h3 {
			}
/*Textos tabla*/
table.tablaCesta.cestaPrincipal, table.tablaCesta.cestaPrincipal td, .tablaCesta.cestaPrincipal tfoot td strong, table.tablaCesta.cestaPrincipal tr.importeTotalaPagar td span.importe_Total, div.agencias input.css-checkbox[type="radio"] + label.labelradio, table.tablaCesta.cestaPrincipal label.labelcheck, a.producto span span, a.producto span span.nombreproductocesta, #datosVersionMovil, div.tablaCesta.cestaPrincipal_totales, div.importeTotalaPagar {
		color: rgb(0, 0, 0);
	}
/*Fondo tabla*/
.tablaCesta td, .tablaResumen tbody td, td.filtro, table.ficha tr.filaComentarios, .tablaResumen tbody td, [id^="div_item_"], [id^="div_pendiente_"] {
	}
/*Borde tabla*/
.tablaCesta td, .tablaResumen tbody td, [id^="div_item_"], [id^="div_pendiente_"] {
		border-color: rgb(255, 255, 255);
	}
/*Fondo cabecera tabla*/
.tablaCesta th, .tablaForm td.celdaTitForm, .tablaResumen th, table.gama th {
		background-color: rgb(255, 255, 255);
			color: rgb(0, 0, 0);
	}
/*Nombre producto*/
a.producto span span.nombreproductocesta {
	}
/*Referencia producto*/
a.producto span span.referenciacesta {
	}


/*Fondo destacado tabla*/
.tablaCesta .filaCalculos td, table.tablaCesta tr.importeTotal td {
		background-color: rgb(243, 245, 247);
	}
/*Fondo pie tabla*/
.tablaCesta tfoot td {
	}

/*Campo cantidad y botones de auentar y reducir*/
.formCompra input.campoCantidad, .formListacompra input.campoCantidad {
			}
.anyadir, .quitar {
			}
.anyadir:hover, .quitar:hover {
			}

/*Mensaje 'Logística gratis'*/
.tablaCesta tfoot td .cuadroLogistica {
		}
.tablaCesta tfoot td .cuadroLogistica > strong {
	}
/*Título fila 'Logística'*/
.tituloTarifa {
	}
/*Fondo fila 'Logística'*/
div.logistica {
	}
/*Textos fila 'Logística'*/
div.agencias input.css-checkbox[type="radio"] + label.labelradio, div.agencias input.css-checkbox[type="radio"] + label.labelradio, .tablaCesta tfoot td .labelradio > strong {
	}
/*label 'Logística'*/
div.logistica label {
	}
/*Campos 'Logística'*/
.formCompra div.logistica .calculoGastos select, .formCompra div.logistica .calculoGastos input[type="text"] {
			}
/*Boton 'Logística'*/
table.tablaCesta div.logistica input.botonform {
		}
table.tablaCesta div.logistica input.botonform:hover {
		}

/*Fondo destacado de agencia en fila 'Logística'*/
.agenciaSeleccionada {
		background-color: rgb(243, 245, 247);
	}
/*Texto destacado de agencia en fila 'Logística'*/
div.agencias .agenciaSeleccionada input.css-checkbox[type="radio"] + label.labelradio {
	}
/*Caja de agencia en fila 'Logística'*/
.agencias {
		}
.nombreAgencia {
	}

/*Textos filas totales*/
 .importeTotal.importeSubTotal td, .tablaCesta .filaCalculos td, table.tablaCesta tr.importeTotalaPagar td, table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, div.importeTotalaPagar .precio03, table.tablaCesta tfoot tr.importeTotalaPagar td {
	}
/*Precios columna 'Total'*/
.tablaCesta td.precio02, .tablaCesta tfoot .precio02, table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, #datosVersionMovil .precio02, .importeTotal.importeSubTotal > div:last-child, div.filaCalculos .precio02, div.precio02.importe_Dropshipping, div.importeTotalaPagar .precio03 {
		color: rgb(0, 0, 0);
	}

/*Importe total*/
table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, div.importeTotalaPagar .precio03, table.tablaCesta tfoot tr.importeTotalaPagar td {
	}

/*Boton 'Volver'*/
.procesoCompra a.lnkBotonRojo:link, .procesoCompra a.lnkBotonRojo {
		} 
/*Boton 'Volver' (over)*/
.procesoCompra a.lnkBotonRojo:hover {
		} 

/*///////////////////// MIS DATOS (PASO 1) //////////////////////////*/
/*Bloques de formularios*/
#paso02 .cajaCompra01, #paso02 .cajaCompra02 {
		}
/*Subtitulos*/
#contenido .cajaCompra01 > h3, #contenido .cajaCompra02 > h3 {
	}
/*Texto parrafos*/
.cajaCompra01 p, .cajaCompra02 p {
	}
/*Bloque 'Ya tengo cuenta'*/
#paso02 .cajaCompra01 {
		}
/*Subtitulos*/
#contenido .cajaCompra01 > h3 {
	}
/*Texto parrafos*/
.cajaCompra01 p {
	}
/*Bloque 'No tengo cuenta'*/
#paso02 .cajaCompra02 {
		}
/*Subtitulos*/
#contenido .cajaCompra02 > h3 {
	}
/*Texto parrafos*/
.cajaCompra02 p {
	}
/*Bloque 'Mis datos' (autenticado)*/
#paso02 .cajaCompra02.unaColumnaLogeado {
		}


/*Titulos formularios*/
.celdaTitForm {
			}
/*label formularios*/
.tablaForm td, #paso02 label.labelcheck, #paso02 label.labelradio, .recibir_newsletter, .cajaCompra01 label {
	}
/*campos formularios*/
#paso02 .formCompra input:not([type="button"]), #paso02 .formCompra textarea, #paso02 .formCompra select {
			}
/*Botón 'ENTRAR'*/
#paso02 .cajaCompra01 input.botonform {
			}
#paso02 .cajaCompra01 input.botonform:hover {
			}
/*Fondos*/
#datosDireccionFacturacion {
	}
#divDropshipping {
	}

/*///////////////////// FORMA DE PAGO (PASO 2) //////////////////////////*/
/*Titulo cesta resumen*/
#paso03 #contenido h4 {
	}

/*Titulos*/
#paso03 .cajaFormaPago h3 label.labelradio, #contenido #paso03 h3, #paso03 .cajaFormaPago label.labelradio {
	}
/*Texto parrafos*/
#paso03 .cajaFormaPago p {
	}
/*Bloque*/
#paso03 .cajaFormaPago {
		}
/*///////////////////// RESUMEN (PASO 3) //////////////////////////*/
/*Titulos*/
#contenido #paso04 h3 {
			}
/*Texto parrafos*/
div.cajaResumen {
			}
/*Textos destacados*/
#contenido #paso04 h4, #paso04 .cajaResumen table.tablaDatosPersonales strong, #paso04 .cajaResumen table.tablaDatosPersonales th, div.infoSaldoGenerado strong {
	}
/*Bloque*/
#paso03 .cajaFormaPago {
		}
/*///////////////////// PASO FINAL //////////////////////////*/
/*Bloque*/
div.cajaFinal {
		}
/*Titulos*/
.cajaFinal > p, #identificadorPedido, #identificadorPedido span.destacado {
	}
/*Bloque 'Identificador de pedido'*/
#identificadorPedido {
			}
#identificadorPedido span.destacado {
	}

/*Form titulo*/
legend {
	}
/*Fondo de formularios centrales */
fieldset {
	}
/*label*/ 
label, input[type="radio"].css-checkbox + label.labelradio, input[type="radio"].css-checkbox:checked + label.labelradio, #datosIdentificacion td, #datosDireccionFacturacion td, #datosFacturacion td, #table_dir_envio td, #paso03 .cajaFormaPago h3 label.labelradio, #paso03 .cajaFormaPago label.labelradio {
		color: rgb(0, 0, 0);
	}

/*Texto interior, fondo y borde, en campos de texto*/ 
input, select, input.campoTexto, div#contenido form select, div#contenido form textarea, div.cajaBuscador input, div.cajaBuscadorProductosAvanzado input, input.camposformHome, .formCompra input:focus, div.formulario input, div.formulario textarea, textarea, div#buscadorTop form input.camposformHomeMediano, input.camposformHomePequenyo, select.camposformHome, #formLoginTop input.campoLT, select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {
		color: rgb(0, 0, 0);
			}



/* Borde parrilla marcas */
.contenedor-marcas, .capa-logo  {
	}
/* Texto parrilla marcas */
.capa-logo a {
		}
.capa-logo a:hover {
		}




table.ficha .celdaDescripcion, table.ficha td.opinion {
	}
table.ficha tr.filaComentarios {
	}


/*Botón ampliar*/ 
a.lnkMas {
	}
/*Botón sobre ampliar*/ 
a.lnkMas:hover {
	}

/* Fondo código promocional */ 
#codigoPromocional {
	}
/* Fondo código club */ 
#codigoClub {
	}

/* Calendario */ 
table#calendario td.finde {
	}
table#calendario td.evento {
	}
/*///////////////////// CABECERA //////////////////////////*/

/***************** Menú auxiliar **********************/

#menuTop ul {
		    
}
/*Enlace top*/ 
#cabecera  #menuTop a {
		color:rgb(31, 33, 33);
	}
/*Enlace top OVER*/ 
#cabecera #menuTop a:hover {
		color:rgb(26, 162, 227);
	}
/***************** Usuarios registrados **********************/ 
#capaLoginTop {
		}
#titLoginTop a#atitLoginTop {
		}
#titLoginTop a#atitLoginTop:hover {
	}
#formLoginTop a {
	}
#formLoginTop a:hover {
	}
#formLoginTop label {
	}
#formLoginTop input.campoLT {
			}
#formLoginTop .boton-capalogin input.boton {
		}
#formLoginTop .boton-capalogin input.boton:hover {
		}

/***************** Cesta de la compra **********************/ 

/* Info y acceso usuario */ 
#user {
	}
#botones a {
	}
#botones a:hover {
	}
/* Cesta de la compra */ 
#cesta a {
		}
/* Cesta de la compra (over) */
#cesta a:hover {
		}
/* Fondo cesta */ 
#cestaTop {
	}
/* Fondo cesta (activo) */ 
#cestaTop.activo {
		}
/* Cesta de la compra (activo) */ 
#cestaTop #cesta.activo > a, #cestaTop #cesta.activo, #cestaTop.activo #cesta a, #cestaTop.activo #cesta a:hover, #cestaTop.activo #cesta a {
		}
/*Botón cesta*/ 
.botonRevisarCesta {
	}
/*///////////////////// CONTENIDO COLUMNAS //////////////////////////*/

/********************** FIltro lateral *************************/
/*Titulo modulo*/ 
div.cajasIzda.filtroProductos h3.tituloCatalogo {
	} 
/*Fondo modulo*/ 
.basefiltros, .botones_filtros_laterales {
	}
/*Divisorias entre módulos*/ 
#izda .conjuntofiltro {
	}

/*Textos modulo*/ 
div.cajasIzda ul.listaFiltro li label a {
	}
div.cajasIzda ul.listaFiltro li label a:hover {
	}

/*Titulo filtros*/ 
.tituloFiltro > a {
	}
.tituloFiltro > a:hover {
	}

/*Filtro Rango de precio*/ 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		}
.ui-widget-header {
	}
.ui-widget-content {
	}
.ui-widget-content {
	}
/*Filtro TALLAS*/ 
div.cajasIzda ul#ul_filtrado_tallas.listaFiltro li label a {
	}
#ul_filtrado_tallas label {
		}
div.cajasIzda ul#ul_filtrado_tallas.listaFiltro li label a:hover {
	}
#ul_filtrado_tallas label:hover {
		}
#ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck {
		}
#ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck a {
	}
/*Filtro COLORES*/ 
#ul_filtrado_colores label {
	}
#ul_filtrado_colores label:hover {
	}
#ul_filtrado_colores input[type="checkbox"].css-checkbox:checked + label.labelcheck {
	}
/*Boton RESET*/ 
#botonResetFiltrar {
	} 
#botonResetFiltrar:hover {
	} 
/*Boton FILTRAR*/ 
#botonFiltrar {
	} 
#botonFiltrar:hover {
	} 

/*///////////////////// CONTENIDO CENTRAL //////////////////////////*/

/********************** Buscador *************************/ 

div#buscadorTop {
		}
div#buscadorTop form input.camposformHomeMediano {
			}

/********************** Autocompletar *************************/ 
.ac_results {
			}
.ac_odd {
	}
.ac_over {
		}



/************************* Rastro de migas *****************************/
/*Texto migas*/ 
p.rastroMigas, p.rastroMigas a, p.rastroMigas a:link, p.rastroMigas a:visited {
	}
p.rastroMigas {
		}
#centro p.rastroMigas a:hover {
	}
.rastroMigas strong, .rastroMigas span a span {
	}
/*Rastro de migas resultados*/ 
.MigasResultado {
		color:rgb(0, 114, 168);
	}
/************************* Iconos para compartir url *****************************/

a .fa.fa-facebook-f {
	}
a:hover .fa.fa-facebook-f {
	}
a .fa.fa-twitter {
	}
a:hover .fa.fa-twitter {
	}
a .fa.fa-pinterest {
	}
a:hover .fa.fa-pinterest {
	}
a .fa.fa-copy {
	}
a:hover .fa.fa-copy {
	}
/*///////////////////// LISTADO PRODUCTOS //////////////////////////*/

/************************* Parrilla de familias *****************************/ 

/* Fondo parrilla familias */
table.tablaCategorias {
	}

/* Título parrilla familias */
table.gama th {
		}
/* Borde parrilla familias */
table.tablaCategorias td  {
	}
/* Texto enlace */
.tablaCategorias a.textoParrilla, .tablaCategorias a.textoParrilla02 {
		}
/* Texto enlace (hover) */
.tablaCategorias a:hover.textoParrilla, .tablaCategorias a:hover.textoParrilla02 {
		}

/* Filtro abecerdario */
.contenedor_abecedario div {
		}
.contenedor_abecedario div:hover {
		}
.show_letra.activa, .contenedor_abecedario div.show_letra.activa:hover {
		}


/************************* Paginador *****************************/ 

div.filtrosPrincipales {
			}
table.visualizacion td.muestra {
		}
table.visualizacion td.muestra span strong {
	}
table.visualizacion td.muestra {
		}
/************************* Estados de producto *****************************/ 

/*En stock*/ 
.disponible {
		}
/*Agotado*/ 
.agotado {
		}
/*En reposicion*/ 
.en_reposicion {
		}
/*En liquidacion*/ 
.parcialmentedisponible {
		}
/************************* Texto OFERTA sobre la imagen  *****************************/ 

.sticky_oferta {
			}
/************************* % Descuento sobre la imagen  *****************************/ 

.sticky_descuento {
			}
/************************* Icono LISTA DE DESEOS sobre la imagen  *****************************/ 

.sticky_wish {
		}
/************************* Bloque de precios *****************************/ 

/*Textos bloque*/ 
li.bloquePrecio, ul.filas li.bloquePrecio, ul.columnas li.bloquePrecio, li.bloquePrecio span.precioPrincipal, .ficha div.precio, .ficha div.precio strong, .precio01 p, .pvpTotal, .tit_total, .iva, .contentstyle .ficha div.precio {
	}
/*Precio principal*/ 
li.bloquePrecio span.precioPrincipal, div.precioPrincipal, .ficha div.precioPrincipal strong, .pvpTotal {
		color:rgb(0, 0, 0);
	}
/*Fondo bloque*/ 
li.bloquePrecio, ul.filas li.bloquePrecio, ul.columnas li.bloquePrecio, .contentstyle .ficha div.precio, .presioProducto > div {
			}


/*Textos bloque oferta*/ 
li.precioOferta, ul.filas li.precioOferta, ul.columnas li.precioOferta, li.precioOferta span.precioPrincipal, .ficha div.precioOferta, .ficha div.precioOferta strong, .contentstyle .ficha div.precio.precioOferta {
	}
/*Precio oferta principal*/ 
li.bloquePrecio.precioOferta span.precioPrincipal, .ficha .precio.precioOferta div.precioPrincipal strong {
	}
/*Fondo bloque oferta*/ 
li.precioOferta, ul.filas li.precioOferta, ul.columnas li.precioOferta, .ficha div.precioOferta {
	}
/* Porcentaje precio anterior */
.porcentaje_precio_anterior, li.bloquePrecio span.porcentaje_precio_anterior {
		}
/************************* Cantidad *****************************/ 
/* Campo cantidad */
.decrement-unit, .increment-unit, input.campoCantidadListado, input.campoCantidadFicha {
			}

/* Botones para aumentar o reducir cantidad */
.decrement-unit, .increment-unit {
			}
.decrement-unit:hover, .increment-unit:hover {
			}
/* Texto unidades */
form.cantidadListado span, form.cantidad span {
	}
/************************* Cantidad (en ficha) *****************************/ 
/* Campo cantidad */
.capaCompra .decrement-unit, .capaCompra .increment-unit, input.campoCantidadFicha {
			}

/* Botones para aumentar o reducir cantidad */
.capaCompra .decrement-unit, .capaCompra .increment-unit, .datos_variacion .decrement-unit, .datos_variacion .increment-unit {
			}
.capaCompra .decrement-unit:hover, .capaCompra .increment-unit:hover, .datos_variacion .decrement-unit:hover, .datos_variacion .increment-unit:hover {
			}
/* Texto unidades */
form.cantidad span {
	}

/*Fecha contenido*/
#bloque.fecha, .cajasIzda .bloque .bloque .feha, .fechaOpinion, .cajasIzda dl .feha {
	}
.tablaCesta .precio02 {
	}
.Envase, .Envase2 {
	}

/*Precio destacado*/ 
table.tablaListaProductos01 .enfasis {
	}
/* Precio club (Ficha producto) */ 
#divPreciosClub_Ficha {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/* Precio club (Listado productos) */ 
div.PreciosClub_Listado {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*BOTONES*/ 
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .boton, .cajasIzda p.botones a.boton, .cajasIzda input.botonform,  .botonRevisarCesta, .formCompra input.botonform, div.formulario input.boton, div.formulario input.boton02, #capaCesta .lnkRevisarCesta,  #capaCesta .lnkRevisarCesta:hover, div#buscadorTop form input.botonform, .cajaBuscadorProductosAvanzadoHome input.botonform, div.filtroProductos input.botonform, #botonVerde a, ul.datosAcceso li .botonform, td.pagoRecibo .boton, #formLoginTop input.boton, .accesoUsuarios.bloque-registrate input.botonform, #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro a.lnkBotonVerde.destacado, .botonVer > a {
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
			background-color: rgb(0, 114, 168);
	}
.cajaBuscador input.botonform:hover, .cajaBuscadorProductosAvanzado input.botonform:hover, .boton:hover, .cajasIzda p.botones a.boton:hover, .cajasIzda input.botonform:hover,  .botonRevisarCesta:hover, .formCompra input.botonform:hover, div.formulario input.boton:hover, div.formulario input.boton02:hover, #capaCesta .lnkRevisarCesta:hover,  #capaCesta .lnkRevisarCesta:hover, div#buscadorTop form input.botonform:hover, .cajaBuscadorProductosAvanzadoHome input.botonform:hover, div.filtroProductos input.botonform:hover, #botonVerde a:hover, ul.datosAcceso li .botonform:hover, td.pagoRecibo .boton:hover, #formLoginTop input.boton:hover, .accesoUsuarios.bloque-registrate input.botonform:hover, .botonVer > a:hover {
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
		background-color: rgb(0, 68, 100);
		}

.botonSeguir > a, .cajasIzda input.botonform.botonsecundario, #boton_buscar, .botonsecundario {
		}
.botonSeguir > a:hover, .cajasIzda input.botonform.botonsecundario:hover, #boton_buscar:hover, .botonsecundario:hover {
		}
/*Boton buscador*/
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .boton02, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform {
		} 

.cajaBuscador input.botonform:hover, .cajaBuscadorProductosAvanzado input.botonform:hover, .boton02, div.filtroProductos input.botonform:hover, .botonesFiltrosCentro .botonform:hover {
		}
/*Boton buscador cabecera*/
div#buscadorTop form input.botonform {
		}
div#buscadorTop form input.botonform:hover {
		}
/*Boton 'Iniciar pedido'*/
#centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro #contenido a.lnkBotonVerde.destacado {
		} 
/*Boton 'Iniciar pedido' (over)*/
#centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado:hover, #centro #contenido a.lnkBotonVerde.destacado:hover {
		} 
/*Boton 'Revisar cesta'*/
#botonVerde a {
		} 
/*Boton 'Revisar cesta' (over)*/
#botonVerde a:hover {
		} 

/*Titulo contenedor - Titulo modulo*/ 
div.cajasIzda h3, .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3  {
		color:rgb(0, 0, 0);
	}
/*Texto titulo buscador*/ 
.cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 {
	}
/*Texto titulo catalogo*/ 
div.cajasIzda  h3.tituloCatalogo {
		color:rgb(0, 0, 0);
	}

/*Enlace catalogo*/ 
.menu a {
	}
/*Enlace catalogo OVER*/ 
.menu a:hover {
	}
.menu a.secundario:hover {
	}

/*Enlace destacado*/ 
table.tablaListaProductos01 td.celdaProducto a {
	}
/*Enlace destacado OVER*/ 
table.tablaListaProductos01 td.celdaProducto a:hover {
	}
/*Enlace discreto */ 
.cajasIzda .bloque .bloque .titular, .cajasIzda dl .titular {
	}
div.cajasIzda a.bloque:hover .titular {
	}
div.cajasIzda a.bloque:hover {
	}


#capaCesta .parafoProductos {
	}

/*Enlace celda producto*/ 
a.fotoProducto:link, a.fotoProducto:visited {
	}
a.fotoProducto:hover {
	}

/*Enlace nombre producto*/ 
a.textosProducto:link, a.textosProducto:visited {
	}
a.textosProducto:hover {
	}

/*Contenedor al añadir a cesta y reservas*/ 
ul.estadoCompra li.conestado, div.estadoCompra {
		}
ul.mini.estadoCompra, ul.columnas.estadoCompra, ul.filas.estadoCompra {
		}
ul.estadoReserva li.conestado, div.estadoReserva {
		}
ul.mini.estadoReserva, ul.columnas.estadoReserva, ul.filas.estadoReserva {
		}


/* Pie */ 
address, #pie p.condiciones {
		color: rgb(38, 38, 38);
	}
#pie a:link, #pie a:visited {
		color: rgb(69, 69, 69);
	}
#pie a:hover {
		color: rgb(31, 33, 33);
	}
table.textosCondiciones {
	}
#pie p.condiciones {
	}
#pie p.condiciones a:link, #pie p.condiciones a:visited {
	}
#pie p.condiciones a:hover {
	}
/*///////////////////// CARRUSEL //////////////////////////*/
/* Fondo carrusel */
.carrusel {
	}
/* Fondo carrusel */ 
.textoSlide {
		background-color: rgba(255, 255, 255, 0);
	}
/* Fondo carrusel paginador */ 
.pagination {
	}
/* texto carrusel */
.textoSlide a,  .textoSlide h1, .textoSlide p {
		color: rgb(0, 0, 0);
	}
/* Enlace paginador carrusel */
.pagination a, .pagination a:visited, .pagination a.selected {
	}
/* Enlace (over) paginador carrusel */
.pagination a:hover, .pagination a.selected {
	}

/*///////////////////// MENU CATALOGO //////////////////////////*/
/* 1 nivel (colores) */
.menu a.principal {
		background-color: rgb(255, 255, 255);
				color: rgb(103, 107, 108);
	}
.menu a.principal:hover {
		background-color: rgb(238, 239, 242);
			color: rgb(103, 107, 108);
	}
.menu a.activo, .menu a.activo:hover {
		background-color: rgb(26, 162, 227);
			color: rgb(255, 255, 255);
	}

/* 2 nivel (colores) */
.menu a.secundario {
			}
.menu a.secundario:hover {
		}
.menu ul li ul a.activo, .menu ul li ul a.activo:hover {
		}

/* 3 nivel (colores) */
.menu a.terciario, .menu a.cuaternario, .menu a.quinario, .menu a.sextario {
			}
.menu a.terciario:hover, .menu a.cuaternario:hover, .menu a.quinario:hover,.menu a.sextario:hover {
		}
.menu ul li ul li ul a.activo, .menu ul li ul li ul a.activo:hover {
		}


/* 1 nivel (imagen catálogo) */
.menu a.catalogo_1_nivel {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.catalogo_1_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.activo.catalogo_1_nivel, .menu a.activo.catalogo_1_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

/* 2 nivel (imagen catálogo) */
.menu a.catalogo_2_nivel {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.catalogo_2_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.activo.catalogo_2_nivel, .menu a.activo.catalogo_2_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

/* Privado (imagen catálogo) */
.menu a.catalogo_privado {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.catalogo_privado:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.activo.catalogo_privado, .menu a.activo.catalogo_privado:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}


/* 1 nivel (imagen cms) */
.menu a.cms_1_nivel {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.cms_1_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.activo.cms_1_nivel, .menu a.activo.cms_1_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

/* 2 nivel (imagen cms) */
.menu a.cms_2_nivel {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.cms_2_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.activo.cms_2_nivel, .menu a.activo.cms_2_nivel:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}


/* Privado (imagen cms) */
.menu a.cms_privado {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.cms_privado:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
.menu a.activo.cms_privado, .menu a.activo.cms_privado:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}


/* Menú desplegable (normal) */
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
		background-color: rgb(255, 255, 255);
			color: rgb(0, 0, 0);
	}
/* Menú desplegable (over) */
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected {
		background-color: rgb(243, 245, 247);
		}

/* Menú desplegable (fondo) */
.ddsmoothmenu, #mega-menu {
		background-color: rgb(255, 255, 255) !important;
	}
/* Menú desplegable (fondo separador) */
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:hover {
		border-right-color: rgba(255, 255, 255, 0);
	}
.ddsmoothmenu ul li ul li a {
		border-bottom-color: rgba(255, 255, 255, 0);
	}
/* Menú desplegable (activo) */
.ddsmoothmenu ul li a.itemActual {
		background-color: rgb(243, 245, 247);
		}
/* Menú desplegable 2nivel */
#submenu2 li a, #submenu2 li a.selected {
		}
/* Menú desplegable 2nivel (over) */
#submenu2 li a:hover, #submenu2 li a.selected:hover {
		}
/************************* MENU DESPLEGABLE (VERSION MOVIL) *****************************/ 
/* BOTON */
#mobnav-btn-cms, #mobnav-btn-prod {
		}
/* Menú desplegable 1 nivel */
.ddsmoothmenu.nav_menu_movil_productos ul li a:link, .ddsmoothmenu.nav_menu_movil_productos ul li a:visited, .ddsmoothmenu.nav_menu_movil_cms ul li a:link, .ddsmoothmenu.nav_menu_movil_cms ul li a:visited {
			}
/* Menú desplegable 1 nivel (over) */
.ddsmoothmenu.nav_menu_movil_productos ul li a:hover, .ddsmoothmenu.nav_menu_movil_productos ul li a.selected, .ddsmoothmenu.nav_menu_movil_cms ul li a:hover, .ddsmoothmenu.nav_menu_movil_cms ul li a.selected {
		}
/* Menú desplegable 2 nivel */
.ddsmoothmenu.nav_menu_movil_productos #submenu2 li a, .ddsmoothmenu.nav_menu_movil_productos #submenu2 li a.selected, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a.selected {
			}
/* Menú desplegable 2 nivel (over) */
.ddsmoothmenu.nav_menu_movil_productos #submenu2 li a:hover, .ddsmoothmenu.nav_menu_movil_productos #submenu2 li a.selected:hover, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a:hover, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a.selected:hover {
		}
/* Anchura minima en el menu desplegable*/


/************************* Area privada *****************************/ 
/* Area menú  */
#menuAreaPrivada {
		}
/* Menú (normal) */
#menuTabs li a {
			}
/* Menú (over) */
#menuTabs li a:hover {
			}
/* Menú (activo) */
#menuTabs li.activo a, #menuTabs li.activo a:hover {
			}
/* Tiulos principales area privada*/
#contenido #areaPrivada h2 {
			}
/* Boton principal area privada (normal)*/
#areaPersonal a.botonComprar, #areaPersonal input.botonComprar {
		}
/* Boton principal area privada (over)*/
#areaPersonal a.botonComprar:hover, #areaPersonal input.botonComprar:hover {
		}
/*//////////////////////////////////////////////////////////*/
/*////////////////// TEXTO MENU SUPERIOR ///////////////////////*/
/*//////////////////////////////////////////////////////////*/

#base-mensajeCabecera{
	height: 40px;
	background-color: rgb(0, 56, 82);
	color: rgb(255, 255, 255);
	font-size: 16px;
}
#base-mensajeCabecera a{
	color: rgb(255, 255, 255);
}
	/*//////////////////////////////////////////////////////////*/
/*////////////////// IMAGENES MÓDULOS ///////////////////////*/
/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/
/*///////////// imagenES MÓDULOS (FAMILIAS) ////////////////*/
/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/
/*////////////////////// IMAGENES //////////////////////////*/
/*//////////////////////////////////////////////////////////*/

body {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
#baseCabecera {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
#cabecera {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Contenedor principal*/
#antebase {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Contenedor secundario*/
#base {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
#pie{
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Titulo buscador*/
.cajaBuscador h3{
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo buscador*/
.cajaBuscador {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Titulo buscador productos avanzado*/
.cajaBuscadorProductosAvanzado h3{
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo buscador productos avanzado*/
.cajaBuscadorProductosAvanzado {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Titulo catalogo*/
div.cajasIzda h3.tituloCatalogo {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

/*Titulo contenedor*/
div.cajasIzda h3 {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Botones*/
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, topSubnave input.boton, div.formulario input.boton, .boton02, .cajasIzda input.botonform, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

/*Fondo cesta*/
#capaCesta {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo botón revisar cesta*/
.botonRevisarCesta {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Enlace comprar*/
a.botonComprar:link, a.botonComprar:visited {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Enlace comprar OVER*/
a.botonComprar:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Enlace reserva*/
a.botonReservar:link, a.botonReservar:visited {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Enlace reserva OVER*/
a.botonReservar:hover {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo logeado (usuarios registrados)*/
#cajaLogeado {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo no logeado (usuarios registrados)*/
#cajaNoLogeado {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo boletín*/
#cajaBoletin {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo oferta*/
li.precioOferta, .ficha div.precioOferta {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*Fondo precio*/ 
li.precioOferta, .ficha div.precioOferta {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

/*imagen fondo H1*/
#contenido h1 {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*imagen fondo H2*/
#contenido h2 {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*imagen fondo H3*/
#contenido h3 {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}
/*imagen fondo seccion*/
#contenido .seccion {
				background-image: none;
			background-repeat: repeat;			background-position: left top;
						background-attachment: scroll;
			}

#contenido {
	padding-top: 0px;
}
@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, .filtro input, .filtro select, .tablaFiltros select, div.formulario input, div.formulario select, div.formulario textarea  {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

/*///////////////////// CSS DINÁMICO : Base //////////////////////////*/




:root {
--azul-principal-oscuro: rgb(0, 56, 82);
--azul-claro-fondo-cta: #f0f3f6;
--azul-claro-fondo: #f0f3f6;
--azul-claro-fondo02: #f6f7f9 ;
--azul-claro-fondo02:  #F8F8FA;
}
::selection {
    text-shadow: none;
    background: #79CFFF4A;
}
::-moz-selection {
    text-shadow: none;
    background: #79CFFF4A;
}

body, html, * {
  scrollbar-width: thin;
}
html {
  scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 7px;
}
#contenido {
    padding-bottom: 0;
}

.centrar {
text-align: center;
}

.bloque-total {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  margin-bottom: 0;
}

span.destacado-texto {
background: url("/UserFiles/images/TPV2025/subrayado2.svg") no-repeat center bottom;
background-size: 100%;
padding: 0 10px;
}



span.destacado-pastilla {
    font-size: 18px;
    font-weight: 700;
    display: block;
    width: fit-content;
    background: #1d353d;
    color: #fff;
    line-height: 1;
    margin: 10px auto 20px;
    padding: 8px 25px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

/* WHATSAPP PIE */
a#enlace-whatsapp {
position: fixed;
left: 37px;
bottom: 55px;
display: block;
width: 60px;
height: 60px;
background: #25D366;
    z-index: 9999;
border: 5px solid #fff;

    display: flex;
    align-items: center;
    justify-content: space-around;
padding-left: 1px;
  padding-top: 2px;

-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;

box-shadow: rgba(0, 0, 0, 0) 0px 0px 15px;
}
a#enlace-whatsapp:hover {
background: #128C7E;

box-shadow: rgba(18, 140, 126, 0.35) 0px 0px 15px;
}
a#enlace-whatsapp .fa {
color: transparent;
}
a#enlace-whatsapp:visited .fa, a#enlace-whatsapp:visited .fa:before {
border: 0 none;
background: transparent;
}
a#enlace-whatsapp  i::before {
font-size: 34px;
color: #fff;
}

.bloque-total {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  margin-bottom: 0;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  GENERICOS
/////////////////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: "Source Sans Pro",sans-serif;
}
a {
font-weight: 400;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
a strong {
color: rgb(0, 152, 224);
}
a:hover {
text-decoration: none!important;
}
.bloque-total {
  width: 100vw!important;
  position: relative!important;
  left: 50%!important;
  right: 50%!important;
  margin-left: -50vw!important;
  margin-right: -50vw!important;
}
.bloque-centrar {
text-align: center;
}
.bloque-redondeado-25 {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.scrollup {
    opacity: 1;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-size: 13px;
    width: 50px;
    height: 50px;
    padding: 13px 18px;
    right: 40px;
    bottom: 40px;
}

#dhtmltooltip {
  border: none;
  padding: 5px 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  min-width: 220px;
}
#dhtmltooltip table th {
  font-size: 14px;
  color: #808080;
  padding-bottom: 2px;
  font-weight: 400;
}
a.lnk-destacado {
  background: #0298e0;
  display: inline-block;
    padding: 11px 30px 12px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #ffffff;
}
a.lnk-destacado:hover {
  background: #34485d;
  text-decoration: none;
}
a.lnk-destacado .flecha-lnk-destacado {
margin-left: 0;
}
a.lnk-destacado:hover .flecha-lnk-destacado {
margin-left: 10px;
}
a.destacado-mini {
    padding: 8px 25px 7px;
}
a.destacado-mini:hover {
    padding: 8px 31px 7px;
}
a.lnk-destacado.lnk-casosdeexito {
  background: #34485d;
}
a.lnk-destacado.lnk-casosdeexito:hover {
  background: #0298e0;
}
a.lnk-casosdeexito, 
a.lnk-casosdeexito * {

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}

a.lnk-grande {
font-size: 34px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}

.capa-cta {
text-align: center;
padding: 10px;
}
div.bloque-cta {
text-align: center;
padding: 30px 40px;
background: #f3f5f7;
display: inline-block;
margin: 0 auto;
}
.bloque-contenido div.bloque-cta {
width: 100%;
}
div.bloque-cta a, 
#bloque div.bloque-cta a {
color: #fff;
background: var(--azul-principal-accesible);
font-weight: 500;
padding: 3px 20px;
margin: 5px 0;

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
div.bloque-cta a:hover, 
#bloque div.bloque-cta a:hover {
background: var(--azul-principal-oscuro);
}
a.lnk-cta, 
#bloque a.lnk-cta {
background: var(--azul-principal-oscuro)!important;
color: #fff;
display: inline-block;
font-size: 25px;
font-weight: 300;
letter-spacing: 0.03em;
padding: 15px 80px;
margin: 10px 0;

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
a.lnk-cta:hover, 
#bloque a.lnk-cta:hover {
padding: 15px 80px;
background: var(--azul-principal-accesible)!important;
color: #fff;
}

input[type="text"], textarea {
 -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="checkbox"].css-checkbox + label.labelcheck {
    padding-left: 24px;
}
b, strong {
    color: #000000;
    font-weight: 600;
}
.img-responsive {
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto;
}
.texto_pie_auxiliar {
    z-index: 999991;
}
#body_contacto fieldset {
    background-color: rgba(0, 0, 0, 0);
}
#body_cms #contenido h1 {
    background-color: #65757d;
    color: #ffffff;
    font-size: 60px;
    font-weight: 200;
    letter-spacing: 0.05em;
    margin-top: 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
#body_cms #contenido h1 {
    background-color: transparent;
    color: #000;
    font-size: 60px;
text-transform: uppercase;
}

#body_cms.body_cms_2205 #contenido h1 {
    background-color: transparent;
    color: #000;
    font-size: 65px;
}

#body_cms #contenido h1.normal {
  background-color: white;
  color: #000000;
  font-size: 48px;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: center;
  line-height: 110%;
  text-transform: initial;
  letter-spacing: 0;
  padding: 0;
  margin-top: 0;
  
  text-wrap: balance;
}
header h1 {
    background-color: #f3f5f7;
    color: #676b6c;
    font-size: 36px;
    font-weight: 200;
    letter-spacing: 0.08em;
    margin-top: 0;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2%;
    
    text-wrap: balance;
}
#contenido h2, .datos_tienda > h2 {
    color: #000000;
    font-size: 51px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
    line-height: 115%;
    
    font-size: 42px;
    max-width: 900px;
    margin: 0 auto 15px;
    
    text-wrap: balance;
}
div.megaeditor h2, h2 {
  font-size: 38px;
  text-align: center;
  }
#contenido div.megaeditor h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    line-height: 110%;
}
#body_cms #contenido h3 {
    color: #000000;
    font-size: 40px;
    font-weight: 400;
text-align: center;
    line-height: 120%;
    margin-bottom: 15px;
}
#body_cms #contenido .bloque-columnas h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 400;
text-align: center;
    line-height: 110%;
    margin-bottom: 15px;
}
#contenido h4, .datosFicha h1 {
    color: #000000;
    font-weight: 600;
}
div.megaeditor p, div.megaeditor li {
    font-size: 18px;
    font-weight: 300;
}
div.megaeditor p.p-grande {
    font-size: 22px;
}
div.megaeditor p.p-destacado {
    font-size: 18px;
display: inline-block; 
padding: 1px 10px;
background: #fff3d9;
font-weight: 600;
}

.hidden {
    display: none;
}
div.bloqueMitad h3 {
    border-top: medium none;
}
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, topSubnave input.boton, div.formulario input.boton, .boton02, .cajasIzda input.botonform, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform {
    background-repeat: repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    padding: 10px 30px;
}
.imagen_cabecera_cms > img {
    height: auto;
    width: 100% !important;
}
section:last-child {
    margin-bottom: 0;
}

ul.lista-sin-bullet {
list-style-type: none;
}

/* enlaces */
a.lnk-destacado-grande {
font-size: 21px;
padding: 15px 50px;
line-height: 1.1;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
a.enlace-modulo-precio.lnk-destacado-grande {
padding: 15px 50px!important;
    -webkit-border-radius: 40px!important;
    -moz-border-radius: 40px!important;
    border-radius: 40px!important;
}
a.lnk-destacado-grande span {
font-size: 1.4em;
}

/**/
#centro section.contenido-estrecho {
max-width: 800px;
margin: 0 auto;
}

/*imagen cabecera */
[id|="imagen_"] img, 
div[id^="imagen_"] img {
    max-width: 100%;
height: auto;
}
#body_contenidos_adicionales #contenido, .body_cms_1456 #div_seccion_2074, .body_cms_1554 #div_seccion_2180, .body_cms_1455 #div_seccion_2073, .body_cms_1457  #div_seccion_2177, ._sec_seccion.cms-base {
    margin: 0 auto;
    max-width: 940px;
    float: none;
}
#body_contenidos_adicionales #contenido h1 {
color: #000000;
font-size: 48px;
font-weight: 300;
margin-bottom: 20px;
text-align: center;
line-height: 135%;
}
#cabecera_compartir_enlace {
    top: inherit;
    right: inherit;
    position: inherit;
    text-align: center;
    display: none;
}
#body_productos_listado #cabecera_compartir_enlace, #body_productos_detalle #cabecera_compartir_enlace {
    display: block;
}

/******************************************** LISTA NUMERADA *****************************************/
ul.lista-numerada {
counter-reset: mi-contador;

margin: 0;
padding: 0;
list-style-type: none;
}
ul.lista-numerada li {
position: relative;
padding: 5px;
}
ul.lista-numerada li::before {
content: counter(mi-contador);
  counter-increment: mi-contador;

line-height: 1;
display: inline-block;
  font-size: 18px;
  color: #fff;
  background: rgb(0, 152, 224);
  padding: 5px 4px 4px;
  min-width: 30px;
  min-height: 30px;
  text-align: center;
  font-weight: 700;
  margin-right: 10px;
  position: relative;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

/******************************************** GALERIA DE COLABORADORES *****************************************/
#centro section.bloque-colaboradores {
  background-color: #f3f5f7;
  margin-top: 5%;
  padding-top: 50px;
  padding-bottom: 0px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#centro section.bloque-colaboradores div.megaeditor {
max-width: 1400px;
margin: 0 auto;
text-align: center;
}
#centro section.bloque-colaboradores div.megaeditor p {
font-size:21px;
}
div.megaeditor ul.logoscolaboradores, 
div.megaeditor ul.logosIntegraciones {
  margin: 30px auto 70px;
  padding: 0 30px;
  max-width: 940px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
text-align: center;
}
div.megaeditor ul.logoscolaboradores li, 
div.megaeditor ul.logosIntegraciones li {
  list-style: none;
  background-color: #fff;
  min-height: 140px;
}
div.megaeditor ul.logoscolaboradores li,
div.megaeditor ul.logosIntegraciones li a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    padding: 20px;
    text-indent: -99999px;
    transition: all 0.1s ease-in 0s;
display: block;
min-height: 140px;
}
div.megaeditor ul.logosIntegraciones li a:hover {
  transition: all 0.1s ease-in 0s;
}
#contenido .bloque-colaboradores h4 {
font-weight: 300;
line-height: 1.1em;
  margin-bottom: 0;
}
div.megaeditor ul.logosIntegraciones li.dynamics > a {
    background-image: url("/UserFiles/images/TPV2023/bisiness_central-cuad.svg");
}

div.megaeditor ul.logosIntegraciones li.sap > a {
    background-image: url("/UserFiles/images/TPV2023/l-SAP.svg");
}

div.megaeditor ul.logosIntegraciones li.sage > a {
    background-image: url("/UserFiles/images/TPV2023/l-sage.svg");
}
div.megaeditor ul.logosIntegraciones li.logi > a {
    background-image: url("/UserFiles/images/TPV2023/l-logicommerce_logo.svg");
}
div.megaeditor ul.logosIntegraciones li.a3 > a {
    background-image: url("/UserFiles/images/TPV2023/a3asesor.svg");
}
/**/
div.megaeditor ul.logoscolaboradores li.trilogi, 
div.megaeditor ul.logoscolaboradores li.trilogi > a {
    background-image: url("/UserFiles/images/logos/trilogi-solo.svg");
}
div.megaeditor ul.logoscolaboradores li.dinamizatic , 
div.megaeditor ul.logoscolaboradores li.dinamizatic  > a {
    background-image: url("/UserFiles/images/logos/l-dinamizaTIC.svg");
}
div.megaeditor ul.logoscolaboradores li.sothis, 
div.megaeditor ul.logoscolaboradores li.sothis > a {
    background-image: url("/UserFiles/images/logos/l-SOTHIS-horizontal.svg");
}
div.megaeditor ul.logoscolaboradores li.polux, 
div.megaeditor ul.logoscolaboradores li.polux > a {
    background-image: url("/UserFiles/images/gesio2023/pollux-LR.svg");
}

/* INTEGRACIONES */


/******************************************** GALERIA DE IMAGENES *****************************************/
div.galeria {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
  margin-top: 20px;
}
div.fotoParrilla {
  float: none;
}
.fotoParrilla div.recorte {
  border: 1px solid #e5e8ea;
  width: 100% !important;
  height: auto !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.fotoParrilla div.recorte:hover {
  border-color: #2c92d0;
}
div.fotoParrilla a:link, div.fotoParrilla a:visited {
  border-top: none;
}
div.galeria img {
  max-width: 100%;
}
/*******/

a.botonDestacado {
background-color: #0096e2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 68px;
-ms-border-radius: 8px;
color: #ffffff;
font-size: 21px;
font-weight: 600;
letter-spacing: 0.03em;
padding: 15px 35px;
tesxt-transform: uppercase;
margin: 25px auto 15px;
display:  inline-block;
text-align: center;
line-height: 1;
}
a.botonDestacado:hover {
background-color: #0096e2;
text-decoration: none;
}

/*******/

.capa-azul {
background: #e5f5ff;
padding: 15px 30px;
margin: 25px 0;
}

.capa-amarilla {
background: #f9f6eb;
padding: 15px 30px;
margin: 25px 0;
}
.ejemplo-presta-tpv {
background: #f9f6eb url("/UserFiles/images/TPV2022/conexion-cms-presta.png") no-repeat center calc(100% - 30px);
background-size: 600px;
padding-bottom: 360px;
}

div.noticias img {
  background-color: transparent;
}


/* LISTA COLUMNAS ------------------------------------------*/
div.megaeditor ul.lista-columnas {
    margin: 0;
    list-style: none;
    padding: 0;
column-count: 3;
    column-gap: 24px;
}
div.megaeditor ul.lista-columnas img {
max-width: 100%;
height: auto!important;
}
div.megaeditor ul.lista-columnas.3-columnas {
    
}
/* -------------------------- */
.cuadro-aviso {
    max-width: 1024px;
    width: 92%;
    margin: 40px auto 40px;
    background-color: #f3f5f7;
    padding: 20px 40px;
    position: relative;
text-align: center;
}
.cuadro-aviso p {
    font-size: 16px;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
}
.cuadro-aviso p.p-aviso-destacado {
  font-weight: 600;
background: #e5ebf0;
margin: 10px 0 15px;
}
.cuadro-aviso strong {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -100px;
    font-size: 14px;
    background-color: #d00;
    color: #fff;
    width: 200px;
    padding: 2px 0;
}

/* CAPAS DESTACADAS --------------------------------------------------------------------------------------------------------------- */
.capa-alerta {
padding: 30px 50px;
background: #f9edd9;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.capa-alerta h1, .capa-alerta h2, .capa-alerta h3, .capa-alerta h4, .capa-alerta h5 {
margin-top: 0;
}
.capa-alerta p, .capa-alerta li {
color: #27231b;
}

.capa-alerta.alerta-rojo {
padding: 30px 40px;
background: #ae260b;
}
.capa-alerta.alerta-rojo, .capa-alerta.alerta-rojo p, .capa-alerta.alerta-rojo li {
color: #fff;
}

/* CUSTOM BULLETS --------------------------------------------------------------------------------------------------------------- */
div.megaeditor ul.custom-bullets {
padding: 0;
list-style-type: none;
}
div.megaeditor ul.custom-bullets li.li-check {
padding-left: 22px;
background: url("/UserFiles/images/TPV2020/bullet-check.svg") no-repeat left center;
background-size: 16px;
}
div.megaeditor ul.custom-bullets li.li-aspa {
padding-left: 22px;
background: url("/UserFiles/images/TPV2020/bullet-aspa.svg") no-repeat left 5px;
background-size: 16px;
}

/* FORMULARIO CTA BASICO ------------------------------------ */
#body_cms_home section#div_seccion_3480 {
margin: 0;
}
body.body_cms_1992 #tidio-chat {
display: none;
}

#body_cms #contenido h1#h1_cms_1993 {
  background-color: #fff;
  color: #65757d;
}
section#formulario_3478_170 div.formulario form  fieldset legend, 
section#formulario_4278_199 div.formulario form  fieldset legend {
display: none;
}

section#formulario_3478_170 div.formulario form  fieldset , 
section#formulario_4278_199 div.formulario form  fieldset {
padding: 0;
background: transparent none;
}

section#formulario_3478_170 div.formulario form  label, 
section#formulario_4278_199 div.formulario form  label {
width: 100%;
float: none; 
text-align: left;
}
section#formulario_3478_170 div.formulario form p, 
section#formulario_3478_170 div.formulario form  fieldset[title*="Contactos"], 
section#formulario_4278_199 div.formulario form p, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Contactos"] , 
section#formulario_4278_199 div.formulario form  fieldset[title*="Empresa"], 
section#formulario_4278_199 div.formulario form  fieldset[title*="Kit"], 
section#formulario_4278_199 div.formulario div#captcha {
max-width: 600px;
margin: 0 auto;
}
section#formulario_3478_170 div.formulario input[type="text"], 
section#formulario_3478_170 div.formulario textarea, 
section#formulario_3478_170 div.formulario select, .filtro select, .filtro input[type="text"], 
section#formulario_3478_170 .tablaFiltros select , 
section#formulario_4278_199 div.formulario input[type="text"], 
section#formulario_4278_199 div.formulario textarea, 
section#formulario_4278_199 div.formulario select, .filtro select, .filtro input[type="text"], 
section#formulario_4278_199 .tablaFiltros select {
width: 100%;
}
section#formulario_3478_170 div.formulario input[type="text"], 
section#formulario_4278_199 div.formulario input[type="text"] {
margin-bottom: 10px;
}

section#formulario_3478_170 div.formulario form  fieldset[title*="Contactos"] p, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Contactos"] p, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Empresa"] p, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Kit"] p {
display: inline-block;
width: 48%;
}
section#formulario_3478_170 div.formulario form  fieldset[title*="Contactos"] p:last-child, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Contactos"] p:last-child, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Empresa"] p:last-child, 
section#formulario_4278_199 div.formulario form  fieldset[title*="Kit"] p:last-child {
float: right;
}
section#formulario_4278_199 div.formulario form  fieldset[title*="Empresa"] div.grupoSImple {
float: right;
display: inline-block;
width: 48%;
}
section#formulario_3478_170 div.formulario input.boton, 
section#formulario_4278_199 div.formulario input.boton {
width: 100%;
}

section#formulario_4278_199 div.formulario form  fieldset[title*="Kit"] {
padding-top: 10px;
}
 #contenido section#formulario_4278_199 div.formulario fieldset div.tituloGrupoSimple {
    font-size: 16px;
    font-weight: 300;
display: inline-block;
    border-bottom: 0 none;
    margin-top: 0;
padding-right: 10px;

vertical-align: middle;
}

table.elementosGrupoSimple {
display: inline-block;
vertical-align: middle;
width: auto;
}
section#formulario_4278_199 table.elementosGrupoSimple td {
    display: inline-block;
    width: auto;
}
section#formulario_4278_199 div.formulario  form  fieldset[title*="Kit"] label {
font-size: 18px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      TABLA TARIFAS (FEED)
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tabla-tarifa {

}
div.megaeditor .tabla-tarifa td {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 5px;
}
div.megaeditor .tabla-tarifa thead td, div.megaeditor .tabla-tarifa thead td strong {
background: #000;
color: #fff;
border-color: #000;
}
#div_seccion_2696 .titulo-feed, #div_seccion_2696 .titulo-feed strong {
background: #0298e0!important;
color: #fff;
}
#div_seccion_2696 .titulo-feed td {
border-color: #0298e0;
padding: 8px 5px;
}
#div_seccion_2696 .titulo-feed:before {
content:;
}

#div_seccion_2696 .titulo-feed td:first-child {
border-left: 0 none;
}
#div_seccion_2696 .titulo-feed td:first-child {
border-left-color: #000;
}
#div_seccion_2696 .titulo-feed td:last-child {
border-right-color: #000;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      BLOQUES SECCION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
section._sec_bloque-contenido, section.bloque-contenido {
  margin: 3% auto 5% !important;
  width: 92%;
  max-width: 1024px;
}
section._sec_bloque-contenido div.megaeditor h2 + p, 
section._sec_bloque-bodegon div.megaeditor h2 + p, 
section.bloque-contenido div.megaeditor h2 + p {
    font-size: 24px;
    font-weight: 300;
    line-height: 135%;
    text-align: center;
    padding-left: 4% !important;
    padding-right: 4% !important;
}

#imagen_3614, #imagen_3615, #imagen_3616, #imagen_3617, #imagen_3618, #imagen_3619, #imagen_3622 {
padding: 30px 0;
}
/* MINI /////////////*/
section._sec_bloque-contenido-mini, section.bloque-contenido-mini {
  margin: 3% auto 5% !important;
  width: 92%;
  max-width: 850px;
}

/* TOTAL /////////////*/
section._sec_bloque-contenido-total, section.bloque-contenido-total {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

/* DEMO /////////////*/
section[class*="bloque-contenido"].bloque-demo {
background: #eee;
background: #eee;
text-align: center;
padding: 20px;
}
section[class*="bloque-contenido"].bloque-demo h3 {
text-transform: uppercase;
font-weight: 300!important;
}
/* CARRUSEL ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.carrusel {
    text-align: center;
}
.sliderwrapper .contentdiv {
    width: 100%;
}
/* CONTENEDOR RESPONSIVE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.contenedor-responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
width: 80%;
margin: 0 auto;
}
.contenedor-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* FANCY GALERIA ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#jquery-overlay {
  z-index: 999990;
}
#jquery-lightbox {
  z-index: 999999 !important;
}
#lightbox-container-image-data-box {
    display: none !important;
}
#lightbox-nav > a#lightbox-nav-btnNext {
    background-position: right 45% !important;
}
#lightbox-nav > a#lightbox-nav-btnPrev {
    background-position: LEFT 45% !important;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
  ESTRUCTURA
/////////////////////////////////////////////////////////////////////////////////////////*/
#base1024 {
    width: 100%; 
}
#base {
  max-width: 1440px;
  padding-top: 0;
  padding-bottom: 200px;
  margin: 0 auto -54px;
  z-index: 2;
  position: relative;
}
#centro {
    padding-left: 0;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  CABECERA
/////////////////////////////////////////////////////////////////////////////////////////*/
#cabecera {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
div.logo {
  right: inherit !important;
  top: inherit !important;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease;
}
div.logo img {
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease;
  max-width: 100%;
}
.carrusel {
  clear: both;
}
li#menuTopMini {
display: none;
}
/* MENSAJE CABECERA ----------------------------_*/
#mensajeCabecera {
  width: 100%;
  padding: 8px 20px 5px;
  text-align: left; 
  }
#demo-top, #telefono-top {
display: inline-block;
}
#telefono-top {
margin-left: auto;
float:right;
}
#mensajeCabecera a strong {
color: #fff;
}

/* MENU SUPERIOR DESPLEGABLE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.ddsmoothmenu {
    float: right;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    width: auto;
}
.ddsmoothmenu #li_desplegable_cms_836 > a {
    background-color: #0298e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    margin-left: 15px;
    font-weight: 400;
}
#li_desplegable_cms_836 {
    float: right;
    background: #fff;
}
.ddsmoothmenu ul {
white-space: nowrap;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    padding: 8px 15px !important;
}
.ddsmoothmenu ul ul {
white-space: initial;
}
.ddsmoothmenu ul li a.itemActual, .ddsmoothmenu ul li a.itemActual:hover {
    color: rgb(51, 51, 52);
    background: #f3f5f7;
    font-weight: 400;
}
.ddsmoothmenu ul li ul li a {
    width: 240px;
    font-size: 16px;
}
.rightarrowclass {
    display: none;
}
.ddsmoothmenu ul li ul li a.conSubmenu {
    background-color: #f3f5f7 !important;
}
.ddsmoothmenu ul li ul li a.conSubmenu {
    background-color: #0298e0 !important;
    color: #fff;
    border-left: 4px solid #0298e0 !important;
    font-weight: 500;
}
.ddsmoothmenu ul li ul {
    border: 1px solid #ddd;
    width: 240px !important;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
    border-left: 4px solid #F3F5F7;
border-right: 1px solid #ddd;
}
.ddsmoothmenu ul li ul li a:hover {
    border-left: 4px solid #0298E0;
border-right: 1px solid #ddd;
}
#ul_menu_superior_desplegable_cms > li > img.downarrowclass {
    display: none;
}
#li_desplegable_cms_1604, #li_desplegable_cms_1605, #li_desplegable_cms_1606, #li_desplegable_cms_1607, #li_desplegable_cms_1608, #li_desplegable_cms_1609, #li_desplegable_cms_1621 {
    display: none !important;
}
.ddsmoothmenu ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li a:visited {
  padding: 5px 15px !important;
}
.ddsmoothmenu ul li ul li a.conSubmenu {
background-image: url("/UserFiles/images/mas01.png");
background-repeat: no-repeat!important;
background-position: right center;
}
.ddsmoothmenu ul li ul li:hover a.conSubmenu, .ddsmoothmenu ul li ul li a.conSubmenu:hover {
background-image: url("/UserFiles/images/mas01.png");
background-repeat: no-repeat,;
background-position: right center;
}

.ddsmoothmenu ul li#li_desplegable_cms_791 ul li:nth-child(1) a, .ddsmoothmenu ul li#li_desplegable_cms_791 ul li:nth-child(2) a {
    background-image: url("/UserFiles/images/star.png");
    background-repeat: no-repeat !important;
    background-position: calc(100% - 5px) center;
}
.ddsmoothmenu ul li#li_desplegable_cms_791 ul li:nth-child(1) li a, .ddsmoothmenu ul li#li_desplegable_cms_791 ul li:nth-child(2) li a , .ddsmoothmenu ul li ul li li a, 
.ddsmoothmenu ul li#li_desplegable_cms_791 ul li li:nth-child(1) a, .ddsmoothmenu ul li#li_desplegable_cms_791 ul li li:nth-child(2) a {
background-image: none;
}

/* PAGINA LANZADOR ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#div_seccion_2490 {
text-align: center;
}
#div_seccion_2490 ul {
margin: 0 auto;
padding: 2% 3%;
max-width: 700px;
text-align: left;
list-style-type: none;
}
#div_seccion_2490 ul li {
background: #f2f3f6 url("	/cms/site_0112/imagenes_css/imagen_css-94-e7d37ac46cd79ab11b.png") no-repeat 12px center;
padding: 5px 10px 5px 35px;
margin-bottom: 5px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
ul.subseccion.descargas {
margin: 0 auto;
padding: 2% 3%;
max-width: 600px;
text-align: center;

}
ul.subseccion.descargas a {
display: block;
background: #0096e2;
color: #fff;
font-size: 16px;
padding: 15px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
ul.subseccion.descargas a:hover {
background: #007bb9;
}
ul.subseccion.descargas a img {
display:inline-block;
background: #fff;
padding: 7px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-right: 6px;
}
ul.subseccion.descargas .descripcion {
color:rgba(255, 255, 255, .5);
font-size: 12px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  SEGUNDAS PAGINAS
/////////////////////////////////////////////////////////////////////////////////////////*/

/* PRECIO DEL MODULO -------------------------------------------------------------------------------------------------- */
.bloque-precio-modulo {
  padding: 20px 20px 40px;
  text-align: center;
  font-size: 25px;
  font-weight: 300;
}
.tituloModulo {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
a.enlace-modulo-precio {
    display: inline-block;
    background: #0096e2;
    color: #fff;
    padding: 5px 40px;
    margin: 10px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
a.enlace-modulo-precio:hover {
background: #1484c6;
text-decoration: none;
}

/* FRANQUICIAS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.franquicias {
    margin-top: 5%;
}
div.megaeditor ul.lista-franquicias {
    margin: 4% 0 10%;
}
div.megaeditor .lista-franquicias li {
    background-image: url("/UserFiles/images/Ok.svg");
    background-position: left 4px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    list-style: outside none none;
    margin-bottom: 10px;
    padding-left: 25px;
}
#contenido div.megaeditor h3.ami {
    background-image: url("/UserFiles/images/Heart.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 100px;
   background-size: 85px auto;
}
#contenido div.megaeditor h3.aellos {
    background-image: url("/UserFiles/images/Fantasy.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 100px;
   background-size: 85px auto;
}
/* PAGINA TPV O ERP ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/

.bloqueMitad.crecimiento01 {
    background-image: url("/UserFiles/images/ico_crecimiento01.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 120px;
    background-size: auto 100px;
}
.bloqueMitad.crecimiento02 {
    background-image: url("/UserFiles/images/ico_crecimiento02.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 120px;
    background-size: auto 110px;
}
div.megaeditor ul.habilidades02 {
  padding: 0 0 20px;
  list-style: none;
}
div.megaeditor ul.habilidades02 li {
  line-height: 1.1;
  padding: 7px 0 7px 30px;
  background-repeat: no-repeat;
  background-image: url("/UserFiles/images/ico_check.svg");
  background-size: auto 20px;
  background-position: left 8px;
  margin-bottom: 5px;
}
#table-features {
  margin: 80px auto;
  max-width: 800px;
}
#features {
  width: 30%;
}
#tpv-erp {
  display: inline-block;
  vertical-align: top;
  width: 69%;
  white-space: nowrap;
  overflow: auto;
}
.display-table-tres {
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
}
div.megaeditor .display-table-tres ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
div.megaeditor #features.display-table-tres ul:first-child::before {
  content: "Por funcionalidad";
  position: absolute;
  top: 135px;
  font-size: 20px;
  width: 100%;
  left: -130px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  transform: rotate(-90deg);
}
div.megaeditor .display-table-tres ul li {
  padding: 7px 15px;
  font-size: 18px;
  height: 42px;
}
div.megaeditor .display-table-tres ul li:nth-child(2n+1) {
  background-color: #eeeff2;
}
div.megaeditor .display-table-tres ul li.titulo-coparativa {
  font-size: 24px;
  font-weight: 700 !important;
  color: #000;
  background-color: #fff;
  text-transform: uppercase;
  height: 60px;
}
div.megaeditor #features.display-table-tres ul li {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  padding: 9px 15px;
  text-align: right;
  font-style: italic;
  background-color: transparent;
  line-height: 1.1;
}
div.megaeditor .display-table-tres ul:last-child {
  margin-top: 60px;
}
div.megaeditor #features.display-table-tres ul:last-child::before {
  content: "Por tipo de empresa";
  position: absolute;
  bottom: 135px;
  font-size: 20px;
  width: 100%;
  left: -130px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  transform: rotate(-90deg);
}
div.megaeditor #features.display-table-tres ul:last-child li {
  font-weight: 300;
}
/* INTEGRACION ERP ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1300, section#div_seccion_1308, section#div_seccion_3700, section#div_seccion_3159 {
    margin: 5% auto;
    width: 940px;
}
section#div_seccion_3700 {
    margin: 0 auto;
    width: 940px;
}
section#div_seccion_1308 {
    margin: 0 auto 5%;
}
section#div_seccion_1300 div.megaeditor h2 +p, section#div_seccion_1308 div.megaeditor h2 +p, section#div_seccion_3159 div.megaeditor h2 +p {
    font-size: 22px;
    font-weight: 300;
    line-height: 135%;
    text-align: center;
}
section#div_seccion_1300 div.megaeditor h3, section#div_seccion_3159 div.megaeditor h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}

/*Sergi ha estado aquí*/

.bloqueMitad.importaciones {
    background-image: url("/UserFiles/images/Import.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 120px;
}
.bloqueMitad.exportaciones {
    background-image: url("/UserFiles/images/Export.svg");
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 120px;
}
div.megaeditor ul.integraciones {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
div.megaeditor .integraciones > li {
    border: 1px solid #dddddd;
    display: inline-block;
    margin-bottom: 2.5%;
    padding: 10px 15px;
    vertical-align: top;
}
section#div_seccion_1307 {
    background-color: #65757d;
}
.bg-tecnologias {
    background-image: url("/UserFiles/images/bg_tecnologia.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    padding-top: 26%;
    width: 50%;
}
.tecnologias {
    float: right;
    padding: 2% 3%;
    width: 50%;
}
div.megaeditor .tecnologias > p, div.megaeditor .tecnologias li, #contenido .tecnologias > h2, #contenido div.megaeditor .tecnologias h3 {
    color: #ffffff;
    text-align: left;
}
div.megaeditor .tecnologias > ul {
    color: #ffffff !important;
    padding: 0;
}
/* BOTONES DEMO ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1310 {
    margin-bottom: 0;
}
div.megaeditor ul.botones_demos {
    list-style: outside none none;
    margin: 2.5% 0 0;
    padding: 0;
    white-space: nowrap;
}
div.megaeditor ul.botones_demos li {
    display: inline-block;
    font-size: 18px;
    line-height: 135%;
    text-transform: uppercase;
    width: 33%;
    position: relative
}
div.megaeditor ul.botones_demos li span {
    display: block;
    font-size: 30px;
}
div.megaeditor ul.botones_demos li > a {
    background-color: #f3f5f7;
    color: #707578;
    display: block;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 25px;
    padding-top: 20px;
    background-repeat: no-repeat;
    text-align: left;
}
div.megaeditor ul.botones_demos li span:last-child {
    background-color: #0298e0;
    border: 2px solid #ffffff;
    border-radius: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    height: 40px;
    left: 49%;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: -18px;
    width: 40px;
}
div.megaeditor ul.botones_demos li.demotienda > a {
    margin-right: 0;
}
div.megaeditor ul.botones_demos li.demogestion > a {
    margin-left: 0;
}
div.megaeditor ul.botones_demos li > a:hover {
    background-color: #e7e9eb;
    text-decoration: none;
}
div.megaeditor ul.botones_demos li.demotpv > a {
    background-color: #0298e0;
    color: #ffffff;
}
div.megaeditor ul.botones_demos li.demotpv > a:hover {
    background-color: #0082C8;
}
div.megaeditor ul.botones_demos li.demotienda > a {
    background-image: url("/UserFiles/images/Shop.svg");
    background-position: 100px 20px;
    background-size: 50px auto;
    padding-left: 157px;
}
div.megaeditor ul.botones_demos li.demotpv > a {
    background-image: url("/UserFiles/images/CashRegister02.svg");
    background-position: 110px 20px;
    background-size: 50px auto;
    padding-left: 170px;
}
div.megaeditor ul.botones_demos li.demogestion > a {
    background-image: url("/UserFiles/images/Administrative.svg");
    background-position: 140px 20px;
    background-size: 50px auto;
    padding-left: 198px;
}

/* TOUR ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/

section#div_seccion_1292, section#div_seccion_1295, section#div_seccion_1296, section#div_seccion_1297, section#div_seccion_1497 {
    margin: 5% auto;
    width: 940px;
}
section#div_seccion_1292 div.megaeditor h2 +p, section#div_seccion_1295 div.megaeditor h2 +p, section#div_seccion_1296 div.megaeditor h2 +p, section#div_seccion_1297 div.megaeditor h2 +p, section#div_seccion_1313 div.megaeditor h2 +p, section#div_seccion_3700 div.megaeditor h2 +p, section#div_seccion_1363 div.megaeditor h2 +p, section#div_seccion_1359 div.megaeditor h2 +p, section#div_seccion_1365 div.megaeditor h2 + p, section#div_seccion_1366 div.megaeditor h2 +p, section#div_seccion_1358 div.megaeditor h2 +p, section#div_seccion_1367 div.megaeditor h2 + p, section#div_seccion_1370 div.megaeditor h2 + p, section#div_seccion_1497 div.megaeditor h2 + p {
    font-size: 22px;
    font-weight: 300;
    line-height: 135%;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}
section#div_seccion_1313 div.megaeditor h3 {
    font-size: 36px;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
}
.bloques {
    margin-top: 50px;
    overflow: hidden;
    white-space: nowrap;
text-align: center;
}
.bloques.bloques-cajon {
margin-top: 40px;
    white-space: normal;
}
.bloques.bloques-cajon .bloque {
margin-bottom: 30px;
}
.bloque {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    width: 30.5%;
    padding-top: 100px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 80px auto;
}
.bloque.izquierdo {
    /*background-image: url("/UserFiles/images/Brujula.svg");*/
}
.bloque.centro {
  /* background-image: url("/UserFiles/images/Alarm_Clock.svg");*/
    margin: 0 3.5%;
}
.bloque.derecho {
    /*background-image: url("/UserFiles/images/Marker02.svg");*/
}
.bloque.izquierdo.reparaciones {
    background-image: url("/UserFiles/images/almacen-reparaciones.svg");
}
.bloque.centro.reparaciones {
    background-image: url("/UserFiles/images/generador-contratos.svg");
    margin: 0 3.5%;
}
.bloque.derecho.reparaciones {
    background-image: url("/UserFiles/images/crecer.svg");
}
.fa.fa-external-link {
    font-size: 14px;
    margin-left: 3px;
}
.grupo_feature {
    margin-bottom: 5%;
    overflow: hidden;
    margin-top: 5%;
}
.feature {
    display: inline-block;
    margin-right: 3%;
    width: 30%;
    vertical-align: top;
  text-align: center;
}
.bloqueMitad.center {
    margin-bottom: 50px;
    margin-top: 20px;
}
.textomenor {
    font-size: 14px;
    font-weight: 300;
    margin-top: 20px;
}
.body_cms_791 #contenedor_contactadme, .body_cms_817 #contenedor_contactadme, .body_cms_788 #contenedor_contactadme {
    background-color: #f3f5f7;
}
.body_cms_791 .contactadme_input, .body_cms_817 .contactadme_input, .body_cms_788 .contactadme_input {
    background-color: #ffffff !important;
}
/* CONTACTO  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1359 {
    margin: 50px auto 0;
    width: 940px;
}
section#formulario_1360_139, section#div_seccion_1363 {
    margin: 50px auto 0;
    width: 940px;
}
section#formulario_1360_139 .tituloGrupoMultiple {
    font-size: 16px;
    font-weight: 300;
    margin-left: 20.5%;
    margin-top: 35px;
    text-transform: inherit;
    width: 78%;
}
section#formulario_1360_139 .elementosGrupoMultiple {
    margin-bottom: 35px;
    margin-left: 20.5%;
    width: 70%;
}
.contactoTelefono {
    font-size: 36px;
}
.contactoTelefono a {
    color: #000000;
    padding-top: 72px;
    display: block;
    background-image: url("/UserFiles/images/TPVonline2018/icon-phone.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 68px;
    margin-top: 40px;
}
.contactoTelefono a:hover {
    color: #0082dc;
    text-decoration: none;
}

/* TIENDAS ONLINE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#tiendas-gesio {
padding: 30px 5% 0;
}
#tiendas-gesio img {
margin-bottom: 10px;
}
#tiendas-gesio .col {
    font-size: 17px;
    font-weight: 300;
padding-top: 15px;
padding-bottom: 15px;
background: #fff;
border-bottom: 3px solid #e5e7eb;
margin-bottom: 20px;
min-height: 340px;
}
#tiendas-gesio .col:hover {
background: #f6f7f9;
}
#tiendas-gesio .col a {
color: #000;
}
#tiendas-gesio .col a:hover, #tiendas-gesio .col a:hover strong {
text-decoration: none;
color: rgb(0, 152, 224);
}
#tiendas-gesio .col strong {
font-size: 1.3em;
font-weight: 300;
}

/**/

#tiendas-2col-gesio {
padding: 20px 5% 0;
}
#tiendas-2col-gesio .col img {
float: left;
margin-right: 20px;
max-width: 50%!important;
height: auto;
}
#tiendas-2col-gesio .col a {
font-size: 18px;
font-weight: 300;
color: #000;
}
#tiendas-2col-gesio .col a strong {
font-size: 1.3em;
font-weight: 300;
}
#tiendas-2col-gesio .col a:hover, #tiendas-2col-gesio .col a:hover strong {
text-decoration: none;
color: rgb(0, 152, 224);
}


/*//////*/

#webs-gesio {
padding: 30px 3% 0;
display: none;
}

#webs-gesio a {
display: block;
background-color: #e9eff1;
background-repeat:no-repeat;
background-position: left top;
background-size: auto 120px;
font-weight: 700;
color: #1e5574;
font-size: 19px;
text-align: left;
padding: 30px 15px 30px 130px;
margin-bottom: 15px;

-webkit-border-radius: 65px;
-moz-border-radius: 65px;
border-radius: 65px;
}
#webs-gesio a:hover {
text-decoration: none;
padding: 30px 13px 30px 132px;
background-color: rgb(0, 152, 224) ;
color: #fff;

background-size: auto 150px;
background-position: -30px -10px;
}
#webs-gesio .col-ociostock a {
background-image: url("/UserFiles/images/TPV2020/th-ociostock.jpg");
}
#webs-gesio .col-docendo a {
background-image: url("/UserFiles/images/TPV2020/th-docendo.jpg");
}
#webs-gesio .col-dualgames a {
background-image: url("/UserFiles/images/TPV2020/th-dualgames.jpg");
}
#webs-gesio .col-redstring a {
background-image: url("/UserFiles/images/TPV2020/th-redstring.jpg");
}
#webs-gesio .col-cepedano a {
background-image: url("/UserFiles/images/TPV2020/th-cepedano.jpg");
}
#webs-gesio .col-palomshop a {
background-image: url("/UserFiles/images/TPV2020/th-palomshop.jpg");
}
#webs-gesio .col-nuevasensacion a {
background-image: url("/UserFiles/images/TPV2020/th-nuevasensacion.jpg");
}
#webs-gesio .col-multiuniformes a {
background-image: url("/UserFiles/images/TPV2020/th-multiuniformes.jpg");
}
#webs-gesio .col-ingravity a {
background-image: url("/UserFiles/images/TPV2020/th-ingravity.jpg");
}
#webs-gesio .col-lacubana a {
background-image: url("/UserFiles/images/TPV2020/th-lacubana.jpg");
}
#webs-gesio .col-lowbrass a {
background-image: url("/UserFiles/images/TPV2020/th-lowbrass.jpg");
}
#webs-gesio .col-britishtime a {
background-image: url("/UserFiles/images/TPV2020/th-britishtime.jpg");
}



/* SOCIOS TECNOLOGICOS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1299 {
    margin: 0 auto;
    width: 940px;
}
.partner {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px dotted #808080;
}
.partner:last-child {
    margin-bottom: 100px;
}
#contenido h2.titPartners {
    margin-top: 7%;
    text-align: center;
    margin-bottom: 2%;
}
.logoPartner {
    display: block;
    float: left;
    margin-right: 40px;
}
.url {
    font-size: 16px;
    font-weight: 300;
}
.body_cms_794 #contenedor_contactadme {
    background-color: #f3f5f7;
}
.body_cms_794 .contactadme_input {
    background-color: #ffffff !important;
}


/* CAJON DE COBRO AUTOMÁTICO / CASHLOGY ------------------------------------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bloque.descuadres-caja {
    background-image: url("/UserFiles/images/TPVonline2021/evita-descuadres.svg");
}
.bloque.centro.protege-robos {
    background-image: url("/UserFiles/images/TPVonline2021/robos.svg");
}
.bloque.cuenta-dinero {
    background-image: url("/UserFiles/images/TPVonline2021/cuenta-dinero.svg");
}
.bloque.pagos-cambio {
    background-image: url("/UserFiles/images/TPVonline2021/cambio.svg");
}
.bloque.centro.germenes {
    background-image: url("/UserFiles/images/TPVonline2021/germenes.svg");
}
.bloque.formato {
    background-image: url("/UserFiles/images/TPVonline2021/formato.svg");
}

#centro section#div_seccion_3035 {
margin-bottom: 0!important;
}
div.megaeditor ul.lista-3-col  {
    margin: 0 0 10px 0;
padding: 0;
}
.lista-3-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
margin: 0;
padding: 0;
list-style-type: none;
}
.lista-3-col::before {
display: none;
}
div.megaeditor .lista-3-col li {
border: 2px solid #eee;
padding: 10px 14px;
line-height: 1.2;
}

#descargas_3042  ul.subseccion.descargas {
    margin: 0 auto;
    padding: 0 3% 2%;
max-width: 400px;
}
#descargas_3042 ul.subseccion.descargas a {
background: #f4b408;
}
#descargas_3042 ul.subseccion.descargas a:hover {
background: #000;
}

#contenido h2#p_seccion_3036 {
background: #f3f5f7;
margin: 0;
padding-top: 30px;
}
#centro section#formulario_3036_159 {
background: #f3f5f7;
padding-top: 0px;
padding-bottom: 30px;
margin: 0;
}

#formulario_3036_159 .formulario {
max-width: 740px;
margin: 0 auto;
}

#formulario_3036_159 div.formulario form label, 
#formulario_3036_159 div.formulario input[type="text"] {
width: 100%;
text-align: left;
}
#formulario_3036_159 div.formulario input.boton {
width: 100%;
font-size: 18px;
}

section#descargas_3042 {
margin: 0;
}

.subseccion.enlaces {
display: flex;
align-items: center;
  justify-content: center;
padding: 0 20px;
}
.subseccion.enlaces > div {
margin: 0 10px;
}
.subseccion.enlaces > div a {
padding: .8em 1em!important;
}
.subseccion.enlaces > div:nth-child(1) a::before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background: url("/UserFiles/images/TPV2020/ico-ayudante.svg") no-repeat center center;
background-size: 100%;
margin-right: 7px;
vertical-align: bottom;
}
.subseccion.enlaces > div:nth-child(2) a::before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background: url("/UserFiles/images/TPV2020/ico-manual.svg") no-repeat center center;
background-size: 100%;
margin-right: 7px;
vertical-align: bottom;
}

/* FAQS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1284 {
    margin: 0 auto;
    width: 940px;
}
section#div_seccion_1287 {
    background-color: #f3f5f7;
    margin-bottom: 0;
    padding-top: 4%;
}
section#div_seccion_1287 div.megaeditor {
    margin: 0 auto;
    width: 944px;
}
#formulario_1286_137 {
    background-color: #f3f5f7;
    padding: 2% 0 5%;
}
#formulario_1286_137 .formulario {
    margin: 0 auto;
    width: 944px;
}
.faqs {
    margin-top: 7%;
}
#contenido .faqs h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
   text-align: left;
}
div.megaeditor .faqs h2 + p {
    border-bottom: 1px dotted #808080;
    padding-bottom: 20px !important;
}
div.megaeditor .faqs h2 + p:last-child {
    border: medium none;
}
section#div_seccion_1287 div.megaeditor {
    text-align: center;
}
#contenido section#div_seccion_1287 div.megaeditor h2 {
    font-size: 36px;
}
#captcha {
    margin-bottom: 20px;
}


fieldset {
    background-color: #f7f8fa;
}
div.formulario input[type="text"], div.formulario textarea, div.formulario select, .filtro select, .filtro input[type="text"], .tablaFiltros select {
    color: #000000;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 8px;
    width: 78%;
}
#comentar_comunicado_div input, #comentar_comunicado_div textarea, div.noticias #enviar_amigo_div input, div.noticias #enviar_amigo_div textarea {
    width: auto !important;
}
div.noticias #enviar_amigo_div textarea {
    width: 446px !important;
}
div.formulario p, div.noticias div.formulario p {
    font-size: 16px;
    font-weight: 300;
}
/* CONTRASEÑA  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
fieldset.recordarContrasenya {
    margin-bottom: 10%;
}
#body_contrasenya #contenido {
    float: none;
    margin: 4% auto 0;
    width: 940px;
}
#body_contrasenya #contenido h1 {
    color: #000000;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 2%;
    text-align: center;
}
div.formulario form label.emaiRecuperacion {
    width: 15%;
    padding-top: 10px;
}
div.formulario input.emaiRecuperacion {
    font-size: 14px;
    padding: 10px;
    width: 65%;
}
div.formulario input.boton.recuperacion {
    width: 15%;
    padding: 10px 3%;
}

/* LOGIN  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
body.body_cms_1822 #base {
    padding-top: 0px;
}
#body_cms.body_cms_1822 #contenido h1 {
background-color: #f3f5f7;
color: #676b6c;
font-size: 36px;
font-weight: 200;
letter-spacing: 0.08em;
margin-top: 0;
padding: 20px;
text-align: center;
text-transform: uppercase;
margin-bottom: 2%;

  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

div.accesoUsuarios {
padding: 0 3%;
text-align: center;
max-width: 850px;
margin: 0 auto;
}
.mensajeAlerta.mensajeMenor {
text-align: left;
}
#descripcion_iniciar_sesion, div.accesoUsuarios p {
    font-size: 16px;
}


/* NOTICIAS / EVENTOS / BLOG / CASOS DE EXITO  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/


.caja-cta, .caja-cta-final {
background: var(--azul-claro-fondo-cta);
padding: 20px 30px 25px;
}
.caja-cta p, 
#contenidoComunicado .caja-cta p, 
.caja-cta-final p, 
#contenidoComunicado .caja-cta-final p{
margin-top: 0;
}

/* NOTICIAS ----------------------------------------------------------------------------------*/
#body_comunicados_blog  #bloque ul {
    display: grid;
    grid-template-columns: 1fr 1fr  ;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

/* CASOS DE EXITO ----------------------------------------------------------------------------------*/
#body_comunicados_listado  #bloque ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}


/* NEWSLETTER  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms.body_cms_793 #contenedor_contactadme, .body_contenidos_adicionales_legal #contenedor_contactadme, #areaCompra #contenedor_contactadme, #body_contrasenya #contenedor_contactadme, .body_cms_840  #contenedor_contactadme, .body_cms_843  #contenedor_contactadme, .body_cms_842  #contenedor_contactadme, #body_comunicados_detalle  #contenedor_contactadme {
    background-color: #f3f5f7;
}
#body_cms.body_cms_793 .contactadme_input, .body_contenidos_adicionales_legal .contactadme_input, #areaCompra .contactadme_input, #body_contrasenya .contactadme_input, .body_cms_840 .contactadme_input, .body_cms_843 .contactadme_input, .body_cms_842 .contactadme_input, #body_comunicados_detalle  .contactadme_input {
    background-color: #ffffff !important;
}
/* AVISO LEGAL  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor  .tablagenerica {
    border-collapse: collapse;
}
div.megaeditor .tablagenerica th {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
div.megaeditor .tablagenerica th:first-child {
    min-width: 130px;
}
div.megaeditor .tablagenerica td {
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 300;
}
.body_contenidos_adicionales_legal #contenido {
    float: none;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 4%;
    width: 940px;
}
#contenido p + h4 {
    margin-top: 5%;
}

/* FRANQUICIAS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms #galeria_imagenes_cabecera_3699 {
    margin-bottom: 0;
    margin-top: 40px;
}
#body_cms #galeria_imagenes_cabecera_3699 {
    margin-bottom: 0;
    margin-top: 40px;
}
#body_cms #galeria_imagenes_cabecera_3699 .contentdiv {
    background-color: transparent;
}
#body_cms #galeria_imagenes_cabecera_3699 .sliderwrapper {
    padding-top: 70%;
}
#body_cms #galeria_imagenes_cabecera_3699 .sliderwrapper img {
    float: none;
    height: auto;
    max-width: 85%;
}
#paginate-slider3699 {
    background-color: transparent;
    bottom: 50%;
    right: 0%;
    width: 94%;
    margin-right: -65px;
    border-radius: 100px;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    padding-bottom: 3px;
left: 3%;
}
 .pagination#paginate-slider3699 a.prev, .pagination#paginate-slider3699 a.next {
background-color: rgba(0, 0, 0, .3);
border-radius: 50%;
background-size: 80px auto;
height: 80px;
width: 80px;
}
/* FORMULARIO DE SATISFACCIÓN ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.body_cms_840 #contenido {
    float: none;
    margin: 5% auto 0;
    width: 940px;
}
#formulario_1357_138 div.formulario {
    margin: 3% 0;
}
#formulario_1357_138 label {
    clear: both;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
}
#formulario_1357_138 textarea {
    width: 100%;
}
#formulario_1357_138 .formulario fieldset {
    margin: 4% 0 2%;
    padding: 4% 6%;
}
#formulario_1357_138 .formulario fieldset legend {
    display: none;
}
input[name="imprimir"] {
    display: none;
}

/* AVISO COOKIES ----------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
.texto_pie_auxiliar {
    background: rgba(251,251,251,.95) none repeat scroll 0 0;
}
#botoncerrar {
    position: relative;
    background-image: none;
    text-transform: uppercase;
    float: none;
    padding: 10px 20px;
    color: #0097e3;
    border: 3px solid #0097e3;
    width: 100%;
    height: auto;
    font-weight: bold;
    margin-left: 0;
}
/*///////////////////// CSS DINÁMICO : Home //////////////////////////*/

.versiones {
 display: none;
}
#content .listado_caracteristicas {
    pointer-events: all;
}
#boton-movil {
    text-align: center;
    background-color: #fff;
    position: fixed;
    bottom: 35px;
    left: 0;
    display: none;
    width: 100%;
    padding: 0;
    z-index: 99999;
    font-size: 18px;
}
#boton-movil a {
    text-align: center;
    background-color: #0298E0;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  HOME
/////////////////////////////////////////////////////////////////////////////////////////*/

#body_cms_home #base {
  overflow: visible;
}
#body_cms_home #centro {
  padding-left: 0;
  text-align: center;
  overflow: visible;
}
#body_cms_home div.megaeditor h1 + p {
  font-size: 30px;
}
#body_cms_home section#div_seccion_1270 {
  margin-bottom: 30px;
}
#centro section#div_seccion_3492 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#body_cms_home p.rastroMigas {
    display: none;
}
#body_cms_home div.megaeditor p {
    font-size: 26px;
    font-weight: 300;
    line-height: 135%;
    padding-left: 5%;
    padding-right: 5%;
}
#body_cms_home section {
    margin-bottom: 7%;
    margin-top: 2%;
}
#body_cms_home section:last-child {
    margin-bottom: 0;
}
#body_cms_home #contenido h1 {
  max-width: 940px;
  margin: 20px auto;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.1;
}
#body_cms_home #contenido h1 a, #body_cms_home #contenido h1 a:hover {
    color: #000;
    text-decoration: none;
}
#body_cms_home #contenido h2 {
    font-size: 41px;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
}
#body_cms_home #contenido h3 {
    font-size: 26px;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
  width: 100%;
}
#slider1269.sliderwrapper .textoSlide {
    text-align: left;
}
/* BANNER KIT DIGITAL ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
/*#body_cms_home section#div_seccion_3664 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  padding: 30px;
  background-color: #f3f5f7;
}*/
#body_cms_home section#div_seccion_3665 {
  padding: 40px;
  margin-bottom: 0;
}
/* VIDEO ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#script_1316 {
    clear: both;
    margin-top: 0;
}
video {
	min-width: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transition: opacity 1s ease 0s;
}
#video_container video {
    height: auto;
    max-width: 100%;
}
header h1.home {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 120%;
    margin: 1% auto 10px;
    padding: 0 5%;
    text-transform: inherit;
    width: 50%;
}
#video_container > p {
    font-size: 22px;
    font-weight: 300;
    line-height: 135%;
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    width: 940px;
}

/* CARRUSEL ANIMADO ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/

/* BOTON ANIMACION ---------*/
#boton-animate-home {
position: absolute;
width: 100%;
height: 100%;
}
#boton-animate-home a {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 999999;
}
/*******/

#body_cms_home section#div_seccion_3126, 
#body_cms_home section#div_seccion_3492, 
#body_cms_home section.sec-ani_home {
    margin-bottom: 40px;
    margin-top: 0;
overflow: visible;
}
#body_cms_home section.sec-ani_home .megaeditor, 
#body_cms_home section.sec-ani_home .megaeditor #bodegon-apple {
overflow: visible;
}
#centro section#div_seccion_3126, 
#centro section#div_seccion_3126 div.megaeditor,
#body_cms_home #centro section#div_seccion_3126 #bodegon-apple.moda,
#centro section#div_seccion_3492, 
#centro section#div_seccion_3492 div.megaeditor,
#body_cms_home #centro section#div_seccion_3492 #bodegon-apple.moda , 
#centro section#div_seccion_3492, 
#centro section.section.sec-ani_home div.megaeditor,
#body_cms_home #centro section.section.sec-ani_home #bodegon-apple.moda {
overflow: visible;
}
#body_cms_home #bodegon-apple.moda {
    background-image: url("/UserFiles/images/BG01_test03.jpg");
    background-image: url("/UserFiles/images/TPV2024/bg-carrusel-home02.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
  background-size: 100%;
  height: 0;
  padding-bottom: 42%;
}
#body_cms_home .cactus-bodegon, 
.sec-test_ani  .cactus-bodegon  {
  bottom: -10px;
  bottom: 40px;
  right: 35%;
  z-index: 2;
  margin-right: -300px;

position: absolute;
}
.sec-test_ani  .cactus-bodegon  {
  bottom: 70px;
}
#body_cms_home .cactus-bodegon img, 
.sec-test_ani .cactus-bodegon img {
  width: 600px!important;
  height: auto!important;
}

#body_cms_home .sombra-monitor, 
.sec-test_ani .sombra-monitor {
  bottom: 10px;
  right: 33%;
  z-index: 1;
  margin-right: -325px;
}
#body_cms_home .sombra-monitor img, 
sec-test_ani .sombra-monitor img {
  width: 650px!important;
  height: auto!important;
}

#body_cms_home .mascota-bodegon, 
.sec-test_ani .mascota-bodegon {
  bottom: -30px;
  left: 35%;
  width: 610px;
height: 630px;
  animation-duration: 3s;
  animation-name: carrusel-animacion;
  animation-iteration-count: infinite;
  z-index: 9;
  margin-left: -310px;

position: absolute;
}

@keyframes carrusel-animacion {
  0% { bottom: -30px; }
  50% { bottom: -20px; }
  100% { bottom: -30px; }
}
#body_cms_home .mascota-bodegon img {
  width: 100%!important;
  height: auto!important;
}

/* CRISPIN DELANTAL */
#CRISPINdelantal {
width: 380px;
height: 420px;
margin-left: -10%;
}


/* LIMONADA */
#contenedor-limonada {
width: 400px;
height: 420px;
margin-left: 0;
}

@media only screen and (max-width: 1400px) {

#body_cms_home .cactus-bodegon img {
  width: 560px !important;
  height: auto !important;
}
#body_cms_home .mascota-bodegon {
  width: 43%;
height: 105%;
right: 45%;
left: auto!important;
}
.sec-test_ani .mascota-bodegon {
  width: 50%;
}
#body_cms_home .mascota-bodegon img {
  width: 100% !important;
  height: auto !important;
}
.bodegon-responsive {
  display: none;
}

}

@media only screen and (max-width: 1300px) {

#body_cms_home .cactus-bodegon, #body_cms_home .sombra-monitor {
width: 40% !important;
    left: 45%;
    bottom: auto;
    top: 15%;
}
.sec-test_ani  .cactus-bodegon, .sec-test_ani  .sombra-monitor {
  width: 40%!important;
}
#body_cms_home .sombra-monitor img {
  width: 100% !important;
}
#body_cms_home .cactus-bodegon img {
  width: 100%!important;
  height: auto!important;
}

}

@media only screen and (max-width: 1024px) {

#body_cms_home .mascota-bodegon, 
.sec-test_ani .mascota-bodegon {
  left: 40%;
}
#body_cms_home .cactus-bodegon, 
.sec-test_ani .mascota-bodegon {
  right: 45%;
}
#body_cms_home .sombra-monitor {
  right: 48%;
}

}

@media only screen and (max-width: 950px) {

#body_cms_home .mascota-bodegon {
  margin-left: 0;
height: 110%;
}
#body_cms_home .cactus-bodegon {
  right: 10%;
  margin-right: 0;
}
#body_cms_home .sombra-monitor {
  right: 10%;
  margin-right: 0;
}

/*DELANTAL*/
#CRISPINdelantal {
width: 320px;
  margin-left: -20%;
}
/* LIMONADA */
#contenedor-limonada {
width: 330px;
}

/*
#body_cms_home .cactus-bodegon, 
#body_cms_home .sombra-monitor {
display: none;
}
#body_cms_home #bodegon-apple.moda {
  background-image: url("/UserFiles/images/TPVonline2021/portadabase-3500-resp.jpg");
}
*/

}

@media only screen and (max-width: 600px) {

#body_cms_home #bodegon-apple.moda {
  background-position: center top;
  padding-bottom: 60%;
}
#body_cms_home .cactus-bodegon {
  bottom: auto;

width: 45% !important;
    left: 43%;
    bottom: auto;
    top: 18%;
}
#body_cms_home .sombra-monitor {
  bottom: 25px;
  right: 12%;
}
#body_cms_home .mascota-bodegon {
  left: 0px;
  width: 58%;
animation-name: carrusel-animacion-responsive;
}

/* CRISPINdelantal */
#CRISPINdelantal {
  width: 320px;
  height: 420px;
  margin-left: 0;
}

/* LIMONADA */
#contenedor-limonada {
  width: 380px;
  height: 420px;
  margin-left: -15%;
}

@keyframes carrusel-animacion-responsive {
  0% { bottom: -50px; }
  50% { bottom: -40px; }
  100% { bottom: -50px; }
}

}

@media only screen and (max-width: 480px) {

#body_cms_home .mascota-bodegon {
    height: 110%;
}

 #body_cms_home #bodegon-apple.moda {
    background-position: center top;
    padding-bottom: 65%;
  }
#body_cms_home section.sec-ani_home {
  margin-bottom: 0;
  margin-top: 0;
}
 #body_cms_home section#div_seccion_1270 {
    margin-top: 0;
}

#body_cms_home .mascota-bodegon {
    width: 65%;
    right: 37%;
}

#body_cms_home .cactus-bodegon {
height: 200px!important;
    width: 50% !important;
}

#body_cms_home section#galeria_imagenes_1274 {
    margin-bottom: 40px;
}

}

@media only screen and (max-width: 360px) {

 #body_cms_home .mascota-bodegon {
    height: 115%;
  }

}

/* BLOQUE PRESTASHOP ------------------------------------------------------------------------------------------------------------------------ 
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_3485 {
  background-color: #25b1ec;
  margin-top: 30px;
  padding-bottom: 0px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#body_cms_home section#div_seccion_3485 div.megaeditor {
  max-width: 1440px;
  margin: 0 auto;
}
body.body_cms_1993 {
  background: #fff;
}

#bloque-presta-home {
    display: grid;
position: relative;
overflow:hidden;
    grid-template-columns: 5fr 4fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;

background: #25b1ec ;
}
#bloque-presta-home:before {
display: none;
}

#capa-aspas {
position: absolute;
width: 100%;
height: 100%;
overflow-hidden;
}
#capa-aspas img {
animation: rotate 20s linear infinite;
position:absolute;
top: -171%;
left: -730px;
}
@keyframes rotate {
				from {
					transform: rotate(0deg);
				}

				to {
					transform: rotate(359deg);
				}
}


#presta-home-img, 
#presta-home-text {
padding: 50px;
z-index: 99;
position: relative;
}
/* IMAGEN -------------------*/
#crispin-home, #presta-home {
position: absolute;
}
#crispin-home {
max-width: 480px;
min-height: 475px;
top: 10px;
right: 10px;
width: 100%;

  animation-duration: 3s;
  animation-name: crispin-animacion;
  animation-iteration-count: infinite;
}
@keyframes crispin-animacion {
0% { top: 10px; }
50% { top: 20px; }
100% { top: 10px; }
}

#presta-home {
max-width: 370px;
top: 165px;
left: 60px;
width: 100%;
min-height: 375px;

  animation-duration: 3s;
  animation-name: presta-animacion;
  animation-iteration-count: infinite;
}
@keyframes presta-animacion {
0% { top: 165px; }
50% { top: 155px; }
100% { top: 165px; }
}

#crispin-home img, #presta-home img {
max-width: 100%;
height: auto!important;
position: relative;
}
#crispin-home img {
top: 0;
left: 0;
width: 100%;

  animation-duration: 3s;
  animation-name: crispin-img-animacion;
  animation-iteration-count: 1;
}
@keyframes crispin-img-animacion {
0% { 
top: 160px;
left: 80px;
width: 10px; }
100% { 
top: 0;
left: 0;
width: 100%; }
}
#presta-home img {
top: 0;
left: 0;
width: 100%;

  animation-duration: 2s;
  animation-name: presta-img-animacion;
  animation-iteration-count: 1;
}
@keyframes presta-img-animacion {
0% {
top: 40px;
left: 240px;
width: 10px;
}
100% { 
top: 0;
left: 0;
width: 100%; }
}

/* TEXTOS------------------ */
#presta-home-text {
text-align: left;
}

#body_cms_home #contenido div.megaeditor #presta-home-text h3, 
#contenido div.megaeditor #presta-home-text h3 {
  color: rgba(255, 255, 255, .5);
  font-size: 28px;
  font-weight: 300;
  line-height: 100%;
text-align: left;
padding: 0;
}
#body_cms_home #contenido div.megaeditor #presta-home-text h2, 
#contenido div.megaeditor #presta-home-text h2 {
text-align: left;
  color: rgba(255, 255, 255, 1);
  font-size: 54px;
  font-weight: 300;
  line-height: 100%;
padding: 0;
}
#contenido div.megaeditor #presta-home-text h2 span {
font-size: 1.2em;
font-weight: 600;
}

div.megaeditor #presta-home-text ul {
padding: 0;
margin: 0 0 30px;
list-style-type: none;
}
div.megaeditor #presta-home-text ul li {
Color: #fff;
background: url("/UserFiles/images/TPVonline2022/bullet-lista-blanco.svg") no-repeat left 14px;
background-size: 18px;
padding: 9px 10px 9px 30px;
font-size: 24px;
text-align: left;
line-height: 1;
}
a.lnk-saber-mas * {
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
a.lnk-saber-mas {
display: inline-block;
color: #fff;
background: #0089cc;
float: none;

-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
a.lnk-saber-mas:hover {
display: inline-block;
color: #fff;
background: #0089cc;
}
a.lnk-saber-mas span {
display: inline-block;
font-size: 21px;
padding: 8px 30px 0 20px;
vertical-align: sub;
}
/*
a.lnk-saber-mas:before {
display: inline-block;
background: #007ebb url("/UserFiles/images/TPVonline2022/ico-contacto-blanco.svg") no-repeat center center;
background-size: 24px;
padding: 5px;
width: 60px;
height: 60px;
vertical-align: middle;
}
*/
/*
a.lnk-saber-mas:hover span {
padding: 8px 50px 0 25px;
}
*/

#presta-home-text a.botonPrueba {
background-color: #fff;
color: #0096e2;
text-align: center;
padding: 15px 10px!important;
  width: 100%;
  display: block;
}

#presta-home-text a.botonPrueba:hover {
background-color: #0089cc;
color: #fff;
}
#presta-home-text a.botonPrueba.fancy_box {
float: none;
}

/* CARRUSEL RESPONSIVE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_3124 {
    margin-bottom: 7%;
    margin-top: 0;
padding: 5%;
background: url("/UserFiles/images/TPVonline2021/bg-animacion-responsive.jpg") no-repeat;
background-size: 100%;
}

/* CARRUSEL ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section.gal_carrusel {
    margin: 0;
    overflow: inherit;
position: relative;
}
#body_cms_home #contenido .textoSlide h2 {
padding-left: 0;
}
.textoSlide h1, 
.textoSlide h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 10px;
padding: 10px 0 5px;
color: #000;
}
.textoSlide p {
    font-size: 22px;
    font-weight: 300;
    line-height: 135%;
}
/* Paginador ///*/
.gal_carrusel li.flecha_izq {
    left: 0;
    position: absolute;
    top: 0;
display: block;
height: 100%;
    z-index: 9;
}
.gal_carrusel li.flecha_der {
    position: absolute;
    right: 0;
    top: 0;
display: block;
height: 100%;
    z-index: 9;
}
.bx-next, .bx-prev {
background-color: transparent;
color: #fff;

height: 100%;
width: 125px;
display: block;
background-repeat: no-repeat;
}
.bx-next i, .bx-prev i {
display: none
}
.bx-next {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-95-baf0afbdf3fffdddee.png");
background-position: 125px center;
opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
.bx-next:hover {
background-color: transparent;
background-image: url("/cms/site_0112/imagenes_css/imagen_css-95-baf0afbdf3fffdddee.png");
background-position: left center;
opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.bx-prev {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-95-a7bead160bbba2fbeb.png");
background-position: -100px center;
opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
.bx-prev:hover {
background-color: transparent;
background-image: url("/cms/site_0112/imagenes_css/imagen_css-95-a7bead160bbba2fbeb.png");
background-position: right center;
opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

/* ILUSTRACION TIENDA HOME  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_3768 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,245,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,245,247,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,245,247,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,245,247,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,245,247,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,245,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f7', GradientType=0 );

}
.ilustracion_bottom {
    padding: 0 0 50px !important;
}
#body_cms_home #contenido .ilustracion_bottom h2 {
   font-size: 60px;
   font-weight: 200;
}
#body_cms_home div.megaeditor p.leyenda-tienda {
  margin: 40px auto;
}
#body_cms_home section#div_seccion_3566 {
margin-bottom: 0;
}
#body_cms_home #contenido h2#p_seccion_3566 span {
font-size: 1.3em;
}
#body_cms_home div.megaeditor p.imagen-tienda {
padding: 0;
margin-bottom: 0;
}

/* TESTIMONIOS CONTENIDO ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.sliderwrapper#slider3148 {
height: auto!important;
padding-bottom: 35%;
}
/* WIDGETS ELFSIGHT ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#script_3760 {
  padding: 60px 20px 40px;
}
#body_cms_home section#script_3765 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
margin-top: 0;
  text-align: left;
}

/* VENTAJAS DEL CLOUD ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1281 {
margin-bottom: 0;
}
div.megaeditor ul.ventajasCloud {
    margin: 50px auto 35px;
    padding: 0;
    width: 90%;
}
div.megaeditor ul.ventajasCloud li {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    margin-right: 2%;
    padding-top: 130px;
    vertical-align: top;
    width: 23%;
    background-position: center top;
    background-repeat: no-repeat;
}
div.megaeditor ul.ventajasCloud li:last-child {
    margin-right: 0;
}
div.megaeditor ul.ventajasCloud li span {
    color: #000000;
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 135%;
}
.conexionainternet {
    background-image: url("/UserFiles/images/Cloud.svg");
}
.ubicuidad {
    background-image: url("/UserFiles/images/Marker02.svg");
}
.security {
    background-image: url("/UserFiles/images/Security.svg");
}
.multidispositivo {
    background-image: url("/UserFiles/images/Devices.svg");
}
.instantaneo {
    background-image: url("/UserFiles/images/Dashboard.svg");
}
.conector {
    background-image: url("/UserFiles/images/Plug.svg");
}
/* VENTAJAS DEL CLOUD - EN IMAGENES ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor ul.ventajasCloud-i {
    margin: 50px auto;
    padding: 0;
    width: 95%;
    text-align: center;
}
div.megaeditor ul.ventajasCloud-i li {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    margin-right: 2%;
    vertical-align: top;
    width: 23%;
   margin-bottom: 30px;
}
div.megaeditor ul.ventajasCloud-i li:last-child {
    margin-right: 0;
}
.ventajasCloud-i li img {
    height: auto;
    max-width: 100%;
}
/* SECTORES ------------------------------------------------------------------------------ 
-----------------------------------------------------------------------------------------*/
#body_cms_home #contenido h2#p_seccion_2197 {
  margin-bottom: 0;
}
#bloque-sectores {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  margin: 30px auto;
  padding: 0 30px;
}
#bloque-sectores a {
  display: flex;
  font-size: 18px;
  line-height: 1.2;
  color: #000;
  flex-direction: column;
}
#bloque-sectores a:hover {
  color: #1a99dd;
  text-decoration: none;
}
#bloque-sectores a img {
  margin-bottom: 10px;
  max-width: 90px !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#body_cms_home #bloque-sectores a img  {
margin: 0 auto 10px;
}

#bloque-sectores a.lnk-pastilla {
background: var(--color-borde-secundario-01);

background: var(--color-enlace-principal-01);
color:  #fff;

width: 96%;

text-transform: uppercase;
text-align: center;
  font-size: 13px;
  padding: 6px 4px;
  margin: 0 auto 6px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#bloque-sectores a.lnk-pastilla:hover {
background: var(--azul-principal-oscuro);
color:  #fff;
width: 100%;
}
#bloque-sectores a.lnk-pastilla.lnk-pastilla-casos {
display: block;
  padding: 4px 13px;
margin: 2px auto;
  font-size: 13px;
width: fit-content;
background: var(--color-borde-secundario-01);
color: var(--color-texto-secundario-01);
}
#bloque-sectores a.lnk-pastilla.lnk-pastilla-casos:hover {
  padding: 4px 18px;
  background:var(--color-texto-secundario-01);
  color:  #fff;
}

/*///*/

#bloque-sectores a div.imagen-parrilla {
width: 100%!important;
margin: 0 auto;
height: auto!important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#bloque-sectores a:hover div.imagen-parrilla {
  height: auto !important;
}


/*
#bloque-sectores a.lnk-moda {
background-image: url("/UserFiles/images/TPVonline2018/ico-moda.jpg");
}
#bloque-sectores a.lnk-deportes {
background-image: url("/UserFiles/images/TPVonline2018/ico-deportes.jpg");
}
#bloque-sectores a.lnk-hogar {
background-image: url("/UserFiles/images/TPVonline2018/ico-hogar.jpg");
}
#bloque-sectores a.lnk-tecnologia {
background-image: url("/UserFiles/images/TPVonline2018/ico-juegos.jpg");
}
#bloque-sectores a.lnk-alimentacion {
background-image: url("/UserFiles/images/TPVonline2018/ico-alimentacion.jpg");
}
#bloque-sectores a.lnk-hosteleria {
background-image: url("/UserFiles/images/TPVonline2018/ico-takeaway.jpg");
}
*/

/* MEJOR SOFTWARE TPV ------------------------------------------------------------------------------ 
--------------------------------------------------------------------------------------------------*/
#body_cms_home section.bloque-mejor_tpv h2 + p {
max-width: 1024px;
  margin: 0 auto;
}
#body_cms_home section.bloque-mejor_tpv .columnas {
padding-top: 40px;
}
section.bloque-mejor_tpv .bloque-iconos img {
  max-height: 80px;
}
#body_cms_home #contenido section.bloque-mejor_tpv  .columnas h3 {
  font-size: 21px;
  font-weight: 700;
}
#body_cms_home div.megaeditor .columnas p {
  font-size: 18px;
}

/* BLOG HOME ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section._comunicados_columnas_fotop._sec_seccion {
  margin-top: 0;
}
#body_cms_home .bloqueHome div.bloqueMitad, #body_cms_home section._comunicados_columnas_fotop div.bloqueMitad , 
section._comunicados_columnas_fotop div.bloqueMitad {
  float: none;
  width: 100%;
  background-color: #fff;
  padding: 0;
  margin: 0 0 20px 0;
}
#contenido .bloqueHome div.bloqueMitad .seccion{
  font-size: 40px;
  font-weight: 300;
}
#body_cms_home div.noticias.moduloColumnasFoto {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 20px;
}
#body_cms_home #bloque ul {
  overflow: hidden;
    overflow: visible;
}
#body_cms_home #bloque li {
  /*width: 33%;
  float: left;*/
  border:0 none;
  min-height: 325px;
  text-align: center;
}
#body_cms_home  #bloque li a {
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#body_cms_home  #bloque li a:hover {
background: #f3f5f7;
display: block;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#body_cms_home div.noticias li img, 
section[class *= "comunicados"] div.noticias li img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-bottom: 15px;
  border: 0 none;
}
#body_cms_home #bloque li a .tituloListado {
  color: #000;
  line-height: 1.3;
  height: 95px;
  text-align: left;
  overflow: hidden;
}
#body_cms_home  #bloque li a:hover .tituloListado {
  color: #000000;
}
#body_cms_home section#div_seccion_2282 {
  margin-top: 0;
}
#body_cms_home #bloque li a .descripcionListado {
  margin-top: 0;
}
/* GALERIA ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1272 {
    margin-bottom: 0 !important;
}
#body_cms_home div.galeria {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0;
}
#body_cms_home div.fotoParrilla {
  display: inline-block;
  height: auto !important;
  margin: 0 20px 30px;
  max-width: inherit;
  width: 280px !important;
}
#body_cms_home .fotoParrilla div.recorte {
    height: auto !important;
    width: auto !important;
}
#body_cms_home .fotoParrilla .recorte img {
    height: auto;
    max-width: 100%;
}

/* CARACTERISTICAS (PESTANYAS)------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_1275 {
  margin-top: 0;
}
#body_cms_home #contenido .section_caracteristicas h2 {
  text-align: left;
  padding: 30px 15px 20px;
}
.section_caracteristicas {
  background-color: #f3f5f7;
}
.section_caracteristicas #content h3 {
    display: none;
}
#container {
    margin: 40px auto;
    width: 940px;
    min-height: 450px;
}
#container input {
    height: 2.5em;
    margin: 0;
    position: absolute;
    visibility: hidden;
    width: 0;
}
#container label {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    color: #929598;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 2.5em;
    padding: 0 1.5em;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
}
label#vende {
    border-left: 1px solid #d2d2d2;
}
#container input:hover + label {
 background: #e5e6ea; /* Fondo de las pestañas al pasar el cursor por encima */
 color: #76787b; /* Color del texto de las pestañas al pasar el cursor por encima */
}
#container input:checked + label {
 background: #0096e2; /* Fondo de las pestañas al presionar */
 color: #fff; /* Color de las pestañas al presionar */
 position: relative;
 z-index: 6;
}
#container input:checked + label::after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: 25px;
  left: 46%;
  border-top: 10px solid rgba(0,0,0,0);
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f3f5f7;
  border-left: 10px solid transparent;
}
#content {
    padding-top: 50px;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 5;
}
#content div {
 opacity: 0;
 padding: 2.5em 0;
 position: absolute;
 z-index: -100;
}

#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3,
#container input#tab-4:checked ~ #content #content-4 {
 opacity: 1;
 z-index: 100;
}
div.megaeditor ul.listado_caracteristicas {
    margin: 0;
    padding: 0;
}
div.megaeditor ul.listado_caracteristicas > li {
    color: #333334;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4%;
    padding-right: 6%;
    text-align: left;
    vertical-align: top;
    width: 35.5%;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(3n) {
    padding-right: 0;
    width: 28%;
}

.puntoventa {
    background-image: url("/UserFiles/images/Sell.svg")!important;
    padding-left: 24px!important;
}
.tiendaonline {
    background-image: url("/UserFiles/images/ShoppingCart.svg")!important;
    padding-left: 24px!important;
}
.operaciones {
    background-image: url("/UserFiles/images/Euro.svg")!important;
    padding-left: 24px!important;
}
.conexion {
    background-image: url("/UserFiles/images/Online.svg")!important;
    padding-left: 26px!important;
}
.pagosyvales {
    background-image: url("/UserFiles/images/Cards.svg")!important;
    padding-left: 25px!important;
}
.hardware {
    background-image: url("/UserFiles/images/Server.svg")!important;
    padding-left: 20px!important;
}
.productos {
    background-image: url("/UserFiles/images/Product.svg")!important;
    padding-left: 24px!important;
}
.inventarios {
    background-image: url("/UserFiles/images/List.svg")!important;
    padding-left: 24px!important;
}
.pedidos {
    background-image: url("/UserFiles/images/Order.svg")!important;
    padding-left: 24px!important;
}
.clientes {
    background-image: url("/UserFiles/images/Client.svg")!important;
    padding-left: 21px!important;
}
.fidelizacion {
    background-image: url("/UserFiles/images/Magnet.svg")!important;
    padding-left: 22px!important;
}
.operarios {
    background-image: url("/UserFiles/images/Worker.svg")!important;
    padding-left: 24px!important;
}
.informes {
    background-image: url("/UserFiles/images/Listdetail.svg")!important;
    padding-left: 22px!important;
}
.informesventas {
    background-image: url("/UserFiles/images/Chart.svg")!important;
    padding-left: 24px!important;
}
.informesstocks {
    background-image: url("/UserFiles/images/InformesStock.svg")!important;
    padding-left: 23px!important;
}
.productividad {
    background-image: url("/UserFiles/images/ReadMessage.svg")!important;
    padding-left: 24px!important;
}
.cierres {
    background-image: url("/UserFiles/images/CashRegister.svg")!important;
    padding-left: 24px!important;
}
.objetivos {
    background-image: url("/UserFiles/images/Target.svg")!important;
    padding-left: 24px!important;
}
.haztegrande {
    background-image: url("/UserFiles/images/Grow.svg")!important;
    padding-left: 24px!important;
}
.plan {
    background-image: url("/UserFiles/images/Plan.svg")!important;
    padding-left: 24px!important;
}
.multipunto {
    background-image: url("/UserFiles/images/Multipunto.svg")!important;
    padding-left: 24px!important;
}
.datos {
    background-image: url("/UserFiles/images/Central.svg")!important;
    padding-left: 24px!important;
}
.modulos {
    background-image: url("/UserFiles/images/Puzzle.svg")!important;
    padding-left: 23px!important;
}
.universal {
    background-image: url("/UserFiles/images/GlobeEarth.svg")!important;
    padding-left: 23px!important;
}
.botonPrueba, 
.botonPrueba:focus {
  background-color: #0096e2;
  -moz-border-radius: 68px;
  -webkit-border-radius: 68px;
  -ms-border-radius: 68px;
  border-radius: 68px;
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  padding: 15px 45px;
  tesxt-transform: uppercase;
  display: inline-block;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.botonPrueba strong {
    color: #ffffff;
}
.botonPrueba:hover {
    background-color: #0082c8;
    color: #ffffff;
    text-decoration: none;
  padding: 15px 55px;
}
/******/
.boton_precio .botonPrueba {
  padding: 25px 45px 25px;

  -moz-border-radius: 68px;
  -webkit-border-radius: 68px;
  -ms-border-radius: 68px;
  border-radius: 68px;
}
.boton_precio .botonPrueba strong {
    font-size: 1.5em;
display: inline-block;
}

 p.boton_prueba span.oferta-instalacion {
font-size: 16px!important;
line-height: .8;
}
p.boton_prueba span.oferta-instalacion span {
font-size: 21px!important;
font-weight: 600!important;
}
p.boton_prueba span.oferta-instalacion strong {
font-size: 1.2em;
}

/* CARACTERISTICAS (BLOQUES)------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.contenedor-caracteristicas.caracteristicas-a {
background: #fff;
padding: 15px 0;
}
.contenedor-caracteristicas  .container {
  margin: 40px auto;
  width: 940px;
  min-height: 450px;
}
.bloque-caracteristicas {
    display: grid;

    grid-template-rows: 2fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.bloque-caracteristicas::before {
display: none;
}
.caracteristicas-a .bloque-caracteristicas {
    grid-template-columns: 2fr 1fr;
}
.caracteristicas-b .bloque-caracteristicas {
    grid-template-columns: 1fr 2fr;
}
#body_cms_home #contenido div.megaeditor .contenedor-caracteristicas .container > h3, 
#contenido div.megaeditor .contenedor-caracteristicas .container > h3 {
color: #000000;
font-size: 38px;
font-weight: 300;
margin-bottom: 30px;
text-align: center;
line-height: 135%;
width: 100%!important;
}
#body_cms_home #contenido div.megaeditor .contenedor-caracteristicas .container .bloque-caracteristicas > h3, 
#contenido div.megaeditor .contenedor-caracteristicas .container .bloque-caracteristicas > h3 {
display: none;
}

.listado_caracteristicas > li span:first-child, #body_cms_home  #contenido .listado_caracteristicas > li h3 {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
    background-position: left 2px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: #333334;
    font-size: 18px;
    margin: 0;
    width: 100%;
}
div.megaeditor .bloque-caracteristicas ul.listado_caracteristicas > li {
    color: #333334;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4%;
    padding-right: 6%;
    text-align: left;
    vertical-align: top;
    width: 47%;
}
div.megaeditor .bloque-caracteristicas ul.listado_caracteristicas > li:nth-child(3n) {
    padding-right: 6%;
    width: 47%;
}
div.megaeditor .bloque-caracteristicas ul.listado_caracteristicas > li:nth-child(2n) {
    padding-right: 0;
    width: 47%;
}

.caracteristicas-a .animatedParent {
position: absolute;
top: 30px;
left: 0;
width: 120%;

animation-duration: 3s;
animation-name: caracteristica-animacion;
animation-iteration-count: infinite;
}

@keyframes caracteristica-animacion {
0% { top: 30px; }
50% { top: 15px; }
100% { top: 30px; }
}
.caracteristicas-b .animatedParent {
position: absolute;
top: 30px;
right: 0;
width: 120%;

animation-duration: 3s;
animation-name: caracteristica-animacion;
animation-iteration-count: infinite;
}
.caracteristicas-b .animatedParent.imagen-sin-animacion {
animation-name: none;
}
#bloque-simple, #bloque-crecer {
  padding: 20px 30px;
}
#body_cms_home section#div_seccion_3635 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  margin-bottom: 0;
}
#body_cms_home section#div_seccion_3591 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
}
#body_cms_home section#div_seccion_3635 div.megaeditor, #body_cms_home section#div_seccion_3591 div.megaeditor {
  overflow: visible;
}
div.imagen-caracteristicas {
  position: relative;
}
div.imagen-caracteristicas img {
  max-width: 100%;
}
#div_seccion_3591 div.imagen-caracteristicas img {
  max-width: 85%;
}


/* PARTNERS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_1276 {
margin-bottom: 0;
}
#body_cms_home section#div_seccion_1276 p {
  margin: 0;
}

#body_cms_home section#div_seccion_3083 {
  margin-top: 0;
  margin-bottom: 4%;
}
div.megaeditor ul.partners {
  margin: 0 auto 50px;
  padding: 0;
  width: 940px;
  list-style-type: none;
  text-align: center;
}
div.megaeditor ul.partners li {
  display: inline-block;
  width: 31%;
  margin-bottom: 20px;
  padding: 150px 20px 20px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  font-weight: 500;
  font-size: 16px;
}
div.megaeditor ul.partners li a {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    line-height: 1;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 2.5%;
    padding-bottom: 50px;
    padding-top: 150px;
    text-transform: uppercase;
    vertical-align: top;
    width: 100%;
    transition: all 0.2s ease-out 0s;
   color: #4c555b;
}
/*div.megaeditor ul.partners li:hover*/ 
div.megaeditor ul.partners li a:hover {
    color: #000000;
    transition: all 0.2s ease-out 0s;
   text-decoration: none;
}
div.megaeditor ul.partners li:nth-child(2), div.megaeditor ul.partners li:nth-child(5), div.megaeditor ul.partners li:nth-child(8) {
    margin-left: 2.5%;
    margin-right: 2.5%;
}
div.megaeditor ul.partners li.li-macos, 
.apple {
    background-image: url("/UserFiles/images/TPV2017/partner-apple.png");
}
.apple:hover {
    background-image: url("/UserFiles/images/TPV2017/partner-apple-over.png");
}
div.megaeditor ul.partners li.li-bizum, 
.bizum {
    background-image: url("/UserFiles/images/TPVonline2021/partner-bizum.png");
}
.bizum:hover {
    background-image: url("/UserFiles/images/TPVonline2021/partner-bizum-over.png");
}
div.megaeditor ul.partners li.li-lengow, 
.lengow {
    background-image: url("/UserFiles/images/TPV2017/partner-lengow.png");
}

.lengow:hover {
    background-image: url("/UserFiles/images/TPV2017/partner-lengow-over.png");
}
div.megaeditor ul.partners li.li-trendoo, 
.trendoo {
    background-image: url("/UserFiles/images/partner-trendoo.png");
}
.trendoo:hover {
    background-image: url("/UserFiles/images/partner-trendoo-over.png");
}
div.megaeditor ul.partners li.li-comercia, 
.comercia {
    background-image: url("/UserFiles/images/TPVonline2021/partner-comercia.png");
}
.comercia:hover {
    background-image: url("/UserFiles/images/TPVonline2021/partner-comercia-over.png");
}
div.megaeditor ul.partners li.li-paypal, 
.paypal {
    background-image: url("/UserFiles/images/TPV2017/partner-paypal.png");
}
div.megaeditor ul.partners li.li-paypal, 
.paypal:hover {
    background-image: url("/UserFiles/images/TPV2017/partner-paypal-over.png");
}
div.megaeditor ul.partners li.li-epson, 
.epson {
    background-image: url("/UserFiles/images/TPV2017/partner-epson.png");
}
.epson:hover {
    background-image: url("/UserFiles/images/TPV2017/partner-epson-over.png");
}
div.megaeditor ul.partners li.li-aplazame, 
.aplazame {
    background-image: url("/UserFiles/images/TPV2017/partner-aplazame.png");
}
.aplazame:hover {
    background-image: url("/UserFiles/images/TPV2017/partner-aplazame-over.png");
}
div.megaeditor ul.partners li.li-cashlogy, 
.cashlogy {
    background-image: url("/UserFiles/images/TPVonline2021/partner-cashlogy.png");
}
.cashlogy:hover {
    background-image: url("/UserFiles/images/TPVonline2021/partner-cashlogy-over.png");
}
div.megaeditor ul.partners li.li-verifone, 
.verifone {
    background-image: url("/UserFiles/images/partner-verifone.png");
}
.verifone:hover {
    background-image: url("/UserFiles/images/partner-verifone-over.png");
}
div.megaeditor ul.partners li.li-qaShops, 
.qaShops {
 background-image: url("/UserFiles/images/TPV2017/logo-qa-shops.png");
}
.qaShops:hover {
    background-image: url("/UserFiles/images/TPV2017/logo-qa-shops-over.png");
}
div.megaeditor ul.partners li.li-qaShops, 
.qaShops {
 background-image: url("/UserFiles/images/TPV2017/logo-qa-shops.png");
}
.qaShops:hover {
    background-image: url("/UserFiles/images/TPV2017/logo-qa-shops-over.png");
}
div.megaeditor ul.partners li.li-pagamastarde, 
.pagamastarde {
 background-image: url("/UserFiles/images/TPV2017/logo-pagamastarde.png");
}
.pagamastarde:hover {
    background-image: url("/UserFiles/images/TPV2017/logo-pagamastarde-over.png");
}
div.megaeditor ul.partners li.li-hecklerdesign, 
.hecklerdesign {
 background-image: url("/UserFiles/images/TPV2017/logo-heckler.png");
}
.hecklerdesign:hover {
    background-image: url("/UserFiles/images/TPV2017/logo-heckler-over.png");
}
div.megaeditor ul.partners li.li-shoppingfeed, 
.shoppingfeed {
    background-image: url("/UserFiles/images/TPVonline2021/partner-shoppingfeed.png");
}
.shoppingfeed:hover {
    background-image: url("/UserFiles/images/TPVonline2021/partner-shoppingfeed-over.png");
}
div.megaeditor ul.partners li.li-sequra, 
.sequra {
    background-image: url("/UserFiles/images/TPVonline2021/partner-sequra.png");
}
.sequra:hover {
    background-image: url("/UserFiles/images/TPVonline2021/partner-sequra-over.png");
}
div.megaeditor ul.partners li.li-ekomi, 
.ekomi {
    background-image: url("/UserFiles/images/TPVonline2021/partner-ekomi.png");
}
.ekomi:hover {
    background-image: url("/UserFiles/images/TPVonline2021/partner-ekomi-over.png");
}
/* TIENDAS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
/*TIT*/
section#div_seccion_1390 {
  margin-bottom: 20px;
}
section#div_seccion_1390 h2 {
  font-size: 45px;
}
section#div_seccion_1390 h2 a {
  color: #000;
}
/**/
.textoSlide a {
color: #fff;
font-size: 1.1em;
}
.textoSlide a:hover {
color: #fff;
}
#carrusel1278 .sliderwrapper {
    height: auto !important;
    padding-top: 33%;
}
#carrusel1278 .sliderwrapper .contentdiv {
    background-color: #65757d;
    width: 100%;
}
#carrusel1278 .sliderwrapper img {
    float: left;
    height: auto;
    max-width: 60.2%;
}
#carrusel1278 .textoSlide {
    left: 885px !important;
    opacity: 1 !important;
    top: 50px !important;
    text-align: left;
    width: 500px !important;
}
#contenido #carrusel1278 h1, #contenido #carrusel1278 h2 {
    color: #ffffff;
    font-size: 24px !important;
text-align: left;
}
#carrusel1278 .textoSlide p {
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 300;
    line-height: 160%;
}
.pagination {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    right: 35px;
    width: 130px;
}
.pagination a.prev {
    background-image: url("/UserFiles/images/ArrowLeft.svg");
    background-repeat: no-repeat;
    background-size: 50px auto;
    display: block;
    float: left;
    height: 50px;
    text-indent: -99999px;
    width: 50px;
}
.pagination a.next {
    background-image: url("/UserFiles/images/ArrowRight.svg");
    background-repeat: no-repeat;
    background-size: 50px auto;
    display: block;
    float: right;
    height: 50px;
    text-indent: -99999px;
    width: 50px;
}
.toc {
    display: none;
}
.pagination a {
    opacity: 0.5;
}
.pagination a:hover {
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
}
/* CLIENTES ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_1279 {
  background-color: #f3f5f7;
  margin-top: 5%;
margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 45px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
div.megaeditor ul.clientesejemplo {
    margin: 50px auto;
    padding: 0;
    width: 940px;
}
div.megaeditor ul.clientesejemplo li {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    width: 24.7%;
    vertical-align: top;
}
.clientesejemplo span {
    color: #000000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin: 10px auto 0;
    text-transform: uppercase;
}
.clientesejemplo img {
    height: auto;
    max-width: 92%;
}
/* LOGOS CLIENTES ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor ul.logosclientes {
  margin: 50px auto;
  padding: 0;
  max-width: 940px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
div.megaeditor ul.logosclientes li {
  list-style: none;
  background-color: #fff;
  min-height: 140px;
}
div.megaeditor ul.logosclientes li, div.megaeditor ul.logosclientes li a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    padding: 20px;
    text-indent: -99999px;
    transition: all 0.1s ease-in 0s;
}
div.megaeditor ul.logosclientes li a:hover {
  transition: all 0.1s ease-in 0s;
}
div.megaeditor ul.logosclientes li.alehop, 
div.megaeditor ul.logosclientes li.alehop > a {
    background-image: url("/UserFiles/images/TPV2022/ale-hop-over.svg");
}
div.megaeditor ul.logosclientes li.alehop, 
div.megaeditor ul.logosclientes li.alehop > a:hover {
    background-image: url("/UserFiles/images/TPV2022/ale-hop-over.svg");
}

div.megaeditor ul.logosclientes li.xiaomi, 
div.megaeditor ul.logosclientes li.xiaomi > a {
    background-image: url("/UserFiles/images/TPV2022/xiaomi-over.svg");
}
div.megaeditor ul.logosclientes li.xiaomi, 
div.megaeditor ul.logosclientes li.xiaomi > a:hover {
    background-image: url("/UserFiles/images/TPV2022/xiaomi-over.svg");
}
div.megaeditor ul.logosclientes li.huawei, 
div.megaeditor ul.logosclientes li.huawei > a {
    background-image: url("/UserFiles/images/TPV2022/huawei-over.svg");
}
div.megaeditor ul.logosclientes li.huawei, 
div.megaeditor ul.logosclientes li.huawei > a:hover {
    background-image: url("/UserFiles/images/TPV2022/huawei-over.svg");
}
div.megaeditor ul.logosclientes li.planetahuerto, 
div.megaeditor ul.logosclientes li.planetahuerto > a {
    background-image: url("/UserFiles/images/planeta-huerto_on.png");
}
div.megaeditor ul.logosclientes li.planetahuerto, 
div.megaeditor ul.logosclientes li.planetahuerto > a:hover {
    background-image: url("/UserFiles/images/planeta-huerto_on.png");
}
div.megaeditor ul.logosclientes li.planetahuerto, 
div.megaeditor ul.logosclientes li.planetahuerto > a {
    background-image: url("/UserFiles/images/TPV2022/planetahuerto-over.svg");
}
div.megaeditor ul.logosclientes li.planetahuerto, 
div.megaeditor ul.logosclientes li.planetahuerto > a:hover {
    background-image: url("/UserFiles/images/TPV2022/planetahuerto-over.svg");
}
div.megaeditor ul.logosclientes li.doliva, 
div.megaeditor ul.logosclientes li.doliva > a {
    background-image: url("/UserFiles/images/doliva_on.png");
}
div.megaeditor ul.logosclientes li.doliva, 
div.megaeditor ul.logosclientes li.doliva > a:hover {
    background-image: url("/UserFiles/images/doliva_on.png");
}
div.megaeditor ul.logosclientes li.cecotec, 
div.megaeditor ul.logosclientes li.cecotec > a {
    background-image: url("/UserFiles/images/TPV2022/cecotec-over.svg");
}
div.megaeditor ul.logosclientes li.cecotec, 
div.megaeditor ul.logosclientes li.cecotec > a:hover {
    background-image: url("/UserFiles/images/TPV2022/cecotec-over.svg");
}
div.megaeditor ul.logosclientes li.ingravity, 
div.megaeditor ul.logosclientes li.ingravity > a {
    background-image: url("/UserFiles/images/TPV2022/ingravity-over.svg");
}
div.megaeditor ul.logosclientes li.ingravity, 
div.megaeditor ul.logosclientes li.ingravity > a:hover {
    background-image: url("/UserFiles/images/TPV2022/ingravity-over.svg");
}
div.megaeditor ul.logosclientes li.goldenmac, 
div.megaeditor ul.logosclientes li.goldenmac > a {
    background-image: url("/UserFiles/images/TPV2022/goldenmac-over.svg");
}
div.megaeditor ul.logosclientes li.goldenmac, 
div.megaeditor ul.logosclientes li.goldenmac > a:hover {
    background-image: url("/UserFiles/images/TPV2022/goldenmac-over.svg");
}
div.megaeditor ul.logosclientes li.vinopremier, 
div.megaeditor ul.logosclientes li.vinopremier > a {
    background-image: url("/UserFiles/images/TPV2022/vinopremier-over.svg");
}
div.megaeditor ul.logosclientes li.vinopremier, 
div.megaeditor ul.logosclientes li.vinopremier > a:hover {
    background-image: url("/UserFiles/images/TPV2022/vinopremier-over.svg");
}
div.megaeditor ul.logosclientes li.anovo, 
div.megaeditor ul.logosclientes li.anovo > a {
    background-image: url("/UserFiles/images/TPV2022/anovo-over.svg");
    background-size: auto 65px;
}
div.megaeditor ul.logosclientes li.anovo, 
div.megaeditor ul.logosclientes li.anovo > a:hover {
    background-image: url("/UserFiles/images/TPV2022/anovo-over.svg");
    background-size: auto 65px;
}
div.megaeditor ul.logosclientes li.lifeconcept, 
div.megaeditor ul.logosclientes li.lifeconcept > a {
    background-image: url("/UserFiles/images/TPV2022/lifeconcept-over.svg");
}
div.megaeditor ul.logosclientes li.lifeconcept, 
div.megaeditor ul.logosclientes li.lifeconcept > a:hover {
    background-image: url("/UserFiles/images/TPV2022/lifeconcept-over.svg");
}
div.megaeditor ul.logosclientes li.OMG, 
div.megaeditor ul.logosclientes li.OMG > a {
    background-image: url("/UserFiles/images/OMG_on.png");
}
div.megaeditor ul.logosclientes li.OMG, 
div.megaeditor ul.logosclientes li.OMG > a:hover {
    background-image: url("/UserFiles/images/OMG.png");
}
div.megaeditor ul.logosclientes li.gomezsport, 
div.megaeditor ul.logosclientes li.gomezsport > a {
    background-image: url("/UserFiles/images/gomez-sport_on.png");
}
div.megaeditor ul.logosclientes li.gomezsport, 
div.megaeditor ul.logosclientes li.gomezsport > a:hover {
    background-image: url("/UserFiles/images/gomez-sport.png");
}
div.megaeditor ul.logosclientes li.drbloom, 
div.megaeditor ul.logosclientes li.drbloom > a {
    background-image: url("/UserFiles/images/TPV2022/drbloom-over.svg");
}
div.megaeditor ul.logosclientes li.drbloom, 
div.megaeditor ul.logosclientes li.drbloom > a:hover {
    background-image: url("/UserFiles/images/TPV2022/drbloom-over.svg");
}
div.megaeditor ul.logosclientes li.rubio, 
div.megaeditor ul.logosclientes li.rubio > a {
    background-image: url("/UserFiles/images/TPV2022/rubio-over.png");
}
div.megaeditor ul.logosclientes li.rubio, 
div.megaeditor ul.logosclientes li.rubio > a:hover {
    background-image: url("/UserFiles/images/TPV2022/rubio-over.png");
}
div.megaeditor ul.logosclientes li.kawasaki, 
div.megaeditor ul.logosclientes li.kawasaki > a {
    background-image: url("/UserFiles/images/TPV2022/kawasaki-over.svg");
}
div.megaeditor ul.logosclientes li.kawasaki, 
div.megaeditor ul.logosclientes li.kawasaki > a:hover {
    background-image: url("/UserFiles/images/TPV2022/kawasaki-over.svg");
}
div.megaeditor ul.logosclientes li.ociostock, 
div.megaeditor ul.logosclientes li.ociostock > a {
    background-image: url("/UserFiles/images/TPV2022/ociostock-over.svg");
}
div.megaeditor ul.logosclientes li.ociostock, 
div.megaeditor ul.logosclientes li.ociostock > a:hover {
    background-image: url("/UserFiles/images/TPV2022/ociostock-over.svg");
}
div.megaeditor ul.logosclientes li.granalia, 
div.megaeditor ul.logosclientes li.granalia > a {
    background-image: url("/UserFiles/images/TPV2022/granalia-over.svg");
}
div.megaeditor ul.logosclientes li.euronics, 
div.megaeditor ul.logosclientes li.euronics > a:hover {
    background-image: url("/UserFiles/images/logo_euronics.svg");
}
div.megaeditor ul.logosclientes li.tien21, div.megaeditor ul.logosclientes li.tien21 > a:hover {
  background-image: url("/UserFiles/images/logo_tien21.png");
  background-size: 50% auto;
}
div.megaeditor ul.logosclientes li.micolet, 
div.megaeditor ul.logosclientes li.micolet > a:hover {
    background-image: url("/UserFiles/images/logo_micolet.png");
}
div.megaeditor ul.logosclientes li.zua, div.megaeditor ul.logosclientes li.zua > a:hover {
  background-image: url("/UserFiles/images/logo_ZUA.png");
  background-size: auto 50%;
}

div.megaeditor ul.logosclientes li.superpet, 
div.megaeditor ul.logosclientes li.superpet > a:hover {
    background-image: url("/UserFiles/images/logos/superpet.png");
}
div.megaeditor ul.logosclientes li.maxmara, 
div.megaeditor ul.logosclientes li.maxmara > a:hover {
    background-image: url("/UserFiles/images/logos/maxmara.png");
}
div.megaeditor ul.logosclientes li.Wonest, 
div.megaeditor ul.logosclientes li.Wonest > a:hover {
    background-image: url("/UserFiles/images/logos/wonest.png");
}
div.megaeditor ul.logosclientes li.rabasf, 
div.megaeditor ul.logosclientes li.rabasf > a:hover {
    background-image: url("/UserFiles/images/logos/RABASF.png");
}
/* ILUSTRACION ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_2231 {
margin-bottom: 0;
}
#ilustracion {
    margin-top: -60px;
}
.ilustracion_top {
     background: -moz-linear-gradient(90deg, #F3F5F7 0%, #ffffff 31%, #ffffff 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(69%, #ffffff), color-stop(100%, #F3F5F7)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #F3F5F7 0%, #ffffff 31%, #ffffff 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #F3F5F7 0%, #ffffff 31%, #ffffff 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #F3F5F7 0%, #ffffff 31%, #ffffff 100%); /* ie10+ */
    background: linear-gradient(0deg, #F3F5F7 0%, #ffffff 31%, #ffffff 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F3F5F7',GradientType=0 ); /* ie6-9 */  
}


/* MAS INFO ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.section_masinfo {
    margin: 100px auto 0;
    width: 940px;
}
#body_cms_home div.megaeditor .section_masinfo > p span {
    background-color: #ffffff;
    padding: 10px;
}
div.megaeditor ul.listado_masinfo {
    margin: 20px auto 50px;
    padding: 0;
    width: 940px;
}
div.megaeditor ul.listado_masinfo li {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    text-align: center;
}
div.megaeditor ul.listado_masinfo li a {
  color: #808080;
  background-position: center 35px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  border: 1px solid #dadada;
  font-size: 16px;
  min-height: 160px;
  padding: 90px 70px 20px;
  text-transform: uppercase;
  display: block;
  border-radius: 10px;
}
div.megaeditor ul.listado_masinfo li a:hover {
    border-color: #0098FC;
    text-decoration: none;
    color: #000;
}
div.megaeditor ul.listado_masinfo li:nth-child(2) {
    margin-left: 3%;
    margin-right: 3%;
}
.telefono {
    background-image: url("/UserFiles/images/Phone.svg");
}
.correo {
    background-image: url("/UserFiles/images/Message.svg");
}
li .video {
    background-image: url("/UserFiles/images/Film.svg");
}
.diamante {
    background-repeat: no-repeat;
    background-image: url("/UserFiles/images/bg_diamante.png");
    padding-top: 130px !important;
    background-position: center top;
}
.cerebro {
    background-repeat: no-repeat;
    background-image: url("/UserFiles/images/bg_cerebro.png");
    padding-top: 130px !important;
    background-position: center top;
}
.dinero {
    background-repeat: no-repeat;
    background-image: url("/UserFiles/images/bg_dinero.png");
    padding-top: 130px !important;
    background-position: center top;
}
/* SECCION 4 RAZONES ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home .bloques.bloque-cuatro.bloque-iconos {
  margin-bottom: 70px;
}
#body_cms_home #contenido ._sec_bloque-contenido div.megaeditor h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  padding: 0;
  width: 100%;
}
#body_cms_home ._sec_bloque-contenido div.megaeditor .bloque p {
  font-size: 18px;
}

/* PIE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home #contenedor_contactadme {
    background-color: #f3f5f7;
}
#body_cms_home .contactadme_input {
    background-color: #ffffff !important;
}


/*///////////////////// CSS DINÁMICO : Tienda //////////////////////////*/

.recorte2 > img {
  height: auto;
  max-width: fit-content;
  max-height: 100%;
  width: auto;
}
div.ficha {
  font-size: 16px;
}
.masInfo {
  display: none;
}
#color.variaciones a {
  width: 64px;
  height: 64px;
}
table.visualizacion {
    max-width: 600px;
    margin: 0 auto;
}
table.visualizacion td#td_productos_orden {
    padding-inline: 0;
}
#body_productos_detalle.body_productos_detalle_435 div.datosProducto, #body_productos_detalle.body_productos_detalle_425 div.datosProducto {
    margin-top: 115px !important;
}
#body_productos_detalle.body_productos_detalle_435 div.datosFicha, #body_productos_detalle.body_productos_detalle_425 div.datosFicha {
    padding-left: 0;
}
a.fotoProducto:hover, a.fotoProducto:link, a.fotoProducto:visited {
    border: medium none !important;
}
#body_productos_listado #izda, #body_productos_detalle #izda {
    display: none;
}
.body_productos_detalle_425 .precio {
    display: none;
}
.body_productos_detalle_435 #color, .body_productos_detalle_425 #color {
    display: none;
}
.contentstyle .ficha #precio2 div.precio {
    display: block;
}
#body_productos_listado #jquery_alert {
    padding: 0;
}
#body_productos_listado #centro.dobleColumna, #body_productos_detalle #centro.dobleColumna  {
    float: none;
    margin: 0 auto;
    width: 940px;
}
.filtrosCentro, #td_productos_vistas, #paginador_arriba {
    display: none;
}
#td_productos_orden select.filtro, #filtrado_tipos {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 8px;
    width: 49%;
}
table.visualizacion td.muestra {
    font-size: 14px;
    font-weight: 300;
    padding-inline: 0;
    text-align: center;
}
ul.mini {
    display: inline-block !important;
    width: 33%;
    padding-inline: 40px;
    margin-bottom: 60px;
}
ul.mini li.datosProducto {
    height: 130px;
    overflow: hidden;
}
ul.mini .nombreProducto {
    margin-bottom: 5px;
    line-height: 1.2;
    font-size: 22px;
    font-weight: 500;
}
ul.mini li.bloquePrecio {
    padding: 0;
}
ul.columnas {
    border-bottom: medium none;
    margin: 1% 5% 5% 0;
    vertical-align: top;
    width: 47%;
    display: inline-block !important;
}
ul.columnas:nth-child(2n) {
    margin-right: 0;
}

.nombreProductoMayor {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.restoDatosProductoDes {
    display: block;
    font-size: 16px;
    font-weight: 300;
}
#precio_principal_configurable, #textoIVA_configurable {
    display: none;
}
.restoDatosProducto, .restoDatosProducto02 {
    font-size: 16px;
    font-weight: 300;
    max-height: inherit;
}
li.cantidad {
    float: left;
    margin-top: 12px;
}
ul.columnas li.bloquePrecio {
    background-color: #ffffff;
    color: #000;
    float: right;
    padding-top: 0;
}
li.bloquePrecio span.precioPrincipal {
    font-size: 30px;
    font-weight: 500;
}
span.nombreProductoMayor a.textosProducto:link, span.nombreProductoMayor a.textosProducto:visited {
    color: #000000;
}
span.restoDatosProducto a.textosProducto:link, span.restoDatosProducto a.textosProducto:visited {
    color: #808080;
}

#cuadroPrecio {
    float: none;
}
#color p {
    display: none;
}
#color a.activo {
    background-color: #fff;
}
div.variaciones {
    float: none;
    margin-right: 0;
    margin-top: 10px;
    margin-left: 0;
    overflow: hidden;
}
div.variaciones a {
    border: 2px solid #dcdcdc;
}
div.fotoParrillaFicha {
    border: 1px solid #dddddd;
    height: 120px;
    width: 120px;
    background-color: #ffffff;
}
.fotoParrillaFicha div.recorte2 {
    border: medium none;
}

#body_productos_detalle .datosProducto h6 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.familiasRelacionadas p, .fechaLanzamiento p, .fechaPrelanzamiento p, .fichaMarca p, .camposDinamicos p, .descargas p {
    font-size: 16px;
    font-weight: 300;
}
.plazoEntrega, .disponible {
    display: none;
}
#contenido h1 {
    color: #000000;
    font-size: 36px;
    font-weight: 500;
    line-height: 120%;
}
#contenido h2#descripcion {
    font-size: 18px;
    text-align: left;
}
div.precio {
    background-color: rgba(0, 0, 0, 0);
}
div.precioPrincipal {
    font-size: 60px;
    line-height: 125%;
}
.contentstyle .ficha a.botonComprar, .contentstyle .ficha a.botonReservar {
    font-size: 20px;
    font-weight: 300;
    padding: 15px 60px;
}
#div_textos_avanzados_pestanyas_descripcion_larga > p, #div_textos_avanzados_pestanyas_descripcion_larga td {
    font-size: 16px;
    font-weight: 300;
}
div.navePestanyas ul {
    padding-top: 0;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
    background-color: transparent;
    font-size: 14px;
}
div.navePestanyas a.activo, div.navePestanyas a.activo:hover {
    border-bottom: 2px solid #1AA2E3;
    color: #1AA2E3;
}
.tabla-especificaciones td {
    border-bottom: 1px dotted #ccc;
}
div.navePestanyas a {
    color: grey;
}
div.navePestanyas a:hover {
    color: #000;
}
.tabla-especificaciones td {
    border-bottom: 1px dotted #ccc;
        border-bottom-color: rgb(204, 204, 204);
    padding: 5px 0 5px 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
}
.tabla-especificaciones td.tit-especificaciones {
    color: #000;
    font-weight: 600;
    background-color: #f5f5f5;
    border-color: #fff;
}
div.herramientas a.valorar {
    display: none;
}
.herramientas a > img {
    display: none;
}
#body_productos_detalle div.herramientas a.masinfo {
    background-image: url("/UserFiles/images/Info.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 26px !important;
}
#body_productos_detalle div.herramientas a.enviarAmigo {
    background-image: url("/UserFiles/images/User.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 24px !important;
}
#body_productos_detalle div.herramientas a.valorar {
    background-image: url("/UserFiles/images/Star.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 26px !important;
}
#body_productos_detalle div.herramientas a:nth-child(4) {
    background-image: url("/UserFiles/images/Print.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 26px !important;
}
#body_productos_detalle div.herramientas a.addthis_button {
    background-image: url("/UserFiles/images/Share.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 25px !important;
}
#body_productos_listado #contenedor_contactadme {
    background-color: #f3f5f7;
}
#body_productos_listado .contactadme_input {
    background-color: #ffffff !important;
}
#body_productos_detalle #contenedor_contactadme {
    background-color: #f3f5f7;
}
#body_productos_detalle .contactadme_input {
    background-color: #ffffff !important;
}

#body_productos_detalle div.datosProducto {
    clear: none;
    float: left;
    margin-top: 0;
    width: 46%;
    float: right;
}
#configurador .selector {
    margin-left: 0;
}
#configurador .opcion {
    border-top: medium none;
    padding: 0;
}
#configurador li {
    font-size: 16px;
    font-weight: 300;
}
#configurador .selector p {
    font-size: 16px;
    font-weight: 300;
}
#configurador h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

#configurador li input.css-checkbox[type="radio"] + label.labelradio {
    font-size: 16px;
    font-weight: 300;
}
#configurador li.activo {
    background-color: #e3f4fc;
}
#precio2 .precio table strong {
    color: #000000;
    font-size: 60px;
}
.pestanyaCliente {
    font-size: 16px;
    font-weight: 300;
}
#div_textos_avanzados_pestanyas_hardware > p {
    color: #808080 !important;
}
#div_textos_avanzados_pestanyas_descripcion_larga li {
    font-size: 16px;
}
div.datosFicha {
    padding-top: 40px;
    padding-left: 30px;
}
div.modelo {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
}
#talla {
    clear: both;
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}
#talla > p {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    display: none;
}
#div_formulario_configurador {
    clear: both;
    float: none;
}
div.variaciones a:hover, div.variaciones div:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #1aa2e3;
    border-width: 2px;
    color: #1aa2e3;
}
div.variaciones a.activo, div.variaciones div.activo {
    background-color: #1aa2e3;
    border-color: #1aa2e3;
    border-width: 2px;
    color: #ffffff;
}
div.variaciones div {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #dcdcdc;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
}
.body_productos_detalle_435 #div_form_anyadir_a_cesta, .body_productos_detalle_425 #div_form_anyadir_a_cesta {
    display: none;
}
#precio2 > p {
    clear: both;
}
.contentstyle .ficha div.precio {
    float: right;
}
#precio2 .precio table {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    width: auto;
}
#precio2 .precio table td:first-child {
    line-height: 100%;
    padding-top: 40px;
}
#precio2 .precio table td {
    display: block;
    text-align: right;
}
#body_productos_detalle #jquery_alert > div {
    padding: 0;
}
.botonSeguir > a, .botonVer > a {
    font-size: 16px;
    font-weight: 300;
}
.botonSeguir > a {
    background-color: #000000 !important;
}
.categoriasConfiguracion {
    border: medium none !important;
    padding: 0 !important;
}
table.tablaCesta {
    color: #000;
    margin-top: 0;
}
.tablaCesta.cestaPrincipal_totales {
    margin-bottom: 5%;
}
#areaCompra #contenido {
    padding-top: 4%;
}
ul.otrosDatosCesta {
    margin: 0 0 30px;
}
a.lnkBotonRojo:link, a.lnkBotonRojo {
    background-color: #ffffff;
    border: 2px solid #0298e0;
    color: #0298e0;
}
a.lnkBotonRojo:hover {
    background-color: #0298e0;
    border: 2px solid #0298e0;
    color: #fff;
}
.tablaCesta tbody td.celdaRef {
    padding-left: 10px;
}
.fondoCestaConfigurador {
    background-color: #f3f5f7;
}
#paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2, #paso05 h3#paso5_h3 {
    font-size: 48px;
}
.tablaForm td, .cajaCompra01 label {
    font-size: 14px;
    font-weight: 300;
}
.cajaCompra01, .cajaCompra02 p {
    font-size: 16px;
    font-weight: 300;
}
.cajaFormaPago ul#formasPago li.paypal {
    background-image: none;
}
.descripcionLarga img, .descripcionLarga iframe {
    max-width: 100%;
}
input.css-checkbox[type="checkbox"] + label.labelcheck {
    font-size: 15px;
}
.columnas-ficha {
    column-count: 3;
    column-gap: 40px;
}
.columnas-ficha p:first-child {
    margin-top: 0;
}


#body_productos_detalle .divisoria_tarifas p {
    color: #afb4b7;
    font-size: 40px;
    font-weight: 200;
    letter-spacing: 0.2em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
#body_productos_detalle .ampliaciones li {
    background-image: url("/UserFiles/images/bullet.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 300;
    list-style: outside none none;
    padding-left: 12px;
}
/*///////////////////// CSS DINÁMICO : Sticky header / BIZZBAR //////////////////////////*/

/* WOAHBAR ******************************************************************/
/*
* {
  padding:0;
  margin:0;
}
*/

/* FANCY KIT DIGITAL --------------------------------------- */

#jquery_alert {
  padding: 15px;
}

#fancy-kit-digital {
padding: 5px;
background: rgb(196,40,55);
background: linear-gradient(90deg, rgba(196,40,55,1) 0%, rgba(242,189,70,1) 100%);
}
#bizzbar{  
background:#fff; 
 background: linear-gradient(to right, #ce203d, #f9c447);
width:calc(100% - 20px);  
max-width: 600px;
text-left;  
color:#000;  
padding:2px;  
overflow:hidden;  
height:150px;  
height:auto;  
z-index:1000;  
font-size:14px;  
line-height:1.1;  
position:fixed;  
bottom: 10px;  
right: 10px;  
padding: 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
#pop-kit-digital {
background: url("/UserFiles/images/TPVonline2022/bg-kit-mascota.png") no-repeat right bottom, url("/UserFiles/images/TPVonline2022/bg-bizzbar-amarillo.png") repeat-y right top; 
background-size: 210px, 350px;
background-color: #fff;
padding: 20px 200px 20px 20px;
}
#bizzbar p {  
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
}
#bizzbar p.p-kit-bizzbar {
margin-top: 10px;
}

a.lnk-kit-digital {
display: inline-block;
background: linear-gradient(to right, #0085c0, #4297da) ;
font-size: 18px;
font-weight: 400;
color: #fff;
padding: 5px 15px 5px 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
position: relative;
}
a.lnk-kit-digital:hover {
text-decoration: none;
 background: linear-gradient(to right, #ce203d, #f9c447);
}
a.lnk-kit-digital::before {
content:"";
display: inline-block;
width: 19px;
height: 19px;
background: url("/UserFiles/images/TPVonline2022/kit-blanco.png") no-repeat center center;
background-size: 100%;
vertical-align:  middle;
margin-right: 3px;
}

#texto_fancy_box {
  padding: 0;
}
#pop-kit-digital {
  background-size: 230px, 350px;
  padding: 30px 200px 30px 30px;
}
p.p-kit-bizzbar {
font-size: 18px;
}

p.bizztext {
margin: 3px auto 0;
}
p.bizztext a, p.bizztext strong {
color: #fff;
}
p.bizztext a.lnk-kit-woah {
display: inline-block;
}
p.bizztext a.lnk-kit-woah-responsive {
display: none;
}

#bizzbar button {
-webkit-box-shadow:rgba(0,0,0,0.278431) 1px 1px 3px; 
background:#333;  
border-bottom-left-radius:4px;  
border-bottom-right-radius:4px;  
border-top-left-radius:4px;  
border-top-right-radius:4px;  
border:none;  
box-shadow:rgba(0,0,0,0.278431) 1px 1px 3px;  
color:white;  
cursor:pointer; 
 font-size:0.854em;  
margin:0px 0px 0px 7px;  
outline:none;  padding:2px 10px 1px;  
position:relative;  
text-decoration:initial;
}

a.lnk-logo-kit img, 
#jquery_alert #texto_fancy_box a.lnk-logo-kit img {
max-width: 200px;
height: auto;
}
#bizzbar button:hover{  
cursor:pointer;
background:#444;
}

#bizzbar button:active{  
top:1px;
}

close {  
width:22px;  
height:22px;  
top:15px;  
right:15px;  
background:url("/UserFiles/images/landings2022/ico-cerrar-woah.png") no-repeat 0px 0px;  
background-size: 22px;
position:absolute;


}

close:hover{  
background:url("/UserFiles/images/landings2022/ico-cerrar-woah-over.png") no-repeat 0px 0px;  
background-size: 22px;
cursor:pointer;  
height:22px;
}

open{
-webkit-box-shadow:rgba(0,0,0,0.34902) 0px 0px 5px;
background-image:url(https://hb-assets.s3.amazonaws.com/system/modules/hellobar/lib/sprite-8bit.png);background-position:0px -8px;
background-repeat:no-repeat no-repeat;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border:3px solid rgb(255,255,255);
box-shadow:rgba(0,0,0,0.34902) 0px 0px 5px;
display:block; 
height:0px;
outline:none;
overflow:hidden;
padding:80px 0px 0px;
position:absolute;
right:10px;
top:-50px;
width:35px;
z-index:100;
background-color:#eb593c;
display:none
!important;
}

open:hover{ 
background-color:#ff5a3d; 
cursor:pointer;
}


/* STICKY HEADER ******************************************************************/
#cabecera.sticky {
    background-color: #ffffff;
    height: 70px !important;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    z-index: 99999;
    
    top: 0;
}
#cabecera { 
      // set animation
       -webkit-transition: all 0.4s ease;
       transition: all 0.4s ease;
  }
#cabecera #div_menu_superior_desplegable_cms, #cabecera div.logo, #buscadorTop {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#cabecera.sticky #menuTop {
    margin-top: -26px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease;
}
#cabecera.sticky .ddsmoothmenu {
    margin-top: 8px;
}
#cabecera.sticky div.logo {
  top: 8px !important;
  width: 170px;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease;
}




/*///////////////////// CSS DINÁMICO : Tarifas //////////////////////////*/


div.megaeditor #plan-basico.capa-plan ul.franjacentral li label {
  white-space: nowrap;
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* SELECTOR PRECIO  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.switch {
    margin-bottom: 30px;
    text-align: center;
}
.cmn-toggle {
    margin-left: -9999px;
    position: absolute;
    visibility: hidden;
}
.cmn-toggle + label {
    cursor: pointer;
    display: block;
    outline: 0 none;
    position: relative;
}
.switch label {
    display: inline-block;
}
.switch > a:first-child {
    margin-right: 10px;
}
.switch a, .switch a:hover {
    text-decoration: none;
}
input.cmn-toggle-round-flat + label {
    background-color: #a2aeb4;
   -moz-border-radius: 60px;
  -webkit-border-radius: 60px; 
   border-radius: 60px;
   -ms-border-radius: 60px;
    height: 30px;
    padding: 2px;
    transition: background 0.3s ease 0s;
    width: 60px;
}
input.cmn-toggle-round-flat:checked + label {
    background-color: #a2aeb4;
}
input.cmn-toggle-round-flat + label::after, input.cmn-toggle-round-flat + label::before {
    content: "";
    display: block;
    position: absolute;
}
input.cmn-toggle-round-flat + label::after {
    background-color: #ffffff;
    border-radius: 50%;
   -moz-border-radius: 50%;
  -webkit-border-radius: 50%; 
   -ms-border-radius: 50%;
    bottom: 3px;
    left: 3px;
    top: 3px;
    transition: margin 0.3s ease 0s, background 0.3s ease 0s;
    width: 23px;
}
input.cmn-toggle-round-flat:checked + label::after {
    background-color: #ffffff;
    margin-left: 31px;
}
input.cmn-toggle-round-flat + label::after, input.cmn-toggle-round-flat + label::before {
    content: "";
    display: block;
    position: absolute;
}
input.cmn-toggle-round-flat + label::before {
    background-color: #a2aeb4;
   -moz-border-radius: 60px;
  -webkit-border-radius: 60px; 
   border-radius: 60px;
   -ms-border-radius: 60px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px;
    transition: background 0.3s ease 0s;
}
.switch .switch--label {
    border-bottom: 0 solid #7f939e;
    color: #737B80;
    font-size: 18px;
    font-weight: 300;
    position: relative;
}
.switch .switch--label:first-child {
    right: 8px;
}
.switch .switch--label:last-child {
    left: 5px;
}
.switch .switch--label:not(.toggled) {
    cursor: pointer;
}
.switch .switch--label.toggled {
    color: #000;
    font-weight: 600;
}
.modulo_principal {
    background-color: #f3f5f7;
    margin: 40px auto;
    overflow: hidden;
    padding: 30px 40px 60px;
    width: 55%;
}
.precio_principal {
    overflow: hidden;
    padding: 0 9%;
}
.tit {
    color: #000000;
    float: left;
    font-size: 72px;
    font-weight: 500;
    line-height: 75%;
}
.tit > span {
    display: block;
    font-size: 38px;
    font-weight: 300;
    text-align: right;
    text-transform: uppercase;
}
.precio_modulo {
    color: #000000;
    float: left;
    font-size: 130px;
    font-weight: 400;
    line-height: 75%;
    margin-bottom: 30px;
    margin-left: 30px;
}
sup {
    font-size: 30px;
    vertical-align: super;
}
div.megaeditor .modulo_principal > ul {
    float: left;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    width: 50%;
}
div.megaeditor .modulo_principal li {
    background-image: url("/UserFiles/images/Ok.svg");
    background-position: left 6px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    list-style: outside none none;
    padding-left: 25px;
}
.base_moduloPrincipal > p {
    margin-bottom: 60px;
    margin-top: -60px !important;
}
/* AMPLIACIONES  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/

#contenido .datos_tienda > h2 {
    text-align: left;
}
div.megaeditor .divisoria_tarifas p {
    color: #afb4b7;
    font-size: 40px;
    font-weight: 200;
    letter-spacing: 0.2em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.divisoria_tarifas {
    margin: 2% 3%;
}
.divisoria_tarifas span {
    background-color: #ffffff;
    padding: 0 10px;
}
.caracteristica.preciotienda span {
    color: #000000;
    font-size: 70px;
    font-weight: 600;
    line-height: 60%;
}
.grupo_ampliaciones {
    margin: 0 3%;
    white-space: nowrap;
}
.ampliaciones {
  background: #fff;
  border: 4px solid #eeeff2;
  display: block;
  float: left;
  margin-bottom: 2%;
  margin-left: 2%;
  margin-top: 2%;
  min-height: 200px;
  padding: 1.5% 3%;
  position: relative;
  vertical-align: top;
  white-space: normal;
  width: 49%;
  border-radius: 10px;
}
.ampliaciones:nth-child(2n-1) {
    margin-left: 0;
}
.ampliaciones:last-child {
    margin-right: 0;
}
.ampliaciones > img {
    left: 45%;
    position: absolute;
    top: -37px;
    width: 65px;
}
.tit_ampliacion {
    color: #000000;
    font-size: 30px;
    font-weight: 500;
    margin-top: 25px;
}
div.megaeditor .ampliaciones > ul {
    margin: 5px 0 0 0;
    padding: 0;
text-align: center;
}
div.megaeditor .ampliaciones li {
    background-image: url("/UserFiles/images/bullet.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 300;
    list-style: outside none none;
    padding-left: 12px;

}
.precioAmpliacion {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/UserFiles/images/bg_oblicuo.png");
  background-position: left center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
    border-top-right-radius: 0px;
  -ms-border-radius: 0;
  color: #ffffff;
  font-size: 34px;
  font-weight: 600;
  padding: 0 10px 0 15px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.2;
  -webkit-border-top-right-radius: 6px;
  -moz-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.precioAmpliacion > sup {
    font-size: 11px;
    font-weight: 400;
    margin-left: 3px;
    vertical-align: middle;
}
/* TIENDA  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.base_tienda {
    position: relative;
}
.ilustracion_tienda {
    position: absolute;
    right: 50%;
    top: -40px;
    width: 45%;
}
.ilustracion_tienda img {
    float: right;
}
.datos_tienda {
    background-color: #f3f5f7;
    margin-bottom: 2%;
    margin-top: 7%;
    padding: 2% 3% 2% 53%;
    overflow: hidden;
}
.caracteristica {
    display: block;
    margin-bottom: 10px;
    margin-right: 40px;
    vertical-align: top;
    float: left;
}
.caracteristica.preciotienda {
    margin-bottom: 0;
    margin-left: 30px;
    text-align: right;
}
.caracteristica.pasarela {
    margin-right: 0;
}
.tit_tienda {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.caracteristica > img {
    margin-top: 5px;
}
.caracteristica.preciotienda > sup {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
    vertical-align: top;
}
#body_cms div.megaeditor p.notaalmargen,  #body_productos_detalle p.notaalmargen {
    font-size: 12px;
}
div.megaeditor .caracteristica ul,  .caracteristica ul {
    margin: 0 0 10px 0;
    padding: 0;
}
div.megaeditor .caracteristica li,  .caracteristica li {
    background-image: url("/UserFiles/images/bullet.png");
    background-position: left 8px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: 300;
    list-style: outside none none;
    padding-left: 12px;

}
.caracteristica.enlacetienda {
    clear: left;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 25px;
}
.botonPrueba.pequenyo {
    font-size: 24px;
    padding: 15px 50px;
}
/* FEATURES  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.features {
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-100-bef205ba2f4a3f6c4e.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 3%;
    overflow: hidden;
    text-align: center;
    padding-bottom: 5%;
}
#contenido .features > h2 {
    line-height: 120%;
    margin-bottom: 10px;
}
.features > h2 + p {
    font-size: 22px;
    font-weight: 300;
    line-height: 135%;
    margin: 0 auto;
    width: 50%;
}
.features_izda {
    float: left;
    text-align: right;
    width: 32%;
    margin-top: 4%;
    padding-left: 6%;
}
.features_dcha {
    float: right;
    text-align: left;
    width: 32%;
    margin-top: 4%;
    padding-right: 6%;
}
.feature1, .feature3 {
    margin-bottom: 50px;
}
/* NEWSLETTER  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms.body_cms_788 #newsletter {
    background-color: #f3f5f7;
}
#body_cms.body_cms_788 .subscribe-input {
    background-color: #ffffff !important;
}
/*///////////////////// CSS DINÁMICO : TARIFAS 2024 / CONECTORES / MODULOS //////////////////////////*/



/* PRECIO MODULO */

.contenedor-precio-modulo {
display: inline-block;
padding: 30px 20px 20px;
  background: #eaeff2;
  
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.contenedor-precio-modulo .bloque-precio-modulo {
  padding: 10px 20px 10px;
}
/***************************/

body.body_cms_2283 #base, 
body.body_cms_2283 #centro {
overflow: visible;
}

#bloque-tablas-tarifas {
text-align: center;
} 
#contenedor-tablas-tarifas {
max-width: 1000px;
margin: -20px auto 0;
padding: 250px 20px 0;
background: url("/UserFiles/images/TPV2025/crispin-tarifas.svg") no-repeat center top;
background-size: 500px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
#contenedor-tablas-tarifas .columna-tarifa {
border: 2px solid #eeeeee;
text-align: left;
/*padding-bottom: 90px;*/
padding-bottom: 15px;
position: relative;

height: fit-content;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
div.cabecera-tarifas {
background: #f6f6f6;
padding: 20px 30px;
margin-bottom: 20px;
min-height: 265px;

-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}
#body_cms #contenido div.cabecera-tarifas h3 {
text-align: left;
line-height: 1;
font-size: 31px;
font-weight: 600;
padding: 0 0 0 40px;
margin-bottom: 5px;

background-repeat: no-repeat;
background-position: left center;
background-size: auto 30px;
}
#body_cms #contenido #tarifa-mensual div.cabecera-tarifas h3 {
background-image: url("/UserFiles/images/gesio2025/ico-mensual.svg");
}
#body_cms #contenido #tarifa-anual div.cabecera-tarifas h3 {
background-image: url("/UserFiles/images/gesio2025/ico-anual.svg");
color: #fff;
}

.contenedor-precio {
padding: 20px 0 15px;
}
div.cabecera-tarifas .precio-mes {
display: flex;
align-items: center;
margin: ;
padding: 10px 15px;
background: rgba(0, 0, 0, .1);
width: fit-content;


-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#tarifa-mensual div.cabecera-tarifas .precio-mes  {
color: #000;
}
div.cabecera-tarifas .precio-mes > div {
padding-right: 15px;
line-height: 1;
}
div.cabecera-tarifas .precio-mes > div strong {
font-size: 50px;
font-weight: 800;
}
div.cabecera-tarifas .precio-anyo p {
margin: 0;
}
div.cabecera-tarifas p.p-precio-anyo strong {
font-size: 1.5em;
}
div.oferta-destacada {
color: #fff;
background: #9ebf43;
padding: 10px 15px;
line-height: 1;

-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
div.oferta-destacada  strong {
font-size: 1.3em;
font-weight: 600;
}

.columna-tarifa a.lnk-info {
display: block;
/*
position: absolute;
left: 25px;
bottom: 25px;
*/
margin: 15px 0 10px 25px;
width: calc(100% - 50px);
color: #fff;
background: #0096e2;
padding: 10px 25px;
text-align: center;
font-size: 21px;
line-height: 1;
font-weight: 600;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.columna-tarifa a.lnk-info:hover {
background: #244053;
}

/* VRNTAJAS ---------------------------------------*/

section._sec_bloque-contenido{
     margin: 3% auto 3% !important;
}

div#ventajas2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
 	grid-template-rows: 1fr;
	grid-column-gap: 20px;	
	justify-items: stretch;
	align-items: stretch;
        padding: 0px 110px;
}
div#ventajas2::before {
display: none;
}
div#ventajas2 .col-ventaja {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	justify-items: stretch;
	align-items: stretch;
}
div#ventajas2 .col-ventaja::before, div#ventajas .col-ventaja::after {
display: none;
}
.col-ventaja .ventaja {
	background: #fff;
	padding: 0px 20px;
 	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
        text-align: center;
}
div#ventajas .ventaja::before {
display: none;
}
.col-ventaja .ventaja img {
	max-width: 80%;
	height: auto;
	margin: 0 auto 15px;
}

/* LISTA ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor .contenido-tarifas ul {
padding: 0 30px;
margin: 0;
list-style-type: none;
}
.contenido-tarifas ul li {
padding: 7px 5px 7px 25px;
border-bottom: 1px dotted #d5d5d5;
background: url("/UserFiles/images/gesio2025/ico-li-ok.svg") no-repeat left center;
background-size: 17px;
color: #000;
font-weight: 500;
}
.contenido-tarifas ul li:last-child {
border-bottom: 0 none;
}
.contenido-tarifas ul li.li-no_disponible {
background: url("/UserFiles/images/gesio2025/ico-li-no.svg") no-repeat left center;
background-size: 17px;
color: #9d9d9d;
font-weight: 500;
}

.contenido-tarifas ul li.li-modulo-destacado {
font-weight: 700;
font-size: 1.3em;
}

/* FORMULARIO TARIFAS --------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.contacto-tarifa {
padding: 5px 25px 10px;
}
#contacto-tarifa_basico, #contacto-tarifa_avanzado {
display: none;
}
div.contacto-tarifa form {
padding: 15px 15px 0;
background: #F2F7F9;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.contacto-tarifa form, 
div.contacto-tarifa form * {
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
div.contacto-tarifa  input {
font-size: 18px;
display: block;
width: 100%;
margin-bottom: 5px;
padding: 7px 7px 7px 33px;
background-repeat: no-repeat;
background-position: 10px center;
background-size: 18px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.contacto-tarifa  input#contacto-tarifa_basica-nombre, 
div.contacto-tarifa  input#contacto-tarifa_avanzada-nombre {
background-image: url("/UserFiles/images/TPV2025/ico-user-gris.svg");
}
div.contacto-tarifa  input#contacto-tarifa_basica-telefono, 
div.contacto-tarifa  input#contacto-tarifa_avanzada-telefono {
background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-gris.svg");
}
div.contacto-tarifa  input#contacto-tarifa_basica-email, 
div.contacto-tarifa  input#contacto-tarifa_avanzada-email {
background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-gris.svg");
}
div.contacto-tarifa  input#contacto-tarifa_basica-sector, 
div.contacto-tarifa  input#contacto-tarifa_avanzada-sector {
background-image: url("/UserFiles/images/TPV2025/ico-sector-gris.svg");
}
div.contacto-tarifa  input.botonform {
padding: 7px;
background: #0096e2;
}
div.contacto-tarifa  input.botonform:hover {
padding: 7px;
background: #244053;
}

/* MANUAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contenedor-tablas-tarifas .columna-tarifa#tarifa-anual {
border: 2px solid #0096e2;
}
#tarifa-anual div.cabecera-tarifas {
  background: #0096e2;
color: #fff;
}
#tarifa-anual div.cabecera-tarifas strong {
color: #fff;
}

/* COLUMNAS MODULOS 
***********************************************************************************************************************************************/

/* COLUMNAS MODULOS 
***********************************************************************************************************************************************/
div.contenedor-modulos {
padding: 10px 20px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
div.contenedor-modulos.bloque-2col {
grid-template-columns: 1fr 1fr;
}
div.contenedor-modulos.bloque-3col {
grid-template-columns: 1fr 1fr 1fr;
}
div.modulo-item {
border: 2px solid #eeeeee;
background: #fff;
padding: 15px 15px;
display: grid;
  grid-template-columns: 35px 1fr 65px;
  grid-template-rows: 1fr;
  grid-column-gap:10px;
 grid-row-gap: 10px;
 justify-items: stretch;
align-items: flex-start;
position: relative;

-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
div.modulo-item:hover {
transform: scale(1.07);
  z-index: 9;
}
div.contenedor-modulos.bloque-2col div.modulo-item, 
div.contenedor-modulos.bloque-3col div.modulo-item {
  grid-template-columns: 35px 1fr;
align-items: center;
}

div.modulo-item:hover {
border: 2px solid #0096e2;
}
.modulo-ico {
flex-basis: 35px;
}
.modulo-ico img {
max-width: 100%;
height: auto!important;
}

.modulo-txt {
flex-grow: 1;
padding: 0;

display: flex;
  align-items: center;
}
.modulo-txt:hover {
padding: 0 0 0 5px;
}
#body_cms #contenido .modulo-txt h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  line-height: 100%;
  margin-bottom: 0;
}
#body_cms #contenido .modulo-txt h3 a {
color: #000;
}

.modulo-precio {
flex-basis: 70px;
line-height: 1;
display: flex;
  align-items: center;
}
.modulo-precio span {
text-transform: uppercase;
font-size: .8em;
}
.modulo-precio strong {
font-size: 1.2em;
}

#centro section.contenedor-ampliaciones .botonPrueba {
font-size: 21px;
  font-weight: 600;
  padding: 10px 45px;
max-width: calc(100% - 40px);
line-height: 1;
margin-bottom: 30px;
}
#centro section.contenedor-ampliaciones .botonPrueba:hover {
  background-color: #244053;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 55px;
}
/* MODULOS ---------*/
.contenedor-modulos .modulo-txt {
flex-grow: 2;
padding: 0 0;

display: block;
  align-items: center;
}
#body_cms #contenido .contenedor-modulos .modulo-txt h4 {
margin: 0 0 5px;
font-size: 18px;
color: #000;
line-height: 1;
}
#body_cms #contenido .contenedor-modulos .modulo-txt h4 a, 
#body_cms #contenido div.megaeditor  .contenedor-modulos .modulo-txt p a {
color: #000;
}
#body_cms #contenido div.megaeditor  .contenedor-modulos .modulo-txt p {
font-size: 13px;
margin: 0;
}
/* MODULOS PARA PERSONALIZAR ---------------------------------------------------*/
#centro section.contenedor-ampliaciones.bloque-total {
background-color: #f3f5f7;
text-align: center;
padding: 30px 0 0;
margin-bottom. 80px;
overflow: visible;
}
#centro section.contenedor-ampliaciones.bloque-total div.megaeditor {
max-width: 1400px;
margin: 0 auto;
text-align: left;
overflow: visible;
}
.span-ampliar {
font-size: 1.3em;
}
#centro section.contenedor-ampliaciones.bloque-total .botonPrueba.botonComercial {
padding: 15px 45px 20px;
margin-bottom: -90px;
}
#centro section.contenedor-ampliaciones.bloque-total .botonPrueba.botonComercial:hover {
padding: 15px 50px 20px;
}
div.modulo-personaliza {
border: 2px solid #eeeeee;
background: #f8f9fa;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 5px;
    
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
div.modulo-personaliza:hover {
transform: scale(1.07);
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 30px;
  z-index: 9;
}
div.modulo-personaliza  .modulo-ico  {
margin-bottom: 10px;
padding: 20px 25px 10px;
margin: 0;
background: #fff;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
div.modulo-personaliza  .modulo-ico img {
width: 60px!important;
}
 .contenedor-modulos#bloque-personalizar .modulo-txt {
background: #fff;
padding: 10px 25px 15px;
min-height: 120px;
}
#body_cms #contenido div.megaeditor .contenedor-modulos#bloque-personalizar .modulo-txt p, 
#body_cms #contenido div.megaeditor .contenedor-modulos#bloque-personalizar .modulo-sectores p {
    font-size: 16px;
}
#body_cms #contenido div.megaeditor .contenedor-modulos#bloque-personalizar .modulo-txt p span.span-precio {
display: block;
padding-top: 10px;
font-size: .9em;
font-weight: 600;
}
#body_cms #contenido div.megaeditor .contenedor-modulos#bloque-personalizar .modulo-txt p span.span-precio s {
color: #9d9d9d;
}
#body_cms #contenido .contenedor-modulos#bloque-personalizar h5 {
color: #000;
    margin-bottom: 4px;
    font-weight: 600;
}
div.modulo-personaliza  .modulo-sectores {
padding: 10px 25px 10px;
}

#bloque-personalizar .botonPrueba {
margin-bottom: 20px;
}

/**/

#tarifa-multitienda {
border: 2px solid #eeeeee;
  text-align: left;
  padding-bottom: 0;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#tarifa-multitienda div.cabecera-tarifas {
  background: #f6f6f6;
  padding: 20px 30px;
  margin-bottom: 0;
  -webkit-border-top-left-radius: 13px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 13px;
  -moz-border-radius-topleft: 13px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 13px;
  border-top-left-radius: 13px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 13px;
}
#body_cms #contenido #tarifa-multitienda div.cabecera-tarifas h3 {
padding: 60px 0 0 0 ;
background-image: url("/UserFiles/images/TPViconos/ico-multitienda2.svg");
background-position: left top;
background-size: 110px;
}
.datos-multitienda {
padding: 20px 0;
}
div.megaeditor .datos-multitienda ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.datos-multitienda ul li {
  padding: 7px 5px 7px 25px;
  border-bottom: 1px dotted #d5d5d5;
  background: url("/UserFiles/images/gesio2025/ico-li-ok.svg") no-repeat left center;
    background-size: auto;
  background-size: 17px;
  color: #000;
  font-weight: 500;
}
.datos-multitienda ul li:last-child {
  border-bottom: 0 none;
}
.columna-tarifa#tarifa-multitienda a.lnk-info {
margin-left: 0;
position: relative;
font-size: 18px;
width: 100%;
left: auto;
bottom: auto;
text-align: left;
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-items: stretch;
    align-items: stretch;
}
.columna-tarifa#tarifa-multitienda a.lnk-info  span {
display: inline-block;
}
.columna-tarifa#tarifa-multitienda a.lnk-info:before {
content:"";
display: inline-block;
width: 30px;
height: 35px;
margin-right: 5px;
background: url("/UserFiles/images/TPViconos/ico-atc-blanco.svg") no-repeat center center;
background-size: 100%;
}

/***********************************************************************************************************************************************
  CONECTORES / MODULOS
***********************************************************************************************************************************************/
#centro section.bloque-contenido.bloque-conectores, 
#centro section.bloque-contenido.bloque-modulos {
margin: 0 auto 0 !important;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 960
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px) {

div.contenedor-modulos {
grid-template-columns: 1fr  1fr;
}
/* multitienda */
.bloque-3col#tarifa-multitienda {
  grid-template-columns: 1fr;
max-width: 600px;
    margin: 0 auto;
}
#tarifa-multitienda div.cabecera-tarifas {
  -webkit-border-top-left-radius: 13px;
  -webkit-border-top-right-radius: 13px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 13px;
  -moz-border-radius-topright: 13px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  border-bottom-left-radius: 0;
}
.datos-multitienda {
  padding: 10px 20px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

/* TABLAS PRECIOS ********************/
#contenedor-tablas-tarifas {
grid-template-columns: 1fr;
max-width: 600px;
    margin: 0 auto;
}

div.contenedor-modulos.bloque-3col {
grid-template-columns: 1fr  1fr;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

div.contenedor-modulos, 
div.contenedor-modulos.bloque-2col, 
div.contenedor-modulos.bloque-3col {
grid-template-columns: 1fr ;
}

/*****/
#body_cms #contenido div.cabecera-tarifas h3 {
background-position: left 5px;
background-size: 55px;
padding: 60px 0 0 0 ;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

#contenedor-tablas-tarifas .columna-tarifa {
padding-bottom: 100px;
}

}

/*///////////////////// CSS DINÁMICO : Distribuidores //////////////////////////*/



section#div_seccion_1334 {
    margin: 0 auto;
    width: 940px;
}
.movil {
    display: none;
}
.tablaprecios {
    margin: 5% auto;
    width: 100%;
}
div.megaeditor table.tablaprecios td {
    font-size: 14px;
    font-weight: 300;
    line-height: 120%;
    padding: 7px 7px 7px 0;
}
.featureprecio {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}
.listacaracteristicas {
    font-style: italic;
}
.cabeceraprecios {
    color: #000000;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.cabeceraprecios.agente {
    background-color: #e7eaed;
    border-bottom: 1px solid #ffffff;
}
.cabeceraprecios.silver {
    background-color: #434f55;
    border-bottom: 1px solid #88959c;
    color: #ffffff;
}
.cabeceraprecios.gold {
    background-color: #0283be;
    border-bottom: 1px solid #48b8eb;
    color: #ffffff;
}
td.checking {
    background-color: #f3f5f7;
    color: #000000;
    font-size: 16px !important;
    text-align: center;
    width: 20%;
}
.checking.tdagente {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.checking.tdsilver {
    background-color: #65757d;
    border-bottom: 1px solid #88959c;
    color: #ffffff;
}
.checking.tdgold {
    background-color: #0298e0;
    border-bottom: 1px solid #48b8eb;
    color: #ffffff;
}
.no {
    background-image: url("/UserFiles/images/no.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    text-indent: -9999px;
    width: 30px;
}
.si {
    background-image: url("/UserFiles/images/si.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    text-indent: -9999px;
    width: 30px;
}
div.megaeditor .seccionprecio > p {
    padding: 20px 0 0;
}
/* NEWSLETTER  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms.body_cms_824 #contenedor_contactadme {
    background-color: #f3f5f7;
}
#body_cms.body_cms_824 .contactadme_input {
    background-color: #ffffff !important;
}
/*///////////////////// CSS DINÁMICO : Página para Distribuidores Apple //////////////////////////*/

#div_seccion_1365 h2, #div_seccion_1366 h2  {
    padding-left: 3%;
    padding-right: 3%;
}
/* SOLUCIONES APPLE  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#div_seccion_1358 {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}
.bloque.uno {
    background-image: url("/UserFiles/images/APR/Online.svg");
    background-size: 90px auto;
}
.bloque.dos {
    background-image: url("/UserFiles/images/APR/Open.svg");
}
.bloque.tres {
    background-image: url("/UserFiles/images/APR/Safari.svg");
}

/* ECOSISTEMA TRABAJANDO  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.bodegon {
    display:none;
}
#bodegon-apple {
    background-image: url("/UserFiles/images/base-bodegon-apple.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
#bodegon-apple {
    position: relative;
}
#bodegon-apple > div {
    position: absolute;
}
.iMac-bodegon {
    bottom: 80px;
    text-align: center;
    width: 100%;
}
.impresora-bodegon {
    bottom: 30px;
    right: 4%;
}
.iPad-bodegon {
    bottom: 70px;
    right: 18%;
}
.portatil-bodegon {
    bottom: 60px;
    left: 5%;
}
section#div_seccion_1366 {
    margin: 0;
}
.iMac-bodegon.fadeInDown {
    transform: translateY(-550px);
}
.impresora-bodegon {
    bottom: 50px;
    left: 17.5%;
}
/* Mac&iOS friendly  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.section_mac-ios {
    background-color: rgb(243, 245, 247);
    background-image: url("/UserFiles/images/bg_mac-ios.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 5% 0;
}
.mac-ios {
    margin: 0 auto;
    width: 55%;
}
div.megaeditor .mac-ios > ul {
    margin-left: 120px;
}
div.megaeditor .mac-ios li {
    font-size: 22px;
    background-image: url("/UserFiles/images/Ok.svg");
    background-position: left 4px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    list-style: outside none none;
    margin-bottom: 10px;
    padding-left: 25px;
}
/* MAS VELOCIDAD DEVENTAS PARA LAS APR  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1370 {
    margin: 5% auto;
    width: 940px;
}
.todoterreno.controles {
    background-image: url("/UserFiles/images/APR/Visible.svg");
}
.todoterreno.ventas {
    background-image: url("/UserFiles/images/APR/Shoppingcart.svg");
}
.todoterreno.gestiones {
    background-image: url("/UserFiles/images/APR/Product.svg");
}
.todoterreno.tramites {
    background-image: url("/UserFiles/images/APR/Purchaseorder.svg");
}
.todoterreno.tramitesclientes {
    background-image: url("/UserFiles/images/clientes.svg");
}
.todoterreno.controlpersonal {
    background-image: url("/UserFiles/images/control-personal.svg");
}
/* LA GARANTIA POR RESPALDO  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_1367 {
    background-color: rgb(243, 245, 247);
    padding: 3% 0;
}
section#div_seccion_1367 .grupo_feature {
    margin: 5% auto;
    width: 940px;
}
.feature.mayor-izquierda {
    width: 34%;
}
.feature.menor-centro {
    width: 27%;
}
.feature.mayor-derecha {
    margin-right: 0;
    width: 32%;
}
section#div_seccion_1367  div.megaeditor .grupo_feature p {
    font-size: 17px;
}
#contenido section#div_seccion_1367 div.megaeditor .grupo_feature h3 {
    font-size: 20px;
}
/* FORMULARIO  ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#formulario_1364_140 {
    margin: 0 auto;
    width: 50%;
}
#formulario_1364_140 label {
    text-align: left;
    width: 100%;
}
#formulario_1364_140 input[type="text"] {
    width: 100%;
}
/*///////////////////// CSS DINÁMICO : Quiénes somos //////////////////////////*/



body.body_cms_1604 #base, 
body.body_cms_1604 #centro.columnaUnica {
overflow: visible;
}

section#div_seccion_3693 {
background: #f3f5f7;
padding: 5% 6% 4% ;
}
section#div_seccion_3693 .megaeditor {
max-width: 1440px;
margin: 0 auto;
}
section#div_seccion_3693 p {
font-size: 19px;
}
section#div_seccion_3694, 
section#div_seccion_3695, 
section#div_seccion_3696, 
section#div_seccion_3697, 
section#div_seccion_3698 {
    margin: 50px auto 0;
    width: 940px;
}
/* INTEGRACION ///////////////////////////*/
#bloque-integracion {
font-size: 17px;
font-weight: 300;
text-align: center;
}
#bloque-integracion .col {
background-position: center 20px;
background-repeat: no-repeat;
padding-top: 150px;
}
#bloque-integracion .col.col-pago {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-110-5ea3051a5e38862cb6.png");
}
#bloque-integracion .col.col-logistica {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-110-2434a2acefd98ab1b6.png");
}
#bloque-integracion .col.col-tienda {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-110-d4ab00f4b518ae180d.png");
}

/* USER X ///////////////////////////*/
section#div_seccion_1385 img {
margin: 0 auto;
}

/* CLOUD ///////////////////////////*/
.bloque-cloud {
background: url("/cms/site_0112/imagenes_css/imagen_css-110-c2faf34a6d2634d134.png") no-repeat center center;
padding: 60px 0 40px;
}

/**/
.firma {
text-align: center;
}
.firma img {
width: 250px;
height: 250px;
margin: 0 auto 30px;
-webkit-border-radius: 140px;
-moz-border-radius: 140px;
border-radius: 140px;
}
.firma strong {
font-size: 1.2em;
}
.firma span {
font-weight: 700;
}


/*///////////////////// CSS DINÁMICO : Casos de éxito //////////////////////////*/



.contenedor-columnas {
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.contenedor-2-columnas {
  grid-template-columns: 1fr 1fr;
}
.contenedor-3-columnas {
  grid-template-columns: 1fr 1fr 1fr;
}
.contenedor-4-columnas {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
div.etiquetasTags {
  color: #fff;
}

/* INDICE -------------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
#indice-comunicado {
background-color: #fafafb;
padding: 10px 20px 20px;
margin: 20px 0 30px;
}
#indice-comunicado:before {
content:"Índice";
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
border-bottom: 3px solid #fff;
  padding: 10px 15px 10px 20px;
margin: 0 0 5px;
}
#indice-comunicado ul {
margin: 0;
padding: 10px 10px 5px 10px;
list-style-type: none;
}
#indice-comunicado ul li a {
display: block;
padding: 5px 10px;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
#indice-comunicado ul li a:hover {
display: block;
padding: 5px 10px 5px 20px;
  background-color: #f3f6f9;
}

/* LISTADO ----------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
p#p_seccion_2336, p#p_seccion_2337, p#p_seccion_2338, p#p_seccion_2339, p#p_seccion_2340, p#p_seccion_2340, p#p_seccion_2341 {
  color: #000000!important;
  font-size: 48px!important;
  font-weight: 300!important;
  margin-bottom: 20px!important;
  text-align: center!important;
  line-height: 135%!important;
}
/*
#body_comunicados_listado #contenido {
    background-image: url("/UserFiles/images/cabecera-clientes.jpg");
    background-repeat: no-repeat;
    padding-top: 422px;
   padding-bottom: 8%;
}
*/
#body_comunicados_listado #contenido h2, #body_cms.body_cms_792 #contenido h1 {
    background-color: #f3f5f7;
    color: #676b6c;
    font-size: 36px;
    font-weight: 200;
    letter-spacing: 0.08em;
    margin-bottom: 2%;
    margin-top: 0;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}
.noticias.titulares, section#comunicados_1301 {
    margin: 0 auto;
    max-width: 1024px;
}
.tituloListado {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
  min-height: 88px;
  padding-top: 20px;
}
div.noticias.titulares li img, div.noticias.moduloFilas li img {
  margin-bottom: 30px;
  margin-right: 25px;
  max-width: 424px;
  height: auto!important;
  float: left;
  float: none;
}
#bloque li a {
    padding: 25px;
}
div.noticias.titulares .descripcionListado {
  margin-top: 0;
  font-size: 18px;
}
#bloque a:hover {
    background-color: #f3f5f7;
}
/* DETALLE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
.noticias.detalle {
  margin-top: 40px;
}
.noticias.detalle > #bloque {
  background-color: #f3f5f7;
  float: right;
  height: 350px;
  overflow: auto;
  padding: 40px 40px 0;
  width: 50%;
  margin-bottom: 40px;
}
.noticias #bloque li {
  min-height: 550px;
}
#bloque li a:focus, #bloque li a:active {
  text-decoration: none;
}
#body_comunicados_blog .noticias #bloque li, 
.body_cms_846 .noticias #bloque li {
  min-height: auto;
}
#contenido #bloque.bloqueBlog #contenidoComunicado h2 {
    text-align: left;
    font-size: 2.4rem;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 40px;
}
#body_cms_home #bloque li a:focus, #body_cms_home #bloque li a:active {
  text-decoration: none;
}
.noticias.detalle img {
    margin: 0;
}
.noticias.detalle img {
    max-width: inherit;
}
.imagen-ficha-comunicado {
    margin-bottom: 50px;

display: flex;
  align-items: center;
}
.fecha {
    display: none;
    font-size: 14px;
    font-weight: 300;
}
#contenido h1.tituloComunicado {
  font-size: 30px;
}
.descripcionListado {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: left;
}
.detalle #bloque li {
    border-bottom: medium none;
    margin: 0;
    padding: 0;
}
.imagen-ficha-comunicado, .imagen-ficha-blog {
    background-color: #f3f5f7;
    float: left;
    height: 350px;
    overflow: hidden;
    width: 50%;
}
.cuerponoticia {
    clear: both;
    font-size: 20px;
    font-weight: 300;
    margin: 50px auto;
    max-width: 1024px;
    overflow: hidden;
}
.datosComercio {
    float: right;
    width: 35%;
}
.mapaComercio {
    float: left;
    width: 60%;
}
.cita {
    font-size: 28px;
    font-style: italic;
    text-align: center;
}
div.fuenteComunicado {
  display: none;
}
#contenidoComunicado img {
    height: auto !important;
    max-width: 100%;
}
div.paginador {
    border-bottom: 0 none;
    border-top: 1px solid #eeeeee;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 40px;
    text-transform: lowercase;
    display: none;
}
div.noticias .datosComercio img {
    clear: both;
    display: block;
}
.datosComercio > div {
    clear: both;
}
/*Comunicados en columna con foto comunicados_cms_3*/
.comunicados_cms_3 .bloqueMitad, 
._sec_comunicados_cms_3 .bloqueMitad{
width:100%;
}
.comunicados_cms_3 .bloqueMitad li,.comunicados_cms_3 li, 
._sec_comunicados_cms_3 .bloqueMitad li,._sec_comunicados_cms_3 li{
width:33%;
width:100%;
float:left;
}
.comunicados_cms_3 .bloqueMitad li img, .comunicados_cms_3 li img, 
._sec_comunicados_cms_3 .bloqueMitad li img, ._sec_comunicados_cms_3 li img {
width:100%;
max-width:100%;
max-height: 210px;
}
.seccion.comunicados_cms_3, 
._sec_seccion.comunicados_cms_3 {
text-align:center;
font-family: "Source Sans Pro",sans-serif;
font-size:48px;
}
@media only screen and (max-width: 600px){
.comunicados_cms_3 .bloqueMitad li,.comunicados_cms_3 li, 
._sec_comunicados_cms_3 .bloqueMitad li, ._sec_comunicados_cms_3 li{
width:100%;
float:left;
}
}

/*--------------------------MODIFICACIÓN COMUNICADO TICKETBAI--------------------------------*/
#contenidoComunicado .bloque {
padding-top: 0px;
}
/* CASOS DE EXITO VERSION LISTA NOTICIAS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#body_comunicados_listado, 
#body_comunicados_detalle {
display: block;
}
#body_comunicados_listado #base:after, 
#body_comunicados_detalle #base:after, {
clear: both;
}
#body_comunicados_listado aside, 
#body_comunicados_detalle aside, 
#body_comunicados_listado table.visualizacion, 
#body_comunicados_detalle table.visualizacion {
display: none;
}
#body_comunicados_listado #centro, 
#body_comunicados_detalle #centro {
width: 100%!important;
max-width: 1440px!important;
margin: 0 auto;
}
#body_comunicados_listado #contenido h2, 
#body_comunicados_detalle #contenido h2  {
background: transparent;
color: #000000;
margin-bottom: 0;
}
#body_comunicados_listado table.visualizacion td {
display: block; 
text-align: center;
}
#body_comunicados_listado table.visualizacion td:last-child {
display: none;
}
#body_comunicados_listado table.visualizacion td .filtro select {
max-width: 600px;
text-align: left;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

#body_comunicados_listado .noticias.titulares .visualizacion + div.paginador {
display: none;
}

#body_comunicados_listado div.paginador, 
#body_comunicados_detalle div.paginador {
display: block;
text-align: center;
border: 0 none;
}
#body_comunicados_listado  div.paginador span {
display: inline-block;
font-size: 16px;
width: 31px;
height: 31px;
font-weight: 700;
  align-items: center;
  justify-content: center;
background: #bfc4c7;
color: #fff;
padding-top: 3px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px; 
border-radius: 30px;
}
#body_comunicados_listado  div.paginador a, #body_comunicados_listado  div.paginador a:link, #body_comunicados_listado  div.paginador a:visited {
display: inline-block;
font-size: 16px;
width: 30px;
height: 30px;
font-weight: 700;
  align-items: center;
  justify-content: center;
background: #0298e0;
color: #fff;
padding-top: 3px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#body_comunicados_listado  div.paginador a:hover {
text-decoration: none;
}
#body_comunicados_detalle div.paginador a, #body_comunicados_detalle div.paginador a:link, #body_comunicados_detalle div.paginador a:visited {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background: #0298e0;
  padding: 10px 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
}
#body_comunicados_detalle  div.paginador a:hover {
  padding: 10px 35px;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"], 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] {
display: none;

padding: 10px 10px 2px;
background: #f9f9f9;
text-align: center;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] p.titulo-menu, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] p.titulo-menu {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
margin: 0 0 5px;
color: #cacccc;
}
#body_comunicados_listado #contenido h2 {
/*display: none;*/
}
/* LISTA CASOS DE EXITO-------------------------------------- */
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias.titulares, 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias.titulares {
width: 100%;
max-width: 1440px;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li, 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li {
max-width: 1000px;
margin: 0 auto;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(1) {
margin-left: 3.9% !important;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(1), #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(3) {
  display: inline-block;
  width: 30%;
    width: 100%;
  min-height: 500px;
  vertical-align: top;
  background-color: #f3f5f7;
  margin: 0 .5% 40px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:hover:nth-child(3), 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:hover:nth-child(1),  #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:hover:nth-child(2), #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:hover:nth-child(3) {
  background-color: #eaedef;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(3) a:hover, 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(1) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(2) a:hover, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(3) a:hover {
background-color: transparent;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(3) a , 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(3) a, 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(1) a, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(2) a,  #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(3) a {
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(3) .tituloListado
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(3) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(3) .tituloListado {
  clear: both;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_215 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_216 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_218 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_tag_83 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_tag_85 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_221 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_tag_78 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_tag_87 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_217 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_tag_84 .noticias #bloque li:nth-child(3) img, 
#body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_tag_86 .noticias #bloque li:nth-child(3) img {
  display: block;
  width: 100%;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 0;
  margin-bottom: 15px;
}



/* MENU CATEGORIAS -------------------------------------- */
#body_comunicados_listado div[id*="menu_categorias_comunicados"] ul, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] ul {
margin: 0 auto;
width: 100%;
/*max-width: 1440px;*/
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] ul li, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] ul li {
display: inline-block;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] ul li .icoMenu, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] ul li .icoMenu {
display: none;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] a.principal, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] a.principal {
background: transparent;
display: inline-block;
padding: 1px 8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] a.principal.activo, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] a.principal.activo {
color: rgb(45, 50, 51);
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] a.principal:hover, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] a.principal:hover {
  color: #0298e0;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] a.principal::before, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] a.principal::before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 27px;
  vertical-align: bottom;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] a.principal::after, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] a.principal::after {
content: "";
display: block;
margin: 4px auto 0;
width: 0;
height: 1px;
background: transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#body_comunicados_listado div[id*="menu_categorias_comunicados"] a.principal:hover::after, 
#body_comunicados_detalle div[id*="menu_categorias_comunicados"] a.principal:hover::after {
  width: 100%;
  height: 1px;
  background: #0298e0;
}
 div[id*="menu_categorias_comunicados"] a[title="Franquicias"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-franquicias.svg");
} 
div[id*="menu_categorias_comunicados"] a[title="Franquicias"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-franquicias-azul.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Restauración"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-restauracion.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Restauración"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-restauracion-azul.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Joyería"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-joyeria.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Joyería"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-joyeria-azul.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Cultura"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-cultura.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Cultura"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-cultura-azul.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Regalo y accesorios"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-regalo.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Regalo y accesorios"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-regalo-azul.svg");
}

 div[id*="menu_categorias_comunicados"] a[title="Granel y alimentación"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-alimentacion.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Granel y alimentación"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-alimentacion-azul.svg");
}

 div[id*="menu_categorias_comunicados"] a[title="Ocio y deporte"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-deporte.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Ocio y deporte"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-deporte-azul.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Moda y calzado"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-moda.svg");
width: 26px !important;
}
 div[id*="menu_categorias_comunicados"] a[title="Moda y calzado"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-moda-azul.svg");
width: 26px !important;
}
 div[id*="menu_categorias_comunicados"] a[title="Todos"]::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-todos.svg");
}
 div[id*="menu_categorias_comunicados"] a[title="Todos"]:hover::before  {
  background-image: url("/UserFiles/images/TPV2022/casos-todos-azul.svg");
}

/* TAGS ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contenedor_nube_tags {
  background: #f9f9f9;
  text-align: center;
}
div.nube_tags {
  text-align: center;
  overflow: auto;
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px 0; 
  white-space: nowrap;
  scrollbar-width: thin;
}
.nube_tags > a {
  color: #808080;
  display: inline-block;
  float: none;
}
/* PIE */
div.tituloTags {
  font-size: 12px;
  color: #5D646C;
  background-color: transparent;
  text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
  padding: 5px;
}
div.etiquetasTags {
text-align: center;
} 
div.etiquetasTags a {
text-align: center;
color: #808080;
display: inline-block;
float: none;
margin: 3px 6px 3px 0;
padding: 1px 10px;
background-color: #eeeeee;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
} 
div.etiquetasTags a:hover {
text-decoration: none;
}
 

/* CASOS DE EXITO 2022 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#body_cms.body_cms_2024 #centro section {
margin-bottom: 0;
padding-top: 120px;
}
#body_cms.body_cms_2024 #centro section#comunicados_3599 {
margin-bottom: 0;
padding-top: 0;
}
div.noticias {
  margin-bottom: 2rem;
  margin-top: 4rem;
}
div.noticias.moduloColumnasFoto {
  margin-bottom: 1rem;
  margin-top: 4rem;
}
.noticias.detalle img {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  margin: 0 auto;
}

.imagen-estrecha {
text-align: center;
}
.noticias.detalle .imagen-estrecha img {
max-width: 800px;
margin: 10px auto;
}

#body_cms.body_cms_2024 #contenido h2.titulo-pie-casos::before {
display: none;
}
#body_cms.body_cms_2024 #contenido div.megaeditor .animatedParent p {
margin-bottom: 0;
}
/**/
#body_cms.body_cms_2024 #baseCabecera {
background: #fff;
z-index: 9;
position: relative;
}
#body_cms.body_cms_2024 #base, 
#body_cms.body_cms_2024 #centro.columnaUnica {
overflow: visible
}
/* MENU CASOS */ 
#body_cms.body_cms_2024 #centro section.menu-casos {
padding-top: 15px;
padding-bottom: 15px;
margin: 0;
text-align: center;
background: #f9f9f9;
z-index: 2;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;

}
ul#menu-casos {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menu-casos li {
display: inline-block;
}
ul#menu-casos li a {
display: inline-block;
padding: 5px 10px;
text-transform: uppercase;
background: #f9f9f9;
color: #686868;
text-align: center;
}
ul#menu-casos li a::after {
content:"";
display: block;
margin: 4px auto 0;
width: 0;
height: 2px;
background: transparent;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
ul#menu-casos li a:hover::after {
width: 100%;
height: 2px;
background: #0298e0;
}
ul#menu-casos li a:hover {
color: #0298e0;
text-decoration: none;
}
ul#menu-casos li a::before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
vertical-align: bottom;
}

/*
#body_cms.body_cms_2024 #centro section.menu-casos.casos-sticky {
  height: 72px !important;
top: 60px;
left: 0;
  margin: 0 auto;
  position: fixed;
  width: 100%;
  z-index: 2;
}
*/

/**/
#body_cms.body_cms_2024 #contenido h2::before {
content: "";
display: block;
margin: 0 auto;
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center center;
background-size: 65px;
vertical-align: sub;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #000;
}
#body_cms.body_cms_2024 #contenido h2.casos-moda::before, 
ul#menu-casos li.li-casos-moda a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-moda.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-deporte::before, 
ul#menu-casos li.li-casos-deporte a::before{
background-image:   url("/UserFiles/images/TPV2022/casos-deporte.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-alimentacion::before, 
ul#menu-casos li.li-casos-alimentacion a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-alimentacion.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-regalo::before, 
ul#menu-casos li.li-casos-regalo a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-regalo.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-cultura::before, 
ul#menu-casos li.li-casos-cultura a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-cultura.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-joyeria::before, 
ul#menu-casos li.li-casos-joyeria a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-joyeria.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-restauracion::before, 
ul#menu-casos li.li-casos-restauracion a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-restauracion.svg");
}
#body_cms.body_cms_2024 #contenido h2.casos-franquicias::before, 
ul#menu-casos li.li-casos-franquicias a::before {
background-image:   url("/UserFiles/images/TPV2022/casos-franquicias.svg");
}

ul#menu-casos li.li-casos-moda a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-moda-azul.svg");
}
ul#menu-casos li.li-casos-deporte a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-deporte-azul.svg");
}
ul#menu-casos li.li-casos-alimentacion a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-alimentacion-azul.svg");
}
ul#menu-casos li.li-casos-regalo a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-regalo-azul.svg");
}
ul#menu-casos li.li-casos-cultura a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-cultura-azul.svg");
}
ul#menu-casos li.li-casos-joyeria a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-joyeria-azul.svg");
}
ul#menu-casos li.li-casos-restauracion a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-restauracion-azul.svg");
}
ul#menu-casos li.li-casos-franquicias a:hover::before {
background-image:   url("/UserFiles/images/TPV2022/casos-franquicias-azul.svg");
}
/**/
#centro section#comunicados_3599 { 
padding-bottom: 40px;
background: #f9f9f9;
text-align: center;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
div#div_comunicados_3599 {
max-width: 1600px;
margin: 0 auto;
text-align: left;
}
#body_cms.body_cms_2024 div.moduloFilas ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#body_cms.body_cms_2024 div.noticias.titulares li img, 
#body_cms.body_cms_2024 div.noticias.moduloFilas li img {
  margin-right: 0;
  max-width: 100%;
width: 100%;
  height: auto !important;
  max-height: inherit!important;
}

/**/
div.casos-volver {
text-align: center;
}
div.casos-volver a {
background-color: #0096e2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 68px;
-ms-border-radius: 8px;
color: #ffffff;
font-size: 30px;
font-weight: 300;
letter-spacing: 0.03em;
padding: 10px 60px;
tesxt-transform: uppercase;
display: inline-block;
line-height: 1;
}
div.casos-volver a:hover {
background-color: #0082c8;
color: #ffffff;
text-decoration: none;
}
div.casos-volver a::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  background: url("/UserFiles/images/TPV2022/ico-volver-blanco.svg") no-repeat center center;
  background-size: 100%;
  vertical-align: text-bottom;
}
}


/* OLD //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.central {
    margin: 0 auto;
    width: 940px;
}
.parrilla {
    background-color: #f3f5f7;
    margin: 100px 0;
}
.parrilla:last-child {
    margin-bottom: 0;
}
#bloque li {
  list-style: outside none none;
  border-bottom: none;
}
#bloque.parrilla li {
    border-bottom: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width:33.2%;
}
.body_cms_846 #contenido {
    padding-bottom: 0;
}
.firmaempresa {
    display: block;
    font-size: 16px;
    margin-top: 30px;
}
.firmaempresa strong {
    color: #333333;
    font-weight: 600;
}
.central .firmaempresa {
    margin-left: 448px;
}
#bloque.parrilla a:hover {
    background-color: #e7eaed;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
RESPONSIVE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1440
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1441px) {

ul#menu-casos li a {
font-size: 16px;
}
ul#menu-casos li a::before {
  width: 20px;
  height: 20px;
  background-size: 100%;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {

#centro section.menu-casos.casos-sticky {
  height: auto !important;
  top: 55px;
}
ul#menu-casos li a {
  padding: 3px 10px;
  margin: 2px;
}
/* CASOS DE EXITO ------------------------- */
#body_comunicados_listado .noticias.titulares {
width: 100% !important;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2), 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) {
  min-height: 550px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) { 

#centro section.menu-casos.casos-sticky {
  top: 50px;
}
/* CASOS DE EXITO ------------------------- */
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) {
margin-left: 0 !important;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1), 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2), 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) {
 width: 96%;
  min-height: auto;
margin: 0 2% 2%!important;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) a{
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) .tituloListado, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) .tituloListado {
clear: none;
min-height: auto;
}

#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) img, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) img {
display: block;
width: auto;
margin-right: 25px;
max-width: 424px;
height: auto !important;
float: left;
max-height: 210px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {

#body_cms.body_cms_2024 div.moduloFilas ul {
  grid-template-columns: 1fr 1fr;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 767px) {

#centro section.menu-casos {
display: none;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

#body_cms.body_cms_2024 div.moduloFilas ul {
  grid-template-columns: 1fr;
}

/* CASOS DE EXITO ------------------------- */
#bloque li a {
  padding: 40px;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li img, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) img, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) img, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) img {
  width: 100%;
  margin-right: 0;
  float: none;
  max-width: inherit;
  height: auto !important;
  max-height: inherit;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) .tituloListado, #body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) .tituloListado {
  clear: both;
}
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(1) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(2) a, 
#body_comunicados_listado.body_comunicados_listado_cat_id_0 .noticias #bloque li:nth-child(3) a {
padding: 25px;
}
.tituloListado {
  margin-bottom: 10px;
}
}

/*///////////////////// CSS DINÁMICO : FANCY INICIO FORMULARIO (DEMO GRATIS) //////////////////////////*/

.d-none {
display:  none;
}
/* FANCY DEMO ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#jquery_alert {
    min-width: 600px;
    max-width:650px;
}
#jquery_background {
    background-color: #006492;
    opacity: 0.8 !important;
}
#jquery_alert > div#div_pruebalo_ahora {
    padding: 1% 10% 3% !important;
    min-width: 600px;
    max-width:650px;
}
#div_pruebalo_ahora h1 {
    color: #000000;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}
.campos > li {
    display: inline-block;
    margin-right: 3%;
    vertical-align: middle;
}
.campos > li.contacto_tiendas {
width: 46% !Important;
}
#campos_pruebalo_ahora li.contacto_tiendas select {
    width: 100%;
}

.campos > li.contacto_nombre, .campos > li.contacto_telefono, .campos > li.contacto_email , .campos > li.contacto_comentario {
    margin-bottom: 3%;
}
.campos > li.contacto_nombre, .campos > li.contacto_email {
    width: 60% !important;
    margin-right: 3%;
}
.campos > li.contacto_email {
  width: 100% !important;
}
.campos > li.contacto_telefono {
    width: 37%;
    margin-right: 0;
}
.campos > li.quiero_llamada {
    width: 37%;
    margin-right: 0;
}
.campos > li.contacto_nombre input, .campos > li.contacto_telefono input, .campos > li.contacto_email input ,.campos > li.contacto_comentario input{
    color: #000000;
    font-size: 18px;
    padding: 10px;
    width: 100%;
}

.campos > li.te_llamamos {
background: #f6f6f6 ;
display: block;
overflow: hidden;
}
div.te_llamamos_pregunta, div.te_llamamos_hora {
background-repeat: no-repeat;
background-position: 10px center;
background-size: 35px;
}
div.te_llamamos_pregunta {
background-image: url("/UserFiles/images/TPV2024/ico-demo-atc.svg");
}
div.te_llamamos_hora {
background-image: url("/UserFiles/images/TPV2024/ico-demo-time.svg");
}
div.te_llamamos_pregunta, div.te_llamamos_hora {
padding: 10px 15px 15px 10px;
}
div.te_llamamos_texto, div.te_llamamos_select {
display: inline-block;
}
div.te_llamamos_texto {
width: 31%;
line-height: 1.1;
text-align: right;
}
div.te_llamamos_select {
width: 66%;
float: right;
text-align: right;
}
div.te_llamamos_pregunta div.te_llamamos_select select{
width: calc(100% - 3px);
}
div.te_llamamos_hora {
background-color: #ebebeb ;
}
div.te_llamamos_hora_formulario select {
margin-left: 6px;
}


#div_pruebalo_ahora .campos label {
    display: block;
    font-size: 16px;
    font-weight: 300;
    text-transform: inherit;
}
#campos_pruebalo_ahora select {
    font-size: 16px;
}
.boton_envio {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.boton_envio .botonform {
    background-color: #0298e0;
    background-color: rgb(0, 114, 168);
    font-size: 22px;
    padding: 15px 100px;
    
    -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.boton_envio .botonform:hover {
    background-color: rgb(0, 68, 100);
   }
#div_pruebalo_ahora h2 {
    color: #000000;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    line-height: 135%;
}
.pie_fancy {
    color: #000000;
    font-size: 16px;
    text-align: center;
}
.pie_fancy > a {
    color: #000000;
    font-weight: 300;
}
#div_pruebalo_ahora p {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}
#div_pruebalo_ahora p:last-child {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 0;
}

.contenedor-boletin-fancy {
text-align: center;
}
p.fancy-texto-mini {
font-size: .7em;
}
p.p-left {
text-align: left;
}
#jquery_alert {
padding: 15px ;
position: relative;
}
button.closeover {
display: none!important;
}
.contenedor-boletin-fancy h2 {
color: #2d2d2d;
margin-bottom: 0;
font-size: 26px;
}
p.fancy-presentacion {
font-size: 20px;
padding: 10px 20px 0;
margin-top: 0;
}
a.boton-cerrar-fancy {
position: absolute;
top: 15px;
right: 15px;
display: block;
text-indent: -99999px;
height: 20px;
width: 20px;
background: url("/cms/site_0112/imagenes_css/imagen_css-113-b2b38153ef4e003901.png") no-repeat center center;
}
a.boton-cerrar-fancy:hover {
background: url("/cms/site_0112/imagenes_css/imagen_css-113-4499d9885089163c2b.png") no-repeat center center;
}
a.boton-fancy {
display: inline-block;
font-weight: 800;
padding: 10px;
color: #fff;
 vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-size: 18px;
}
a.boton-fancy.boton-no {
width: 38%;
background: #7b7b7b;
}
a.boton-fancy.boton-si {
width: 60%;
background: #0f94c5;
margin-right: 2%;
}
a.boton-fancy.boton-no:hover, a.boton-fancy.boton-si:hover{
background: #000;
text-decoration: none;
}
/**/
input.camposformHome, select.camposformHome {
    border: 1px solid #ddd;
    font-size: 18px;
}
input.camposformHome, select.camposformHome:focus {
    border: 1px solid #a0a0a0;
    color: #3b3b3b;
}
#texto_fancy_box input.botonform {
display: block;
width: 100%;
font-size: 20px;
font-weight: 800;
background: #9fc700;
}
#texto_fancy_box input.botonform:hover {
background: #000;
}
#campos_pruebalo_ahora :required {
    border-color: #0298E0;
}
#campos_pruebalo_ahora ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000;
font-weight: 300;
}
#campos_pruebalo_ahora ::-moz-placeholder { /* Firefox 19+ */
color: #000;
font-weight: 300;
}
#campos_pruebalo_ahora :-ms-input-placeholder { /* IE 10+ */
color: #000;
font-weight: 300;
}
#campos_pruebalo_ahora :-moz-placeholder { /* Firefox 18- */
color: #000;
font-weight: 300;
}
table.areascheckbox td {
    padding: 5px 8px 5px 0;
    font-weight: 300;
}
input[name="contacto_nombre"], input[name="contacto_telefono"], input[name="contacto_email"] {
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 40px !important;
}
input[name="contacto_nombre"] {
    background-image: url(/UserFiles/images/bg_input-nombre.png);
}
input[name="contacto_telefono"] {
    background-image: url(/UserFiles/images/bg_input-telefono.png);
}
input[name="contacto_telefono"] {
    background-image: url(/UserFiles/images/bg_input-telefono.png);
}
.quiero_llamada, .contacto_email {
    width: 49%;
}
input[name="contacto_email"] {
    background-image: url("/UserFiles/images/bg_input-mail.png");
    background-position: 11px center;
}
textarea[name="contacto_comentario"] {
    color: #000000;
    font-size: 18px;
    padding: 10px;
        padding-left: 10px;
    width: 100%;
    background-image: url(/UserFiles/images/bg_input-comentarios.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 40px !important;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {

#jquery_alert {
left: 50% !important;
margin-left: -325px;
}
#jquery_alert > div#div_pruebalo_ahora {
    padding: 1% 5% 3% !important;
}
.campos > li.contacto_nombre, .campos > li.contacto_telefono {
width: 100%!important;
}
.campos > li.contacto_nombre input, .campos > li.contacto_telefono input {
}
.campos > li.contacto_tiendas {
width: 48%!important;
}
#campos_pruebalo_ahora select {
    font-size: 16px;
    width: 100%;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

#jquery_alert, #jquery_alert > div#div_pruebalo_ahora {
    min-width: 100%;
    max-width:100%;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

a.boton-fancy.boton-no, a.boton-fancy.boton-si {
width: 100%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {
.campos > li.contacto_nombre, .campos > li.contacto_telefono, .campos > li.contacto_email, .campos > li.quiero_llamada {
    width: 100% !important;
    margin-right: 0;
}
.campos > li.quiero_llamada {
    margin: 10px 0;
}
}


/*///////////////////// CSS DINÁMICO : Sin colas //////////////////////////*/


.bloques-sincolas .bloque.uno {
    background-image: url(" 	/cms/site_0112/imagenes_css/imagen_css-114-adc8e392e3273fa46e.png");
}
.bloques-sincolas .bloque.dos {
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-114-b0bbacc747c4d085a3.png");
}
.bloques-sincolas .bloque.tres {
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-114-002ace0d4c0b8ed69a.png");
}
/**/
.padding-banner {
padding: 40px;
}

/*///////////////////// CSS DINÁMICO : APK //////////////////////////*/


section#div_seccion_1400 {
width: 100%;
max-width: 940px;
margin: 0 auto;
}
section#div_seccion_1400 h2 {
margin-top: 30px;
line-height: 1.1;
}
section#div_seccion_1400 h2.tit-apk-final {
font-size:26px;
margin-top: 50px;
}
.lnk-apk {
overflow:hidden;
min-height: 125px;

-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}
.lnk-apk strong.tit-apk {
font-size: 1.1em;
}
section#div_seccion_1400 a.lnk-apk {
background: #f6f5f5 url("/cms/site_0112/imagenes_css/imagen_css-115-645fada8a369998538.png") no-repeat 20px 20px;
display: inline-block;
line-height: 1.1;
    margin: 0 auto;
    padding: 20px 30px 20px 120px;
text-align: left;
font-size: 18px;
color: #000;
}
section#div_seccion_1400 a.lnk-apk:hover {
background: #0097e3 url("/cms/site_0112/imagenes_css/imagen_css-115-3a88370400fbe80d6c.png") no-repeat 20px 20px;
text-decoration: none;
color: #fff;
}
section#div_seccion_1400 a.lnk-apk:hover strong {
color: #fff;
}
.lnk-apk span {
font-size: .85em;
display: inline-block;
padding-top: 7px;
}

/*///////////////////// CSS DINÁMICO : PAGINA TU NEGOCIO //////////////////////////*/



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      BODEGONES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*  MODA Y CALZADO
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#bodegon-apple.moda {
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-116-58f44b8db75fffc769.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
.zapatos-bodegon {
    bottom: 50px;
    left: 3%;
}
.cactus-bodegon {
    bottom: 45px;
    right: 5%;
}
.cactus-bodegon.fadeInRight {
    transform: translateX(650px);
}
/*  REPARACIONES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#bodegon-apple.reparaciones {
    background-image: url("/UserFiles/images/reparaciones_BG.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
.medidor-bodegon {
    bottom: 50px;
    left: 22%;
}
.precioreparaciones-bodegon {
    bottom: 416px;
    right: 21%;
}
.precioreparaciones-bodegon.fadeInRight {
    transform: translateX(620px);
}
/*  GRANEL
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#bodegon-apple.granel {
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-116-01a77b71ac52a697df.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
.zapatos-bodegon {
    bottom: 50px;
    left: 3%;
}
.cactus-bodegon {
    bottom: 45px;
    right: 10%;
}


/*  TAKE AWAY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#bodegon-apple.hosteleria {
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-116-8549f585339f8e1837.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
.zapatos-bodegon {
    bottom: 50px;
    left: 3%;
}
.cactus-bodegon {
    bottom: 45px;
    right: 10%;
}

/*  SEXSHOP
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#bodegon-apple{
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-116-d236f414096eff3bcd.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
.zapatos-bodegon {
    bottom: 50px;
    left: 3%;
}
.cactus-bodegon {
    bottom: 45px;
    right: 10%;
}

/*  TECNOLOGIA Y JUEGOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#bodegon-apple{
    background-image: url("/cms/site_0112/imagenes_css/imagen_css-116-ea7a10080d229a5b8e.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 630px;
    overflow: hidden;
}
.zapatos-bodegon {
    bottom: 50px;
    left: 3%;
}
.cactus-bodegon {
    bottom: 45px;
    right: 10%;
}

/*  TESTIMONIOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper {
    height: auto !important;
    padding-top: 33%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper .contentdiv {
    background-color: #65757d;
    width: 100%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper img {
    float: left;
    height: auto;
    max-width: 60.2%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide {
    left: 885px !important;
    opacity: 1 !important;
    top: 50px !important;
    text-align: left;
    width: 500px !important;
}
#body_cms #contenido [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] h1, #body_cms #contenido [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] h2 {
    color: #ffffff;
    font-size: 24px !important;
    text-align: left;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 300;
    line-height: 160%;
    padding-left: 14px;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p:first-child {
    font-size: 20px !important;
    margin-bottom: 20px;
    font-style: italic;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p:first-child::before {
    content: """;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p strong {
    color: #fff;
    display: block;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      RESPONSIVE
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 994
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 994px) {

section#div_seccion_1418, section#div_seccion_1419 {
padding: 0 3%;
}
section#div_seccion_1418 div.megaeditor h2 + p, 
section#div_seccion_1419 div.megaeditor h2 + p {
    font-size: 18px;
 line-height: 120%;
}

}
/*///////////////////// CSS DINÁMICO : LANDINGS / CONECTORES //////////////////////////*/



.sec-pad {
padding: 0 30px;
}
/* TPV ONLINE SECTORES
/////////////////////////////////////////////////////////////////////////////*/
.bloque-2col#presenta-sectores {
align-items: center;
padding-top: 20px;
}
#body_cms #contenido #presenta-sectores-txt h1 {
  font-size: 55px;
  text-transform: none;
  font-weight: 800;
  text-align: left;
  letter-spacing: 0;
  line-height: 1.1;
}

div.bloque-sectores-landing#bloque-sectores {
background: var(--color-fondo-secundario-01);
padding: 50px 60px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.bloque-sectores-landing#bloque-sectores > div {
text-align: center;
}

/* FACTURACIÓN ELECTRÓNICA / LEY ANTIFRAUDE
/////////////////////////////////////////////////////////////////////////////*/
div#bloque-antifraude {
background: var(--color-fondo-secundario-01);
padding: 30px 40px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#body_cms #contenido #bloque-antifraude h3 {
margin-top: 0;
font-size: 26px;
}
#bloque-antifraude a.lnk-destacado{
  padding: 7px 30px 8px;
margin-top: 20px;
}
/* FACTURA ELECTRONICA -------------------*/
#centro section.sec-presentacion.hero-facturacion div.megaeditor li.presenta-ad-contenido {
  padding: 10px 20px 60px 50px;
}
#centro section.sec-presentacion.hero-facturacion div.megaeditor li.presenta-ad-imagen {
  padding: 0 0 0 60px;
}
#body_cms #contenido div#iconos-info_efactura div {
padding-left: 150px;
}
#body_cms #contenido div#iconos-info_efactura h3 {
font-size: 24px;
text-align: left;
font-weight: 700;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
LANDING OFERTA TIENDA ONLINE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_2286 #centro section.sec-cabecera_tienda .bloque-2_1col {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
body.body_cms_2286 img {
max-width: 100%;
height: auto!important;
}
body.body_cms_2286 #centro section.sec-cabecera_tienda img {
max-width: 100%;
height: auto!important;
margin-bottom: -150px;
}
/***/
body.body_cms_2286 header, body.body_cms_2286 footer {
display: none;
}
body.body_cms_2286 #base1024 {
background: rgb(0, 152, 224);
  padding: 100px 30px;
}
body.body_cms_2286 #centro, body.body_cms_2286 #centro.columnaUnica {
  overflow: visible;
}
body.body_cms_2286 #base {
background: #fff;
  max-width: 900px;
  padding: 0;
  margin: 0 auto 0;
  overflow: visible;
}
body.body_cms_2286 #centro section {
padding: 35px 45px;
  overflow: visible;
}
body.body_cms_2286 div.megaeditor {
  overflow: visible;
}

/* CABECERA *******************************************/
body.body_cms_2286 #centro section.sec-cabecera_tienda {
background: #f2f5f8;
}
body.body_cms_2286#body_cms #contenido h1 {
color: #394652;
text-align: left;
line-height: 1;
text-transform: none;
font-size: 60px;
  letter-spacing: 0;
font-weight: 350;
}
body.body_cms_2286#body_cms #contenido h1 span {
display: block;
}
body.body_cms_2286#body_cms #contenido h1 strong {
font-weight: 700;
color: #394652;
}
#cabecera-imagen {
position: relative;
}
#cabecera-imagen img {
position: absolute;
top: -80px;
right: -20px;
width: auto;
height: calc(100% + 180px);
}

/* OFERTA ***********************************/
body.body_cms_2286 #centro section.sec-oferta_tienda {
padding-top: 80px;
padding-bottom: 0;
}
#contenido section.sec-oferta_tienda h2 {
color: #7f8891;
line-height: 1.1;
font-size: 39px;
font-weight: 300;
text-align: left;

margin-bottom: 25px;
}
#contenido section.sec-oferta_tienda h2 span {
display: block;
font-size: 1.2em;
}
#contenido section.sec-oferta_tienda h2 strong {
color: #394652;
font-weight: 700;
}
/* Lista detalles ------*/
#tienda-detalles {
padding: 30px 0;
}
#tienda-detalles > div {
text-align: left;
background: #f1f5f8;
  font-family: "Oswald", helvetica, arial, serif;
  font-optical-sizing: auto;
font-weight: 600;
padding: 19px 20px 19px 20px;
color: rgb(76, 102, 126);
text-transform: uppercase;
font-size: 22px;
line-height: 1.1;
display: flex;
align-items: center;

-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#tienda-detalles > div img {
margin-right: 15px;
}

/*
#tienda-detalles > div:before {
content: "";
display: inline-block;
width: 50px;
height: 50px;
vertical-align: middle;

background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}

#tienda-detalles > div#detalle-productos:before {
background-image: url("/UserFiles/images/landings2025/ico-productos.svg");
}
#tienda-detalles > div#detalle-usuario:before {
background-image: url("/UserFiles/images/landings2025/ico-usuario.svg");
}
#tienda-detalles > div#detalle-clientes:before {
background-image: url("/UserFiles/images/landings2025/ico-clientes.svg");
}
#tienda-detalles > div#detalle-plantilla:before {
background-image: url("/UserFiles/images/landings2025/ico-plantilla.svg");
}
#tienda-detalles > div#detalle-facturacion:before {
background-image: url("/UserFiles/images/landings2025/ico-facturacion.svg");
}
#tienda-detalles > div#detalle-soporte:before {
background-image: url("/UserFiles/images/landings2025/ico-soporte.svg");
}
*/
/* Plantillas ------*/
#tienda-precio #plantilla-tienda {
max-width: 600px;
margin: 0 auto;
}
#contenido section.sec-oferta_tienda #tienda-precio #plantilla-tienda h2, 
#contenido section.sec-oferta_tienda #tienda-precio #plantillas-tienda h2 {
font-size: 40px;
}
#body_cms #contenido .plantilla h3 {
font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
color: rgb(76, 102, 126);
font-family: "Oswald", helvetica, arial, serif;
text-transform: uppercase;
}
#lista-plantillas {
padding: 0 0 30px;
}
div.plantilla img {
max-width: 100%;
height: auto!important;
border: 10px solid #f1f5f8;
margin-bottom: 10px;
}
div.plantilla:hover img {
border: 10px solid #e7eff4;
}

div.botones-plantilla {
padding: 0 0 20px;
}
div.botones-plantilla a {
max-width: 200px;
margin: 0 auto;
  display: block;
  margin-bottom: 5px;
  padding: 5px 25px;
  background: #048cca;
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

div.botones-plantilla a.lnk-contacto::before {
width: 16px;
height: 16px;
background-image: url("/UserFiles/images/plantillas/ico-mail-azul.svg");
}
div.botones-plantilla a.lnk-ejemplo::before {
background-image: url("/UserFiles/images/plantillas/ico-ojo-blanco.svg");
}
div.botones-plantilla a.lnk-contacto {
background: #e1eaec;
width: fit-content;
font-size: 12px;
margin: 0 auto 10px;
color: #048cca;
}
div.botones-plantilla a.lnk-contacto:hover {
background: #f2f6f7;
}

div.botones-plantilla a.lnk-ver-plantilla {
color: #fff;
background: rgb(0, 152, 224);
padding: 4px 20px;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.botones-plantilla a.lnk-ver-plantilla::before {
content:"";
display: inline-block;
width: 18px;
height: 18px;
margin-right: 7px;
background: url("/UserFiles/images/TPViconos/ico-ojo2-blanco.svg") no-repeat center center;
background-size: 100%;
vertical-align: text-bottom;
}
div.plantilla a.lnk-ver-plantilla:hover {
color: #fff;
background: rgb(0, 130, 200);
}
/**/
#boton-plantillas {
padding: 0 20px 20px; 
}
#boton-plantillas a {
display: inline-block;
padding: 5px 20px;
background: rgb(0, 152, 224);
color: #fff;
font-size: 18px;
font-weight: 600;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#boton-plantillas a:hover {
background: rgb(0, 130, 200);
}

/* Precio tienda ------*/
#tienda-precio {
text-align: center;
}
#contenido section.sec-oferta_tienda #tienda-precio h2 {
font-size: 45px;
text-align: center;
color: #394652;
font-weight: 700;
line-height: 1.2;
}
#caja-precio {
line-height: 1;
display: inline-block;
background: #91bb00;
color: #fff;
margin: 0 auto 10px;
display: inline-flex;
align-items: center;
  padding: 15px 25px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#caja-precio .precio-numero {
font-size: 70px;
font-weight: 700;
display: flex;
}
#caja-precio .precio-numero span {
display: none;
font-size: .6em;
vertical-align: middle;
}
#caja-precio .precio-simbolos {
font-size: 16px;
text-align: left;
padding-left: 10px;
line-height: 1.1;
}
#caja-precio .precio-simbolos span {
font-size: 1.6em;
font-weight: 700;
display: block;
}
div.megaeditor #tienda-precio p.txt-mini {
  font-size: 14px;
max-width: 600px;
margin: 0 auto;
}
/* FORMULARIO TIENDA ONLINE ******************************************/
body.body_cms_2286 #centro section#formulario_4508_207 {
padding-bottom: 60px;
}
#editor_4508 p {
color: #394652;
font-size: 30px;
font-weight: 600;
}
body.body_cms_2286 #centro section#formulario_4508_207 {
text-align: center;
}
body.body_cms_2286 #centro section#formulario_4508_207 div.formulario {
max-width: 600px;
margin: 0 auto;
background: #f1f5f8;
padding: 20px 30px;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
section#formulario_4508_207 div.formulario p {
margin: 0;
}
section#formulario_4508_207 div.formulario form label {
display: block;
width: 100%;
text-align: left;
color: #394652;
font-weight: 600;
}
section#formulario_4508_207 div.formulario form input {
width: 100%;
}
/* CRECE CUANDO QUIERAS ******************************************/
body.body_cms_2286 #centro section.sec-crece_tienda {
position: relative;
z-index: 9;
background: #f2f5f8;
margin: 0;
padding-bottom: 60px;
}
div.contenido-crece {
width: 80%;
padding-left: 20px;
}
#contenido div.contenido-crece h2 {
text-align: left;
line-height: 1.1;
font-size: 45px;
font-weight: 700;
color: #394652;
}
div.contenido-crece ul {
margin: 0;
padding: 0 20px 20px 30px;
list-style-type: none;
}
div.contenido-crece ul li {
font-size: 21px;
padding: 5px 10px 5px 25px;
background-image: url("/UserFiles/images/landings2025/bullet-azul.svg");
background-repeat: no-repeat;
background-position: left 8px;
background-size: 18px;
  line-height: 1.1;
}

body.body_cms_2286 #centro section.sec-crece_tienda .contenedor-cta {
text-align: center
}
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta {
font-size: 22px;
line-height: 1.1;
  text-align: center;
  margin: 0 auto;
background: #91bb00!important;
}
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta:hover {
background: #688600!important;
}
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta strong {
display: block;
color: #fff;
font-size: 1.4em;
}

#crispin-pie {
position: absolute;
width: 28%;
right: 0;
top: -150px;
}
#crispin-pie img {
max-width: 100%;
height: auto!important;
}

/* PIE OFERTA TIENDA ******************************************/
body.body_cms_2286 #centro section.sec-pie_tienda {
position: relative;
background: rgb(0, 152, 224);
color: #fff;
margin: 0;
text-align: center;
}

div.megaeditor ul.pie-logos {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
ul.pie-logos li {
display: inline-block;
padding: 5px 20px;
}
ul.pie-logos li img {
width:;
height: 45px;
}
ul.pie-logos li.logo-gesio {
border-right: 3px dotted #fff;
}
#body_cms #contenido section.sec-pie_tienda h3, 
body.body_cms_2286 #centro section.sec-pie_tienda p {
text-align: center; 
font-size: 18px;
color: #fff;
margin-bottom:5px;
}
body.body_cms_2286 #centro section.sec-pie_tienda p {
font-size: 16px;
margin-bottom:15px;
}

div.megaeditor ul.pie-redes {
margin: 0;
padding: 15px 0 0;
list-style-type: none;
text-align: center;
}
ul.pie-redes li {
display: inline-block;
padding: 3px;
}
ul.pie-redes li a {
display: inline-block;
width: 45px;
height: 45px;
text-align: left;
text-indent: -99999px;
background-repeat: no-repeat;
background-position: center center;
backgrouns-size: 100%;
}
ul.pie-redes li.li-twitter a {
background-image: url("/UserFiles/images/landings2025/ico-x-blanco.svg");
}
ul.pie-redes li.li-youtube a {
background-image: url("/UserFiles/images/landings2025/ico-youtube-blanco.svg");
}
ul.pie-redes li.li-linkedin a {
background-image: url("/UserFiles/images/landings2025/ico-linkedin-blanco.svg");
}

/* ESTILOS HASTA 980
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 980px) {
body.body_cms_2286#body_cms #contenido h1 {
  font-size: 50px;
}
}
/* ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {
body.body_cms_2286 #centro section.sec-cabecera_tienda {
  padding: 35px 45px 20px;
}
body.body_cms_2286#body_cms #contenido h1 {
  font-size: 45px;
}
#cabecera-imagen img {
  top: -50px;
  height: calc(100% + 100px);
}

#contenido div.contenido-crece h2 {
  line-height: 1.1;
  font-size: 35px;
}
div.contenido-crece ul li {
  font-size: 18px;
padding: 5px 10px 5px 22px;
background-size: 16px;
}
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta,
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta:hover {
  font-size: 18px;
padding: 15px 60px;
}

body.body_cms_2286 #centro section.sec-pie_tienda {
padding: 35px 0;
}
ul.pie-logos li img {
  height: 40px;
}

}
/* ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

body.body_cms_2286 #centro section.sec-cabecera_tienda img {
  margin-bottom: -120px;
}

#contenido section.sec-oferta_tienda h2 {
  font-size: 34px;
}

.bloque-2col#tienda-detalles {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

body.body_cms_2286 #base1024 {
  padding: 15px 15px;
}

 body.body_cms_2286 #centro section.sec-cabecera_tienda {
    padding: 25px 35px 20px;
  }
body.body_cms_2286 #centro section.sec-cabecera_tienda .bloque-2_1col {
    display: block;
}
#cabecera-texto {
text-align: center;
}
#cabecera-texto img {
width: 130px!important;
marin: 0 auto;
}
 body.body_cms_2286#body_cms #contenido h1 {
    font-size: 48px;
text-align: center;
  }
body.body_cms_2286#body_cms #contenido h1 span {
/*display: inline;*/
}
#cabecera-imagen {
text-align: center;
}
#cabecera-imagen img {
position: relative;
top: auto;
right: auto;
margin: 0 auto -70px;
width: 280px;
height: auto;
}

#contenido section.sec-oferta_tienda h2 {
font-size:28px;
text-align: center;
margin-bottom: 25px;
}
#tienda-detalles > div {
font-size: 19px;
}

#contenido section.sec-oferta_tienda #tienda-precio h2 {
font-size: 32px;
}
#caja-precio .precio-numero {
  font-size: 45px;
}
#caja-precio .precio-simbolos {
  font-size: 16px;
}

#editor_4508 p {
  font-size: 21px;
  font-weight: 600 !important;
  line-height: 1.1;
}

div.contenido-crece {
width: 100%;
padding: 40px 0 0;
  z-index: 9999999;
  position: relative;
}
#contenido div.contenido-crece h2 {
padding: 0!important;
}

body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta,
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta:hover {
  font-size: 16px;
padding: 15px 50px;
}

 ul.pie-logos li img {
    height: 35px;
  }
#contenido div.megaeditor ul.pie-logos + h3 {
  margin-top: 20px;
}
#body_cms #contenido section.sec-pie_tienda h3 {
font-weight: 600;
}

}

/* ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

body.body_cms_2286 #centro section {
  padding: 35px 30px;
}

body.body_cms_2286 #base1024 {
  padding: 15px 15px;
}
body.body_cms_2286 #centro section.sec-cabecera_tienda {
    padding: 25px 20px 20px;
  }
 body.body_cms_2286#body_cms #contenido h1 {
    font-size: 40px;
}
#cabecera-imagen img {
max-width: 90%;
}
 #contenido section.sec-oferta_tienda h2 {
    font-size: 21px;
}
 #tienda-detalles > div {
    font-size: 17px;
background-size: auto 60%;
padding: 19px 20px 19px 80px;
  }
#contenido section.sec-oferta_tienda #tienda-precio h2 {
    font-size: 28px;
  }
#caja-precio .precio-numero span {
display: inline-block;
padding: 10px 0 0 4px;
}
#caja-precio .precio-simbolos span {
display: none;
}


body.body_cms_2286 #centro section#formulario_4508_207 {
padding: 35px 25px;
}

  body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta, body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta:hover {
    font-size: 16px;
    padding: 15px 50px;
  }
 #contenido div.contenido-crece h2 {
    font-size: 30px;
  }
body.body_cms_2286 #centro section.sec-crece_tienda {
  padding-bottom: 30px;
}
div.contenido-crece ul {
  padding: 0 5px 20px 5px;
}
body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta, body.body_cms_2286 #centro section.sec-crece_tienda a.lnk-cta:hover {
padding: 15px 20px;

-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

#crispin-pie {
  width: 35%;
  top: -140px;
}  
ul.pie-logos li img {
    height: 33px;
  }

}

/* ESTILOS HASTA 380
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 380px) {

 body.body_cms_2286#body_cms #contenido h1 {
    font-size: 36px;
}

ul.pie-logos li {
  padding: 5px 15px;
}
ul.pie-logos li img {
    height: 29px;
  }

}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
LANDING PUBLI CONTECTOR PRESTASHOP
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_2254 div.megaeditor, body.body_cms_2256 div.megaeditor, body.body_cms_2257 div.megaeditor {
overflow: visible;
}
.caracteristicas-a .bloque-caracteristicas.invertido {
    grid-template-columns: 1fr 2fr;
}
body.body_cms_2254 .contenedor-caracteristicas .container, body.body_cms_2256 .contenedor-caracteristicas .container, body.body_cms_2257 .contenedor-caracteristicas .container {
    margin: 0 auto 40px;
}

.caracteristicas-landing .contenedor-caracteristicas .container .crispin-width-100 img {
    width: 100% !important;
    height: auto !important;
    max-height: max-content;
}
/**/
#centro section.sec-presentacion {
margin-bottom: 0;
}
#centro section.sec-presentacion {
max-width: 1300px;
margin: 0 auto;
}
#presentacion-ad-prestashop {
margin: 40px 0 0;
padding: 0;
list-style-type: none;
}
#body_cms #contenido #presentacion-ad-prestashop h1 {
    background-color: transparent;
    color: #000;
    font-size: 40px;
font-weight: 700;
text-align: left;
padding-left: 0;
    text-transform: none;
    letter-spacing: 0;
line-height: 1.1;
}

div.megaeditor li.presenta-ad-imagen {
padding: 0 40px 0 60px;
}
div.megaeditor li.presenta-ad-contenido {
padding: 50px 20px 60px 50px;
text-align: left;
}
div.megaeditor li.presenta-ad-contenido a {
background-color: #0096e2;
background-color: var(--azul-principal-accesible-oscuro);
    color: #ffffff;
    font-size: 21px;
    font-weight: 600;
    padding: 7px 30px 9px;
margin: 15px 10px 15px 0;
letter-spacing: 1px;
    tesxt-transform: uppercase;
    display: inline-block;

    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}
div.megaeditor li.presenta-ad-contenido a:hover {
    padding: 7px 45px 9px 32px;
}

/**/
.caracteristicas-landing .contenedor-caracteristicas .container {
    width: 100%;
}
#body_cms #contenido  .caracteristicas-landing .listado_caracteristicas > li h3 {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0!important;
    background: none!important;

    color: #333334;
    font-size: 17px;
    margin: 0;
    width: 100%;
text-align: left;
}

.caracteristicas-landing .contenedor-caracteristicas .container img, 
 .prestashop-hardware  li img
 {
width: auto!important;
max-height: 70px;
  margin: 0 0 15px;
}

 .prestashop-hardware  li {
 /*text-align: center;*/
 }
 .prestashop-hardware  li p {
 text-align: left;
 }
  .prestashop-hardware  li img
 {
width: auto!important;
max-height: 60px;
  padding: 10px;
  background: rgba(0, 0, 0, .3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 15px;
}

body.body_cms_2254 #base, body.body_cms_2254 #centro.columnaUnica, body.body_cms_2257 #base, body.body_cms_2257 #centro.columnaUnica, body.body_cms_2256 #base, body.body_cms_2256 #centro.columnaUnica {
overflow: visible;
}
#centro section#div_seccion_4359 .contenedor-caracteristicas.caracteristicas-a {
    background: transparent;
}
/**/
#centro section.sec-vende {
background:#f3f5f7;
padding: 40px 20px 50px;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#centro section.sec-vende .contenedor-caracteristicas.caracteristicas-a {
background: transparent;
}
/**/
#centro section.bloque-sectores-presta, 
#centro section.bloque-sectores-shopify, 
#centro section.bloque-sectores-woo, 
#centro section.bloque-sectores-pos {
background-color: #f3f5f7;
background-image: url("/UserFiles/images/TPV2024/conecta-presta.svg"), url("/UserFiles/images/TPV2024/conecta-tpv.svg");
background-repeat: no-repeat, no-repeat;
background-position: left center, right center;
background-size: 300px;
padding: 50px 25px;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#centro section.bloque-sectores-shopify, 
.cta-shopify {
background-image: url("/UserFiles/images/TPV2024/conecta-shopify.svg"), url("/UserFiles/images/TPV2024/conecta-tpv.svg")!important;
}
#centro section.bloque-sectores-woo, 
.cta-woo {
background-image: url("/UserFiles/images/TPV2024/conecta-woo.svg"), url("/UserFiles/images/TPV2024/conecta-tpv.svg")!important;
}
#centro section.bloque-sectores-presta, 
#centro section.bloque-sectores-pos {
background-color: #f3f5f7;
background-image: url("/UserFiles/images/TPV2024/conecta-presta.svg"), url("/UserFiles/images/TPV2024/conecta-tpv.svg");
background-repeat: no-repeat, no-repeat;
background-position: left center, right center;
background-size: 300px;
}
#centro section.bloque-sectores-pos {
background-color: transparent;
}
#centro section.bloque-sectores-presta .megaeditor, 
#centro section.bloque-sectores-shopify .megaeditor, 
#centro section.bloque-sectores-woo .megaeditor, 
#centro section.bloque-sectores-pos .megaeditor {
max-width: 800px;
margin: 0 auto;
overflow: visible;
}
.bloque-sectores-presta ul.bloque-sector, 
.bloque-sectores-shopify ul.bloque-sector, 
.bloque-sectores-woo ul.bloque-sector, 
.bloque-sectores-pos ul.bloque-sector{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;

    grid-column-gap: 40px;
    grid-row-gap: 30px;
}
.bloque-sectores-presta ul.bloque-sector li, 
.bloque-sectores-shopify ul.bloque-sector li, 
.bloque-sectores-woo ul.bloque-sector li, 
.bloque-sectores-pos ul.bloque-sector li {
display: flex;

}
.bloque-sectores-presta ul.bloque-sector li > div, 
.bloque-sectores-shopify ul.bloque-sector li > div, 
.bloque-sectores-woo ul.bloque-sector li > div, 
.bloque-sectores-pos ul.bloque-sector li > div {
display: inline-block;
text-align: left;
}
#body_cms #contenido .bloque-sectores-presta ul.bloque-sector img, 
#body_cms #contenido .bloque-sectores-shopify ul.bloque-sector img, 
#body_cms #contenido .bloque-sectores-woo ul.bloque-sector img, 
#body_cms #contenido .bloque-sectores-pos ul.bloque-sector img  {
max-height: 100px;
margin-top: 10px;
margin-bottom: 10px;
}
#body_cms #contenido .bloque-sectores-presta ul.bloque-sector h3, 
#body_cms #contenido .bloque-sectores-shopify ul.bloque-sector h3, 
#body_cms #contenido .bloque-sectores-woo ul.bloque-sector h3, 
#body_cms #contenido .bloque-sectores-pos ul.bloque-sector h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 5px;
text-align: left;
}
#body_cms #contenido .bloque-sectores-presta ul.bloque-sector p, 
#body_cms #contenido .bloque-sectores-shopify ul.bloque-sector p, 
#body_cms #contenido .bloque-sectores-woo ul.bloque-sector p, 
#body_cms #contenido .bloque-sectores-pos ul.bloque-sector p {
text-align: left;
}
.bloque-sectores-presta ul.bloque-sector a, 
.bloque-sectores-shopify ul.bloque-sector a, 
.bloque-sectores-woo ul.bloque-sector a, 
.bloque-sectores-pos ul.bloque-sector a {
background-color: #0096e2;
background-color: var(--azul-principal-accesible-oscuro);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 25px;
margin: 10px auto 0;
    tesxt-transform: uppercase;
    display: inline-block;
}
.bloque-sectores-presta ul.bloque-sector a:hover, 
.bloque-sectores-shopify ul.bloque-sector a:hover, 
.bloque-sectores-woo ul.bloque-sector a:hover, 
.bloque-sectores-pos ul.bloque-sector a:hover {
    padding: 5px 40px 5px 23px;
}

/**/
#centro #contenido  section.sec_presta_hardware  h2 {
color: #fff;
line-height: 1.1;
margin-bottom: 40px;
}
#centro section.sec_presta_hardware {
background:var(--azul-principal-oscuro) ;
color: #fff;
padding: 40px 30px 50px;
margin: 0;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#centro section.sec_presta_hardware div.megaeditor {
max-width: 1440px;
margin: 0 auto;
}
div.megaeditor .prestashop-hardware ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#body_cms #contenido .prestashop-hardware h3 {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 0 10px !important;
    margin: 0 !important;
    color: #fff;
    font-size: 21px;
    margin: 0;
    width: 100%;
    text-align: left;
}
/**/
#centro section.CTA-final {
padding: 20px 20px 40px;
}
#centro section.CTA-final div.megaeditor {
    overflow: visible;
}
#contenido section.CTA-final h4 {
font-weight: 300;
padding: 0 0 30px;
}

/*////////////////////////////////////////////////////////////////////////*/
div.ventaja {
text-align: center;
}


/**/


.botonPrueba.botonPDF {
position: relative;
}

.botonPrueba.botonPDF::before {
content:"";
display: inline-block;
width: 30px;
height: 30px;
background: url("/UserFiles/images/landings2022/ico-pdf-blanco.svg") no-repeat center center;
background-size: content;
margin-right: 6px;
vertical-align: bottom;
}
.botonPrueba em {
font-size: .4em;
font-style: normal;
}

/********************/
div.imagen_cabecera_cms a {
display: block;
text-align: center;
}
div.imagen_cabecera_cms a img {
margin: 0 auto;
}

/* RESPUESTA ENVIO MENSAJE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
img.img-mensaje-enviado {
width: 450px;
max-width: 98%;
margin: 5% auto 0;

}
#texto-mensaje-enviado {
text-align: center;
}
#texto-mensaje-enviado h3 {
font-size: 28px;
padding-bottom: 15px;
}

#texto-mensaje-enviado p {
font-size: 20px;
}

/* BIZUM
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#galeria_imagenes_cabecera_2486 ul.carrusel_flechas_galeria {
display: none;
}

/* TICKET BAI
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#body_cms.body_cms_2009 #base, 
#body_cms.body_cms_2009 #centro.columnaUnica, 
#body_cms.body_cms_2009 #centro section,
#body_cms.body_cms_2009 div.megaeditor {
  overflow: visible;
}
#body_cms.body_cms_1821_2009 .botonPrueba {
line-height: 1;
font-size: 26px;
}
#centro section#div_seccion_3558 div.megaeditor .animatedParent p.boton_prueba {
  padding-top: 40px !important;
}

#contenido .bloque-ticketbai-provincias div.megaeditor h3 {
text-align: center;
margin-bottom: 15px;
  font-size: 33px;
  font-weight: 300;
  line-height: 110%;
}

.bloque-ticketbai-provincias div.megaeditor ul {
margin: 0;
padding: 0;
list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.bloque-ticketbai-provincias div.megaeditor ul li.span-col-2{
grid-column: span 2 / auto;
}

.bloque-ticketbai-provincias ul::before {
display: none;
}
.bloque-ticketbai-provincias ul li {
border: 1px solid #9a9a9a;
padding: 15px 25px;
line-height: 1.1;
text-align: left;
}
.img-tickets {
width: 600px!important;
height: auto!important;
}
#centro section.bloque-gris {
background:#f5f7f9;
padding: 50px 30px 30px;
}
.capa-ancho-gris {
max-width: 800px;
margin: 0 auto;
}
.bloque-destacado-grande .capa-ancho-gris {
max-width: 900px;
}
.bloque-destacado-grande .capa-ancho-gris p {
font-size: 28px;
text-align: left;
line-height: 1.2;
/*color: #00a9e9;*/
}
.bloque-destacado-grande .capa-ancho-gris p strong {
/*olor: #00a9e9;*/
color: rgb(78, 82, 83);
color: #fff;
}

#centro section.bloque-gris.bloque-destacado-grande, 
#centro section.bloque-gris.bloque-destacado-grande div.megaeditor {
overflow: visible;
}
#centro section.bloque-gris.bloque-destacado-grande {
  background: #0298e0;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.capa-crispin-ok {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.capa-crispin-ok::before {
display: none;
}
.capa-crispin-ok p {
position: relative;
margin: 0;
color: #fff;
}
.capa-crispin-ok p img {
position: absolute;
width: 360px!important;
height: auto!important;
right: 0;
top: -70px;

animation-duration: 3s;
animation-name: crispin-ticket-animacion;
animation-iteration-count: infinite;
}
@keyframes crispin-ticket-animacion {
0% { top: -75px; }
50% { top: -55px; }
100% { top: -75px; }
}


#centro section#div_seccion_3568 {
  overflow: visible;
}
div.ticket-capa-precios {
   display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.precio-ticketbai  p.p-leyenda-precios, 
div.megaeditor .precio-ticketbai  p.p-leyenda-precios  {
font-size: 14px;
text-align: center;
color: rgba(255, 255, 255, .5);
}
.precio-ticketbai,
.precios-2col {
Background: #0298e0;
color: #fff;
padding: 40px 35px ;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.precio-ticketbai {
margin: 40px 0 15px;
}
#contenido div.megaeditor .precio-ticketbai h3 strong {
font-size: 30px;
color: #fff;
font-weight: 700;
}
div.megaeditor .precio-ticketbai p.p-titulo, 
div.megaeditor .precios-2col p.p-titulo {
font-size: 25px;
margin-bottom: 10px;
font-weight: 700;
color: #fff;
background: transparent!important;
text-align: center;
line-height: 1;
}
.precio-ticketbai p.p-titulo span,
.precios-2col  p.p-titulo span {
font-size: .8em;
color: rgba(255, 255, 255, .5);
display: block;
padding-top: 7px;
}
.precio-ticketbai p.p-precio,
.precios-2col p.p-precio {
font-size: 51px;
line-height: 1;
padding: 10px 10px 18px;
font-weight: 700;
color: #fff;
background: rgba(0, 0, 0, .15);
text-align: center;
margin: 10px auto ;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.precio-ticketbai p.texto-incluye
p.texto-incluye {
font-weight: 600;
font-size: 21px;
text-align: center;
}
.precio-ticketbai p.p-precio span, 
 .capa-precios p.p-precio span {
font-size: .8em;
}

.detalle-precios, 
.precios-2col {
  display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;


padding: 20px 20px 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.detalle-precios::before, 
.detalle-precios .capa-precios::after, 
.precios-2col::before, 
.precios-2col .capa-precios::after {
display: none;
}
/*
.precio-ticketbai .detalle-precios p.p-titulo, 
.capa-precios p.p-titulo {
font-size: 21px;
font-weight: 600;
}
.precio-ticketbai .detalle-precios p.p-precio, 
.capa-precios p.p-precio {
font-size:28px;
background: rgba(0, 0, 0, .03);
margin-bottom: 0;
}

*/

/* FORMULARIO TICKETBAI ----------------------------------------------------*/
#body_cms.body_cms_2009 div.megaeditor p.p-titular {
font-size: 21px;
font-weight: 300;
text-align: center;
padding-top: 30px;
}

section.bloque-contenido#descargas_3807 {
  margin: 3% auto 2% !important;
}
#formulario_3806_177 {
max-width:650px;
margin: 0 auto;
padding: 30px;
background: #f3f5f7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#formulario_3806_177 div.formulario form label, 
#formulario_3806_177 div.formulario input[type="text"] {
display: block;
width: 100%;
float: none;
text-align: left;
}
div#captcha {
margin-top: 25px;
margin-bottom: 25px;
background: #eef0f2;
padding: 15px 30px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#formulario_3806_177 div.formulario form div#captcha label {
display: inline-block;
width: auto;
max-width: 200px;
line-height: 1.2;
padding-right: 20px;
vertical-align: bottom;
}
#formulario_3806_177 div.formulario div#captcha input[type="text"] {
width: 120px!important;
display: inline-block;
}
div.formulario p[align*=right]  {
text-align: center;
}
div.formulario p[align*=right]  input.boton {
font-size: 18px;
font-weight: 500;
text-align: center;
padding: 10px 35px;
width: 100%;

margin-top: 15px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.elementosGrupoSimple td {
  display: block;
width: 100%;
}

#editor_3806 {
background: rgba(255, 255, 255, .5);
padding: 20px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.megaeditor#editor_3806 p{
  font-size: 16px;
  font-weight: 500;
margin: 0;
}

/*ESTILOS HASTA 767 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {

#formulario_3806_177 {
max-width: 95%;
}
.precios-2col .capa-precios {
  padding: 40px 35px 40px 30px;
}

}

/*ESTILOS HASTA 600 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 600px) {

.bloque-ticketbai-provincias div.megaeditor ul {
  grid-template-columns: 1fr; 
}
.bloque-ticketbai-provincias div.megaeditor ul li.span-col-2 {
  grid-column: span 1 / auto;
}
.bloque-ticketbai-provincias ul li {
  font-size: 21px;
}
#formulario_3806_177 div.formulario form div#captcha label {
display: block;
width: auto;
max-width: 100%;
padding-bottom: 10px;
}

.capa-crispin-ok {
  grid-template-columns: 1fr;
  padding-top: 150px;
}
.capa-crispin-ok p img {
width: 250px!important;
right: 50%;
margin-right: -125px;
animation-name: crispin-ticket-animacion-responsive;
}
@keyframes crispin-ticket-animacion-responsive {
0% { top: -245px; }
50% { top: -225px; }
100% { top: -245px; }
}

.precios-2col .capa-precios:last-child {
  padding: 0 35px 20px 30px;
}
.precios-2col > .capa-precios:first-child {
  padding: 20px 35px 0 30px;
}
#body_cms div.megaeditor .precios-2col .capa-precios p.p-precio {
font-size: 45px;
font-weight: 700!important;
padding: 10px 10px 15px;
}
.precios-2col  {
grid-template-columns:  1fr;
}

.detalle-precios {
  grid-template-columns:  1fr;
}

}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 CONEXION ERP DYNAMICS 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_793#body_cms #contenido h1 {
  background-color: transparent;
  color: #000000;
  font-size: 50px;
  font-weight: 300;
  margin-top: 0;
  padding: 10px;
  line-height: 1;
}
body.body_cms_793#body_cms #centro.columnaUnica, 
body.body_cms_793#body_cms #base {
overflow: visible;
}
/*Presentación*/
body.body_cms_793#body_cms section.bloque-contenido.bloque-primero {
background: url("/UserFiles/images/landings2022/fondo-contenido-top.png") repeat-x;
margin-top: -400px!important;
width: 96%;
max-width: 1000px;
padding: 60px 50px 0;
margin: 3% auto 3% !important;
text-align: center;
}
section.bloque-contenido.bloque-primero p.p-subtitulo {
font-size: 21px;
padding-bottom: 30px;
}
section.bloque-contenido.bloque-primero img {
max-width: 500px;
height: auto!important;margin: 0 auto;
}
/*Primer párrafo*/
section.bloque-contenido#div_seccion_3232 {
  margin: 2% auto 5% !important;
  width: 100%;
  max-width: 100%;
text-align: center;
background: #fafafb;
padding: 50px 0;
overflow: visible;
position: relative;
}
section.bloque-contenido#div_seccion_3232 .megaeditor {
max-width: 940px;
margin: 0 auto;
overflow: visible;
}

section.bloque-contenido#div_seccion_3232 p.p-destacado {
font-size: 21px;
}
section.bloque-contenido#div_seccion_3232 p.p-lnk-cta {
position: absolute;
bottom: -85px;
left: 50%;
margin-left: -150px;
}
section.bloque-contenido#div_seccion_3232 p.p-lnk-cta a {
display: inline-block;
background-color: #0298e0;
color: #fff;
padding:  20px 30px;
text-align: center;
line-height: 1;
width: 300px;
}
section.bloque-contenido#div_seccion_3232 p.p-lnk-cta a:hover{
background-color: #000;
text-decoration: none;
}
section.bloque-contenido#div_seccion_3232 p.p-lnk-cta a span {
font-size: 1.2em;
line-height: 1.2;
font-weight: 500;
}

/*Funcionalidades*/
section.bloque-contenido#div_seccion_3233 {
margin: 8% auto 5% !important;
}

ul#lista-funcionalidades {
margin: 0;
padding:0;
list-style-type: none;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
ul#lista-funcionalidades:before {
display: none;
}
ul#lista-funcionalidades li {
text-align: center;
padding-bottom: 20px;
}
ul#lista-funcionalidades li img {
max-width: 30%;
margin: 0 auto 20px;
}

/*Instalador*/
#contenido section.bloque-contenido#div_seccion_3234 h2 {
font-size: 35px;
}
section.bloque-contenido#div_seccion_3234 p.p-destacado {
font-size: 1.6em;
}

/*Formulatio instaladores*/
div.megaeditor#editor_3235, #centro section#formulario_3235_164 {
  width: 100%;
  max-width: 100%;
  padding: 20px 30px;
  position: relative;
  background: #f7f7f7;
  overflow: visible;
  text-align: center;
  margin-bottom: 0;
}
#centro section#formulario_3235_164 {
margin-bottom: 60px;
}
#centro section#formulario_3235_164 div.formulario {
max-width: 740px;
margin: 0 auto;
padding: 0 20px;
}
section#formulario_3235_164 div.formulario form label {
  width: 100%;
  text-align: left;
  font-size: 18px;
}
section#formulario_3235_164 div.formulario input[type="text"], section#formulario_3235_164 div.formulario textarea, section#formulario_3235_164 div.formulario input[type="button"] {
  width: 100%;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

body.body_cms_793#body_cms section.bloque-contenido.bloque-primero {
  padding: 60px 20px 0;
}
body.body_cms_793#body_cms #contenido #div_seccion_3231 h1 {
font-size: 35px;
}
#div_seccion_3233 {
padding-top: 60px;
}
ul#lista-funcionalidades {
  grid-template-columns: 1fr 1fr;
}
/* TICKET BAI /////////////////////////////////////*/
div.ticket-capa-precios {
    grid-template-columns: 1fr;
}
#contenido div.megaeditor .precio-ticketbai h3 strong {
  font-size: 26px;
}
.precio-ticketbai p.p-precio {
  font-size: 40px;
}

}

/* BLACK FRIDAY 2021 ///////////////////////////////////////////*/
body.body_cms_1899 #base {
background: #000 url("/UserFiles/images/landing/bg-blackfriday.jpg") no-repeat center 200px;
background-size: 90%;
color: #fff;
}
#imagen_2940 {
text-align: center;
background: #000;
}
#imagen_2940 img {
max-width: 70%;
margin: 0 auto;
}
#body_cms #contenido h1#h1_cms_1899 {
background: #0298e0;
font-weight: 700;
padding-bottom: 90px;
}
/*Subtitulo */
#contenido section#div_seccion_2932 h2 {
color: #fff;
text-shadow: 0px 0px 9px #000000;
padding: 0 10%;
line-height: 1.1;
}
/*Presentacion */
section#div_seccion_2931 {
margin-top: -85px;
}
section#div_seccion_2931 div.megaeditor {
background: #fff;
color: #000;
max-width: 80%;
margin: 0 auto;
padding: 20px;
padding: 30px 40px 20px;
}
section#div_seccion_2931 div.megaeditor p {
font-size: 21px;
color: #000;

}

/* bloque social */
#div_seccion_2937 {
width: 49%;
float: left;
padding: 10px 0 10px 10%;
}
#contenido section#div_seccion_2937 h2 {
color: #fff;
font-size: 38px;
text-align: left;
padding: 20px 0 20px;
line-height: 1.1;
}
#contenido section#div_seccion_2937 h2 strong {
color: #fff;
}
#div_seccion_2937 p {
font-size: 28px;
font-weight: 600;
margin: 0 0 20px;
line-height: 1;
}
#div_seccion_2937 p strong {
display: inline-block;
padding: 2px 10px 5px;
color: #fff;
background: #0298e0;
line-height: 1.1;
font-size: 30px;
font-weight: 600;
}
#contenido #div_seccion_2937 div.megaeditor p + h3 {
color: #fff;
margin: 0 0 6px;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
}
#div_seccion_2937 ul.blackfriday-social {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
}
#div_seccion_2937 ul.blackfriday-social li {
display: inline-block;
}
#div_seccion_2937 ul.blackfriday-social li a {
display: inline-block;
position: relative;
text-indent: -99999px;
width: 30px;
height: 30px;
margin: 0 6px 0 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#div_seccion_2937 ul.blackfriday-social li.social-twitter a {
background-image: url("/UserFiles/images/landing/ico-twitter.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-twitter a:hover {
background-image: url("/UserFiles/images/landing/ico-twitter-over.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-fb a {
background-image: url("/UserFiles/images/landing/ico-fb.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-fb a:hover {
background-image: url("/UserFiles/images/landing/ico-fb-over.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-linkedin a {
background-image: url("/UserFiles/images/landing/ico-linkedin.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-linkedin a:hover {
background-image: url("/UserFiles/images/landing/ico-linkedin-over.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-whatsapp a {
background-image: url("/UserFiles/images/landing/ico-whatsapp.svg");
}
#div_seccion_2937 ul.blackfriday-social li.social-whatsapp a:hover {
background-image: url("/UserFiles/images/landing/ico-whatsapp-over.svg");
}

/* formulario */
#formulario_2933_156 {
width: 49%;
float: right;
padding: 10px 10% 10px 0;
}
#formulario_2933_156 div.formulario {
background: #fff;
color: #000;
padding: 30px 40px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#formulario_2933_156 div.formulario form p {
margin-bottom: 0;
}
#formulario_2933_156 div.formulario form .elementosGrupoMultiple {
margin: 0;
}
#formulario_2933_156 div.formulario form .elementosGrupoMultiple label {
width: 100%;
font-size: 14px!important;
}
#formulario_2933_156 div.formulario form .elementosGrupoMultiple::nth-child(3) {
border-bottom: 4px solid #eee;
}
#formulario_2933_156 div.formulario form  label, 
#formulario_2933_156 div.formulario form textarea, #formulario_2933_156 div.formulario form input {
width: 100%;
text-align: left;
}
#formulario_2933_156 div.formulario input[type="text"] {
padding: 4px 8px 6px;
}
#formulario_2933_156 div.formulario form input#campo_379 {
margin-bottom: 10px;
}
#formulario_2933_156 div.formulario form input.boton {
text-align: center;
font-weight: 600;
font-size: 1.2em;
}
#formulario_2933_156  div.formulario #editor_2933 p {
font-size: 21px;
font-weight: 600;
}

/*/////////////////////////////////////*/
div.megaeditor ul.listado-2-columnas {
    margin: 0 auto 50px;
    padding: 0;
    width: 100%;
    max-width: 940px;
text-align: center;
}
div.megaeditor ul.listado-2-columnas li {
    display: inline-block;
vertical-align: top;
width: 48%;
text-align: center;
padding-left: 35px;
padding-right: 35px;

padding-bottom: 30px;
}
div.megaeditor ul.listado-2-columnas-icono li {
padding-top: 60px;
background-repeat: no-repeat;
background-position: center top;
}
div.megaeditor ul.listado-2-columnas li.televisor {
background-image:url("/cms/site_0112/imagenes_css/imagen_css-120-15995f0059a9df9311.png");
}
div.megaeditor ul.listado-2-columnas li.qr {
background-image:url("/cms/site_0112/imagenes_css/imagen_css-120-06d2a9b13f230db8d7.png");
}
div.megaeditor ul.listado-2-columnas li.disenyo {
background-image:url("/cms/site_0112/imagenes_css/imagen_css-120-f23254c3a2963b1913.png");
}
div.megaeditor ul.listado-2-columnas li.colaboradores {
background-image:url("/cms/site_0112/imagenes_css/imagen_css-120-ec6e614014cb3b53bd.png");
}
#div_seccion_2937 #txt-condiciones p {
    font-size:14px;
    font-weight: 300;
    margin: 0 0 20px;
    line-height: 1;
}

/* LISTA NORMAL 2 COLUMNAS ***************/
div.megaeditor ul.lista-2-columnas {
    margin: 0 auto 50px;
    padding: 0;
    width: 100%;
    max-width: 940px;
text-align: center;
}
div.megaeditor ul.lista-2-columnas li {
    display: inline-block;
vertical-align: top;
width: 48%;
text-align: left;
padding: 5px 10px 5px 22px;
background: url("/UserFiles/images/TPViconos/bullet01-azul.svg") no-repeat 2px 10px;
background-size: 15px;

}

/* LANDING FERIA SHOP 2018 */

#div_seccion_1499 a {
display: inline-block;
margin: 0 auto;
}

section#div_seccion_1497 div.megaeditor  p {
font-size: 22px;
font-weight: 300;
line-height: 135%;
text-align: center;
padding-left: 5%;
padding-right: 5%;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px) {

/* ANUNCIO PRESTASHOP ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.megaeditor li.presenta-ad-imagen {
    display: none;
}

#centro section.sec-vende {
    padding: 40px 20px 20px;
}
body.body_cms_2254  .caracteristicas-a .bloque-caracteristicas, 
body.body_cms_2254  .caracteristicas-a .bloque-caracteristicas.invertido, 
body.body_cms_2256  .caracteristicas-a .bloque-caracteristicas, 
body.body_cms_2256  .caracteristicas-a .bloque-caracteristicas.invertido, 
body.body_cms_2257  .caracteristicas-a .bloque-caracteristicas, 
body.body_cms_2257  .caracteristicas-a .bloque-caracteristicas.invertido {
    grid-template-columns: 1fr;
padding-top: 300px;
}
body.body_cms_2254  div.imagen-caracteristicas, 
body.body_cms_2256  div.imagen-caracteristicas, 
body.body_cms_2257  div.imagen-caracteristicas {
        width: 250px;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -125px;
        height: auto;
}
.contenedor-caracteristicas > div {
    padding: 0 20px;
}
.prestashop-hardware  .bloque-3col {
    grid-template-columns: 1fr 1fr;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

#centro section.bloque-sectores-presta, #centro section.bloque-sectores-pos {
    background-position: left center, right top;
}

body.body_cms_2254  div.imagen-caracteristicas, 
body.body_cms_2256  div.imagen-caracteristicas, 
body.body_cms_2257  div.imagen-caracteristicas {
        width: 250px;
        position: absolute;
        top: -60px;
        left: 50%;
        margin-left: -150px;
        height: auto;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {

#body_cms #contenido .caracteristicas-landing .listado_caracteristicas > li, 
#body_cms #contenido .caracteristicas-landing .listado_caracteristicas > li h3 {
text-align: center;
}
.bloque-sectores-presta ul.bloque-sector li, .bloque-sectores-shopify ul.bloque-sector li, .bloque-sectores-woo ul.bloque-sector li, .bloque-sectores-pos ul.bloque-sector li {
  display: block;
}
.bloque-sectores-presta ul.bloque-sector li > div, .bloque-sectores-shopify ul.bloque-sector li > div, .bloque-sectores-woo ul.bloque-sector li > div, .bloque-sectores-pos ul.bloque-sector li > div, 
#body_cms #contenido .bloque-sectores-presta ul.bloque-sector h3, #body_cms #contenido .bloque-sectores-shopify ul.bloque-sector h3, #body_cms #contenido .bloque-sectores-woo ul.bloque-sector h3, #body_cms #contenido .bloque-sectores-pos ul.bloque-sector h3, 
#body_cms #contenido .bloque-sectores-presta ul.bloque-sector p, #body_cms #contenido .bloque-sectores-shopify ul.bloque-sector p, #body_cms #contenido .bloque-sectores-woo ul.bloque-sector p, #body_cms #contenido .bloque-sectores-pos ul.bloque-sector p {
  text-align: center;
}

}


/*///////////////////// CSS DINÁMICO : Pricing //////////////////////////*/

.body_cms_1630 .capa-plan {
    display: block;
    margin: 0 auto;
    width: 50%;
}
.body_cms_1630 #plan-basico, .body_cms_1630 #plan-multi {
    display: none;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      ilustracion
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.section-tarifas div.megaeditor{
padding-top: 130px;
position: relative;
}
 
#centro section.section-tarifas div.megaeditor::before {
content:"";
display: block;
width: 280px;
height: 150px;
background: url("/UserFiles/images/TPV2022/crispin-tarifas.svg") no-repeat center top;
background-size: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -135px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      BLOQUES SECCION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
section._sec_bloque-contenido-mayor {
    margin: 5% auto 0 !important;
    width: 92%;
    max-width: 1070px;
}
#div_seccion_2199 div.megaeditor {
    padding-left: 15px;
    padding-right: 5px;
}
.capa-plan {
    border: 4px solid #eeeff2;
    display: inline-block;
    vertical-align: top;
    width: 37%;
    text-align: center;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.capa-plan:hover {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
div.megaeditor .capa-plan p, div.megaeditor .capa-plan li {
    font-size: 16px;
}
.capa-plan > div {
    padding: 20px 20px 40px;
}
.capa-plan:first-child, .capa-plan:last-child {
    width: 31%;
    margin-top: 40px;
}
.capa-plan:first-child::before, .capa-plan:last-child::before {
    display: block;
    width: 100%;
    height: 200px;
    background-color: #eeeff2;
    content: "";
    background-image: url("/UserFiles/images/bg_planmultitienda.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center calc(100% - 45px);
}
.capa-plan:first-child::before {
    background-image: url("/UserFiles/images/bg_planbasico.png");
}
.capa-plan:last-child::before {
    background-image: url("/UserFiles/images/bg_planmultitienda.png");
}
#plan-profesional {
    border: none;
    margin-left: -3px;
}
#plan-profesional::before {
    display: block;
    width: 100%;
    height: 200px;
    background-color: #237bbe;
    content: "";
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url("/UserFiles/images/bg_planprofesional.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center center;
    border: 4px solid #eeeff2;
}
#plan-profesional > div {
    border: 4px solid #eeeff2;
    border-top: none;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#contenido #plan-profesional.capa-plan h2 + p {
    height: 27px;
}
.tarifas_mas_info {
    vertical-align: middle;
    margin-left: 5px;
float: right;
font-weight: 500;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      CODIGO DE PROMOCIÓN
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#contenedor_promo{
    width: 236px;
    margin: auto;
}
#descripcion_promocion{
font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
}
#comprobar_codigo{
    padding: 5px;
    width: 30%;
}
#codigo_promo_tpv{

    width: 160px;
    display: inline;
    margin-bottom: 10px;
    border-radius: 4px;

}
.capa-plan:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
}
.capa-plan:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: none;
    margin-left: -3px;
}
#contenido .capa-plan h2 {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0px;
}
#body_cms_home #contenido .section-tarifas div.megaeditor h2 {
  font-weight: 500;
}
#contenido .capa-plan h2 + p {
    font-size: 16px;
    margin-bottom: 30px;
}
.precio-plan {
    color: #237bbe;
    margin-bottom: 20px;
}
.precio-plan > div {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 1.1;
    text-align: left;
}
.precio-plan > div.tit-precio-plan {
    font-size: 90px;
    font-weight: 700;
    line-height: .7;
    color: #237bbe;
}
.precio-plan > div > span {
    display: block;
    font-size: 12px;
    margin-left: 2px;
}
#ahorro-plan {
    text-transform: uppercase;
    background-color: #dd0000;
    color: #fff;
    font-size: 18px;
    max-width: 150px;
    padding: 2px 10px;
    border-radius: 4px;
    margin: 0 auto 10px;
}
#contenido .capa-plan div.datosprincipales {
    height: 130px;
}
#contenido .capa-plan div.datosprincipales p {
  line-height: 1.2;
  padding-inline: 0;
  font-size: 28px;
}
#contenido .capa-plan div.datosprincipales p small {
  font-size: 16px;
  display: block;
  font-weight: 400;
  color: #000;
  margin-top: 5px;
}
.preciotexto {
    font-size: 42px;
    font-weight: 700;
    color: #237bbe;
    height: 83px;
    line-height: .8;
}
div.megaeditor .capa-plan ul {
    padding: 0;
    list-style: none;
    text-align: left;
    margin: 0;
}
div.megaeditor .capa-plan ul li {
    margin-bottom: 5px;
}
div.megaeditor .capa-plan ul li.divisoria {
    margin-top: 10px;
    border-top: 2px solid #eeeff2;
    padding-top: 5px;
}
.franjacentral {
    border-top: 4px solid #eeeff2;
    border-bottom: 4px solid #eeeff2;
    padding: 10px 0 !important;
    height: 290px;
    text-align: left;
    margin-bottom: 15px !important;
}
#plan-multi .franjacentral {
  height: inherit;
}
#plan-profesional label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#plan-multi .franjacentral h4 {
  font-size: 16px;
  margin-top: 0;
}
div.megaeditor .capa-plan .franjacentral ul.conbullet {
  margin-bottom: 15px;
}
div.megaeditor .capa-plan ul.conbullet {
    margin-bottom: 40px;
    padding-left: 4px;
}
div.megaeditor .capa-plan ul.conbullet li {
    background-image: url("/UserFiles/images/landings2022/ico-check-VERDE.svg");
background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left -2px;
    line-height: 1.2;
    font-size: 14px;
    margin-bottom: 7px;
}
button.planes {
    color: #fff;
    background-color: #0298e0;
    border: none;
    text-align: center;
    font-size: 16px;
    padding: 12px 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    max-width: 100%;
}
button.planes:hover {
    background-color: #0082c8;
    cursor: pointer;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
button.planes > span {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  line-height: 1;
  font-size: 14px;
}
button.planes > span:first-child {
    margin-top: 5px;
}
button.planes span.cifra {
    font-weight: 700;
    font-size: 42px;
    line-height: .9;
    margin-left: 5px;
}
button.planes sup {
    font-size: 24px;
    vertical-align: middle;
    font-weight: 500;
    margin-left: 3px;
}
.capa-plan form input, .capa-plan form select {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    color: rgb(103, 107, 108);
}
.capa-plan form input.botonform {
    color: #fff;
    background-color: #0298e0;
    border: none;
    text-align: center;
    font-size: 16px;
    padding: 12px 40px;
    margin-bottom: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.capa-plan form input.botonform:hover {
    background-color: #0082c8;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#resumen-ahorro-plan {
    width: 200px;
    margin: 0 auto 7px;
}
#resumen-ahorro-plan > span {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
   padding: 5px;
}
#resumen-ahorro-plan > span:first-child {
    background-color: #dd0000;
    width: 70%;
}
#resumen-ahorro-plan > span:last-child {
    background-color: #000;
    width: calc(30% - 7px);
    margin-left: 7px;
}
.precio_anual_mensual_css {
    color: rgb(103, 107, 108);
    display: block;
    font-size: 12px;
    margin-top: 5px;
}
.capa-plan input[type="checkbox"].css-checkbox:checked + label.labelcheck {
    color: #237bbe;
}
.capa-plan label.labelcheck {
    background-image: url(/UserFiles/images/ico_checkbox02.png);
}
.porcentaje_ahorro {
    display: none !important;
}

/* FANCY  -----------------------------------------------------------------------------------------------------------------------------------*/

.body_cms_1560 .fancybox-inner {
    max-height: 400px;
}
.fancy-modulo {
    padding-left: 30%;
    padding-right: 30px;
    height: 370px;
    overflow: auto;
    background-repeat: no-repeat;
}
#mod_tienda {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-website.svg");
    background-size: 200px auto;
    background-position: 15px 30px;
}
#mod_tallas {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-tallas.svg");
    background-size: 22% auto;
    background-position: 25px 30px;
}
#mod_granel {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-granel.svg");
    background-size: 180px auto;
    background-position: 25px 30px;
}
#mod_presupuestos {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-gestion.svg");
    background-size: 180px auto;
    background-position: 25px 30px;
}
#mod_trazabilidad {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-trazabilidad.svg");
    background-size: 180px auto;
    background-position: 25px 15px;
}
#mod_segundamano {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-segundamano.svg");
    background-size: 180px auto;
    background-position: 25px 35px;
}
#mod_fidelizacion {
    background-image: url("/UserFiles/images/TPVonline2018/bg-icon-fidelizacion.svg");
    background-size: 180px auto;
    background-position: 25px 0;
}
#contenido .fancy-modulo h2 {
    text-align: left;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}
#contenido .fancy-modulo ul {
    padding: 0;
    list-style: none;
    margin-left: 0;
    margin-bottom: 20px;
}
#contenido .fancy-modulo ul li {
    background-image: url("/UserFiles/images/TPVonline2018/bullet-ok.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-left: 20px;
    background-position: left 7px;
}
/* OFERTA MES  -----------------------------------------------------------------------------------------------------------------------------------*/
.body_cms_1560 #centro.columnaUnica, .body_cms_1560 #base {
  overflow: visible;
}
#centro section#div_seccion_2504 {
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#ofertaMes {
  background-color: #e9f5ff;
  text-align: center;
  padding: 20px;
  color: #237bbe;
}
#ofertaMes strong {
    color: #237bbe;
}
.oferta-textogrande {
    font-size: 24px;
    display: block;
    line-height: 1;
    font-weight: 400;
}
.oferta-textomayor {
    font-size: 60px;
    line-height: 1;
}
.oferta-textomedio {
    font-size: 24px;
}
/* TESTIMONIO  -----------------------------------------------------------------------------------------------------------------------------------*/
#div_seccion_2254 {
    background-color: #e6eaed;
    padding: 50px;
}
#testimonio-pricing {
    margin: 0 auto;
    max-width: 940px;
}
#testimonio-pricing > img {
    float: left;
    margin-right: 40px;
}
.datos-dcha {
    float: left;
    width: calc(100% - 255px);
}
.nombreCliente {
    font-size: 30px;
    color: #000;
}
#testimonio-pricing p {
    font-size: 20px;
}


button#comprar_plan_anual {
  border: 0;
  font-size: 20px;
  padding: 10px 20px;
  position: relative;
  animation-name: mover;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  cursor: pointer;
}
button#comprar_plan_anual:hover {
  animation-name: moverAnim;
}

@keyframes moverAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}
@keyframes mover {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}


/*///////////////////// CSS DINÁMICO : ECOSISTEMA - Grupo de páginas //////////////////////////*/

.bloque-numerado, 
.bloque-numerado.bloque.centro {
background: none;
}
.bloque-numerado {
padding-top: 0;
}
.bloque-numerado::before {
content:"";
font-size: 35px;
font-weight: 600;
color: #2892d0;
display: inline-block;
width: 100px;
height: 100px;
margin-bottom: 10px;
border: 5px solid #2892d0;
text-align: center;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
display: flex;
margin: 0 auto 15px;
  align-items: center;
justify-content: center;
}
.bloque-numerado.bloque-uno::before {
content:"1";
}
.bloque-numerado.bloque-dos::before {
content:"2";
}
.bloque-numerado.bloque-tres::before {
content:"3";
}
/**/
#contenido div.megaeditor p + h3, #contenido div.megaeditor ol + h3, #contenido div.megaeditor ul + h3 {
    margin-top: 40px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
  VISIÓN GENERAL
/////////////////////////////////////////////////////////////////////////////////////////*/
.body_cms_1576 #contenido {
    padding-bottom: 0;
}
#div_seccion_2215 {
    margin-bottom: 0 !important;
}
.ilustracion-completa {
    display: none;
}
#ilustracion {
    background-image: url("/UserFiles/images/ilustracion_principal.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 1400px;
    opacity: 1;
    position: relative;
}
.nube1 {
    left: 352px;
    position: absolute;
    top: 119px;
}
.nube2 {
    position: absolute;
    right: 35px;
    top: 65px;
}
.grupoleyenda01 {
    left: 40px;
    position: absolute;
    top: 200px;
}
.grupoleyenda02{
    left: 40px;
    position: absolute;
    top: 400px;
}
.leyenda {
    margin: 5px 10px;
    text-align: left;
}
.punto {
    background-color: #0298e0;
    border: 3px solid #ffffff;
    border-radius: 30px;
    box-shadow: 3px 3px 8px #a7a7a7;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 20px;
    height: 36px;
    text-align: center;
    width: 36px;
}
.leyenda .punto {
    box-shadow: inherit;
    font-size: 16px;
    height: 30px;
    width: 30px;
}
.textoleyenda {
    font-size: 16px;
    line-height: 180%;
    margin-left: 5px;
    text-transform: uppercase;
}
#punto_1_1 {
    bottom: 394px;
    left: 92px;
    position: absolute;
}
#punto_1_2 {
    bottom: 480px;
    left: 245px;
    position: absolute;
}
#punto_2_1 {
    bottom: 550px;
    left: 315px;
    position: absolute;
}
#punto_2_2 {
    bottom: 480px;
    left: 480px;
    position: absolute;
}
#punto_3_1 {
    position: absolute;
    right: 180px;
    top: 185px;
}
#punto_4_1 {
    left: 425px;
    position: absolute;
    top: 305px;
}
#punto_4_2 {
    position: absolute;
    right: 210px;
    top: 320px;
}
#punto_5_1 {
    position: absolute;
    right: 240px;
    top: 785px;
}
#punto_6_1 {
    left: 850px;
    position: absolute;
    top: 600px;
}
#punto_6_2 {
    position: absolute;
    right: 65px;
    top: 735px;
}
#punto_7_1 {
    bottom: 645px;
    left: 125px;
    position: absolute;
}
#punto_7_2 {
    bottom: 520px;
    position: absolute;
    right: 765px;
}
#punto_7_3 {
    bottom: 350px;
    position: absolute;
    right: 500px;
}
#punto_8_1 {
    bottom: 175px;
    left: 620px;
    position: absolute;
}
#punto_9_1 {
    left: 640px;
    position: absolute;
    top: 360px;
}
#punto_10_1 {
    left: 445px;
    position: absolute;
    top: 790px;
}
/* ARGUMENTOS VENTA ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor ul.ventarapida {
    margin: 30px auto 50px;
    padding: 0;
    max-width: 1024px;
}
div.megaeditor ul.ventarapida li {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    min-height: 170px;
    padding: 20px 25px;
    text-align: left;
    vertical-align: top;
    width: 31%;
}
div.megaeditor ul.ventarapida li:nth-child(2) {
    margin-left: 3%;
    margin-right: 3%;
}
div.megaeditor ul.ventarapida li span {
    color: #000000;
    display: block;
    font-weight: 600;
    min-height: 10px;
    text-transform: uppercase;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: 20px auto;
}
.ley {
    background-image: url("/UserFiles/images/Law.svg");
    padding-left: 25px;
    background-position: left 3px;
}
.rapidez {
    background-image: url("/UserFiles/images/Speed.svg");
    padding-left: 25px;
    background-position: left 2px;
}
.usuariosilimitados {
    background-image: url("/UserFiles/images/UserGroups.svg");
    padding-left: 25px;
    background-position: left 2px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
  ENVIOS SMS
/////////////////////////////////////////////////////////////////////////////////////////*/
.bloque.izquierdo.operaciones-basicas {
    background-image: url("/UserFiles/images/operaciones-basicas.svg");
    background-size: 65px auto;
}
.bloque.centro.marketing {
    background-image: url("/UserFiles/images/marketing.svg");
}
.bloque.derecho.sinpapel {
    background-image: url("/UserFiles/images/sinpapel.svg");
    background-position: center 7px;
}
.todoterreno.enviomasivo {
    background-image: url("/UserFiles/images/enviomasivo.png");
    background-position: 20px 25px;
}
.todoterreno.encuestasSMS {
    background-image: url("/UserFiles/images/encuestasSMS.svg");
}
.todoterreno.birthday {
    background-image: url("/UserFiles/images/birthday.svg");
}
/*/////////////////////////////////////////////////////////////////////////////////////////
  TPV ONLINE
/////////////////////////////////////////////////////////////////////////////////////////*/
.body_cms_1572 #base, .body_cms_1572 #centro.columnaUnica, .body_cms_1572 div.megaeditor {
  overflow: visible;
}
#centro section#div_seccion_2217 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  margin-bottom: 0;
}
.base_hardwarecompatible {
    position: relative;
}
.hardwarecompatible {
    background-color: #f3f5f7;
    margin-bottom: 10%;
    margin-top: 7%;
    padding: 2% 12% 3% 49%;
    width: 100%;
}
.ilustracion_hardwarecompatible {
    position: absolute;
    right: 50%;
    top: -40px;
}
#contenido .hardwarecompatible > h2 {
    text-align: left;
    line-height: 1.1;
}
.todoterreno {
    background-position: 5% 20%;
    background-repeat: no-repeat;
    background-size: 56px auto;
    border: 2px solid #d8dde1;
    float: left;
    margin-right: 3%;
    margin-top: 4%;
    min-height: 160px;
    padding: 2% 2% 0 10%;
    width: 48%;
}
.todoterreno:last-child, .todoterreno:nth-child(2) {
    margin-right: 0;
}
.todoterreno.moda-complementos {
    background-image: url("/UserFiles/images/Clothes.svg");
    background-size: 14% auto;
}
.todoterreno.tacticas-fidelizacion {
    background-image: url("/UserFiles/images/Magnet02.svg");
}
.todoterreno.alquiler-vehiculos {
    background-image: url("/UserFiles/images/CarRental02.svg");
}
.todoterreno.segunda-mano {
    background-image: url("/UserFiles/images/UsedProduct.svg");
}
.todoterreno a {
    color: rgb(103, 107, 108);
}
#div_seccion_2261 {
    background-color: #e3f2ff;
    padding: 50px;
}
.todoterreno.tiempo-reparacion {
    background-image: url("/UserFiles/images/tiempo-reparacion.svg");
}
.todoterreno.material-controlado {
    background-image: url("/UserFiles/images/material-controlado.svg");
}
.todoterreno.multipuesto {
    background-image: url("/UserFiles/images/multipuesto.svg");
    background-size: 14% auto;
}
.todoterreno.abandono {
    background-image: url("/UserFiles/images/abandono.svg");
}

/* PRUEBALO AHORA ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor .animatedParent p.boton_prueba {
    font-size: 22px;
    font-weight: 300;
    line-height: 135%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 35px !important;
    padding-bottom: 100px !important;
    text-align: center;
}
div.megaeditor .animatedParent p.boton_prueba span {
    display: block;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
  TIENDA ONLINE
/////////////////////////////////////////////////////////////////////////////////////////*/
#bodegon-apple.tienda-online {
    background-image: url("/UserFiles/images/TPVonline2018/bg-tienda-online.jpg");
}
.laptop-tienda.fadeInLeft {
    transform: translateX(-750px);
}
.laptop-tienda {
    bottom: 20px;
    left: 14%;
}
.iphone-tienda {
    bottom: 0px;
    right: 30%;
}
.ipad-tienda {
    bottom: 19px;
    right: 17%;
}
.feature.contudominio {
    padding-top: 120px;
    background-repeat: no-repeat;
    background-image: url("/UserFiles/images/TPVonline2018/icon-contudominio.svg");
    background-size: auto 150px;
    background-position: center -30px;
    text-align: center;
}
.feature.stocksincronizado {
    padding-top: 120px;
    background-repeat: no-repeat;
    background-image: url("/UserFiles/images/TPVonline2018/icon-stocksincronizado.svg");
    background-size: auto 100px;
    background-position: center 0;
    text-align: center;
}
.feature.clientessatisfechos {
    padding-top: 120px;
    background-repeat: no-repeat;
    background-image: url("/UserFiles/images/TPVonline2018/icon-clientessatisfechos.svg");
    background-size: auto 100px;
    background-position: center 0;
    text-align: center;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  CARTEL TV
/////////////////////////////////////////////////////////////////////////////////////////*/
#div_seccion_2245 {
    margin: 0;
}
section#div_seccion_1497 {
    width: 100%;
    max-width: 940px;
  
}
#cabeceraCarteltv {
    background-image: url("/UserFiles/images/bg_tienda.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    height: 800px;
    position: relative;
}
#cartel {
    border: 6px solid #000;
    position: absolute;
    bottom: 19%;
    right: 22%;
}
#mando {
    position: absolute;
    bottom: 0;
    right: 10%;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
  IMPORTADOR
/////////////////////////////////////////////////////////////////////////////////////////*/
/* HABILIDADES ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#contenedor-habilidad {
    margin-bottom: 50px;
}
.capa-habilidad {
    background-repeat: no-repeat;
    padding-left: 110px;
    margin-bottom: 50px;
}
.capa-habilidad.capa-excel {
    background-image: url("/UserFiles/images/TPVonline2018/icon-XLS.png");
    background-size: 90px auto;
}
.capa-habilidad.capa-tablas {
    background-image: url("/UserFiles/images/TPVonline2018/icon-tabla.png");
    background-size: 90px auto;
    background-position: left -6px;
}
.capa-habilidad.capa-colaborativo {
    background-image: url("/UserFiles/images/TPVonline2018/icon-colaborativo.png");
    background-size: 90px auto;
    background-position: left -8px;
}
.capa-habilidad.capa-reimporta {
    background-image: url("/UserFiles/images/TPVonline2018/icon-reimporta.png");
    background-size: 90px auto;
    background-position: left -8px;
    margin-bottom: 0;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
   SOCIOS TECNOLOGICOS
/////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#div_seccion_2271 {
    margin-bottom: 0 !important;
}
#body_cms.body_cms_1622 div.noticias {
    margin-top: 0;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
    CONECTOR PRESTASHOP
/////////////////////////////////////////////////////////////////////////////////////////*/
#div_seccion_2290{
    background-color: #f3f5f7;
    text-align: center;
    padding-top: 30px 30px 0 30px;
}
.tabla-comparativa {
    display: inline-block;
    max-width: 500px;
    vertical-align: top;
    margin: 30px 10px 60px;
}
div.megaeditor .tabla-comparativa th {
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}
div.megaeditor .tabla-comparativa td {
    font-size: 14px;
    width: 60%;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    font-weight: 300;
    text-align: left;
}
div.megaeditor .tabla-comparativa td:first-child {
    font-style: italic;
    width: 40%;
}
.cuadro-Destacado {
    max-width: 1024px;
    width: 92%;
    margin: 0 auto 60px;
    background-color: #e9ecef;
    padding: 20px 40px;
    position: relative;
}
.cuadro-Destacado strong {
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
    background-color: #d00;
    color: #fff;
    width: 120px;
    padding: 2px 0;
}
.cuadro-Destacado p:first-child {
    font-size: 30px;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
   FIDELIZACION
/////////////////////////////////////////////////////////////////////////////////////////*/
section._sec_bloque-contenido#div_seccion_2468 {
    margin: 3% auto 0 !important;
}
section._sec_bloque-contenido#div_seccion_2468 h2 {
    line-height: 1.1;
}
.bloque.izquierdo.recopilacion-datos {
background-image: url(/UserFiles/images/TPVonline2018/ico-users.svg);
    background-size: 85px auto;
}
.bloque.centro.alta-qr {
background-image: url(/UserFiles/images/TPVonline2018/ico-qr.svg);
    background-size: 85px auto;
}
.bloque.derecho.vales {
background-image: url(/UserFiles/images/TPVonline2018/ico-vale.svg);
    background-size: 85px auto;
}
.bloque.izquierdo.diferidos {
background-image: url(/UserFiles/images/TPVonline2018/ico-pago-diferido.svg);
    background-size: 85px auto;
}
.bloque.centro.saldos {
background-image: url(/UserFiles/images/TPVonline2018/ico-hucha.svg);
    background-size: 85px auto;
}
.bloque.derecho.estadisticas {
background-image: url(/UserFiles/images/TPVonline2018/ico-stats.svg);
    background-size: 85px auto;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
   TALLAS Y COLORES
/////////////////////////////////////////////////////////////////////////////////////////*/
.bloque.izquierdo.grupos {
    background-image: url(/UserFiles/images/grupos.svg);
    background-size: 85px auto;
}
.bloque.derecho.organizarvariaciones {
    background-image: url(/UserFiles/images/ico-organizarvariaciones.svg);
    background-size: 85px auto;
}
.bloque.centro.alta-facil {
    background-image: url(/UserFiles/images/alta-facil.svg);
    background-size: 85px auto;
}
.bloque.izquierdo.preferencias {
    background-image: url(/UserFiles/images/preferencias.svg);
    background-size: 85px auto;
}
.bloque.centro.stock-variacion {
    background-image: url(/UserFiles/images/stock-variacion.svg);
    background-size: 85px auto;
}
.bloque.derecho.informes-variacion {
    background-image: url(/UserFiles/images/informes-variacion.svg);
    background-size: 85px auto;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
   VENTAS A GRANEL
/////////////////////////////////////////////////////////////////////////////////////////*/
.bloque.izquierdo.bascula {
    background-image: url(/UserFiles/images/bascula.svg);
    background-size: 85px auto;
}
.bloque.izquierdo.windows {
    background-image: url(/UserFiles/images/windows.svg);
    background-size: 85px auto;
}
.bloque.derecho.interfaz {
    background-image: url(/UserFiles/images/interfaz.svg);
    background-size: 85px auto;
}
.bloque.centro.gramos {
    background-image: url(/UserFiles/images/gramos.svg);
    background-size: 85px auto;
}
.bloque.centro.etiquetas {
    background-image: url(/UserFiles/images/etiquetas.svg);
    background-size: 85px auto;
}
.bloque.derecho.estadisticas-clientes {
    background-image: url(/UserFiles/images/estadisticas-clientes.svg);
    background-size: 85px auto;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
   RESERVAS
/////////////////////////////////////////////////////////////////////////////////////////*/
.bloque.izquierdo.desde-web {
    background-image: url(/UserFiles/images/desde-web.svg);
    background-size: 85px auto;
}
.bloque.centro.control-calendarios {
    background-image: url(/UserFiles/images/control-calendarios.svg);
    background-size: 80px auto;
}
.bloque.derecho.prepago {
    background-image: url(/UserFiles/images/prepago.svg);
    background-size: 85px auto;
}
.bloque.izquierdo.conectadoTPV {
    background-image: url(/UserFiles/images/conectadoTPV.svg);
    background-size: 85px auto;
}
.bloque.centro.avisos {
    background-image: url(/UserFiles/images/avisos.svg);
    background-size: 85px auto;
}
.bloque.derecho.appstore {
    background-image: url(/UserFiles/images/app-store.svg);
    background-size: 85px auto;
}
/*/////////////////////////////////////////////////////////////////////////////////////////
   DISPLAY AUXILIAR
/////////////////////////////////////////////////////////////////////////////////////////*/
.bloque.izquierdo.confetti {
    background-image: url(/UserFiles/images/confetti.svg);
    background-size: 85px auto;
}
.bloque.centro.promotions {
    background-image: url(/UserFiles/images/promotions.svg);
    background-size: 85px auto;
}
.bloque.izquierdo.multiple {
    background-image: url(/UserFiles/images/multiple.svg);
    background-size: 85px auto;
}
.bloque.derecho.recomendaciones {
    background-image: url(/UserFiles/images/recomendaciones.svg);
    background-size: 85px auto;
}
.bloque.centro.fidelidad {
    background-image: url(/UserFiles/images/fidelidad.svg);
    background-size: 85px auto;
}
.bloque.derecho.bizum {
    background-image: url(/UserFiles/images/bizum.svg);
    background-size: auto 95px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  CONECTORES
/////////////////////////////////////////////////////////////////////////////////////////*/
/* PRESTASHOP ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
section#div_seccion_2777.bloque-contenido {
    margin: 0 auto  !important;
background: #f9fafb;
padding: 50px 4%;
text-align: center;
width: 100% !important;
max-width: 100%;
text-align: center;
}
section#div_seccion_2777.bloque-contenido .megaeditor {
    width: 92%;
    max-width: 1100px;
margin: 0 auto;
text-align: center;
}
section#div_seccion_2777.bloque-contenido .megaeditor ul {
margin:0;
padding: 0;
list-style-type:none;
}
section#div_seccion_2777.bloque-contenido .megaeditor ul li {
background: #eaeef1 url("/UserFiles/images/TPV2020/bullet-lista.png") no-repeat 10px 10px;
text-align: left;
display: inline-block;
width: 48%;
padding: 5px 10px 5px 33px;
margin: 0 1% 1% 0;
} 
#div_seccion_2778 .cuadro-Destacado {
margin: 60px auto 10px;
text-align: center;
}
#div_seccion_2778 .cuadro-Destacado strong {
top: -10px;
text-align: center;
}
/* Exportacion pedidos  y Sincronización de stock*/
#div_seccion_2293 ol, #div_seccion_2779 ol {
max-width: 500px;
margin: 30px auto;
background: #f9fafb;
padding: 25px 25px 25px 55px;
}
#div_seccion_2293 ol ol, #div_seccion_2779 ol ol {
margin: 0;
padding-top: 0;
padding-bottom: 0;
}

/* SEQURA -------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
.bloque.cierre-tickets {
    background-image: url("/UserFiles/images/TPV2020/ico-cierra-ticket.svg");
}
.bloque.clientes-fidelizados {
    background-image: url("/UserFiles/images/TPV2020/ico-clientes-fidelizados.svg");
}
.bloque.tiempo-gestiones {
    background-image: url("/UserFiles/images/TPV2020/ico-tiempo-gestiones.svg");
}

.bloque.riesgo {
    background-image: url("/UserFiles/images/TPV2020/ico-riesgo.svg");
}
.bloque.transparencia {
    background-image: url("/UserFiles/images/TPV2020/ico-transparencia.svg");
}
.bloque.tienda-online {
    background-image: url("/UserFiles/images/TPV2020/ico-tienda.svg");
}


/*///////////////////// CSS DINÁMICO : BLOG //////////////////////////*/

.cta-caso {
margin-top: 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#contenido .cta-caso h3, 
#contenido .cta-caso p {
text-align: center;
}

#bloque a.lnk-destacado {
padding: 10px 25px 9px;
background: #0298e0;
font-size: 1.9rem;
}
#bloque a.lnk-destacado:hover {
background: rgb(0, 130, 200);
/*letter-spacing: 0.5px;*/
}
#bloque a.lnk-destacado.destacado-mini  {
padding: 8px 25px 7px;
font-size: 1.7rem;
}
#temas-relacionados {
margin-top: 35px;
margin-bottom: 35px;
}
#body_comunicados_blog_detalle #contenido #temas-relacionados h3 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
color: rgba(0, 0, 0, .3);
}
#parrilla-cluster {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#parrilla-cluster * {
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}

div.parrilla-entrada {
position: relative;
background: #000;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.parrilla-entrada  img {
max-width: 100%;
height: auto!important;
margin: 0!important;
opacity: .4;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.parrilla-entrada:hover img {
opacity: 1;
}
#bloque div.parrilla-entrada a {
display: block;
position: absolute;
bottom: 0;
left: 0;
background: transparent;
color: #fff;
width: 100%;
height: 100%;
}
#bloque div.parrilla-entrada a:hover {
padding: 15px;
background: transparent;
}
#bloque div.parrilla-entrada a span {
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
width: 100%;
background: rgba(0, 0, 0, .0);
}
#bloque div.parrilla-entrada a:hover span {
padding: 15px 15px 20px;
background: rgba(0, 0, 0, .4);
}

/* BANNER CTA A MEDIDA ///////////////////////////////////////////////////////////////////////////////*/
#banner-CTA-amedida {
opacity: 0;

position: fixed;
left: 0;
bottom: 0;
z-index: 99;
width: 300px;
background: #fff;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
#banner-CTA-amedida.visible {
opacity: 1;
}
#contenedor-CTA-amedida {
position: relative;

}
#contenedor-CTA-amedida  #cerrar-CTA {
display: block;
text-align: left;
background: #fff url("/UserFiles/images/TPV2024/aspas-azul.svg") no-repeat center center;
background-size: 10px;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
text-indent: -99999px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#contenedor-CTA-amedida  #cerrar-CTA:hover {
background: #fff url("/UserFiles/images/TPV2024/aspas-azul_claro.svg") no-repeat center center;
background-size: 10px;
}
#contenedor-CTA-amedida img {
max-width: 100%;
height: auto!important;
margin: 0;

-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
}

#contenido-CTA-amedida {
padding: 20px 20px 30px;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida h3 {
    font-size: 21px;
    font-weight: 400;
    color: #000;
    margin-top: 0;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida p {
    margin: 5px 0 20px;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida a {
display: block;
background: rgb(0, 152, 224);
color: #fff;
padding: 5px 15px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;

    font-size: 14px;
    text-align: center;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida a.lnk-whatsapp {
background: #65cf72;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida a.lnk-whatsapp:hover {
background: #49a451;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
  BLOG 
/////////////////////////////////////////////////////////////////////////////////////////*/
#body_comunicados_blog .lnk-volver-blog {
display: none;
}
 .lnk-volver-blog {
display: inline-block;
padding: 8px 25px 7px;
color: var(--azul-principal-oscuro);
color: #fff;
background: var(--color-enlace-principal-01);
  font-size: 13px;
  font-weight: 400;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
 .lnk-volver-blog:hover {
padding: 8px 28px 7px;
background: var(--color-enlace-principal-01);
  }
 .lnk-volver-blog.volver-top, 
  .lnk-volver-blog.volver-bottom {
margin-bottom: 20px;
}
 .lnk-volver-blog.volver-bottom{
margin-top: 20px;
}
#body_comunicados_blog #base, #body_comunicados_blog_detalle #base {
    max-width: 1200px;
}

#div_tags_comunicados_blog div.nube_tags {
    text-align: left;
white-space: normal;
max-width: 100%;
}
#div_tags_comunicados_blog .nube_tags > a {
background: rgb(0, 152, 224);
color: #fff;
    font-size: 13px;
font-weight: 400;
}
/*****************/
#body_comunicados_blog #contenido h1 {
    color: rgb(255, 255, 255);
    font-size: 5rem;
    line-height: 3.5rem;
    margin: 2rem 0 3rem;
}
#listaBlog li {
    margin-bottom: 80px;
}
#bloque #contenidoComunicado  li a {
  padding: 0;
}
#bloque #contenidoComunicado  li strong a, #bloque #contenidoComunicado  li  a strong {
  color: #0298e0;
}
#bloque #contenidoComunicado  li strong a:hover,#bloque #contenidoComunicado  li  a:hover strong {
  color: #000;
}
.autor, .comentarios {
  display: none;
}
#contenidoComunicado p {
    font-size: 1rem;
    font-weight: 300;
}
#bloque.bloqueBlog #listaBlog li h4 a, #bloque.bloqueBlog #listaBlog li h2 a {
    background-color: rgba(0, 0, 0, 0);
    clear: both;
    color: rgb(0, 0, 0);
    display: block;
    font-family: "Lane",sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 110%;
    margin: 0;
}
div.comentarios {
    background: rgba(0, 0, 0, 0) url("/UserFiles/images/Topic.svg") no-repeat scroll left 2px / 18px auto;
    padding-left: 23px;
}
div.herramientas a, #bloque #listaBlog li div.herramientas a {
    font-size: 16px;
    font-weight: 300;
    color: #a4a9ae;
}
.herramientas > a:first-child {
    background-image: url("/UserFiles/images/User.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 23px !important;
}
.herramientas > a.addthis_button {
    background-image: url("/UserFiles/images/Share.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 23px !important;
}
.herramientas > a:last-child {
    background-image: url("/UserFiles/images/Print.svg");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 23px !important;
}
#listaBlog .herramientas img, div.noticias .herramientas img, div.adjuntos .herramientas img {
    display: none;
}
.autor > strong, .tags > strong {
    color: #000000;
}
#bloque #listaBlog li a:link, #bloque #listaBlog li a:visited {
    display: inline;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
}
#contenido #bloque.bloqueBlog h4, #contenido #bloque.bloqueBlog h2, #contenido #bloque.bloqueBlog h1 {
    clear: both;
    font-size: 30px;
    font-weight: 600;
}
div.noticias {
    margin-bottom: 8rem;
    margin-top: 4rem;
}
#comentar_comunicado_div label, div.noticias #enviar_amigo_div label, div.formulario form label, #captcha > label, #comentar_comunicado_div #captcha > label, div.noticias #enviar_amigo_div #captcha > label {
    font-size: 16px;
    width: 20%;
    font-weight: 300;
}
#comentar_comunicado_div h5.subtitulo, div.noticias #enviar_amigo_div h5.subtitulo, h5.subtitulo, #solicitar_info_div h3, #enviar_amigo_div h3, #valorar_producto_div h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    clear: both;
    font-family: "Source Sans Pro",sans-serif
}
#comentar_comunicado_div label, div.noticias #enviar_amigo_div label {
    font-size: 14px;
    margin-top: 7px;
    width: 20%;
}
#body_comunicados_blog div.noticias  div.paginador:first-child {
display: none;
}

#body_comunicados_blog  div.paginador {
display: block;
text-align: center;
border: 0 none;
}
#body_comunicados_blog  div.paginador {
display: block;
}
#body_comunicados_blog  div.paginador span {
display: inline-block;
font-size: 16px;
width: 31px;
height: 31px;
font-weight: 700;
  align-items: center;
  justify-content: center;
background: #bfc4c7;
color: #fff;
padding-top: 3px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#body_comunicados_blog  div.paginador a, #body_comunicados_blog  div.paginador a:link, #body_comunicados_blog  div.paginador a:visited {
display: inline-block;
font-size: 16px;
width: 30px;
height: 30px;
font-weight: 700;
  align-items: center;
  justify-content: center;
background: #0298e0;
color: #fff;
padding-top: 3px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#body_comunicados_blog  div.paginador a:hover {
text-decoration: none;
}



#body_comunicados_blog #base {
overflow: hidden;
}
#body_comunicados_blog h1 {
background-color: white;
color: #000000;
font-size: 48px;
font-weight: 300;
margin: 3% 10px 20px;
text-align: center;
line-height: 110%;
text-transform: initial;
}
#cabecera_blogs_listado {
text-align: center;
}
.noticias #bloque li{
    min-height: auto;
}
#body_comunicados_blog #contenido h2, 
#body_comunicados_blog_detalle #contenido h2, 
#contenido #bloque.bloqueBlog #contenidoComunicado h2 {
text-align: left;
font-size: 26px;
font-weight: 400;
line-height: 1.2;
}
#body_comunicados_blog #contenido h3, 
#body_comunicados_blog_detalle #contenido h3 {
text-align: left;
font-size: 24px;
font-weight: 400;
color: #000;
margin-top: 25px;
line-height: 1.2;
}
#body_comunicados_blog #contenido h4, 
#body_comunicados_blog_detalle #contenido h4,
#contenido #bloque.bloqueBlog h4 {
text-align: left;
font-size: 21px;
font-weight: 400;
color: #000;
margin-top: 25px;
line-height: 1.2;
}

#contenidoComunicado blockquote {
font-size: 18px;
background: #f9f9fa url("/cms/site_0112/imagenes_css/imagen_css-126-9d6aff029a7966227d.png") no-repeat 23px 20px;
padding: 20px 30px 20px 90px;
font-style: italic;
}
#contenidoComunicado blockquote p {
margin-top: 0;
}

#contenidoComunicado p {
    font-size: 1.7rem;
    font-weight: 300;
margin: 10px 0 15px;
}
#contenidoComunicado ul li {
    font-size: 1.7rem;
    font-weight: 300;
list-style-type: disc;
}
/**/
a.lnk-destacado-blog {
display: inline-block;
color: #fff;
background: #0298e0;
padding: 6px 15%  6px 8px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
a.lnk-destacado-blog:hover {
color: #fff;
background: #0298e0!important;
padding: 6px 17% 6px 10px!important;
}
a.lnk-destacado-blog::before {
margin-right: 5px;
}

#contenidoComunicado ol {
margin: 0;
padding: 0;
list-style-type:upper-roman ;
}
#contenidoComunicado ol li {
    font-size: 1.7rem;
    font-weight: 300;
list-style-type: decimal;
}


/* COLUMNA BLOG /////////////////////////////////////////////////////// */
div.cajasIzda h3 {
color: #fff;
background: #0298e0;
}

/**/
#div_archivo_fechas_comunicados_blog {
    margin-bottom: 100px !important;
}
div#div_archivo_fechas_comunicados_blog.cajasIzda h3 {
    font-size: 18px;
    padding: 0;
    text-transform: inherit;
    font-weight: 600;
}
#div_archivo_fechas_comunicados_blog .menu a {
    font-size: 16px;
}
#body_comunicados_blog article header {
    float: left;
    clear: none;
    width: calc(100% - 120px);
width: 100%;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
CONTENIDO
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* LISTADO ///////////////////////////////////*/
.detallesEntrada {
  color: #656f79;
  font-size: 14px;
  font-weight: 400;
  border: none;
}
#body_comunicados_blog #centro {
  /*padding-left: 12%;
  width: 65%!important;*/
  width: calc(100% - 320px)!important;
}
#body_comunicados_blog div.noticias {
    margin-bottom: 8rem;
    margin-top: 0;
}
.fechaBlog01 {
  background-color: #000;
  margin-bottom: 15px;
  margin-left: 10px;
  float: right;
  margin-right: 0;

display: none;
}
#bloque.bloqueBlog #listaBlog li h2 a {
  font-weight: 600;
  font-size: 24px;
}
#listaBlog img {
    float: none;
    height: auto;
    margin: 5px 15px 10px 0;
    max-width: 100%;
    width: 100%;
}
#listaBlog p, #listaBlog #contenidoComunicado ul, #listaBlog #contenidoComunicado li  {
display: none;
}

/* POST ///////////////////////////////*/
#body_comunicados_blog_detalle #centro {
padding-left: 6%;
width: 65%!important;

    padding-left: 12%;
    width: calc(100% - 320px) !important;
}
#body_comunicados_blog_detalle #cabecera_blogs_listado {
display: none;
}
#body_comunicados_blog_detalle .fechaBlog01 {
    margin-bottom: 25px;
    margin-right: 0;
    padding: 8px 4px;
    margin-top: 10px;
}
.fechaBlog01 span {
    padding: 0 25px;

}
#body_comunicados_blog_detalle  .fechaBlog01 span.mes {
    font-size: 14px;
    font-weight: 400;
}
#body_comunicados_blog_detalle  .fechaBlog01 span.dia {
    font-size: 20px;
    font-weight: 400;
}
#body_comunicados_blog_detalle  .fechaBlog01 span.anyo {
    font-size: 14px;
    font-weight: 400;
}
#body_comunicados_blog_detalle #contenido #bloque.bloqueBlog h1 {
    clear: both;
    font-size: 60px;
    font-weight: 300;
        font-weight: 700;
    display: inline;
    font-size: 4rem;
}

.imagen-ficha-blog {
    background-color: #fff;
    float: left;
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding-bottom: 30px;
}
#contenidoComunicado .imagen-ficha-blog img {
  width: 100%;
  margin: 0;
}
.descargasComunicado ul.descargas {
    margin: 0;
    padding: 10px;
}

.descargasComunicado ul.descargas li {
font-size: 16px;
}

#body_comunicados_detalle #contenido .cuerponoticia h2 {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 30px;
  
  text-align: center;
  font-size: 26px;
  margin-top: 40px;
}
#body_comunicados_detalle #contenido .cuerponoticia h3 {
margin-top: 20px;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
COLUMNA
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* BANNER DEMO -------------*/
#banner-demoTPV  {
max-width: 240px;
}
#banner-demoTPV img {
max-width: 100%;
height: auto!important;
}

/**********/
#body_comunicados_blog #derecha, 
#body_comunicados_blog_detalle #derecha {
    float: right;
   /* padding-right: 12%;*/
    overflow: hidden;
    width: 240px;
padding-top: 10px;
}
#body_comunicados_blog_detalle #derecha {
padding-top: 50px;
}
#columna-negocios {
text-align: center;
padding-bottom: 20px;
}
#columna-negocios h2 {
font-size: 26px;
font-weight: 300;
line-height: 1.1em;
}
#columna-negocios h2 span {
font-size: 1.2em;
}

#bloque-negocios-columna {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
}
#columna-negocios .negocio {
min-width: 95px;
display: inline-block;
}
#columna-negocios a {
  font-size: 16px;
  max-width: 200px;
min-height: 100px;
  margin: 0 auto;
  border-radius: 20px;
  display: block;
  color: #828a8d;
  padding: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;


}
#columna-negocios a:hover {
color: #0298e0;
text-decoration: none;
}
#columna-negocios a img {
  margin: 0 auto 7px;
  clear: both;
  display: block;
  width: ;
  max-width: 100px;
  height: auto;
  max-height: 70px;
}
#columna-negocios a p {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
color: #fff;
background: rgba(50, 70, 100, .0);
color: rgba(255, 255, 255, .0);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

-webkit-transition: all 0.5s ease;                  
-moz-transition: all 0.5s ease;                 
-o-transition: all 0.5s ease;   
-ms-transition: all 0.5s ease;          
transition: all 0.5s ease;
}
#columna-negocios a:hover p {
background: rgba(50, 70, 100, .8);
color: rgba(255, 255, 255, .99);
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1500
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1500px) {


}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

#banner-CTA-amedida {
width: 100%;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8p
}
#contenedor-CTA-amedida img {
display: none;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida h3 {
font-size: 18px;
}
#body_comunicados_blog_detalle #contenido #contenido-CTA-amedida p {
font-size: 14px;
}
/****/
#body_comunicados_blog div.noticias {
    margin-bottom: 2rem;
}
#listaBlog li {
    margin-bottom: 30px;
}
#body_comunicados_blog #centro, 
#body_comunicados_blog_detalle #centro {
padding: 0 3%;
width: 100%!important;
}
#body_comunicados_blog #derecha, 
#body_comunicados_blog_detalle #derecha {
    float: right;
    margin-right: 3%;
    overflow: hidden;
    width: 94%!important;
padding-top: 10px;
}
/* COLUMNA NEGOCIOS */
#columna-negocios {
    overflow: hidden;
}
#columna-negocios .negocio {
min-width: auto;
display: inline-block;
}
#columna-negocios .negocio a {
display: block;
position: relative;
bottom: 0;
}
#bloque-negocios-columna {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
}

#columna-negocios a {
  font-size: 16px;
  max-width: 200px;
min-height: auto;

}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {
#columna-negocios .negocio {



}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

#bloque-negocios-columna {
        grid-template-columns: 1fr 1fr;
}

}

/*///////////////////// CSS DINÁMICO : PAGOS online - BIZUM //////////////////////////*/

body.body_cms_1730 #contenido {
    padding-bottom: 0;
}
body.body_cms_1730 #base, 
body.body_cms_1730 #centro.columnaUnica {
overflow: visible;
}


#pago-opcion-1, #pago-opcion-2 {
text-align: center;
padding: 40px 3% 40px;
max-width: 1000px;
margin: 0 auto 20px;
/*background: #eeeff2;*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.texto-paso {
color: #000;
}
#pago-opcion-1 p, #pago-opcion-2 p {
font-size: 24px;
}
#pago-opcion-1 li, #pago-opcion-2 li {
font-size: 24px;
font-weight: 700;
line-height: 1.1;
}
#pago-opcion-1 li span, #pago-opcion-2 li span {
display: block;
clear: both;
font-size: 14px;
}
/* VIDEO /////////////////////////////////////*/

section#div_seccion_2487 {
background: #f5f6f9;
padding: 20px 50px 40px;
overflow: visible;

  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.contenedor-responsive#video-TPV {
  max-width: 80%;
margin-top: 30px;
}

section#div_seccion_2487 p {
text-align: center;
font-size: 24px;
}

/* PESTANYAS //////////////*/
section#div_seccion_2488 {
text-align: center;
margin: 0;
}
#ventajas {
padding: 30px;
}
#ventajas h2  {
margin-bottom: 0;
}
#ventajas h2 span {
font-weight: 700;
}
/* TABS -----*/
.menu-tabs {
background: url("/cms/site_0112/imagenes_css/imagen_css-143-35238a8db2167316cd.png") repeat-x left bottom;
}
.menu-tabs a.tab-boton {
border: 1px solid #e6eaec;
background: #e6eaec;
border-bottom-color: #e3e4e9;
font-size: 21px;
display: inline-block;
padding: 20px 30px;
color: #b0b5b8;
margin: 0 3px;
}
.menu-tabs a.tab-boton strong {
color: #84898d;
}
.menu-tabs a.tab-boton:hover {
color: #404549;
text-decoration: none;
background: #d1d5d7;
}
.menu-tabs a.tab-boton:hover strong {
color: #000;
}

.menu-tabs a.tab-boton.tab-activa {
border: 1px solid #e3e4e9;
border-bottom-color: #fff;
background-color: #fff;
color: #404549;
}
.menu-tabs a.tab-boton.tab-activa strong {
color: #000;
}
/* Comercios --------*/
.ventaja#comercios .row {
padding: 0 3%;
max-width: 900px;
margin: 0 auto;
}
.txt-comercios {
text-align: left;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.2;
font-size: 16px;
}
/* CLIENTES -----*/
.ventaja#clientes .row {
padding: 0 3%;
max-width: 900px;
margin: 0 auto;
}
.txt-clientes {
background-repeat: no-repeat;
background-position: left 5px;
padding: 55px 5px 5px;
text-align: left;
line-height: 1.2;
font-size: 16px;
margin-bottom: 5px;
}
.cl-privacidad {
background-image: url("/UserFiles/images/TPVonline2018/ico-privacidad.png");
}
.cl-seguridad {
background-image: url("/UserFiles/images/TPVonline2018/ico-seguridad.png");
}
.cl-tarjetas {
background-image: url("/UserFiles/images/TPVonline2018/ico-tarjetas.png");
}
.cl-rapidez {
background-image: url("/UserFiles/images/TPVonline2018/ico-rapidez.png");
}
.cl-padre {
background-image: url("/UserFiles/images/TPVonline2018/ico-padre.png");
}
.cl-tickets {
background-image: url("/UserFiles/images/TPVonline2018/ico-tickets.png");
}

/* SOLUCION FUNCIONANDO --------*/
section#div_seccion_2491 {
background: #f5f6f9;
padding: 50px 0;
margin: 0;
}
div.megaeditor .capa-solucion {
max-width: 1100px;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#contenido div.megaeditor .capa-solucion h3 {
font-size: 28px;
}
#contenido div.megaeditor .capa-solucion h4 {
font-size: 16px;
font-weight: 300;
color: #a4a5a9;
margin: 2px 0 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #a4a5a9;
line-height: 1.1;
}
.logo-iupay,  .logo-redsys, .logo-paypal {
background-repeat: no-repeat;
background-position: center center;
background-size: 90%;
background-color: #fff;
border: 10px solid rgba(0, 0, 0, .1);
width: 180px;
height: 180px;
margin: 0 auto 20px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.logo-iupay {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-143-64f1ee5042426e882d.png");
background-size: 60px auto;
}
.logo-redsys {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-143-3d10bd05b981a9e2f5.png");
}
.logo-paypal {
background-image: url("/cms/site_0112/imagenes_css/imagen_css-143-8d7837c2dfffb701ba.png");
}

/* CONTACTOS --------*/
/* Cliente */
section#div_seccion_2492 {
margin: 0;
background: #1999dd;
color: #fff;
padding: 0;
}
section#div_seccion_2493 {
margin: 0;
background: #1a3c4f;
color: #fff;
padding: 0;
}
section#div_seccion_2492 .container, 
section#div_seccion_2493 .container {
max-width: 900px;
}

#contenido div.megaeditor .capa-contacto-cliente h3, 
#contenido div.megaeditor .capa-contacto-colaborador h3 {
color: #fff;
font-weight: 300;
}
section#div_seccion_2492 h3 span, 
section#div_seccion_2493 h3 span {
font-weight: 600;
}
section#div_seccion_2492 .col-a {
padding: 30px 0;
background: url("/cms/site_0112/imagenes_css/imagen_css-143-0ff3d4816d38303e55.png") no-repeat right center;
}
section#div_seccion_2492 .col-b  {
padding: 32px 0 34px 40px;
background: url("/cms/site_0112/imagenes_css/imagen_css-143-5f5654cc47a7eb198a.png") no-repeat right top;
}
section#div_seccion_2492 .col-b a, 
section#div_seccion_2493 .col-b a {
background: rgba(8, 55, 80, .5);
color: #fff;
text-transform: uppercase;
display: inline-block;
padding: 10px 30px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
section#div_seccion_2492 .col-b a:hover, 
section#div_seccion_2493 .col-b a:hover {
background: rgba(8, 55, 80, .7);
text-decoration: none;
}
/**/
section#div_seccion_2493 .col-a {
padding: 30px 0;
}
section#div_seccion_2493 .col-b  {
padding: 32px 0 34px 40px;
background: url("/cms/site_0112/imagenes_css/imagen_css-143-cd6e01f2d87eb84322.png") no-repeat 100px center;
}

/* FORMULARIO *************/
#centro section#formulario_3036_159 {
max-width: 650px;
margin: 0 auto!important;
  margin-bottom: 0px;
padding: 30px;
background: #f3f5f7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#centro section#formulario_3036_159::before {
content:"¿Necesitas más?";
color: #000000;
font-size: 48px;
font-weight: 300;
margin-bottom: 15px;
text-align: center;
line-height: 135%;
display: block;
}

/*////////////
RESPONSIVE
//////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 767 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px) {

body.body_cms_1730 #centro {
    margin-left: 0%;
    margin-right: 0%;
    width: 100% !important;
}

.menu-tabs a.tab-boton {
    font-size: 18px;
}
section#div_seccion_2492 .col-a, 
section#div_seccion_2493 .col-a, 
section#div_seccion_2492 .col-b, 
section#div_seccion_2493 .col-b {
text-align: center;
}
section#div_seccion_2492 .col-b, 
section#div_seccion_2493 .col-b {
    padding: 15px 3% 30px ;
}



}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 600 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {

div.megaeditor ul.lista-columnas {
column-count: 1;
}
.menu-tabs a.tab-boton span {
    display: none;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 420 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 420px) {

.menu-tabs a.tab-boton {
    font-size: 18px;
    padding: 20px 20px;
}

section#div_seccion_2492 .col-a, section#div_seccion_2492 .col-b, 
section#div_seccion_2493 .col-a, section#div_seccion_2493 .col-b {
text-align: center;
}

}
/*///////////////////// CSS DINÁMICO : Videos Youtube //////////////////////////*/

#videos_youtube li {
list-style-type: none;
    display: inline-block;
    float: left;
    width: 33%;
    height: 315px;
    overflow-y: hidden;
    padding: 10px;
}
#videos_youtube li iframe{
    width:100%;
    padding:5px;
}
#videos_youtube li .title{
    font-weight: bold;
    color:black;
}
#videos_youtube li .desc{

}
#videos_youtube_ul {
padding-inline-start:0;
}
#videos_youtube_ul .desc:hover {
z-index: 10000000000000000;
    background: white;
    position: absolute;
    width: 31%;
    box-shadow: 5px 6px 4px 1px #e4e1e1;
}
@media (max-width: 600px) {
     #videos_youtube li {
width:50%;
font-size:12px;
}
h1.normal{
font-size:23px;
}
}


/*///////////////////// CSS DINÁMICO : LANDINGS TPV //////////////////////////*/

#body_cms #contenido .grupo_todoterreno h3 {
font-size: 23px;
text-align: left;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

LANDING GENÉRICA

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.body_cms_1647 #base1024, 
.body_cms_1651 #base1024, 
.body_cms_1723 #base1024 {
    width: 100%;
    max-width: 1170px;
}
.body_cms_1647 header, 
.body_cms_1647 .carrusel_flechas_galeria, 
.body_cms_1651 header, 
.body_cms_1651 .carrusel_flechas_galeria, 
.body_cms_1723 header, 
.body_cms_1723 .carrusel_flechas_galeria {
display: none;
}
.body_cms_1647 #contenido, 
.body_cms_1651 #contenido, 
.body_cms_1723 #contenido {
    padding-bottom: 0;
}
.body_cms_1647 section, 
.body_cms_1651 section, 
.body_cms_1723 section {
padding: 0 5%;
overflow: hidden;
}

/*.landing-a {
width: 65%;
float: left;
}
.landing-b {
width: 31%;
float: right;
}*/
/* CARRUSEL /////*/
.bx-wrapper .bx-pager {
display: none;
}

/**/
.body_cms_1647  #contenido h2 {
text-align: center;
line-height: 1.1;
}
.body_cms_1647  div.megaeditor ul {
margin: 0;
padding: 0 20px;
list-style-type: none;
list-style-image: none;
}
.body_cms_1647  div.megaeditor li {
    font-size: 21px;
    font-weight: 300;
padding: 10px 10px 10px 33px;
background: url("/cms/site_0112/imagenes_css/imagen_css-130-3ffc3791ac2181c07e.png") no-repeat left 13px;
}

.body_cms_1647  #contenido #div_seccion_2350 h2 {
padding-top: 40px;
}

/* VENTAJAS GESIO //////////////////*/
#ventajas-gesio {
width: 100%;
max-width: 750px;
margin: 0 auto;
}

/* FORMULARIO //////////////////*/
#sticky-container{
width: 100%;
float: right;
display: block;
position: relative;
z-index: 99;
}
#contenedor-formulario-landing {
width: 100%;
max-width: 700px;
margin: 0 auto 30px;
}
#formulario-landing {
background: #1e8dcb;
padding: 30px;
color: #fff;
}
#contenido div.megaeditor #formulario-landing h3 {
color: #fff;
}
#formulario-landing input.campo {
width: 100%;
margin-bottom: 5px;
font-size: 18px;
}
#formulario-landing input.botonform {
width: 100%;
margin: 5px 0;
font-size: 18px;
font-weight: 700;
background: #ffc000;
}
#formulario-landing input.botonform:hover {
background: #003258;
}
.nota-form {
font-size: 18px;
}
/* FORMULARIO POPUP //////////////////*/
.body_cms_1647 #jquery_alert {
    padding: 0
}
#formulario-popup {
background: #1e8dcb;
padding: 30px;
color: #fff;
}
#contenido div.megaeditor #formulario-popup h3 {
color: #fff;
}
#formulario-popup input.campo {
width: 100%;
margin-bottom: 5px;
font-size: 18px;
}
#formulario-popup input.botonform {
width: 100%;
margin: 5px 0;
font-size: 18px;
font-weight: 700;
background: #ffc000;
}
#formulario-popup input.botonform:hover {
background: #003258;
}
/**/
.capa-precio-landing {
padding: 10px 0 10px 65%;
background: url("/cms/site_0112/imagenes_css/imagen_css-130-dc12855a97d28c1a71.png") no-repeat left top;
background-size: 55%;
}
 #comprar_plan_anual a{
color:white;
}
.landing-a #plan-profesional::before {
   display:none
}
.landing-a #plan-profesional > div {
    border:  0 none;
width: 100%;
}
/*PRECIO /////////*/
div.megaeditor p.precio-antes {
font-size: 21px;
}
div.megaeditor p.precio-antes span {
font-size: 1.4em;
}
.precio-tachado {
text-decoration:line-through;
}
.body_cms_1647 #contenido #capa-oferta h2 {
text-align: left;
}
/**/
#contacto-landing-tpv {
text-align: center;
}

/* TESTIMONIO */
#div_seccion_2352 {
background: #e3f2ff;
padding: 40px;
}
/**/
a.lnk-contacto-landing {
    color: #fff;
    background: #0298e0 url("/cms/site_0112/imagenes_css/imagen_css-130-c295693cf784f2369f.png") no-repeat 23px center;
    border: none;
    text-align: left;
    font-size: 24px;
    padding: 18px 30px 18px 80px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    max-width: 100%;
display: inline-block;
line-height: 1;
}
a.lnk-contacto-landing span {
font-size: 1.2em;
font-weight: 600;
}
a.lnk-contacto-landing:hover {
background: #0b66a4 url("/cms/site_0112/imagenes_css/imagen_css-130-c295693cf784f2369f.png") no-repeat  26px center;
text-decoration: none;
}

/* CONTACTO ///*/
#centro section#div_seccion_2354, 
#centro section#div_seccion_2361 {
margin: 0;
background: #f6f7f8;
}
.contacto-landing {
background: url("/cms/site_0112/imagenes_css/imagen_css-130-c1efbd2c1df94077ba.png") no-repeat right 10px;
text-align: right;
padding: 40px 50% 40px 0;
font-size: 21px;
font-weight: 300;
}
#contenido div.megaeditor .contacto-landing h3 {
font-size: 30px;
font-weight: 300;
padding-bottom: 15px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

LANDING FORMULARIO CONCURSO BASICO

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.body_cms_1722 header {
display: none;
}
.body_cms_1722 #base1024 {
max-width: 950px;
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
}
.body_cms_1722 #contenido .seccion {
text-align: center;
text-transform: uppercase;
font-weight: 200;
font-size: 40px;
}
.body_cms_1722 #contenido h4 {
text-align: center;
font-weight: 200;
font-size: 30px;
margin-top: 20px;
padding: 0 80px;
}
.body_cms_1722 div.formulario {
max-width: 800px;
padding: 0 25px;
margin: 0 auto;
}
.body_cms_1722 div.formulario form label, .body_cms_1722 div.formulario form input {
width: 100%;
}
.body_cms_1722 div.formulario form label {
text-align: left;
font-size: 18px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

LANDING FORMULARIO CONTROL LABORAL

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#logoTop {
    margin-bottom: 0;
padding: 20px 0;
background: #00a0d7;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

LANDING TPV ONLINE - TPV VIRTUAL
LANDING TPV ONLINE

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.body_cms_1961 #base, 
body.body_cms_1961 #centro, body.body_cms_1961 #centro.columnaUnica {
overflow: visible;
}
body.body_cms_1961 #centro section.landing-top {
max-width: 600px;!important;
margin: 0 auto;
background: #fff;
text-align: center;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
#centro section.landing-top #bloque-landing-top {

margin: 0 auto;
text-align: left;
}
#contenido-landing-top {
  /*  display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
*/
padding: 0 0 10px 0;
}
#contenido-landing-top::before {
display: none;
}
#col-logo-landing img {
width: 300px;
height: auto;
margin: 0 auto 0   !important;
}

#landing-top-derecha {
text-align: right;
}
#landing-top-derecha img {
width: 130px;
height: auto;
margin: 10px  0 0 auto !important;
}

/**/
body.body_cms_1961 {
background: url("/UserFiles/images/landings2022/fondo-top-landing.svg") no-repeat center top;
background-size: 2000px;
}
body.body_cms_1961 #base1024 {
max-width: 100%;
  background-color: transparent;
}
body.body_cms_1961 #base {
background: none;
padding-bottom: 0;
}

body.body_cms_1961 #centro section {
max-width: 1200px;
margin: 0 auto;
}
body.body_cms_1961 #contenido h2 {
font-size: 40px;
}

body.body_cms_1961 header, body.body_cms_1961 footer, 
body.body_cms_1961 #jquery_alert, body.body_cms_1961 #jquery_background {
display: none;
}

/* CABECERA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#logo-landing_tpv-top {
text-align: center;
}
#logo-landing_tpv-top a {
display: inline-block;
padding: 30px;
margin: 0 auto;
}
#logo-landing_tpv-top a img {
width: 500px!important;
height: auto!important;

}

/* PRESENTACION ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#presentacion-landing-tpv::before {
display: none;
}
#presentacion-landing-tpv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
margin-bottom: 50px;
}
#img-landing-tpv-responsive {
display: none;
}
#txt-landing-tpv {
padding-top: 30px;
}
#txt-landing-tpv #logo-tpv-landing {
width: 100%!important;
height: auto!important;
max-width: 350px;
margin-bottom: 20px;
}
#body_cms #contenido #txt-landing-tpv h1 {
text-align: left;
line-height: 1.1;
background: none;
font-size: 43px;
padding: 10px 0 0;
text-transform: none;
color: #fff;
font-weight: 300;
letter-spacing: 1px;
}
#body_cms #contenido #txt-landing-tpv p {
color: #fff;
font-size: 21px;
}
#body_cms #contenido #txt-landing-tpv ul {
margin: 30px 0 20px; 
padding: 40px 50px 10px;
list-style-type: none;
background: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#body_cms #contenido #txt-landing-tpv ul li {
padding: 6px 10px 6px 27px;
background: url("/UserFiles/images/landings2022/ico-check-VERDE.svg") no-repeat left 11px;
background-size: 21px;
font-size: 21px;
font-weight: 500;
color: #000;
}
#body_cms #contenido #txt-landing-tpv a {
display: inline-block;
color: #fff;
background: #09a9e2;
padding: 7px 40px 8px;
font-size: 31px;
font-weight: 600;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
}
#body_cms #contenido #txt-landing-tpv a:hover {
text-decoration: none;
background: #000;
}

#img-landing-tpv {
padding: 20px 20px 0;
}

/* DESTACADOS TPV ----------------------------------------------*/
#centro section.sec-destacados-tpv {
padding: 40px 30px;
}

#destacados-tpv {
margin: 0;
padding: 0;
list-style-type: none; 

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: stretch;
    align-items: stretch;
}
#destacados-tpv li.li-destacado {
text-align: center;
}
#destacados-tpv li.li-destacado img {
margin: 0 auto 10px;
max-height: 120px;
width: auto!important;
}
body.body_cms_1961 #contenido #destacados-tpv h2 {
    font-size: 30px;
} 
body.body_cms_1961 #contenido #destacados-tpv p {
    font-size: 18px;
text-align: center;
} 

/* Detalles 01 ------------------ */
body.body_cms_1961 section#div_seccion_3299 {
  max-width: 100%;
  margin: 0 auto 90px;
background: #f6f7fb;
background: #fff;
}
body.body_cms_1961 section#div_seccion_3299 div.megaeditor {
  max-width: 1400px;
  margin: 0 auto 50px;
padding: 90px 20px;
}
ul#detalles01::before {
display: none;
}
ul#detalles01 {
margin: 0;
padding: 0;
list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
ul#detalles01 li {
padding: 150px 0 0;
background-repeat: no-repeat;
background-position: center top;
background-size: 130px;
text-align: center;
}
body.body_cms_1961 #contenido  ul#detalles01 li h2 {
font-size: 26px;
line-height: 1.2;
}
 li.li-herramientas {
background-image: url("/UserFiles/images/TPViconos/ico-tools.svg");
}
 li.li-formacion {
background-image: url("/UserFiles/images/TPViconos/business-intelligence.svg");
}
li.li-modulos {
background-image: url("/UserFiles/images/TPViconos/variaciones.svg");
}
li.li-pregunta {
background-image: url("/UserFiles/images/landings2022/ico-qestion.svg");
}
li.li-ok {
background-image: url("/UserFiles/images/landings2022/ico-ok.svg");
}
li.li-ahorro {
background-image: url("/UserFiles/images/landings2022/ico-ahorro.svg");
}
li.li-balanza {
background-image: url("/UserFiles/images/landings2022/ico-balanza.svg");
}
li.li-listastar {
background-image: url("/UserFiles/images/landings2022/ico-listastar.svg");
}
li.li-lupa {
background-image: url("/UserFiles/images/landings2022/ico-LUPA.svg");
}
li.li-datafono {
background-image: url("/UserFiles/images/landings2022/ico-datafono.svg");
}
li.li-tpv {
background-image: url("/UserFiles/images/landings2022/ico-tpv.svg");
}


/* CARRUSEL EMPRESAS ---------------------*/

/* PLANES PRECIO ------------------ */

body.body_cms_1961 section#div_seccion_3300 {
padding: 60px 0;
}

#contenedor-plan::before {
display: none;
}
#contenedor-plan {
 display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;

background: url("/UserFiles/images/landings2022/bg-precio.png") no-repeat center bottom;
background-size: 100%;

padding: 0 0 30px;
}
#plan-mensual, #plan-multitienda {
padding: 40px 0;
}
#plan-anual {
margin: 0 -4px;
}

#plan-mensual div.contenedor-col-plan {
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
#plan-multitienda div.contenedor-col-plan{
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
#plan-anual div.contenedor-col-plan {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;

position: relative;
z-index: 99;
border-color: #fff;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

div.contenedor-col-plan {
background: rgba(255, 255, 255, .8);
border: 4px solid #ebedf5;
padding-bottom: 20px;
}
.contenedor-col-plan::before {
content: "";
display: block;
width: 100%;
padding: 85px 10px;
background-color: #ebedf5;
background-repeat: no-repeat;
background-position: center 10px;
background-size: 150px;
}
#plan-mensual .contenedor-col-plan::before {
background-image: url("/UserFiles/images/TPViconos/ico-tienda-peque.svg");

-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
}
#plan-anual .contenedor-col-plan::before {
background-color: #09a9e2;
background-image: url("/UserFiles/images/TPViconos/ico-tienda-grande-white.svg");
background-size: 180px;
padding: 100px 10px;

-webkit-border-top-left-radius: 22px;
-webkit-border-top-right-radius: 22px;
-moz-border-radius-topleft: 22px;
-moz-border-radius-topright: 22px;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
}
#plan-multitienda .contenedor-col-plan::before {
background-image: url("/UserFiles/images/TPViconos/ico-tienda-multi.svg");
background-size: 195px;
background-position: center 25px;

-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
}
div.contenido-col-plan {
padding:  20px 30px;
text-align: center;
}
#contenido div.megaeditor div.contenido-col-plan h3 {
font-size: 32px;
text-transform: uppercase;
font-weight: 700;
}
#div_seccion_3300 .preciotexto {
  height: 60px;
}

.datosextra {
text-align: left;
border-top: 3px dotted #ebedf5;
padding: 10px 20px;
}
div.megaeditor .datosextra ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.datosextra ul li {
padding: 6px 10px 6px 27px;
background: url("/UserFiles/images/landings2022/ico-check-VERDE.svg") no-repeat left 11px;
background-size: 16px;
}

#boton-planes {
text-align: center;
padding: 30px 10px;
}
#boton-planes a {
display: inline-block;
padding: 15px 40px;
background: rgb(0, 152, 224);
color: #fff;
font-size: 24px;
font-weight: 600;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#boton-planes a:hover {
txt-decoration: none;
}
/* PARRILLAS SEGMENTOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
section._sec_parrilla-segmentos, 
section.parrilla-segmentos {
margin: 90px auto !important;
    padding: 80px 20px 60px;
    background: #f6f7fb;
    width: 100vw;
    position: relative !important;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;

}
section._sec_parrilla-segmentos div.megaeditor, 
section.parrilla-segmentos div.megaeditor {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}
section._sec_parrilla-segmentos div.megaeditor ul, 
section.parrilla-segmentos div.megaeditor ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;

margin: 20px 0 0;
padding: 0;
list-style-type: none;
}
section._sec_parrilla-segmentos div.megaeditor ul::before, 
section.parrilla-segmentos div.megaeditor ul::before {
display: none;
}
section._sec_parrilla-segmentos div.megaeditor ul li a, 
section.parrilla-segmentos div.megaeditor ul li a {
color: #828a8d;
display: block;
background-repeat: no-repeat;
text-align: center;
padding: 150px 10px 10px;
background-repeat:  no-repeat;
background-position: center 25px;
background-size: 110px;
background-color: transparent;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
border-radius: 27px;
}
section._sec_parrilla-segmentos div.megaeditor ul li a:hover, 
section.parrilla-segmentos div.megaeditor ul li a:hover {
text-decoration: none;
background-color: #eef0f8;
color: #444d50;
}
section._sec_parrilla-segmentos div.megaeditor ul li a span {
display: block;
line-height: 1.1;
padding: 5px 10px;
background: #eef0f8;
  display: flex;
  align-items: center;
  justify-content: center;
min-height: 51px;
font-size: 16px;
font-weight: 400;

-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
section._sec_parrilla-segmentos div.megaeditor ul li a:hover span {
background: #e7e9f1;
background: #e0e3f0;
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-moda a, 
section.parrilla-segmentos div.megaeditor ul li#li-moda a {
background-image: url("/UserFiles/images/TPV-iconos/modacalzado.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-peluqueria a, 
section.parrilla-segmentos div.megaeditor ul li#li-peluqueria a {
background-image: url("/UserFiles/images/TPV-iconos/peluqueria_estetica.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-electrodomesticos a, 
section.parrilla-segmentos div.megaeditor ul li#li-electrodomesticos a {
background-image: url("/UserFiles/images/TPV-iconos/electrodomesticos.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-papeleria a, 
section.parrilla-segmentos div.megaeditor ul li#li-papeleria a {
background-image: url("/UserFiles/images/TPV-iconos/pepeleria_libreria.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-alimentacion a, 
section.parrilla-segmentos div.megaeditor ul li#li-alimentacion a {
background-image: url("/UserFiles/images/TPViconos/ico-alimentacion.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-tecnologia a, 
section.parrilla-segmentos div.megaeditor ul li#li-tecnologia a {
background-image: url("/UserFiles/images/TPV-iconos/juegos_tecnologia.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-jugueterias a, 
section.parrilla-segmentos div.megaeditor ul li#li-jugueterias a {
background-image: url("/UserFiles/images/TPV-iconos/jugueterias.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-deportes a, 
section.parrilla-segmentos div.megaeditor ul li#li-deportes a {
background-image: url("/UserFiles/images/TPV-iconos/deporte.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-regalos a,  
section.parrilla-segmentos div.megaeditor ul li#li-regalos a {
background-image: url("/UserFiles/images/TPV-iconos/regalos.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-hobbies a, 
section.parrilla-segmentos div.megaeditor ul li#li-hobbies a {
background-image: url("/UserFiles/images/TPViconos/ico-hobbies.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-takeaway a, 
section.parrilla-segmentos div.megaeditor ul li#li-takeaway a {
background-image: url("/UserFiles/images/TPViconos/ico-takeaway.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-otros a, 
section.parrilla-segmentos div.megaeditor ul li#li-otros a {
background-image: url("/UserFiles/images/TPViconos/ico-otros.svg");
}

section._sec_parrilla-segmentos div.megaeditor ul li#li-muebles a, 
section.parrilla-segmentos div.megaeditor ul li#li-muebles a {
background-image: url("/UserFiles/images/TPV-iconos/muebles_decoracion.svg");
}
section._sec_parrilla-segmentos div.megaeditor ul li#li-joyerias a, 
section.parrilla-segmentos div.megaeditor ul li#li-joyerias a {
background-image: url("/UserFiles/images/TPV-iconos/joyeria.svg");
}

/* FORMULARIO ---------------------------------------------------------------------------------------------------------------- */
#contenido h2.form-landing-tpv {
padding-top: 40px;
}
body.body_cms_1961 section[id^="formulario_"] {
/*
background: url("/UserFiles/images/landings2022/bg-base-landing.jpg") no-repeat center bottom;
background-size: 2400px;
padding-bottom: 250px;
width: 100%;
max-width: 100%!important;
*/
}
body.body_cms_1961 section[id^="formulario_"] div.formulario {
width: 100%;
max-width: 600px;
margin: 30px auto;
padding: 30px 40px;
background: #f6f7fb;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
body.body_cms_1961 section[id^="formulario_"] div.formulario form label {
width: 100%;
text-align: left;
}
body.body_cms_1961 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1961 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1961 section[id^="formulario_"] div.formulario select,
 body.body_cms_1961 section[id^="formulario_"] .filtro select, 
body.body_cms_1961 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1961 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
body.body_cms_1961 section[id^="formulario_"] div.formulario p[align*=right]  {
text-align: center!important;
}
body.body_cms_1961 section[id^="formulario_"] div.formulario p[align*=right]  input.boton {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 21px;
padding: 10px 30px;
}

 /* PIE -------------------------------------------------------------------------------------------------------------------- */
#centro section.sec-pie-landing {
overflow: visible;
padding: 0 30px;
  width: 100vw;
    max-width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw!important;
  margin-right: -50vw!important;
}
#centro section.sec-pie-landing .megaeditor {
    padding-top: 110px;
overflow: visible;
background: #f3f5f7;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
#centro section.sec-pie-landing #ilus-pie {
    position: absolute;
    width: 380px;
    left: 50%;
    margin-left: -190px;
    top: -150px;
    z-index: 99;
}
#centro section.sec-pie-landing div.megaeditor .animatedParent p.boton_prueba {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
margin-bottom: 20px;
}
#landing-pie {
background: #f3f5f7;
padding: 60px 0 60px;
}

#landing-pie a {
color: rgb(99, 106, 110);
}
#landing-pie a:hover {
color: #09c;
}

/**********/
section.pie-landing-tpv {
background: #009EE2;
width: 100%;
max-width: 100%!important;
padding: 30px 20px;
text-align: center;
}
section.pie-landing-tpv #logo-pie {
max-width: 300px;
margin: 0 auto 40px;
}
section.pie-landing-tpv li .facebook {
  background-image: url("/UserFiles/images/TPViconos/ico-fb-blanco.svg");
opacity: 0.35;
}
section.pie-landing-tpv li .twitter {
  background-image: url("/UserFiles/images/TPViconos/ico-twitter-blanco.svg");
opacity: 0.35;
}
section.pie-landing-tpv li .youtube {
  background-image: url("/UserFiles/images/TPViconos/ico-youtube-blanco.svg");
opacity: 0.35;
}
section.pie-landing-tpv li .linkedin {
  background-image: url("/UserFiles/images/TPViconos/ico-linkedin-blanco.svg");
opacity: 0.35;
}
section.pie-landing-tpv li .facebook, section.pie-landing-tpv li .twitter, section.pie-landing-tpv li .youtube,  section.pie-landing-tpv li .linkedin {
height: 60px;
width: 60px;
background-size: 50px auto;
opacity: 0.35;
}
section.pie-landing-tpv li .facebook:hover, section.pie-landing-tpv li .twitter:hover, section.pie-landing-tpv li .youtube:hover,  section.pie-landing-tpv li .linkedin:hover {
opacity: 1;
}

div.megaeditor  #copy-pie p {
font-size: 12px;
color: #fff;
}
#copy-pie a {
color: #fff;
}
#copy-pie a:hover {
color: #74bee7;
text-decoration: none;
}

section.pie-landing-tpv .fancy_box {
display: inline-block;
float: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1200px) {

body.body_cms_1961 section {
padding-left: 3%;
padding-right: 3%;
}
#contenedor-plan {
padding: 0 3%;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1024px) {

.capa-precio-landing {
    padding: 200px 0 10px 50px;
    background: url("/cms/site_0112/imagenes_css/imagen_css-130-dc12855a97d28c1a71.png") no-repeat 30px top;
        background-size: auto;
    background-size: 250px;
}
.contacto-landing {
    background: url("/cms/site_0112/imagenes_css/imagen_css-130-c1efbd2c1df94077ba.png") no-repeat right 10px;
    text-align: left;
}

/* LANDING TPVonline */
#txt-landing-tpv {
  padding-top: 0;
text-align: center;
}
#body_cms #contenido #txt-landing-tpv h1 {
  text-align: center;
}
#presentacion-landing-tpv {
  grid-template-columns: 1fr;
}
#body_cms #contenido #txt-landing-tpv ul {
  text-align: left;

display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 5px;
    justify-items: stretch;
    align-items: stretch;
}
#body_cms #contenido #txt-landing-tpv ul::before {
display: none;
}
#body_cms #contenido #txt-landing-tpv ul li {
/*  display: inline-block;
  width: 49%;*/
line-height: 1.1;
  text-align: left;
}
#img-landing-tpv {
  display: none;
}
#img-landing-tpv-responsive {
  display: block;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 960 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 960px) {

/* LANDING TPVonline */
#contenedor-plan {
grid-template-columns: 1fr;
}
#plan-mensual div.contenedor-col-plan {
-webkit-border-radius: 25px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 25px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 25px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
} 
#plan-anual div.contenedor-col-plan {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#plan-multitienda div.contenedor-col-plan {
-webkit-border-radius: 0;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius: 0;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-radius: 0;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}
#plan-mensual, #plan-multitienda {
  padding: 0 30px;
  margin: -30px 0;
}
#plan-mensual div.contenedor-col-plan::before, #plan-anual div.contenedor-col-plan::before {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#plan-multitienda .contenedor-col-plan::before {
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 767px) {

.landing-a, .landing-b {
width:100%;
}
.contacto-landing {
    background: none;
text-align: center;
padding: 40px  0;
}

.capa-precio-landing {
    padding: 200px 0 10px 0;
    background: url("/cms/site_0112/imagenes_css/imagen_css-130-dc12855a97d28c1a71.png") no-repeat center top;
    background-size: 250px;
    text-align: center;
}
#contenido .capa-precio-landing h2 {
 text-align: center;
}

.body_cms_1647 #contenido #capa-oferta h2 {
    text-align: center;
}
#capa-oferta {
text-align: center;
}

/* LANDING TPVonline */
ul#detalles01 {
grid-template-columns: 1fr;
}
body.body_cms_1961 section#div_seccion_3301 div.megaeditor ul {
  grid-template-columns: 1fr 1fr;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

#body_cms #contenido #txt-landing-tpv ul {
  grid-template-columns: 1fr;
}
#img-landing-tpv-responsive .img-responsive {
  max-width: 120% !important;
  margin: 0 0 0 -10%;
}
#plan-mensual, #plan-multitienda {
  padding: 0 15px;
}
div.contenido-col-plan {
  padding: 20px 15px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {

#body_cms #contenido #txt-landing-tpv ul {
  padding: 30px;
}
body.body_cms_1961 section#div_seccion_3299 div.megaeditor {
  padding: 50px 20px;
}
body.body_cms_1961 section#div_seccion_3299 {
  margin: 0 auto 30px;
}
div.megaeditor ul.logosclientes {
  margin: 20px auto;
}
body.body_cms_1961 section#div_seccion_3300 {
  padding: 0 0 30px;
}
body.body_cms_1961 section#div_seccion_3301 {
  margin: 0 auto 40px;
}

}

/* cosas de sergi */

#div_seccion_3301 {
margin-top: 0px !important;
}

#div_seccion_3299 {
margin-bottom: 0px !important;
}

.enlacelogoun:hover {
background-color: yellow;
}


/*///////////////////// CSS DINÁMICO : LANDINGS SEGMENTOS / SECTORES  //////////////////////////*/

/* VENTAJAS SECTORES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#contenedor-ventajas-sectores {
  padding: 30px 50px;
text-align: center;
}

#centro section.tit-ventajas-sectores {
margin-bottom: 0!important;
}
.ventajas-sectores #contenedor-ventajas-sectores > div > img {
max-width: 300px;
max-height: 80px;
margin: 0 auto 15px;
}

.ventajas-sectores #contenedor-ventajas-sectores > div#col-vendedor > img {
padding-top: 13px;
max-height: 91px;
}


#contenedor-ventajas-sectores > div {
padding: 20px;
text-align: center;
}
#contenedor-ventajas-sectores > div:first-child {
padding-left: 100px;
}
#contenedor-ventajas-sectores > div > img {
max-width: 100%;
max-height: 100px;
margin: 0 auto 15px;
}
#contenedor-ventajas-sectores > div#col-central img {
max-height: 85px;
margin: 15px auto 15px;
}
#contenedor-ventajas-sectores > div.col-gris {
background: #f3f5f7!important;
border-radius: 20px;
padding: 15px 30px 25px;
}
#contenedor-ventajas-sectores h3 {
padding-bottom: 0;
}
#contenedor-ventajas-sectores ul {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
#contenedor-ventajas-sectores ul li {
padding: 5px 0 5px 23px;
background: url("/UserFiles/images/TPViconos/bullet01-azul.svg") no-repeat left 10px;
background-size: 18px;
}

/* PAPELERIAS Y LIBRERIAS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#parrilla-5-sectores {
margin: 0;
padding: 50px 30px 0;
list-style-type: none;
text-align: center;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: center;
    align-items: stretch;
}
div.megaeditor #parrilla-5-sectores li {
font-weight: 700!important;
line-height: 1.1;
}
#parrilla-5-sectores li img {
height: 80px;
width: auto;
margin: 0 auto 10px;
}

/* JOYERIAS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* COMENTARIOS CLIENTES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.bloque-cliente {
background-color: #f3f5f7;
min-height: 350px;
margin-bottom: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#contenido div.megaeditor div.bloque-cliente h3 {
margin-bottom: 15px;
}
div.bloque-cliente .bloque-imagen-cliente {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
div.bloque-cliente .bloque-texto-cliente {
background: url("/UserFiles/images/TPV2023/comillas.svg") no-repeat 10px 20px;
background-size: 120px;
padding: 80px 50px 50px 50px;
max-width: 600px;
}
div.bloque-cliente p.cliente-nombre {
font-style: italic;
}
div.bloque-cliente p.cliente-lnk a {
display: inline-block;
text-transform: none;
font-weight: 400;
color: #fff;
background: #0298e0;
padding: 5px 30px 7px;
margin-top: 10px;
font-size: 14px;
letter-spacing: 1px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* IMAGENES ///////////////*/
div.bloque-cliente#cliente-lacubana .bloque-imagen-cliente {
background-image: url("/UserFiles/images/TPV2023/pelu.jpg");
}

background-image:
/* PERSONALIZAR ELEMENTOS POR PÁGINA
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.body_cms_1962,
body.body_cms_1963,
body.body_cms_1964,
body.body_cms_1965,
body.body_cms_1966,
body.body_cms_1967,
body.body_cms_1968 {
background: url("/UserFiles/images/landings2022/fondo-top-landing.svg") no-repeat center top;
background-size: 2000px;
}
body.body_cms_1962 #base1024, body.body_cms_1963 #base1024, body.body_cms_1963 #base1024, body.body_cms_1963 #base1024, body.body_cms_1964 #base1024, body.body_cms_1963 #base1024, body.body_cms_1965 #base1024, body.body_cms_1966 #base1024, body.body_cms_1967 #base1024, body.body_cms_1968 #base1024 {
max-width: 100%;
  background-color: transparent;
}
body.body_cms_1962 #base, body.body_cms_1963 #base, body.body_cms_1963 #base, body.body_cms_1963 #base, body.body_cms_1964 #base, body.body_cms_1963 #base, body.body_cms_1965 #base, body.body_cms_1966 #base, body.body_cms_1967 #base, body.body_cms_1968 #base  {
background: none;
padding-bottom: 0;
}
body.body_cms_1962 #baseCabecera, body.body_cms_1963 #baseCabecera, body.body_cms_1964 #baseCabecera, body.body_cms_1965 #baseCabecera, body.body_cms_1966 #baseCabecera, body.body_cms_1967 #baseCabecera,body.body_cms_1968 #baseCabecera   {
background: #fff;
}
body.body_cms_1962 #cabecera.sticky, body.body_cms_1963 #cabecera.sticky, body.body_cms_1964 #cabecera.sticky, body.body_cms_1965 #cabecera.sticky, body.body_cms_1966 #cabecera.sticky, body.body_cms_1967 #cabecera.sticky, body.body_cms_1968 #cabecera.sticky {
  height: 60px !important;
  max-width: 100%;
}

body.body_cms_1962 #centro section, body.body_cms_1963 #centro section, body.body_cms_1964 #centro section, body.body_cms_1965 #centro section, body.body_cms_1966 #centro section, body.body_cms_1967 #centro section, body.body_cms_1968 #centro section {
max-width: 1200px;
margin: 0 auto;
}
/* ---------------------------------- */
body.body_cms_1962 header, body.body_cms_1962 footer, 
body.body_cms_1962 #jquery_alert, body.body_cms_1962 #jquery_background {
display: none;
}
/* ---------------------------------- */
body.body_cms_1963 header, body.body_cms_1963 footer, 
body.body_cms_1963 #jquery_alert, body.body_cms_1963 #jquery_background {
display: none;
}
/* ---------------------------------- */
body.body_cms_1964 header, body.body_cms_1964 footer, 
body.body_cms_1964 #jquery_alert, body.body_cms_1964 #jquery_background {
display: none;
}
/* ---------------------------------- */
body.body_cms_1965 header, body.body_cms_1965 footer, 
body.body_cms_1965 #jquery_alert, body.body_cms_1965 #jquery_background {
display: none;
}
/* ---------------------------------- */
body.body_cms_1966 header, body.body_cms_1966 footer, 
body.body_cms_1966 #jquery_alert, body.body_cms_1966 #jquery_background {
display: none;
}
/* ---------------------------------- */
body.body_cms_1967 header, body.body_cms_1967 footer, 
body.body_cms_1967 #jquery_alert, body.body_cms_1967 #jquery_background {
display: none;
}
/* ---------------------------------- */
body.body_cms_1968 header, body.body_cms_1968 footer, 
body.body_cms_1968 #jquery_alert, body.body_cms_1968 #jquery_background {
display: none;
}

/* FORMULARIO ---------------------------------------------------------------------------------------------------------------- */
#contenido h2.form-landing-tpv {
padding-top: 40px;
}
body.body_cms_1962 section[id^="formulario_"], body.body_cms_1963 section[id^="formulario_"], body.body_cms_1964 section[id^="formulario_"], body.body_cms_1965 section[id^="formulario_"], body.body_cms_1966 section[id^="formulario_"], body.body_cms_1967 section[id^="formulario_"], body.body_cms_1968 section[id^="formulario_"] {
background: url("/UserFiles/images/landings2022/bg-base-landing.jpg") no-repeat center bottom;
background-size: 2400px;
padding-bottom: 250px;
width: 100%;
max-width: 100%!important;
}
body.body_cms_1962 section[id^="formulario_"] div.formulario, body.body_cms_1963 section[id^="formulario_"] div.formulario, body.body_cms_1964 section[id^="formulario_"] div.formulario, body.body_cms_1965 section[id^="formulario_"] div.formulario, body.body_cms_1966 section[id^="formulario_"] div.formulario, body.body_cms_1967 section[id^="formulario_"] div.formulario, body.body_cms_1968 section[id^="formulario_"] div.formulario  {
width: 100%;
max-width: 600px;
margin: 30px auto;
padding: 30px 40px;
background: #f6f7fb;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
body.body_cms_1962 section[id^="formulario_"] div.formulario form label, body.body_cms_1963 section[id^="formulario_"] div.formulario form label, body.body_cms_1964 section[id^="formulario_"] div.formulario form label, body.body_cms_1965 section[id^="formulario_"] div.formulario form label, body.body_cms_1966 section[id^="formulario_"] div.formulario form label, body.body_cms_1967 section[id^="formulario_"] div.formulario form label, body.body_cms_1968 section[id^="formulario_"] div.formulario form label {
width: 100%;
text-align: left;
}
body.body_cms_1962 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1962 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1962 section[id^="formulario_"] div.formulario select,
 body.body_cms_1962 section[id^="formulario_"] .filtro select, 
body.body_cms_1962 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1962 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
/*------------------*/
body.body_cms_1963 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1963 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1963 section[id^="formulario_"] div.formulario select,
 body.body_cms_1963 section[id^="formulario_"] .filtro select, 
body.body_cms_1963 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1963 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
/*------------------*/
body.body_cms_1964 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1964 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1964 section[id^="formulario_"] div.formulario select,
 body.body_cms_1964 section[id^="formulario_"] .filtro select, 
body.body_cms_1964 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1964 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
/*------------------*/
body.body_cms_1965 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1965 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1965 section[id^="formulario_"] div.formulario select,
 body.body_cms_1965 section[id^="formulario_"] .filtro select, 
body.body_cms_1965 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1965 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
/*------------------*/
body.body_cms_1966 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1966 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1966 section[id^="formulario_"] div.formulario select,
 body.body_cms_1966 section[id^="formulario_"] .filtro select, 
body.body_cms_1966 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1966 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
/*------------------*/
body.body_cms_1967 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1967 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1967 section[id^="formulario_"] div.formulario select,
 body.body_cms_1967 section[id^="formulario_"] .filtro select, 
body.body_cms_1967 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1967 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}
/*------------------*/
body.body_cms_1968 section[id^="formulario_"] div.formulario input[type="text"], 
body.body_cms_1968 section[id^="formulario_"] div.formulario textarea, 
body.body_cms_1968 section[id^="formulario_"] div.formulario select,
 body.body_cms_1968 section[id^="formulario_"] .filtro select, 
body.body_cms_1968 section[id^="formulario_"] .filtro input[type="text"], 
body.body_cms_1968 section[id^="formulario_"] .tablaFiltros select {
width: 100%;
}

/*-*/
body.body_cms_1962 section[id^="formulario_"] div.formulario p[align*=right], body.body_cms_1963 section[id^="formulario_"] div.formulario p[align*=right], body.body_cms_1964 section[id^="formulario_"] div.formulario p[align*=right], body.body_cms_1965 section[id^="formulario_"] div.formulario p[align*=right], body.body_cms_1966 section[id^="formulario_"] div.formulario p[align*=right], body.body_cms_1967 section[id^="formulario_"] div.formulario p[align*=right], body.body_cms_1968 section[id^="formulario_"] div.formulario p[align*=right]  {
text-align: center!important;
}
body.body_cms_1962 section[id^="formulario_"] div.formulario p[align*=right]  input.boton, body.body_cms_1963 section[id^="formulario_"] div.formulario p[align*=right]  input.boton, body.body_cms_1964 section[id^="formulario_"] div.formulario p[align*=right]  input.boton, body.body_cms_1965 section[id^="formulario_"] div.formulario p[align*=right]  input.boton, body.body_cms_1966 section[id^="formulario_"] div.formulario p[align*=right]  input.boton, body.body_cms_1967 section[id^="formulario_"] div.formulario p[align*=right]  input.boton, body.body_cms_1968 section[id^="formulario_"] div.formulario p[align*=right]  input.boton  {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 21px;
padding: 10px 30px;
}

/* PREGUNTAS SEGMENTOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.preguntas-segmento {
max-width: 100%!important;
margin: 80px auto!important ;
background: #f6f7fb;
padding: 50px 20px;
}
#centro section.preguntas-segmento .megaeditor {
max-width: 1200px;
margin: 0 auto;
}
#contenido section.preguntas-segmento h2 {
font-size: 38px;
line-height: 1.1;
}

/* BOTON VOLVER
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.boton-volver{
text-align: center;
padding: 10px;
} 
div.boton-volver a.lnk-volver {
display: inline-block;
margin: 0 auto;
background-color: rgb(26, 162, 227);
color: #fff;
padding: 15px 40px;
font-size: 24px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
} 



.grupo_todoterreno {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 30px;
}

/* CASOS DE ËXITO  SECTORES ______________*/
.noticias.moduloColumnasFoto #bloque ul, 
#body_cms .noticias #bloque ul{
display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
}

/* PRESUPUESTO /////////////////////////////////////////////////////// */
div.bloque-presupuesto {
  max-width: 700px;
  margin: 30px auto 0;
  padding: 20px 30px;
  text-align: center;
}
#contenido div.megaeditor div.bloque-presupuesto h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  padding: 10px 0;
  margin-bottom: 15px;
  
  text-wrap: balance;
}
div.bloque-presupuesto ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.bloque-presupuesto ul li {
  display: block;
  margin: 0 0 10px 0;
  padding: 15px 30px;
  background-color: #e4e6e8;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  font-weight: 500;
  text-align: left;
  font-size: 20px;
  position: relative;
}
div.bloque-presupuesto ul li.recomendado::after {
  content: "Recomendado";
  display: inline-block;
  border-radius: 10px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 0 10px;
  color: #808080;
  margin-top: 5px;
  position: absolute;
  right: 130px;
}
div.bloque-presupuesto p.horas-regalo {
  margin: 0;
  font-size: 13px;
  padding: 5px 10px;
  font-weight: 400;
  text-align: center;
}
div.precio-presupuesto {
  background: #59626c;
  margin-left: 100px;
}
div.precio-presupuesto p {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  padding: 10px;
  letter-spacing: 1px;
}
div.precio-presupuesto p span {
  font-size: 16px;
  font-weight: 500;
  vertical-align: super;
}


.bloque-presupuesto li span.precio {
  float: right;
  font-size: 26px;
  line-height: 1;
  font-weight: 600;
}
.bloque-presupuesto li span.precio sup {
  font-size: 14px;
  vertical-align: middle;
  margin-left: 4px;
  font-weight: 400;
}
.bloque-presupuesto li span.tit-gratis {
  background-color: #d00;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .07em;
  margin-top: 4px;
  float: right;
}

.ilus-personaje {
  width: 600px;
  position: relative;
}
.ilus-personaje img {
  position: absolute;
  animation-duration: 3s;
  animation-name: caracteristica-animacion;
  animation-iteration-count: infinite;
  max-width: 500px;
  right: 0;
}

.body_cms_873 #base, .body_cms_873 #centro.columnaUnica, .body_cms_863 #base, .body_cms_863 #centro.columnaUnica, .body_cms_862 #base, .body_cms_862 #centro.columnaUnica, .body_cms_864 #base, .body_cms_864 #centro.columnaUnica, .body_cms_865 #base, .body_cms_865 #centro.columnaUnica, .body_cms_871 #base, .body_cms_871 #centro.columnaUnica, .body_cms_874 #base, .body_cms_874 #centro.columnaUnica, .body_cms_870 #base, .body_cms_870 #centro.columnaUnica, .body_cms_2121 #base, .body_cms_2121 #centro.columnaUnica, .body_cms_2117 #base, .body_cms_2117 #centro.columnaUnica, .body_cms_2119 #base, .body_cms_2119 #centro.columnaUnica,  .body_cms_1749 #base, .body_cms_1749 #centro.columnaUnica,  .body_cms_2120 #base, .body_cms_2120 #centro.columnaUnica {
  overflow: visible;
}
.ilus-personaje.peluqueria img {
  max-width: 400px;
}
.ilus-personaje.alimentacion img {
  max-width: 430px;
}
.ilus-personaje.takeaway img, .ilus-personaje.sexshop img {
  max-width: 420px;
}


section.modulos-segmento div.bloque-presupuesto {
  width: 620px;
  margin: 30px 0;
  padding: 20px 30px 0;
  text-align: center;
  overflow: hidden;
}
#centro section.modulos-segmento {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  background-color: #f3f5f7;
}
#centro section.modulos-segmento div.megaeditor {
  max-width: 1280px;
  overflow: visible;
  margin: 0 auto;
  display: flex;
}

div.bloque-presupuesto ul li.mod-tpvBasico {
  background-image: url(/UserFiles/images/ico-tpvbasico.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
  background-color: #fff;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 20px;
}
div.bloque-presupuesto ul li.mod-tpvBasico:hover {
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
div.bloque-presupuesto ul li.mod-tpvBasico a {
  text-decoration: none;
 display: block;
  color: rgb(78, 82, 83);
}
div.bloque-presupuesto ul li.mod-tpvBasico a:hover {
  text-decoration: none;
  color: rgb(0, 152, 224);
}
div.bloque-presupuesto ul li.mod-fidelizacion {
  background-image: url(/UserFiles/images/fidelizacion02.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}
div.bloque-presupuesto ul li.mod-numSerie {
  background-image: url(/UserFiles/images/numserie.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}
div.bloque-presupuesto ul li.mod-tallas {
  background-image: url(/UserFiles/images/ico-tallasycolores.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}
div.bloque-presupuesto ul li.mod-ventagranel {
  background-image: url(/UserFiles/images/ico-ventagranel.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}
div.bloque-presupuesto ul li.mod-promociones {
  background-image: url(/UserFiles/images/ico-promociones.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}
div.bloque-presupuesto ul li.mod-formacion {
  background-image: url(/UserFiles/images/formacion.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}

div.bloque-presupuesto ul li.mod-rebu {
  background-image: url(/UserFiles/images/tpv-ico26/ico26-reciled-mid-circulo.svg);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  padding-left: 65px;
  background-size: 48px;
}

#remate-propuesta-modulos {
display: flex;
padding-top: 15px;
}
.precio-modulo {
  float: right;
}
#remate-propuesta-modulos .precio-modulo {
  float: none;
}
.precio-principal {
text-align: center;
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  padding: 0 30px;
}
a.precio-principal {
  background-color: #1f3d4d;
  text-decoration: none;
  display: block;
  position: relative;
}
a.precio-principal:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1f2f37;
}
.precio-principal > span.tit-desde {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  margin-top: 18px;
}
.precio-principal span {
  font-size: 12px;
  text-align: left;
  font-weight: 400;
  line-height: 1.2;
}
.precio-principal span.preciomayor {
  font-size: 48px;
  display: inline-block;
  font-weight: 700;
}
.precio-principal span.preciomenor {
  font-size: 16px;
  line-height:  1;
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.precio-principal > span.restopreciomayor {
  display: inline-block;
}

.precio-principal span.preciomenor::before {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #fff;
  display: inline-block;
  transform: rotate(15deg);
  position: absolute;
  left: 0;
  top: 0;
}
.precio-secundario {
  margin-top: 5px;
  line-height: 1.2;
  font-size: 13px;
}

.contacto-propuesta {
   margin-left: auto;
}
.contacto-propuesta a {
display: inline-block;
background: rgb(0, 152, 224);
text-align: left;
line-height: 1.2;
color: #fff;
font-size: 21px;
font-weight: 600;
padding: 12px 35px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.contacto-propuesta a:hover {
background-color: rgb(0, 130, 200);
padding: 12px 32px 12px 37px;
}
.contacto-propuesta a span {
display: block;
font-size: .7em;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1280px) {
.ilus-personaje.deporte {
  width: 500px;
  margin-right: 50px;
}
.ilus-personaje img {
  max-width: 420px;
}
section.modulos-segmento div.bloque-presupuesto {
  padding-left: 0;
}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {
#centro section.modulos-segmento {
  margin-top: 75px;
}
#centro section.modulos-segmento div.megaeditor {
  flex-direction: column;
}
.ilus-personaje, .ilus-personaje.deporte  {
  width: 100%;
  text-align: center;
  margin-top: -70px;
}
.ilus-personaje img, .ilus-personaje.peluqueria img, .ilus-personaje.alimentacion img, .ilus-personaje.takeaway img, .ilus-personaje.sexshop img  {
  max-width: 330px;
  position: relative;
}
section.modulos-segmento div.bloque-presupuesto {
  padding-left: 30px;
  margin: -40px auto 60px;
  z-index: 99;
}
}

 /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {

#parrilla-5-sectores {
  grid-template-columns: 1fr 1fr 1fr;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

#parrilla-5-sectores {
  grid-template-columns: 1fr 1fr;
}

/**/

.ilus-personaje, .ilus-personaje.deporte  {
  width: 100%;
}
section.modulos-segmento div.bloque-presupuesto {
  margin-bottom: 30px;
}
#contenido div.megaeditor div.bloque-presupuesto h3 {
  padding: 10px 0;
  font-size: 22px;
}
section.modulos-segmento div.bloque-presupuesto {
  max-width: 600px;
  width: 100%;
}
div.bloque-presupuesto ul li.mod-bizum, div.bloque-presupuesto ul li.mod-formacion {
  display: block;
  width: 100%;
  font-size: 20px;
  padding-right: 30px;
}
.bloque-presupuesto li span.tit-gratis {
  position: inherit;
  right: inherit;
  bottom: inherit;
  float: right;
  font-size: 14px;
}
div.bloque-presupuesto ul li.recomendado::after {
  right: 20px;
  bottom: -4px;
}

/*****/
div.bloque-cliente#cliente-lacubana {
  grid-template-columns: 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
div.bloque-cliente#cliente-lacubana .bloque-imagen-cliente {
padding-bottom: 50%;
height:1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

div.bloque-cliente#cliente-lacubana .bloque-texto-cliente {
  background: url("/UserFiles/images/TPV2023/comillas.svg") no-repeat 10px 0;
    background-size: auto;
  background-size: 120px;
  padding: 50px 50px 30px 50px;
  max-width: 600px;
}

/********/
#remate-propuesta-modulos {
flex-direction: column;
}
.contacto-propuesta {
width: 100%;
padding-top: 15px;
}
.contacto-propuesta a {
  display: block;
text-align: center;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {


/*************************************** SECTORES *************************************/
a.lnk-casosdeexito span {
display: none;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 420
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 420px) {

#parrilla-5-sectores {
  grid-template-columns:  1fr;
    grid-row-gap: 30px;
}


}
/*///////////////////// CSS DINÁMICO : PAGINAS EXTRA //////////////////////////*/


div.imagen_cabecera_cms {
text-align: center;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
LOGOTIPO 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#capa-logos {
padding: 40px 5%;
}
#capa-logos .col {
text-align: center;
}
#contenido #capa-logos h4 {
font-size: 16px;
text-transform: uppercase;
line-height: 1.1em;
margin-bottom: 15px;
font-weight: 600;
}
#capa-logos img {
margin-bottom: 20px;
}
#capa-logos a.lnk-logo {
display: inline-block;
margin: 20px 0 10px;
background: #1a2327 url("/cms/site_0112/imagenes_css/imagen_css-131-a1e3fb6d78ad647ddf.png") no-repeat 17px center;
color: #fff;
padding: 3px 25px 5px 40px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#capa-logos a.lnk-logo:hover {
background: #008ecf url("/cms/site_0112/imagenes_css/imagen_css-131-a1e3fb6d78ad647ddf.png") no-repeat 17px center;
text-decoration: none;
}

/* GRACIAS CONTACTO
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#capa-gracias {
position: relative;
padding-bottom: 100px;
}
#textoGracias {
position: absolute;
width: 100%;
bottom: -40px;
}

/* Ayudas a la Digitalización
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido div.megaeditor h3#p_seccion_2877 {
text-align: center;
font-weight: 300;
padding: 15px;
}
#contenido #div_seccion_2876 div.megaeditor h3 {
margin-bottom: 20px;
}

section#formulario_2877_155 {
max-width: 700px;
margin: 0 auto;
padding: 0 25px;
}
section#formulario_2877_155 div.formulario form label {
width: 100%;
text-align: left;
font-size: 18px;
}
section#formulario_2877_155 div.formulario input[type="text"] {
width: 100%;
}

/* SOLUCIONES TPV ONLINE
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#body_cms #contenido h3.tit-solucion-marketing, #body_cms #contenido h3.tit-solucion-pagos, 
 #body_cms #contenido h3.con-tit-ecom, #body_cms #contenido h3.con-tit-gest, #body_cms #contenido h3.con-tit-otros {
padding: 80px 10px 10px;
background-repeat: no-repeat;
background-position: center top;
background-size: 80px;
}
#body_cms #contenido h3.tit-solucion-marketing {
background-image: url("/UserFiles/images/TPViconos/ico-transparencia.svg");
}
#body_cms #contenido h3.tit-solucion-pagos {
background-image: url("/UserFiles/images/TPViconos/cuenta-dinero.svg");
}
#body_cms #contenido h3.con-tit-ecom {
background-image: url("/UserFiles/images/TPViconos/ico-carrito-azul.svg");
}
#body_cms #contenido h3.con-tit-gest {
background-image: url("/UserFiles/images/TPViconos/ico-herramientas.svg");
}
#body_cms #contenido h3.con-tit-otros {
background-image: url("/UserFiles/images/TPViconos/erp.svg");
}

/* Modulos destacados ------------------*/
.bloque-3col#modulos-destacados, 
.bloque-3col#conectores-destacados {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
padding: 0 20px;
}
#modulos-destacados .modulo, 
#conectores-destacados .conector {
background-color: #f6f8f9;
background-repeat: no-repeat;
background-position: 25px 35px;
background-size: 80px;

padding: 30px 30px 20px 120px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#body_cms #contenido #modulos-destacados .modulo h3, 
#body_cms #contenido #conectores-destacados .conector h3 {
text-align: left;
font-size: 24px;
    line-height: 100%;
    margin-bottom: 5px;
}

a.lnk-solucion-vermas {
display: inline-block;
text-lign: left;
text-indent: -99999px;
position: relative;
width: 35px;
height: 35px;
background: url("/UserFiles/images/TPViconos/mas-circulo-azul.svg") no-repeat center center;
background-size: 100%;
transform: rotate(0);
}
a.lnk-solucion-vermas:hover {
transform: rotate(90deg);
}

#modulos-destacados .modulo#mod-tallas_colores {
background-image: url("/dyndata/megamenu/imagenes/img_3756_9488496f4dfa57d4102a617b0302e4d6_2.svg") ;
}
#modulos-destacados .modulo#mod-granel {
background-image: url("/dyndata/megamenu/imagenes/img_3755_f21e30609640dd046afbeed839bce6cc_2.svg") ;
}
#modulos-destacados .modulo#mod-fidelizacion {
background-image: url("/dyndata/megamenu/imagenes/img_3751_95bf8da725746a84a62afbca92475f26_2.svg") ;
}
#modulos-destacados .modulo#mod-trazabilidad {
background-image: url("/dyndata/megamenu/imagenes/img_3752_289c99a1550d60e74d0169c1862442f9_2.svg") ;
}
#modulos-destacados .modulo#mod-reparaciones {
background-image: url("/dyndata/megamenu/imagenes/img_3753_6c622b5166cd56289b0ba60234716762_2.svg") ;
}
#modulos-destacados .modulo#mod-tienda_online {
background-image: url("/dyndata/megamenu/imagenes/img_3754_61cdec4ba71f8ee81bf90a4705a2155e_2.svg") ;
}
#modulos-destacados .modulo#mod-control_clientes {
background-image: url("/dyndata/megamenu/imagenes/img_4421_e6814e02bc0c1b1170c97c1b73d17e8a_2.svg") ;
}
#modulos-destacados .modulo#mod-promociones_personalizadas {
background-image: url("/dyndata/megamenu/imagenes/img_4422_038bd2a4b31058af8459f80d322cac09_2.svg") ;
}
#modulos-destacados .modulo#mod-control_lotes {
background-image: url("/dyndata/megamenu/imagenes/img_4425_9a25fb60193b41c48c64d31df983eda3_2.svg") ;
}

.bloque-3col#modulos-marketing, 
.bloque-3col#modulos-pagos {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
#centro section.modulos-comunes .modulo, 
#centro section.conectores-comunes .conector {
background-repeat: no-repeat;
background-position: left top;
background-size: 40px;
padding: 35px 0 0 0;
}
#centro section.modulos-comunes .modulo#mod-tallas_colores {
background-image: url("/dyndata/megamenu/imagenes/img_3719_1a4ba384d1a0469c92727434a7d0e352_2.svg");
}
#centro section.modulos-comunes .modulo#mod-display_aux {
background-image: url("/dyndata/megamenu/imagenes/img_3718_c9600934f1919d95587c7d727c2357ba_2.svg");
}
#centro section.modulos-comunes .modulo#mod-etiquetas_adhesivas {
background-image: url("/dyndata/megamenu/imagenes/img_3715_974316244c15cad7cca8795541d473f6_2.svg");
}
#centro section.modulos-comunes .modulo#mod-importar_catalogo {
background-image: url("/dyndata/megamenu/imagenes/img_3716_717c383583e554eb7f01e3a1b5044894_2.svg");
}
#centro section.modulos-comunes .modulo#mod-alta_qr {
background-image: url("/dyndata/megamenu/imagenes/img_3717_bb3fc807a635e34e704edf0a9e8b34f6_2.svg");
}
#centro section.modulos-comunes .modulo#mod-reservas_online {
background-image: url("/dyndata/megamenu/imagenes/img_4097_038d10a88cf9d0337001b82f04545726_2.svg");
}
#centro section.modulos-comunes .modulo#mod-importar_catalogo {
background-image: url("/dyndata/megamenu/imagenes/img_3716_717c383583e554eb7f01e3a1b5044894_2.svg");
}
#centro section.modulos-comunes .modulo#mod-alta_qr {
background-image: url("/dyndata/megamenu/imagenes/img_3717_bb3fc807a635e34e704edf0a9e8b34f6_2.svg");
}
#centro section.modulos-comunes .modulo#mod-reservas_online {
background-image: url("/dyndata/megamenu/imagenes/img_4097_038d10a88cf9d0337001b82f04545726_2.svg");
}
#centro section.modulos-comunes .modulo#mod-catalogo_comercial {
background-image: url("/dyndata/megamenu/imagenes/img_3741_04af9d558b57292dec59c10d8b777048_2.svg");
}
#centro section.modulos-comunes .modulo#mod-reputacion_online {
background-image: url("/dyndata/megamenu/imagenes/img_3740_106e170eac6261adca6da84b159842c8_2.svg");
}
#centro section.modulos-comunes .modulo#mod-boletines {
background-image: url("/dyndata/megamenu/imagenes/img_4101_873b4f7a5c40c711f5acd8a911d54e37_2.svg");
}

#centro section.modulos-comunes .modulo#mod-financiaciones {
background-image: url("/dyndata/megamenu/imagenes/img_3721_1e934c9ced70ce6b005d0f83e97e1237_2.svg");
}
#centro section.modulos-comunes .modulo#mod-cobros_datafono {
background-image: url("/dyndata/megamenu/imagenes/img_3722_dd134dfb2ab114a9986ae530a0add1ec_2.svg");
}
#centro section.modulos-comunes .modulo#mod-cashlogy {
background-image: url("/dyndata/megamenu/imagenes/img_3723_86da64301d66a5d707a9f62c2a51ed28_2.svg");
}
#centro section.modulos-comunes .modulo#mod-sequra {
background-image: url("/dyndata/megamenu/imagenes/img_3725_c256bdcdf34068880dd0215190077830_2.svg");
}
#centro section.modulos-comunes .modulo#mod-bizum {
background-image: url("/dyndata/megamenu/imagenes/img_3724_47719e3f27be90fbf3eee01aa6bbb156_2.svg");
}
#centro section.modulos-comunes .modulo#mod-turinpay {
background-image: url("/dyndata/megamenu/imagenes/img_3726_864cbae97a91bf54e1b17fb9629f8f15_2.svg");
}

/* CONECTORES -----------------*/
#conectores-destacados, 
#centro section.conectores-comunes {
padding: 0 20px;
}
#conectores-destacados .conector {
background-position: 20px 15px;
background-size: 80px;
padding: 90px 30px 20px;
}

#conectores-destacados .conector#con-prestashop {
background-image: url("/UserFiles/images/TPViconos/ico-presta-azul.svg") ;
background-size: 60px;
background-position: 25px 20px;
}
#conectores-destacados .conector#con-shopify {
background-image: url("/UserFiles/images/TPViconos/ico-shopify-azul.svg") ;
}
#conectores-destacados .conector#con-wooCommerce {
background-image: url("/UserFiles/images/TPViconos/ico-woo-azul.svg") ;
}
#conectores-destacados .conector#con-logicommerce {
background-image: url("/UserFiles/images/TPViconos/ico-logicommerce-azul.svg") ;
}

/**/
#centro section.conectores-comunes .conector {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40px;
    padding: 35px 0 0 0;
}
/*Software de gestión*/
#conectores-gestion .conector#con-bussinesscentral {
background-image: url("/dyndata/megamenu/imagenes/img_4354_2630afc7eb78a57491b821d3e89d9a9d_2.svg") ;
}
#conectores-gestion .conector#con-a3asesor {
background-image: url("/dyndata/megamenu/imagenes/img_4353_eadfc21d2a2f0d2352be715b8c3c2598_2.svg") ;
}
#conectores-gestion .conector#con-sage {
background-image: url("/dyndata/megamenu/imagenes/img_4355_e278921b7753009c675029d13ef8b9e3_2.svg") ;
}
#conectores-gestion .conector#con-sap {
background-image: url("/dyndata/megamenu/imagenes/img_4362_017f1618615f6c3915e0d3fffd8c63f8_2.svg") ;
}

/*Otros conectores*/
#conectores-otros .conector#con-trustedshops {
background-image: url("/dyndata/megamenu/imagenes/img_3783_b44b6ee81062397d24a6cdfc36357c47_2.svg") ;
}
#conectores-otros .conector#con-taxfree {
background-image: url("/dyndata/megamenu/imagenes/img_3784_22cfd83c00d4b3619dced888ff8e3c1b_2.svg") ;
}
#conectores-otros .conector#con-ticketbai {
background-image: url("/dyndata/megamenu/imagenes/img_3785_75160be7f2bed2976de286b52760e84f_2.svg") ;
}
#conectores-otros .conector#con-sms {
background-image: url("/dyndata/megamenu/imagenes/img_4098_82a88c58b6a7f81340808cc91dd5728f_2.svg") ;
}


/* NUEVA LANDING KIT DIGITAL
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#body_cms #contenido .sec-presentacion-kit  {
padding-top: 45px;
}
#body_cms #contenido .sec-presentacion-kit  h1 {
    background-color: transparent;
    color: #000;
    font-size: 50px;
    text-transform: inherit;
}
#body_cms #contenido .sec-presentacion-kit  h2 {
    background-color: transparent;
    color: #000;
    font-size: 30px;
    text-transform: inherit;
}

#limites-ayudas {

}
#limites-ayudas > div.limite-agotado {
  opacity: 0.3;
}

#limites-ayudas > div {
padding: 10px 20px;
background: #fff;
background: #f3f5f7;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#limites-ayudas > div em {
  font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
color: rgb(174 186 190);
color: rgb(112 112 112);
font-size: 14px;
font-weight: 700;
}
#limites-ayudas > div strong {
font-weight: 700;
}

#capa-destacada-kit {
    padding: 16px 35px;
margin: 20px auto ;
display: inline-block;
    background: #f4f5f7;
    text-align: center;
    font-size: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#capa-destacada-kit img {
max-width: 80px;
height: auto!important;
display: inline-block;
margin-left: 5px;
}

.presentacion-cta {
    background: #f4f5f7;
padding: 30px 30px 60px;
margin-bottom: -45px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#contenido  .presentacion-cta h2 {
font-size: 31px;
}
section.bloque-contenido div.megaeditor .presentacion-cta h2 + p {
    font-size: 18px;
}

/*  VENTAJAS KIT DIGITAL  ///////////////////////////////////////////////////////////////////////////*/
#contenedor-ventajas {  
display: grid;
  grid-template-columns: 1fr 1fr 1fr;
/*  grid-template-rows: 1fr 1fr 1fr;*/
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "v-stock v-conectadas v-facil"
    "v-centralizada v-centralizada v-centralizada"
    "v-pagos v-digitalizacion v-fidelizacion";
}
.v-stock { 
grid-area: v-stock; 
text-align: center;
}

.v-conectadas { 
grid-area: v-conectadas; 
text-align: center;
}

.v-facil { 
grid-area: v-facil; 
text-align: center;
}

.v-centralizada { 
grid-area: v-centralizada; 
background: #f6f6f6;
padding: 0px 60px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 210px;
margin: 30px 0;

display: grid;
    grid-template-columns: 1fr 2fr;

    grid-column-gap: 40px;
    grid-row-gap: 0;
    justify-items: stretch;
    align-items: center;
}
#centralizada-img {
padding: 0 30px;
}

.v-pagos {
grid-area: v-pagos; 
text-align: center;
}

.v-digitalizacion { 
grid-area: v-digitalizacion; 
text-align: center;
}

.v-fidelizacion { 
grid-area: v-fidelizacion;
text-align: center;
 }

#contenedor-ventajas img {
max-height: 90px;
}
#contenedor-ventajas #centralizada-img img {
max-height: 130px;
}



/* ACELERAPYME KIT DIGITAL
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.bloque-cta {
text-align: center;
padding: 30px 40px;
background: #f3f5f7;
display: inline-block;
margin: 0 auto;
}

/**/

body.body_cms_1927 div#bizzbar {
display: none!important;
}
 
.logo-kitdigital {
  max-width: 300px;
}
.logos-kit {
  max-width: 768px;
}
.enlaces-servicios a.lnk-cta-kit.lnk-mas-info {
background-image: url("/UserFiles/images/TPViconos/mas-circulo-blanco.svg");
background-repeat: no-repeat;
background-size: 13px;
background-position: 11px center;
padding: 5px 20px 5px 30px;
}

div.megaeditor ul.lista-productos-gesio-no {
margin-bottom: 30px;
}

body.body_cms_1927 section.bloque-contenido {
    margin: 3% auto 3% !important;
}
body.body_cms_1927 #contenido div.megaeditor h3 {
margin-bottom: 15px;
/*
border-left: 4px solid #0298e0;
padding-left: 10px;
*/
}
/* COLUMNAS TOP */
body.body_cms_1927#body_cms #contenido h1#p_seccion_3414 {
margin-top: 50px;
}
#centro section.columna-presentacion, #centro section#formulario_3413_167 , #centro section#formulario_3416_168 {
display: inline-block;
width: 55%;
padding: 30px 50px;
vertical-align: top;
text-align: left;
}
#centro section#formulario_3413_167, 
#centro section#formulario_3416_168 {
width: 42%;
padding: 30px;
background: #f3f5f7;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#body_cms #centro #contenido section.columna-presentacion   h1, 
#body_cms #centro #contenido section.columna-presentacion   h2, 
#centro section.columna-presentacion p.p-subtitulo {
  text-align: left;
line-height: 1;
}
#body_cms #centro #contenido section.columna-presentacion   h2 {
font-size: 38px;
margin-top: 20px;
}

/* PASOS SOLICITUD */
div.megaeditor p.solicitud-numero {
text-align: center;
}
div.megaeditor p.solicitud-numero span {
width: 60px;
height: 60px;
display:flex;
  align-items: center;
  justify-content: center;;
margin: 0 auto;
background: #0298e0;
color: #fff;
font-size: 25px;
font-weight: 600;

-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}

/* SOLICITUD RECOMENDADA */
#centro section.sec-solicitud-kit {
padding: 0 30px;
}
div.leyenda-solicitud p {
max-width:1050px;
margin: 0 auto;
padding: 11px;
text-align: center;
font-size: 14px;
font-style: italic;
}
div.megaeditor ul#lista-solicitud-kit {
max-width:1050px;
margin: 0 auto;
padding: 35px 45px;
list-style-type: none;
background: #0298e0 ;
background: #f3f5f7;
font-size: 18px;
color: #fff;
color: #000;
text-align: center;

-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;

    display: grid;
    grid-template-columns: 3.5fr 1fr 3.5fr;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
/*
display: flex;
    justify-items: center;
    align-items: center;
*/
}
div.megaeditor ul#lista-solicitud-kit strong {
color: #fff;

color: #000;
}
div.megaeditor ul#lista-solicitud-kit span {
display: block;
text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
div.megaeditor ul#lista-solicitud-kit span.span-solicitud-fecha {
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
div.megaeditor ul#lista-solicitud-kit span.span-solicitud-precio, 
span-solicitud-precio {
font-size: 28px;
font-weight: 700;
    display: block;
    width: fit-content;
background: rgba(255, 255, 255, .55);
background: #1d353d;

color: rgba(0, 0, 0, .75);
color: #fff;
padding: 6px 25px;
line-height: 1;
margin: 10px auto 20px;
padding: 15px 35px;
}
div.megaeditor ul#lista-solicitud-kit span.span-solicitud-precio em {
font-size: 0.7em;
  font-style: normal;
}
div.megaeditor ul#lista-solicitud-kit span.span-solicitud-nota {
font-size: 16px;
font-weight: 400;
display: block;
background: rgba(34, 75, 102, .15);
color: #fff;
color: #000;
color: rgba(0, 0, 0, .45);
padding: 10px 25px;
margin: 10px auto 15px;
}
div.megaeditor ul#lista-solicitud-kit span.span-solicitud-nota strong {
color: rgba(0, 0, 0, .6);
}
div.megaeditor ul#lista-solicitud-kit span.span-solicitud-nota img {
max-width: 80px;
height: auto!important;
vertical-align: text-bottom;
margin-left: 7px;
}

div.megaeditor ul#lista-solicitud-kit li > div {
padding: 25px 50px;
}
div.megaeditor ul#lista-solicitud-kit li > div div.solicitud-flecha {
transform: none;
background: rgba(34, 75, 102, .15);
width: 50px;
height: 50px;
font-size: 35px;
color: #0298e0;

color: #000;
background: #fff;
font-weight: 800;
text-align: center;
    display: flex;
    justify-content: center;
    margin: 0;
    line-height: 1.2;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

div.megaeditor ul#lista-solicitud-kit a {
display: inline-block;
width: auto;
margin: 0 auto;
}

/* CAPA RECUERDA */
#centro section.sec-aviso {
padding: 0 30px;
}
div.capa-recuerda {
    max-width: 800px;
    margin: 0 auto;
    padding: 35px 45px 35px 150px;
    list-style-type: none;
    background: #0298e0 url(/UserFiles/images/TPV2024/ico-alerta-blanco_trans.svg) no-repeat 40px center;
    background-size: 90px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
#contenido div.capa-recuerda h4 {
color: #fff;
}

/* LANDING PASOS KIT DIGITAL *********************************************************************/
body.body_cms_2236 #base, 
body.body_cms_2236 #centro, body.body_cms_2236 #centro.columnaUnica {
overflow: visible;
}
#centro section.sec-pasos {
padding: 40px 30px;
}
#centro section.pasos-total {
background: #f6f7f9;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
div.bloque-pasos {
max-width: 1024px;
margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

div.pasos-imagen {
padding: 20px 20px 10px;
}

div.megaeditor p.pasos-numero {
display: flex;
width: 60px;
height: 60px;
font-size: 30px;
font-weight: 600;
color: #fff;
background: #4a9cd4;
  align-items: center;
  justify-content: center;

-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
#body_cms #contenido div.megaeditor .pasos-texto p.pasos-numero + h3, 
.pasos-texto p.pasos-numero + h3 {
    font-size:33px;
margin-top: 15px;
margin-bottom: 10px;
text-align: left;
}
div.megaeditor div.pasos-texto  li {
padding-bottom: 10px;
}

#centro section.sec-pasos.pasos4 div.megaeditor div.pasos-texto ul {
list-style-type: none;
margin-left: 0;
}

#centro section.sec-pasos.pasos-reverse  div.pasos-imagen {
order: 2;
}

div.capa-indicaciones {
background: #faf7f3;
color: #3c3328;
padding: 10px 20px;
margin: 5px 10px 10px 10px;
font-size: .85em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


a.lnk-pasos-tramite {
border: 1px solid #000;
padding: 5px 20px;
display: inline-block;
color: #000;
font-size: 0.9em;
background: transparent;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.lnk-pasos-tramite:hover {
border: 1px solid #000;
color: #fff;
background: #000;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}

a.lnk-pasos {
display: inline-block;
padding: 10px 20px;
border: 1px solid #09c;
color: #09c;
background: transparent;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.lnk-pasos:hover {
color: #fff;
background: #09c;
}

/* LISTAS PERSONALIZADAS ******************************/

/* Lista 5 columnas */
ul.parrilla-5-col:before, ul.parrilla-5-col:after {
display: none;
}
div.megaeditor  ul.parrilla-5-col {
display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;

margin: 0;
padding: 0;
list-style-type: none;
line-height: 1;
}


div.megaeditor  ul#parrilla-servicios * {
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
 div.megaeditor  ul#parrilla-servicios {
text-align: center;
font-size: 14px;
margin: 0;
padding: 0;

max-width: 90%;
margin: 0 auto;
}
div.megaeditor  ul#parrilla-servicios  li {
font-size: 14px;
width: 15.7%;
display: inline-block;
padding: 10px 20px;
}
.columna-presentacion div.megaeditor  ul#parrilla-servicios  li {
font-size: 14px;
width: 32%;
}
div.megaeditor  ul#parrilla-servicios  li a {
color: #000;
font-weight: 500;
position: relative;
display: inline-block;
margin-bottom: 15px;
line-height: 1;
width: 100%;
padding-bottom:35px;
background-image: url("/UserFiles/images/TPViconos/mas-circulo-gris.svg");
background-repeat: no-repeat;
background-position: center calc(100% - 10px);
background-size: 20px;
}
div.megaeditor  ul#parrilla-servicios  li a:hover {
color: #0298e0;
text-decoration: none;
background-image: url("/UserFiles/images/TPViconos/mas-circulo-azul.svg");
}
 div.megaeditor  ul#parrilla-servicios img {
max-height: 90px;
margin: 0 auto 10px;
opacity: 1;
}
 div.megaeditor  ul#parrilla-servicios a:hover img {
opacity: .5;
}
div.megaeditor  ul#parrilla-servicios a span {
display: inline-block;
background: #000;
color: #797979;
background: transparent;
font-size: 14px;
padding: 3px 9px;
font-size: 12px;
font-weight: 600;
margin: 5px auto 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
div.megaeditor  ul#parrilla-servicios li a:hover span {
background: #0298e0;
color: #fff;
}
/* Lista indice */
div.megaeditor  ul.lista-indice:before, div.megaeditor  ul.lista-indice:after {
display: none;
}
div.megaeditor  ul.lista-indice {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;

margin: 0;
padding: 0;
list-style-type: none;
line-height: 1;
}
div.megaeditor  ul.lista-indice li a {
display: block;
width: 100%;
height: 100%;
background: #eee;
color: #000;
padding: 10px 20px;
text-align: center;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
div.megaeditor  ul.lista-indice li a:hover {
background: #0298e0;
color: #fff;
text-decoration: none;
}

/* BLOQUE CTA */
#centro  section.bloque-cta {
    width: 100%;
    max-width: 100%;
padding: 20px 30px;
position: relative;
background: #f7f7f7;
overflow: visible;
text-align: center;
margin-bottom: 100px;
}
#centro  section.bloque-cta p {
font-weight: 500;
}
#centro  section.bloque-cta a {
display: inline-block;
margin: 0 auto ;
background: #0298e0;
color: #fff;
padding: 10px 20px;
position: absolute;
width: 250px;
left: 50%;
margin-left: -125px;
font-weight: 600;
text-transform: uppercase;
}
p.p-lnk-cta a {
margin-bottom: 30px;
}

/**/
body.body_cms_1927 section._sec_bloque-contenido, body.body_cms_1927 section.bloque-contenido {
    width: 92%;
    max-width: 1000px;
padding: 30px 30px 0;
background: #fff;
margin-top: -100px;
}
body.body_cms_1973#body_cms #contenido h1,
body.body_cms_1927#body_cms #contenido h1,
body.body_cms_1952#body_cms #contenido h1, 
body.body_cms_1953#body_cms #contenido h1, 
body.body_cms_1954#body_cms #contenido h1, 
body.body_cms_1955#body_cms #contenido h1, 
body.body_cms_1956#body_cms #contenido h1, 
body.body_cms_1957#body_cms #contenido h1 {
background-color: transparent;
color: #000000;
font-size: 50px;
font-weight: 300;
margin-top: 0;
padding: 10px;
line-height: 1;
}
body.body_cms_1927#body_cms #contenido h2, 
body.body_cms_1952#body_cms #contenido h2, 
body.body_cms_1953#body_cms #contenido h2, 
body.body_cms_1954#body_cms #contenido h2, 
body.body_cms_1955#body_cms #contenido h2, 
body.body_cms_1956#body_cms #contenido h2, 
body.body_cms_1957#body_cms #contenido h2 {
font-size: 40px;
line-height: 1;
}
p.p-subtitulo {
text-align: center;
font-size: 24px;
}
/* Formulario*/
div.megaeditor#editor_3106 {
padding-top: 40px;
}
div.megaeditor#editor_3106, 
#centro section#formulario_3106_161 {
background: #f3f5f7;
}
#centro section#formulario_3106_161 {
margin: 0;
padding-bottom: 30px;
}
a#formulario_161 {
display: none;
}
#contenido h2#p_seccion_3106 {
margin: 0;
padding-top: 30px;
}
#centro section#formulario_3106_161 div.formulario {
max-width: 740px;
margin: 0 auto;
padding: 0 20px;
}
section#formulario_3106_161 div.formulario form label {
width: 100%;
text-align: left;
font-size: 18px;
}
section#formulario_3106_161 div.formulario input[type="text"], 
section#formulario_3106_161 div.formulario textarea, 
section#formulario_3106_161 div.formulario input[type="button"] {
width: 100%;
}
 /*/*/
div.icono-servicio {
text-align: center;
}
div.icono-servicio img {
max-width: 110px;
height: auto!important;
margin: 20px auto 15px;
}

/*NUEVO FORMULARIO*/

div.megaeditor#editor_3146 {
padding-top: 40px;
}
div.megaeditor#editor_3146, 
#centro section#formulario_3146_162 {
background: #f3f5f7;
}
div.megaeditor#editor_3146 p {
  max-width: 740px;
  margin: 20px auto;
  padding: 0 10px;
}
#centro section#formulario_3146_162 {
margin: 0;
padding-bottom: 30px;
}
a#formulario_162 {
display: none;
}
#contenido h2#p_seccion_3146 {
margin: 0;
padding-top: 30px;
}
#centro section#formulario_3146_162 div.formulario {
max-width: 740px;
margin: 0 auto;
padding: 0 20px;
}
section#formulario_3146_162 div.formulario form label, 
section#formulario_3416_168 div.formulario form label {
width: 100%;
text-align: left;
font-size: 18px;
}
section#formulario_3416_168 div.formulario input[type="text"], 
section#formulario_3416_168 div.formulario textarea, 
section#formulario_3416_168 div.formulario input[type="button"], 

section#formulario_3146_162 div.formulario input[type="text"], 
section#formulario_3146_162 div.formulario textarea, 
section#formulario_3146_162 div.formulario input[type="button"] {
width: 100%;
}



/* SERVICIOS Y SUBVENCIONES --------------------------------------------------------------------------------- */
#centro section#div_seccion_3117 {
margin-bottom: 0;
}
#centro section.section-margin-0 {
margin-bottom: 0!important;
}
p.p-medio strong {
font-size: 1.3em;
}

#contenedor-servicios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
#contenedor-servicios.contenedor-servicios-detalle {
    grid-template-columns: repeat(1, 1fr);
border-top: 4px solid #e5ebf2;
border-bottom: 4px solid #e5ebf2;
}
#contenedor-servicios:before {
display: none;
}
.contenido-servicio {
padding: 40px 30px 0 30px;
}
.contenedor-servicios-detalle .contenido-servicio {
padding: 20px 30px 0 30px;
}
#contenedor-servicios .servicio {
max-width: 1000px;
margin: 0 auto;
padding: 45px 0 30px 150px;
background-repeat: no-repeat;
background-position: left 35px;
background-size: 120px;
}
#contenedor-servicios .servicio.servicio-detalle {
padding: 0 0 15px 150px;
background-position: left 0;
}
#contenedor-servicios .servicio.servicio-detalle strong {
font-size: 1.1em;
}
#contenedor-servicios .servicio.servicio-detalle em {
font-size: .8em;
}

#contenedor-servicios .servicio-cebra {
background: #f7f9fb;
}

#contenedor-servicios .servicio#servicio-web {
background-image: url("/UserFiles/images/TPViconos/web.svg");
}
#contenedor-servicios .servicio#servicio-comercio {
background-image: url("/UserFiles/images/TPViconos/comercio-electronico.svg");
}
#contenedor-servicios .servicio#servicio-redes {
background-image: url("/UserFiles/images/TPViconos/redes-sociales.svg");
}
#contenedor-servicios .servicio#servicio-crm {
background-image: url("/UserFiles/images/TPViconos/crm.svg");
}
#contenedor-servicios .servicio#servicio-bi {
background-image: url("/UserFiles/images/TPViconos/business-intelligence.svg");
}
#contenedor-servicios .servicio#servicio-oficinas {
background-image: url("/UserFiles/images/TPViconos/oficinas-virtuales.svg");
}
#contenedor-servicios .servicio#servicio-erp {
background-image: url("/UserFiles/images/TPViconos/erp.svg");
}
#contenedor-servicios .servicio#servicio-factura-e {
background-image: url("/UserFiles/images/TPViconos/factura-e.svg");
}
#contenedor-servicios .servicio#servicio-comunicaciones {
background-image: url("/UserFiles/images/TPViconos/comunicaciones-seguras.svg");
}
#contenedor-servicios .servicio#servicio-ciberseguridad {
background-image: url("/UserFiles/images/TPViconos/ciberseguridad.svg");
}

div.megaeditor .servicio p {
margin-bottom: 10px;
}

.enlaces-servicios {
text-align: right;
}
.enlaces-servicios a {
display: inline-block;
color: #fff;
background: #0298e0;
font-size: 12px;
font-weight: 600;
padding: 5px 20px;
vertical-align: middle;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.enlaces-servicios a:hover {
text-decoration: none;
background: #000;
}
.enlaces-servicios a.lnk-cta-kit {
font-size: 14px;
}
.enlaces-servicios a.lnk-subir-kit {
background: #69bce3;
}

div.megaeditor ul.lista-productos-gesio {
margin: 0;
padding: 0 0 20px;
 list-style-type: none;
}
div.megaeditor ul.lista-productos-gesio li {
display: inline-block;
}
div.megaeditor ul.lista-productos-gesio li a {
display: inline-block;
background: #e8ecf0;
color: #000;
margin: 0 10px 10px 0;
padding: 3px 20px;
font-size: 16px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.megaeditor ul.lista-productos-gesio li a:hover {
background: #0298e0;
color: #fff;
text-decoration: none;
}

/* DETALLES SERVICIO -------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
ul#soluciones-lista, div.megaeditor ul#soluciones-lista {
margin: 0;
padding: 0;
border-top: 4px solid #e5ebf2;
border-bottom: 4px solid #e5ebf2;
}
ul#soluciones-lista li, div.megaeditor ul#soluciones-lista li {
background-repeat: no-repeat;
background-size: 110px;
background-position: 25px 25px;
padding: 15px 20px 10px 150px;
}
ul#soluciones-lista li:before, div.megaeditor ul#soluciones-lista li:before {
display: none;
}
ul#soluciones-lista li:nth-child(odd), div.megaeditor ul#soluciones-lista li:nth-child(odd) {
background-color: #f7f9fb;
}
ul#soluciones-lista li h3, div.megaeditor ul#soluciones-lista li h3 {
padding: 10px 0;
text-transform: uppercase;
}
ul#soluciones-lista li strong, div.megaeditor ul#soluciones-lista li strong {
font-size: 1.2em;
}
ul#soluciones-lista li em, div.megaeditor ul#soluciones-lista li em {
font-size: .8em;
}

div.megaeditor ul li#ico-actualizable {
background-size: 80px;
background-position: 40px 20px;
}
div.megaeditor ul#soluciones-lista li ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
    align-items: stretch;

margin: 0;
padding: 0;
list-style-type: none;
}
div.megaeditor ul#soluciones-lista li  ul::before, 
div.megaeditor ul#soluciones-lista li  ul li::after {
display: none;
}
div.megaeditor ul#soluciones-lista li ul li {
background-image: url("/UserFiles/images/TPViconos/bullet01-azul.svg");
background-repeat: no-repeat;
background-size: 13px;
background-position: 7px 11px;
padding: 10px 15px 10px 25px;
line-height: 1;
font-size: 1.4em;
}
ul#soluciones-lista li ul li:nth-child(2n+1), div.megaeditor ul#soluciones-lista li ul li:nth-child(2n+1) {
  background-color: transparent;
}

/* PAGINA WEB ----------------------------------------*/
#web-dominio {
background-image: url("/UserFiles/images/TPViconos/ico-dominio.svg");
}
#web-hosting {
background-image: url("/UserFiles/images/TPViconos/ico-hosting.svg");
}
#web-disenyo {
background-image: url("/UserFiles/images/TPViconos/ico-disenyo.svg");
}
#web-posicionamiento {
background-image: url("/UserFiles/images/TPViconos/ico-posicionamiento.svg");
}
#web-seo {
background-image: url("/UserFiles/images/TPViconos/ico-seo.svg");
}
#web-responsive {
background-image: url("/UserFiles/images/TPViconos/ico-responsive.svg");
}
#web-autogestionable {
background-image: url("/UserFiles/images/TPViconos/ico-autogestion.svg");
}

/* ECOMMERCE ----------------------------------------*/
#shop-ecom {
background-image: url("/UserFiles/images/TPViconos/ico-ECOM.svg");
}
#shop-pago {
background-image: url("/UserFiles/images/TPViconos/ico-acuerdo-pago.svg");
}
#shop-envio {
background-image: url("/UserFiles/images/TPViconos/ico-envio.svg");
}
/* MAS ICONOS ----------------------------------------*/
#ico-clientes {
background-image: url("/UserFiles/images/TPViconos/ico-clientes-fidelizados.svg");
}
#ico-potenciales {
background-image: url("/UserFiles/images/TPViconos/ico-potenciales.svg");
}
#ico-oportunidades {
background-image: url("/UserFiles/images/TPViconos/ico-operadores.svg");
}
#ico-tareas-comerciales {
background-image: url("/UserFiles/images/TPViconos/lista.svg");
}
#ico-integracion {
background-image: url("/UserFiles/images/TPViconos/erp.svg");
}
#ico-flujos {
background-image: url("/UserFiles/images/TPViconos/ico-herramientas.svg");
}
#ico-actualizable {
background-image: url("/UserFiles/images/TPViconos/ico-reload.svg");
}
#ico-escalable {
background-image: url("/UserFiles/images/TPViconos/ico-apilar.svg");
}
#ico-erp {
background-image: url("/UserFiles/images/TPViconos/erp.svg");
}
#ico-tpv {
background-image: url("/UserFiles/images/TPViconos/registradora.svg");
}

#ico-colaboracion {
background-image: url("/UserFiles/images/TPViconos/ico-club.svg");
}
#ico-moviles {
background-image: url("/UserFiles/images/TPViconos/web.svg");
}

#ico-facturas {
background-image: url("/UserFiles/images/TPViconos/lista.svg");
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PERSIANA */
div.megaeditor ul#basics {
padding-left: 0;
margin-left: 0;
}
.cd-faq-items > ul, .cd-faq-items > ul > li {
    list-style: none !important;
}
.cd-faq-group > li {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.cd-faq-group > li.cd-faq-title {
    border: none;
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 996
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 996px) {

/* LOGOTIPO 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#capa-logos .col {
text-align: center;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px dotted #a1a9ad;
}
/* SOLUCIONES TPV
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bloque-3col#modulos-destacados, .bloque-3col#modulos-marketing, .bloque-3col#modulos-pagos, 
.bloque-4col#conectores-destacados, .conectores-comunes .bloque-4col {
    grid-template-columns: 1fr 1fr;
}

/* KIT DIGITAL
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#contenedor-servicios {
    grid-template-columns: repeat(1, 1fr);
}
.logos-kit {
  max-width: 90%;
}

#centro section#div_seccion_3414 {
  overflow: hidden;
  margin-bottom: 0;
}
#centro section.columna-presentacion, #centro section#formulario_3413_167, #centro section#formulario_3416_168 {
width: 100%;
}
#centro section#formulario_3416_168 {
  width: 96%;
margin-left: 2%;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 767px) {

#centro section.columna-presentacion {
padding: 30px 30px;
}
#body_cms #centro #contenido section.columna-presentacion h1, #body_cms #centro #contenido section.columna-presentacion h2, #centro section.columna-presentacion p.p-subtitulo {
  text-align: center;
}
#div_seccion_3415 div.megaeditor p {
padding-left: 5% !important;
padding-right: 5% !important;
}

/* SOLUCIONES TPV
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bloque-3col#modulos-destacados, .bloque-3col#modulos-marketing, .bloque-3col#modulos-pagos, 
.bloque-4col#conectores-destacados, .conectores-comunes .bloque-4col {
    grid-template-columns: 1fr;
}

/* KIT DIGITAL / 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.megaeditor ul#lista-solicitud-kit {
    display: block;
}
div.megaeditor ul#lista-solicitud-kit li > div div.solicitud-flecha {
transform: rotate(90deg);
margin: 0 auto;
}

/* PASOS */
div.bloque-pasos {
    grid-template-columns: 1fr;
}
div.bloque-pasos .img-responsive {
    max-width: 500px !important;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

section#div_seccion_1359 {
    margin: 15px auto 0;
}
#textoGracias {
    bottom: -70px;
}
section#div_seccion_1359 div.megaeditor h2 + p {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
/**/
.nombreProductoMayor {
  font-size: 18px;
}
.restoDatosProducto, .restoDatosProducto02 {
  font-size: 14px;
line-height: 1.2;
}
/* KIT DIGITAL / 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.body_cms_1927#body_cms #contenido h1 {
    font-size: 40px;
}
body.body_cms_1927#body_cms #contenido h2 {
    font-size: 35px;
}
body.body_cms_1927#body_cms div.megaeditor {
    padding: 0px ;
}
#editor_3416 p {
padding: 0!important;
}
div.megaeditor ul#parrilla-servicios li, 
.columna-presentacion div.megaeditor ul#parrilla-servicios li {
    width: 48%;
}
#contenedor-servicios .servicio {
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0 30px ;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 80px;
}
/**/
div.capa-recuerda {
    padding: 100px 30px 35px;
    background: #0298e0 url(/UserFiles/images/TPV2024/ico-alerta-blanco_trans.svg) no-repeat center 30px;
    background-size: 90px;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 450
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 450px) {

.body_cms_842 #contenido h2 {
margin-bottom: 10px;
}
#body_cms section#div_seccion_1359 div.megaeditor h2 + p {
font-size: 16px;
}

/* KIT DIGITAL
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.body_cms_1927#body_cms #contenido h1 {
    font-size: 35px;
}
body.body_cms_1927#body_cms #contenido h2 {
    font-size: 30px;
}
div.megaeditor ul.lista-indice {
    grid-template-columns: repeat(1, 1fr);
}
.enlaces-servicios a {
width: 100%;
margin-bottom: 10px;
text-align: center;
}

}

/*///////////////////// CSS DINÁMICO : Tamaño fancy campos input //////////////////////////*/

.contacto_email {
 width: 49%!important;
}
.quiero_llamada{ 
width: 45%;
font-size: 15px!important;
}
/*///////////////////// CSS DINÁMICO : Bloques 4 TPV ONLINE  //////////////////////////*/


.bloques.four .bloque{
      width: 22%;
}
.bloque.integracion_erp{
    background-image: url(/UserFiles/images/crecer.svg);
}
/*///////////////////// CSS DINÁMICO : Eliminar subrayadi //////////////////////////*/

#enlace_punto_venta{
color:#333334;
}
#_hj_feedback_container{
display:none;
}
/*///////////////////// CSS DINÁMICO : Whoabar //////////////////////////*/

.woahbar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
  z-index: 100000;
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #ff5c00;  /* << set custom bar color here */
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .4);
  -moz-box-shadow:0px 0px 10px 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow:0px 0px 10px 5px rgba(0, 0, 0, .4);
  border-bottom: 2px solid #fff;
  font-family: Georgia,Times New Roman,Times,serif;
}
.woahbar-stub {
  position: fixed;
  top: -10px;
  left: 0px;
  width: 100%;
  height: 19px;
  z-index: 100000;
  padding: 7px 0 5px 0;
  text-align: center;
}
.woahbar span {
  float: left;
  width: 95%;
  text-align: center;
  color: #fff;
} 
.woahbar-link {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #4c4c4c; /* Old browsers */
  background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
  background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.28);
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.28);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.28);
 color: #FFFFFF !important;
    font-size: 12px;
    padding: 5px 8px 4px;
}
.woahbar-link:hover {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #5c5c5c; /* Old browsers */
  background: -moz-linear-gradient(top, #5c5c5c 0%, #696969 12%, #777777 25%, #575757 39%, #3c3c3c 50%, #111111 51%, #111111 60%, #3b3b3b 76%, #2c2c2c 91%, #232323 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(12%,#696969), color-stop(25%,#777777), color-stop(39%,#575757), color-stop(50%,#3c3c3c), color-stop(51%,#111111), color-stop(60%,#111111), color-stop(76%,#3b3b3b), color-stop(91%,#2c2c2c), color-stop(100%,#232323)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5c5c5c 0%,#696969 12%,#777777 25%,#575757 39%,#3c3c3c 50%,#111111 51%,#111111 60%,#3b3b3b 76%,#2c2c2c 91%,#232323 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5c5c5c 0%,#696969 12%,#777777 25%,#575757 39%,#3c3c3c 50%,#111111 51%,#111111 60%,#3b3b3b 76%,#2c2c2c 91%,#232323 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5c5c5c 0%,#696969 12%,#777777 25%,#575757 39%,#3c3c3c 50%,#111111 51%,#111111 60%,#3b3b3b 76%,#2c2c2c 91%,#232323 100%); /* IE10+ */
  background: linear-gradient(top, #5c5c5c 0%,#696969 12%,#777777 25%,#575757 39);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.28);
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.28);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.28);
  color: white;
  padding: 2px 8px 1px 8px;
  text-decoration: none;
}
.close-notify {  
  float: right;
  margin-right: 22px;
  color: #fff;
  width: 17px;
  height: 19px;
  text-decoration: none;
  background-color: #ff5c00; /* << set custom bar color here */
  cursor:pointer;
}
.show-notify {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #ff5c00; /* << set custom bar color here */
  cursor:pointer;
}
a.woahbar-link:link, a.woahbar-link:visited {
    color: white !important;
}
.woahbar-link:hover {
    padding: 5px 8px 4px;
}
.woahbar-down-arrow {
    max-width: 30px;
}
/*///////////////////// CSS DINÁMICO : Comercia Glocal Payments //////////////////////////*/




.body_cms_1742_1844 #contenido::before {
display: none
}
section._sec_bloque-contenido#div_seccion_2764, 
section._sec_bloque-contenido#div_seccion_2764 h1 {
margin-top:!important;
}

section#div_seccion_2761 {
margin:0;
}

section._sec_bloque-contenido div.megaeditor h1 + p, 
section.bloque-contenido div.megaeditor h1 + p{
     font-size: 22px;
     font-weight: 300;
     line-height: 135%;
     text-align: center;
     padding-left: 4% !important;
     padding-right: 4% !important;
     text-aling: center;
}
section._sec_bloque-contenido{
     margin: 3% auto 3% !important;
}


#parrilla-ventajas {
max-width: 800px;
width: 100%;
margin: 20px auto 40px;
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
#parrilla-ventajas .col-ventaja {
width: 100%;
}
#parrilla-ventajas::before, #parrilla-ventajas::after {
display: none;
}
div#ventajasx5 {
        margin: 30px 0 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 	grid-template-rows: 1fr;
	grid-column-gap: 20px;	
	justify-items: stretch;
	align-items: stretch;
        padding: 0px 60px;
}
div#ventajasx5::before {
display: none;
}
div#ventajasx5 .col-ventaja {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	justify-items: stretch;
	align-items: stretch;
}
div#ventajasx5 .col-ventaja::before, div#ventajasx5 .col-ventaja::after {
display: none;
}

.col-ventaja .ventaja {
	background: #fff;
	padding: 0px 10px;
 	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
        text-align: center;
}
.col-ventaja .ventaja strong {
display: inline-block;
font-size: 1.2em;
}

.col-ventaja .ventaja img {
	max-width: 80%;
	height: auto;
	margin: 0 auto 0px;
}

.padding-col_izq_sec1 {
        padding: 45px 0px 0px 80px;
}
.padding-col_dcha_sec1 {
        padding: 0px 80px 0px 0px;
}
.padding-col_izq_sec2 {
        padding: 0px 0px 0px 80px;
}
.padding-col_dcha_sec2 {
        padding: 40px 80px 0px 0px;
}
.padding-col_izq_secpie {
        padding: 50px 0px 0px 170px;
}

#div_seccion_2764 div.megaeditor p{
          margin-bottom: 0px;
}
#div_seccion_2761 div.megaeditor p, #div_seccion_2760 div.megaeditor p{
          margin-top: 30px;
}
div.megaeditor .animatedParent p.boton_prueba{
         padding-top: 70px !important;
         padding-bottom: 0px !important;
}


.text-subIconos p{
     padding-left: 8% !important;
     padding-right: 8% !important;
     text-align: center;
    font-size: 22px !important;
}
div.megaeditor .tabla-tarifa td{
          font-size: 14px;
          font-weight: 400;
background: rgba(255, 255, 255, .8);
}
.fila-texto-destacado {
background: #f7f8f9;
padding: 40px 80px;
}

div.megaeditor .animatedParent p.boton_prueba {
     line-height: 100%;
}

/* BLOQUE CONTENIDO " COLUMNAS ///////////////*/
section#div_seccion_2768, section#div_seccion_2769 , section#div_seccion_2770 {
margin:0;
}
.bloque-contenido-2col {
display: grid;
	grid-template-columns: 1fr 1fr;
 	grid-template-rows: 1fr;
	grid-column-gap: 0;	
	justify-items: stretch;
	align-items: stretch;
}
.bloque-contenido-2col::before, 
.bloque-contenido-2col div::before, .bloque-contenido-2col div::after {
display: none;
}
.bloque-contenido-2col img{
margin: 0;
width: 100%!important;
height: auto;
}
#contenido .bloque-contenido-2col h2 {
text-align: left;
line-height: 1;
}
#contenido .bloque-contenido-2col .contenido-texto {
padding: 30px 60px;
}

div.megaeditor .contenido-imagen {
background: #e5e7eb;
background-size: cover;
}
div.megaeditor .contenido-imagen#imagen-commerce {
background-image: url("/UserFiles/images/TPV2020/commerce-analytics-cover.jpg");
}
div.megaeditor .contenido-imagen#pago-beneficios {
background-image: url("/UserFiles/images/TPV2020/gesio-comercia-global-payments-tarjeta-cover.jpg");
}
div.megaeditor .contenido-imagen#pago-integrado {
background-image: url("/UserFiles/images/TPV2020/integracion-tpv-cover.jpg");
}

/* BLOQUE DATOS EXTRA TARIFA ///////////////*/
.bloque-info-extra {
background: url("/UserFiles/images/TPV2020/datafono-datos-extra.png") no-repeat right top;
}
#bloque-extra-tarifa {
max-width: 700px;
margin: 0 auto;
}

/* BLOQUE FORMULARIO ///////////////*/
._sec_presentacion-alta-pago, #formulario_2767_152 {
padding: 0 3%;
margin: 0 auto 0!important;
max-width: 700px;
background: #f7f8fb;
}
#contenido ._sec_presentacion-alta-pago {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
._sec_presentacion-alta-pago div.megaeditor  p {
font-size: 14px;
}
#contenido ._sec_presentacion-alta-pago  h2 {
margin: 30px 0 0;
}
#contenido ._sec_presentacion-alta-pago  h4 {
margin: 5px 0 ;
text-align: center;
}

#formulario_2767_152 {
margin-bottom: 40px!important;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
#formulario_2767_152 div.formulario form label {
width: 100%;
text-align: left;
}
#formulario_2767_152 div.formulario input[type="text"], #formulario_2767_152 div.formulario textarea, #formulario_2767_152 div.formulario select, .filtro select, #formulario_2767_152 .filtro input[type="text"], #formulario_2767_152 .tablaFiltros select {
width: 100%;
}

/*//////////////////////////////////////////////////
ANCHOS EN PORCENTAJE HASTA 1024 
//////////////////////////////////////////////////*/
@media (max-width: 1024px) {
#contenedor-form {
	padding: 0 2%;
	grid-template-columns: 1fr;
}

div#ventajasx5 {
	
}


.botonPrueba {
    padding: 10px 50px;
}
.padding-col_izq_secpie {
    padding: 0px 0px 0px 80px;
}
}

/*//////////////////////////////////////////////////
ANCHOS EN PORCENTAJE HASTA 767 
//////////////////////////////////////////////////*/
@media (max-width: 765px) {

#body_cms.body_cms_1844  #contenido h1.normal {
    margin-top: 0px;
}
.body_cms_1844 div.megaeditor h2, .body_cms_1844 div.megaeditor h2 + p, .body_cms_1844 #_contacto_formulario {
    padding-left: 0 !important;
    padding-right: 5% !important;
}
.body_cms_1844 div.megaeditor h2 br {
display: none;
}

div#ventajasx5 {
	grid-template-columns:  1fr;
        padding: 0px 30px;
}
div.megaeditor h2 + p{
         padding-left: 0 !important;
         padding-right: 0 !important;
}
.padding-col_izq_sec1{
         padding: 45px 30px 0px 30px;
}
.padding-col_dcha_sec1 {
         padding: 0px 0px 0px 0px;
}
.padding-col_izq_sec2 {
    padding: 0px 0px 0px 0px;
}
.padding-col_dcha_sec2 {
    padding: 0px 30px 0px 30px;
}
.padding-col_izq_secpie {
    padding: 0px 30px;
}

#contenido .bloque-contenido-2col .contenido-texto {
    padding: 30px 30px;
}

div.megaeditor .fila-texto {
    margin-top: 40px;
    text-align: left;
}

#body_cms div.megaeditor{

}
#parrilla-ventajas {
padding: 0 2%;
}

.botonPrueba {
    font-size: 24px;
    padding: 10px 50px;
}
}

/*//////////////////////////////////////////////////
ANCHOS EN PORCENTAJE HASTA 600 
//////////////////////////////////////////////////*/
@media (max-width: 600px) {

#centro section#div_seccion_2761 h2 {
	font-size: 4rem;
}
#parrilla-ventajas {
    grid-template-columns: repeat(2, 1fr);
}
div#ventajasx5 {
	grid-template-columns: 1fr;
        padding: 0px 30px;
}
.bloque-contenido-2col {
    grid-template-columns: 1fr;
}
.bloque-contenido-2col .contenido-imagen {
display: none;
}

#contenido .bloque-contenido-2col .contenido-texto {
    padding: 30px ;
}

#body_cms div.megaeditor{
      padding: 0px 20px;
}
.col-ventaja .ventaja{
      padding: 0px;
}
.text-subIconos p {
    padding-left: 2% !important;
    padding-right: 2% !important;
    text-align: center;
    font-size: 18px !important;
}

}

/*//////////////////////////////////////////////////
ANCHOS EN PORCENTAJE HASTA 480 
//////////////////////////////////////////////////*/
@media (max-width: 480px) {

#parrilla-ventajas {
    grid-template-columns: repeat(1, 1fr);
}

}

/*///////////////////// CSS DINÁMICO : ICONOS contenido //////////////////////////*/



/*/////////////////////////////////////////////////////////////////////////////////////////
 GENERICOS
/////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-iconos li {
padding-top: 0!important;
}
.bloque-iconos img {
max-height: 60px;
margin: 0 auto 10px;
}
.bloque-iconos .bloque {
padding-top: 10px;
}
.bloque-iconos .bloque.centro,
.bloque.bloque-numerado.centro {
background-image: none;
}
.bloque-numerado, 
.bloque-numerado.bloque.centro {
background: none;
}
.bloque-numerado {
padding-top: 0;
}

#body_cms #contenido  .bloque-iconos h3 {
font-size: 23px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 7px;
}
#body_cms #contenido  .bloque-iconos p {
font-size: 16px;
  font-weight: 300;
  line-height: 1.35;
}
/**/
.bloque-cuatro .bloque {
    width: 21%;
}
/**/
#div_seccion_2681 .bloque {
padding-top: 0;
}
/* NUMERACION --------------------------------------*/
.bloque-numerado {
    padding-top: 0 !important;
}
.bloque-numerado::before {
content:"";
font-size: 35px;
font-weight: 600;
color: #2892d0;
display: inline-block;
width: 100px;
height: 100px;
margin-bottom: 10px;
border: 5px solid #2892d0;
text-align: center;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
display: flex;
margin: 0 auto 15px;
  align-items: center;
justify-content: center;
}
.bloque-numerado.bloque-1::before {
content:"1";
}
.bloque-numerado.bloque-2::before {
content:"2";
}
.bloque-numerado.bloque-3::before {
content:"3";
}
.bloque-numerado.bloque-4::before {
content:"4";
}
.bloque-numerado.bloque-5::before {
content:"5";
}
.bloque-numerado.bloque-6::before {
content:"6";
}
.bloque-numerado.bloque-7::before {
content:"7";
}
.bloque-numerado.bloque-8::before {
content:"8";
}
.bloque-numerado.bloque-9::before {
content:"9";
}
/**/


/*/////////////////////////////////////////////////////////////////////////////////////////
 ETIQUETAS DIGITALES
/////////////////////////////////////////////////////////////////////////////////////////*/
.todoterreno.excel {
background-image: url("/UserFiles/images/TPV2020/etiquetas-cambios-gris.svg");
}
.todoterreno.design {
background-image: url("/UserFiles/images/TPV2020/etiquetas-pintar-gris.svg");
}
.todoterreno.led {
background-image: url("/UserFiles/images/TPV2020/etiquetas-alertas-gris.svg");
}
.todoterreno.bateria {
background-image: url("/UserFiles/images/TPV2020/etiquetas-bateria-gris.svg");
}


/*/////////////////////////////////////////////////////////////////////////////////////////
OLD
/////////////////////////////////////////////////////////////////////////////////////////*/
.ico-grupos {
    background-image: url(/UserFiles/images/grupos.svg)!important;
    background-size: 85px auto;
}
.ico-lista-deseos {
    background-image: url(/UserFiles/images/TPVonline2018/lista-de-quehaceres.svg)!important;
    background-size: 85px auto;
}
.ico-doc-xml {
background-image: url(/UserFiles/images/icon-XML.png)!important;
    background-size: 85px auto;
}
/*///////////////////// CSS DINÁMICO : CONTACTO //////////////////////////*/



.body_cms_2043 #base, .body_cms_2043 #centro, .body_cms_2043 div.megaeditor {
  overflow: visible;
}
#body_cms.body_cms_2043 #contenido {
padding-bottom: 80px;
}
.body_cms_2043 #base {
  background-image: none;
  padding-bottom: 0;
}
#centro section#div_seccion_3670 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  text-align: center;
  overflow: visible;
  clear: both;
}
.google-maps.contenedor-responsive {
  width: 100%;
  padding: 0;
  height: inherit;
  margin: 0;
  min-height: inherit;
  overflow: hidden;
}
.google-maps.contenedor-responsive > iframe {
  height: 40vh !important;
  max-height: 400px;
  position: relative;
  margin: 0;
  top: inherit;
  left: inherit;
  width: 100%;
}
#contacto-dirección {
  background-color: #f3f5f7;
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 300;
}
div.megaeditor #contacto-dirección p {
  margin-bottom: 0;
}
div.megaeditor #contacto-dirección p span {
  margin-left: 15px;
}
div.megaeditor #contacto-dirección p.contacto-modo {
  font-size: 24px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}
div.megaeditor p.contacto-modo a {
  margin: 0 10px;
}

#editor_3671, 
#editor_4467 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 40px;
}
#logos-contacto {
  padding: 0 60px 0 30px;
}
#logos-contacto ul#clientes-contacto {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* CONTACTO SECTORES ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body.body_cms_2279 #centro {
padding: 30px 20px 0;
max-width: 1100px;
}
div.megaeditor#editor_4467 {
padding-right: 30px;
}
#body_cms #contenido #editor_4467 h1.normal {
text-align: left;
font-size: 41px;
}
div.megaeditor#editor_4467 p {
font-size: 21px;
}

#formulario_4467_205 div.formulario select {
width: 100%;
}
div.megaeditor#editor_4467 p.contacto-datos-sectores {
font-weight: 700;
font-size: 28px;
}
div.megaeditor#editor_4467 p.contacto-datos-sectores span {
font-size: .8em;
}
div.megaeditor#editor_4467 p.contacto-datos-sectores a {
display: inline-block;
padding: 10px 40px 12px 68px;
background: #f3f5f7;
color: rgb(125, 148, 159);
background-repeat: no-repeat;
background-position: 30px center;
background-size: 30px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
div.megaeditor#editor_4467 p.contacto-datos-sectores a:hover {
padding: 10px 45px 12px 68px;
background: rgb(26, 162, 227);
color: #fff;
background-repeat: no-repeat;
background-position: 30px center;
background-size: 30px;
}
div.megaeditor#editor_4467 p.contacto-datos-sectores.contacto-tlf {
padding: 20px 0 10px;
}
div.megaeditor#editor_4467 p.contacto-datos-sectores.contacto-tlf a {
background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-gris.svg");
}
div.megaeditor#editor_4467 p.contacto-datos-sectores.contacto-tlf a:hover {
background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-blanco.svg");
}
div.megaeditor#editor_4467 p.contacto-datos-sectores.contacto-email a {
background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-gris.svg");
}
div.megaeditor#editor_4467 p.contacto-datos-sectores.contacto-email a:hover {
background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-blanco.svg");
}

/* FORMULARIO CONTACTO ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
#centro section#formulario_3671_175, 
#centro section#formulario_4467_205,
#centro section#formulario_4539_208 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: 20px 40px;
  background-color: #f3f5f7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: right;
  margin-bottom: 80px;
}
#centro section#formulario_4539_208 {
float: none;
margin: 0 auto;
width: 700px;
left: 50%;
margin-left: -350px;
}
#formulario_3671_175 .formulario fieldset , 
#formulario_4467_205 .formulario fieldset, 
#formulario_4539_208 .formulario fieldset {
  margin: 0;
  padding: 0;
  background: transparent;
}
#formulario_3671_175 .formulario legend , 
#formulario_4467_205 .formulario legend, 
#formulario_4539_208 .formulario legend {
  display: none;
}
#contenido #formulario_3671_175 .formulario p , 
#contenido #formulario_4467_205 .formulario p, 
#contenido #formulario_4539_208 .formulario p {
  text-align: left;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 5px 0;
}
#formulario_3671_175 div.formulario form label, #formulario_3671_175 div.formulario input[type="text"], #formulario_3671_175 div.formulario form textarea, 
#formulario_4467_205 div.formulario form label, #formulario_4467_205 div.formulario input[type="text"], #formulario_4467_205 div.formulario form textarea, 
#formulario_4539_208 div.formulario form label, #formulario_4539_208 div.formulario input[type="text"], #formulario_4539_208 div.formulario form textarea {
  display: block;
  width: 100%;
  text-align: left;
}
#formulario_3671_175  .formulario fieldset[title*="Email"] p, 
#formulario_4539_208  .formulario fieldset[title*="Email"] p {
  width: 49%;
  display: inline-block;
}
#formulario_3671_175 .formulario fieldset[title*="Email"] p:last-child, 
#formulario_4539_208 .formulario fieldset[title*="Email"] p:last-child {
  float: right;
}
#formulario_3671_175  .formulario input.boton, 
#formulario_4539_208  .formulario input.boton {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 15px;
  width: 100%;
  margin-top: 15px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
#formulario_3671_175   .formulario fieldset[title*="Email"] p input[type="text"], 
#formulario_4539_208   .formulario fieldset[title*="Email"] p input[type="text"] {
  background-image: url("/UserFiles/images/TPV2022/form-phone.svg");
}
#formulario_3671_175  .formulario fieldset[title*="Email"] p:last-child input[type="text"], 
#formulario_4539_208  .formulario fieldset[title*="Email"] p:last-child input[type="text"] {
  background-image: url("/UserFiles/images/TPV2022/form-email.svg");
}
#formulario_3671_175   div.formulario p input[type="text"], 
#formulario_4539_208   div.formulario p input[type="text"] {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 25px;
  background-image: url("/UserFiles/images/TPV2022/form-user.svg");
}
#formulario_3671_175  #captcha , 
#formulario_4539_208  #captcha {
  margin: 0;
}
#formulario_3671_175  #captcha input, 
#formulario_4539_208  #captcha input {
  width: 160px !important;
  display: inline-block;
  font-size: 30px;
  vertical-align: bottom;
}

/* FORMULARIO CONTACTO FANCY----------------------------------------------------------------------------------------------------------------------------------------------------------- */
.body_cms_2104 {
  background-color: #f9f9f9;
padding: 30px;
}
#body_cms.body_cms_2104 .tidio-chat {
display: none;
}
#centro section#formulario_3708_176, section#formulario_3708_176 {
background: #f3f5f7;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 20px 40px;
  background-color: #f3f5f7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: right;
  margin-bottom: 0;
}
#formulario_3708_176 .formulario {
}
#formulario_3708_176 .formulario fieldset {
  margin: 0;
  padding: 0;
  background: transparent;
}
#formulario_3708_176 .formulario legend {
  display: none;
}
#contenido #formulario_3708_176 .formulario p {
  text-align: left;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 5px 0;
}
#formulario_3708_176 div.formulario form label, #formulario_3708_176 div.formulario input[type="text"], #formulario_3708_176 div.formulario form textarea {
  display: block;
  width: 100%;
  text-align: left;
}
#formulario_3708_176  .formulario fieldset[title*="Email"] p {
  width: 49%;
  display: inline-block;
}
#formulario_3708_176 .formulario fieldset[title*="Email"] p:last-child {
  float: right;
}
#formulario_3708_176  .formulario input.boton {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 15px;
  width: 100%;
  margin-top: 15px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
#formulario_3708_176   .formulario fieldset[title*="Email"] p input[type="text"] {
  background-image: url("/UserFiles/images/TPV2022/form-phone.svg");
}
#formulario_3708_176  .formulario fieldset[title*="Email"] p:last-child input[type="text"] {
  background-image: url("/UserFiles/images/TPV2022/form-email.svg");
}
#formulario_3708_176   div.formulario p input[type="text"] {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 25px;
  background-image: url("/UserFiles/images/TPV2022/form-user.svg");
}
#formulario_3708_176  #captcha {
  margin: 0;
}
#formulario_3708_176  #captcha input {
  width: 160px !important;
  display: inline-block;
  font-size: 30px;
  vertical-align: bottom;
}



#centro section.bloque-mapa {
padding-top: 30px;
}
#centro section.bloque-mapa .contenedor-responsive, 
#div_seccion_1485 .contenedor-responsive {
    padding-bottom: 26.25%;
}
/*////////////////////////////////////////////*/
#body_cms.body_cms_2028 #base, 
#body_cms.body_cms_2028 #centro, 
#body_cms.body_cms_2028 div.megaeditor, 
#body_cms.body_cms_2028 #centro section {
overflow: visible;
}
#body_cms.body_cms_2028 .contenedor-responsive {
  width: 100%;
}
#body_cms.body_cms_2028 #centro section {
margin-bottom: 0;
}
 section#script_3624, 
#bloque-contacto {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: #eceff2;
text-align: center;
}

#contenedor-contacto {
width 100%;
max-width: 1440px;
margin: 0 auto;
padding: 80px  40px 120px;
text-align: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#contenido  #contenedor-contacto h2{
text-align: left;
font-weight: 300;
font-size: 40px;
line-height: 1.1;
}

#contenido  #contenedor-contacto h3 {
text-align: left;
font-weight: 300;
font-size: 30px;
line-height: 1.1;
color: #000;
margin-top: 40px;
margin-bottom: 0;
}

#contenido  #contenedor-contacto p {
font-size: 21px;
font-weight: 300;
line-height: 1.2;
margin-top: 10px;
}

section#script_3624 div#div_pruebalo_ahora {
max-width: 100%!important;
margin: auto;
}

ul#clientes-contacto {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;

margin: 0;
padding: 0;
list-style-type: none;
}
ul#clientes-contacto li img {
  max-width: 100%;
  height: auto;
  filter: grayscale(30%);
}

/* FORMULARIO CONTACTO ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contenedor-contacto div.formulario form label, 
#contenedor-contacto div.formulario input[type="text"], 
div#contenido #contenedor-contacto div.formulario form textarea {
display: block;
width: 100%;
text-align: left;
}
#contenido  #contenedor-contacto .formulario p {
margin: 0;
}
#contenedor-contacto div.formulario p input[type="text"]  {
padding-left: 40px;
background-repeat: no-repeat;
background-position: 5px center;
background-size: 25px;
background-image: url("/UserFiles/images/TPV2022/form-user.svg");
}
#contenido  #contenedor-contacto .formulario fieldset[title*="Email"] p input[type="text"] {
background-image: url("/UserFiles/images/TPV2022/form-phone.svg");
}
#contenido  #contenedor-contacto .formulario fieldset[title*="Email"] p:last-child input[type="text"] {
background-image: url("/UserFiles/images/TPV2022/form-email.svg");
}
#contenido  #contenedor-contacto .formulario input.boton {
font-size: 18px;
font-weight: 300;
text-align: center;
padding: 15px;
width: 100%;
margin-top: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#contenido  #contenedor-contacto .formulario fieldset {
  margin: 0;
  padding: 0;
background: transparent;
}
#contenido  #contenedor-contacto .formulario legend {
display: none;
}
#contenido  #contenedor-contacto .formulario fieldset[title*="Email"] p {
width: 49%;
display: inline-block;
}
#contenido  #contenedor-contacto .formulario fieldset[title*="Email"] p:last-child {
float: right;
}
/* PAGINA GRACIAS ------------------------------------------------------------------------------------------------------*/
#contenido div.megaeditor #texto-contacto-enviado {
text-align: center;
}
#contenido div.megaeditor #texto-contacto-enviado h3 {
font-size: 45px;
font-weight: 300;
padding-bottom: 20px;
}
#contenido div.megaeditor #texto-contacto-enviado p {
font-size: 22px;
}
#contenido div.megaeditor #texto-contacto-enviado p span {
font-size: 0.8em;;
}

/* FORMULARIO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contenedor-contacto .campos > li.contacto_nombre,#contenedor-contacto  .campos > li.contacto_email {
  width: 100% !important;
  margin-right: 0%;
}
#contenedor-contacto .campos > li.contacto_telefono, 
#contenedor-contacto .campos > li.contacto_tiendas {
  width: 48% !important;
  margin-right: 0;
  display: inline-block !important;
  float: left!important;
}
#contenedor-contacto .campos > li.contacto_email {
  width: 48% !important;
  display: inline-block !important;
  float: right!important;
}
#contenedor-contacto .campos > li:last-child {
  float: right!important;
}

#campos_pruebalo_ahora :required {
  border-color: #dddddd;
}

#contenedor-contacto li.contacto_tiendas select {
width: 100%;
}
#contenedor-contacto div.pie_fancy {
display: none;
}

/* CAPA TEXTOS */
#contacto-textos {
text-align: center;
margin-top: -75px;
}
#contacto-textos img {
width: 100%;
max-width: 150px;
margin: 0 auto;
padding: 20px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#contenido div.megaeditor #contacto-textos h3 {
font-size: 40px;
}
#contenido div.megaeditor #contacto-textos p {
font-size: 21px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1480px) {
#centro section#formulario_3671_175 {
  width: calc(50% - 40px);
  margin-right: 40px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1280px) {
#logos-contacto {
  padding: 0 30px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {
#logos-contacto ul#clientes-contacto {
  grid-column-gap: 40px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 980
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 980px) {

#contenedor-contacto {
  padding: 40px 40px 120px;
}
#contenedor-contacto {
grid-template-columns: 1fr;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {
#editor_3671 {
  display: block;
  width: 100%;
}
#logos-contacto {
  padding: 0 40px;
}
#logos-contacto ul#clientes-contacto {
  grid-column-gap: 80px;
}
#centro section#formulario_3671_175, 
#centro section#formulario_4539_208  {
  width: calc(100% - 80px);
  margin: 20px auto;
  display: block;
}
#centro section#formulario_4539_208 {
left: auto;
margin-left: auto;
}



#contenido #contenedor-contacto h2 {
padding: 0;
}

#textos-contacto {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

/* FORMULARIO SECTORES */
#centro section#formulario_4467_205 {
margin-bottom:  30px;
}
#body_cms div.megaeditor#editor_4467, 
section#formulario_4467_205{
width: 100%;
padding: 0 30px;
float: none;
}
#body_cms div.megaeditor#editor_4467, 
section#formulario_4467_205{
padding: 0 0;
}

section#formulario_4467_205{
width: 100% !important;
    margin-left: 0;
    float: none !important;
}
#body_cms #contenido #editor_4467 h1.normal:first-child {
display: none;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {
#centro section#div_seccion_3672 {
  margin-bottom: 0 !important;
}
#logos-contacto {
  padding: 0 30px;
}
#centro section#formulario_3671_175, 
#centro section#formulario_4539_208 {
  padding: 0 30px 20px;
  float: none;
  margin: 0;
  background-color: transparent;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
div.megaeditor #contacto-dirección p span {
  margin-left: 0;
  display: block;
}
#logos-contacto ul#clientes-contacto {
  grid-column-gap: 60px;
}
#centro section#formulario_3671_175 , 
#centro section#formulario_4539_208 {
  float: none;
}


#contenedor-contacto {
  padding: 40px 20px 120px;
}
ul#clientes-contacto {
  grid-template-columns: 1fr 1fr 1fr;
}
#contenido #contenedor-contacto h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
}

/* CONTACTO SECTORES *****/
div.megaeditor#editor_4467 p.contacto-datos-sectores {
  font-size: 21px;
}



}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {
#logos-contacto ul#clientes-contacto {
  grid-column-gap: 40px;
}
div.megaeditor p, div.megaeditor li {
  font-size: 16px;
}
div.megaeditor #contacto-dirección p.contacto-modo {
  font-size: 18px;
}
div.megaeditor p.contacto-modo a {
  margin: 0 5px;
}
#formulario_3671_175 .formulario fieldset[title*="Email"] p, #formulario_3671_175 .formulario fieldset[title*="Email"] p:last-child, 
#formulario_4539_208 .formulario fieldset[title*="Email"] p, #formulario_4539_208 .formulario fieldset[title*="Email"] p:last-child {
  float: none;
  width: 100%;
}

#contenedor-contacto .campos > li.contacto_telefono, #contenedor-contacto .campos > li.contacto_email, #contenedor-contacto .campos > li.contacto_tiendas {
  width: 100% !important;
float: none; 
}
}
/*///////////////////// CSS DINÁMICO : LANDINGS 2022 //////////////////////////*/


#body_cms #galeria_imagenes_cabecera_3680 .textoSlide {
color: #000;
}
.contenedor-browser {
/*
display: inline-block;
margin: 0 auto;
width: fit-content;
block-size: fit-content;
*/
}
.contenedor-browser::before {
content:"";
display: block;
width: 100%;
height: 35px;
border: 1px solid #dfdfdf;

background: rgb(250,250,250) url("/UserFiles/images/landings_conectores/browser-mac.svg") no-repeat 15px 10px ;

background-size: auto 14px;

-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.contenedor-browser::after {
content:"";
display: block;
width: 100%;
height: 18px;
border: 1px solid #dfdfdf;
background: rgb(250,250,250) ;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.contenedor-browser .contenedor-responsive {
width: 100%;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 MICROSOFT DYNAMICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .slide {
opacity: 1!important;
}
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide {
  right: 50px;
  left: auto !important;
  top: 50px !important;
  bottom: auto !important;
  opacity: 1 !important;
  text-align: left;
  width: 550px !important;
  padding: 140px 0 0;
  background: #fff url("/UserFiles/images/landings_conectores/logo-dynamics.jpg") no-repeat left top;
  background-size: 100%;
  z-index: 1;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide  a.botonPrueba:hover {
text-decoration: none;
}
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide p strong {
display: inline-block;
}
#centro section#div_seccion_3687 {
padding: 0 4%;
}


/* CARACTERISTICAS */
.caracteristicas-3-col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;#fff;
}

.bloque-caracteristica {
position: relative;
overflow:hidden;
background: #fff;
/*
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
*/
height: 240px;
text-align: center;
}
.bloque-caracteristica img {
margin: 0 auto 15px;
}
#contenido div.megaeditor .bloque-caracteristica h3 {
font-size: 21px;
line-height: 1.2;
min-height: 60px;
margin-bottom: 15px;
}
#contenido div.megaeditor .bloque-caracteristica p {
font-size: 16px;
}
#contenido div.megaeditor .bloque-caracteristica p.p-masinfo {
font-size: 13px;
text-transform: uppercase;
}
#contenido div.megaeditor .bloque-caracteristica p.p-masinfo::before {
content: "";
display: inline-block;
width: 21px;
height: 21px;
background: url("/UserFiles/images/landings_conectores/ico-mas-gris.svg") no-repeat center center;
background-size: 100%;
vertical-align: sub;
margin-right: 5px;
}
div.caracteristica-contenido {
height: 240px;
z-index:1;
padding: 25px 15px 15px;
text-align: center;
position: relative;
}
div.caracteristica-contenido::after {
content:"";
display: block;
width: 120%;
height: 240px;
background: #4297da;
position: absolute;
left: -15px;
bottom: -240px;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
div.caracteristica-contenido:hover::after {
left: -15px;
bottom:0px;
}

div.caracteristica-hover {
height: 240px;
position: absolute;
bottom: -250px;
background: #fafafa;
z-index: 2;
padding: 0 25px 15px;
pointer-events: none;
border-top: 2px solid #4297da;

-webkit-transition: all 0.5s ease;                  
-moz-transition: all 0.5s ease;                 
-o-transition: all 0.5s ease;   
-ms-transition: all 0.5s ease;          
transition: all 0.5s ease;
}
.bloque-caracteristica:hover div.caracteristica-hover {
bottom: -10px;
}
.bloque-caracteristica div.caracteristica-hover .icono-caracteristica {
display: inline-block;
width: 60px;
background: #4297da;
padding: 0px 5px 10px;
margin-bottom: 10px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.bloque-caracteristica div.caracteristica-hover img {
max-width: 27px;
margin: 0 auto;
/*
margin: 0 auto 15px;
padding: 0 10px 10px;
background: #4297da;
-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
*/
}
#contenido div.megaeditor .bloque-caracteristica div.caracteristica-hover h3 {
font-size: 18px;
text-align: left;
line-height: 1;
min-height: auto;
margin-bottom: 5px;
}
#contenido div.megaeditor .bloque-caracteristica div.caracteristica-hover p {
text-align: left;
line-height: 1.3;
}
/**/
#centro section.bloque-video-landing .contenedor-responsive {
    padding-bottom: 46.25%;
}
#contenido .bloque-video-landing h2 {
    font-size: 35px;
padding: 10px 0 30px;
}
#centro section.bloque-video-landing .contenedor-responsive iframe {
    padding: 10px;
background: #242628;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/**/
div#slider3680 {
/*
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
*/
}
/* RELACIONADOS */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, 
.swiper-button-next, .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
display: none;
}
.swiper-pagination-bullet-active {
  background: #4297da!important;
}
.swiper-pagination-bullet {
  width: 15px!important;
  height: 15px!important;
}
.bloque-add-grande {
  padding-top: 50%;
}
.bloque-add-contenido {
  background: #fff;
}

/* CLIENTES TEST ----------------------------------------------------------------------------------------------------------------------------------- */
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
margin: 40px auto 60px;
}
#body_cms #galeria_imagenes_cabecera_3680 div.carrusel {
  max-width: 1440px;
  margin: 0 auto;
  text-align: left;
}
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  height: auto !important;
  padding-top: 28%;
}
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper .contentdiv {
  background-color: #f4f4f4;
}
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper img {
  max-width: 50.2%;
}
#body_cms #galeria_imagenes_cabecera_3680 .textoSlide {
  left: auto !important;
  width: 44% !important;
  right: 40px;
  background: transparent;
  top: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#body_cms #galeria_imagenes_cabecera_3680 .textoSlide::after {
  content: "En colaboración con";
  text-transform: uppercase;
  font-size: 10px;
  color: #808080;
  text-align: left;
  display: block;
  margin-top: 20px;
  letter-spacing: 1px;
  background-repeat: no-repeat;
  width: 300px;
  height: 70px;
  background-position: left bottom;
}
#body_cms #galeria_imagenes_cabecera_3680 #image_carrusel_0 .textoSlide::after, 
#body_cms #galeria_imagenes_cabecera_3680 #image_carrusel_3 .textoSlide::after {
  background-image: url(/UserFiles/images/logos/l-SOTHIS-horizontal.svg);
  background-size: 150px auto;
}
#body_cms #galeria_imagenes_cabecera_3680 #image_carrusel_1 .textoSlide::after, #body_cms #galeria_imagenes_cabecera_3680 #image_carrusel_2 .textoSlide::after {
  background-image: url(/UserFiles/images/logos/l-dinamizaTIC.svg);
  background-size: 200px auto;
  height: 60px;
}
#body_cms #galeria_imagenes_cabecera_3680 #image_carrusel_4 .textoSlide::after {
  background-image: url(/UserFiles/images/gesio2023/pollux-LR.svg);
  background-size: 130px auto;
}
#body_cms #contenido #galeria_imagenes_cabecera_3680 h1, #body_cms #contenido #galeria_imagenes_cabecera_3680 h2 {
  color: #1a1a1a;
  font-size: 30px !important;
  font-weight: 600;
  line-height: 1.1;
  padding-bottom: 0;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
  color: #1a1a1a;
  font-size: 18px !important;
  font-weight: 300;
  line-height: 160%;
  padding-left: 0;
}

#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .pagination a.prev {
  background-image: url("/UserFiles/images/landings_conectores/ArrowLeft-nero.svg");
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .pagination a.next {
  background-image: url("/UserFiles/images/landings_conectores/ArrowRight-nero.svg");
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1280px) {
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 33%;
}
#body_cms #contenido #galeria_imagenes_cabecera_3680 h1, #body_cms #contenido #galeria_imagenes_cabecera_3680 h2 {
  font-size: 26px !important;
}
#body_cms #contenido #galeria_imagenes_cabecera_3680 .textoSlide p {
  font-size: 16px !important;
}
}


 /*    ESTILOS HASTA 1024 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1024px) {

#body_cms #galeria_imagenes_cabecera_3680 div.carrusel {
  max-width: 800px;
  padding: 0 40px;
}
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  height: auto !important;
  padding-top: 130%;
}
#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper img {
  max-width: 100%;
  float: none;
}
#body_cms #galeria_imagenes_cabecera_3680 .textoSlide {
  position: relative;
  top: inherit !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px 30px !important;
  left: inherit !important;
  right: inherit !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#body_cms #contenido #galeria_imagenes_cabecera_3680 h1, #body_cms #contenido #galeria_imagenes_cabecera_3680 h2 {
  font-size: 26px !important;
  padding-top: 0;
}
#body_cms #contenido #galeria_imagenes_cabecera_3680 .textoSlide p {
  font-size: 16px !important;
  float: none;
}
}

 /*    ESTILOS HASTA 600 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 170%;
}
}

 /*    ESTILOS HASTA 480 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {

#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 200%;
}
#body_cms #contenido #galeria_imagenes_cabecera_3680 .textoSlide p {
  line-height: 1.4;
}
.pagination {
  right: 50%;
  margin-right: -65px;
  margin-bottom: 10px;
}
}

 /*    ESTILOS HASTA 440 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 440px) {

#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 220%;
}
}
 /*    ESTILOS HASTA 420 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 420px) {

#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 240%;
}
}
 /*    ESTILOS HASTA 400 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 400px) {

#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 260%;
}
}
 /*    ESTILOS HASTA 380 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 380px) {

#body_cms #galeria_imagenes_cabecera_3680 .sliderwrapper {
  padding-top: 280%;
}
}


/*///////////////////// CSS DINÁMICO : RESPONSIVE //////////////////////////*/

.versiones {
    display: none;
}
.img-responsive > img {
    height: auto !important;
    width: 100% !important;
}
.img-responsive {
    height: auto !important;
}
#mobnav-btn-cms, #mobnav-btn-prod {
  color: #FFF;
  font-size: 24px;
  padding: 10px 15px !important;
  line-height: 140%;
  background-color: #000000;
  width: 50px;
  height: 53px;
  margin-top: 27px;
  text-align: center;
}
.slide {
  overflow: hidden;
}
#texto_pie_auxiliar button.closeover {
    display: block !important;
    width: 98%;
    background-position: right top;
}
#cabecera #div_menu_superior_desplegable_cms {
  background-color: transparent !important;
}
#galeria_imagenes_cabecera_3710 .carrusel_flechas_galeria {
  display: none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1601px) {

/* MICROSOFT DYNAMICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide {
  right: 50px;
  top: auto !important;
  bottom: 50px !important;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1440
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1441px) {

/* HOME  //////////////////////////////////*/
#imagen_carrusel_1269_0 .textoSlide {
    left: 730px !important;
}
#imagen_carrusel_1269_1 .textoSlide {
   background-color: rgba(255, 255, 255, .5);
}

#imagen_carrusel_1269_3 .textoSlide {
    left: 725px !important;
    top: 20px !important;
}


}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1440
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1441px) {

.img-responsive.ilustracion_bottom {
  max-width: 120% !important;
  margin-left: -10%;
}
#body_cms_home #contenido .ilustracion_bottom h2 {
  font-size: 54px;
}
/* HOME  //////////////////////////////////*/
div.megaeditor ul.botones_demos li.demotienda > a {
    background-position: 60px 20px;
    padding-left: 115px;
}
div.megaeditor ul.botones_demos li.demotpv > a {
    background-position: 70px 20px;
    padding-left: 131px;
}
div.megaeditor ul.botones_demos li.demogestion > a {
    background-position: 100px 20px;
    padding-left: 158px;
}
/*SLIDER RESPONSIVE-----------------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home .sliderwrapper .contentdiv  {
    width: 100%;
}
#body_cms_home .sliderwrapper .contentdiv img {
    width: 100%;
    height: auto;
}
.contenedor-img-100 img {
    width: 100%!important;
    height: auto!important;
}
/* Carrusel home top */
#imagen_carrusel_1269_0 .textoSlide {
    left: 585px !important;
}
#imagen_carrusel_1269_1 .textoSlide {
   background-color: rgba(255, 255, 255, .5);
}
#imagen_carrusel_1269_2 .textoSlide {
    top: 0px !important;
    left: 580px !important;
}
#imagen_carrusel_1269_3 .textoSlide {
    left: 50% !important;
    top: 0px !important;
}
/*SLIDER CASOS DE EXITO-----------------------------------------------------------------------------------------------------------------------------------*/
#carrusel1278 .textoSlide, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide {
left: auto !important;
right: 50px;
opacity: 1 !important;
top: 10px !important;
text-align: left;
width: 450px !important;

}
/*************************************** 2 NIVELES *************************************/
.contenedor-img-100.img-100-home-ilustracion {
margin: 0 auto;
    padding-bottom: 85.5%;
    height: 0px !important;
    width: auto !important;
    overflow: hidden;
}
.contactadme_form {
    width: 50%;
}
.modulo_principal {
    width: 70%;
}
.features_izda {
    padding-left: 2%;
    width: 30%;
}
.features_dcha {
    padding-right: 2%;
    width: 30%;
}
.caracteristica {
    margin-right: 0;
}
div.megaeditor .modulo_principal li {
    background-position: left 3px;
    background-size: 17px auto;
    padding-left: 20px;
}
.caracteristica.fidelizaciontienda {
    margin-right: 3%;
    width: 50%;
}
.bg-tecnologias {
    background-size: 115% auto;
    padding-top: 33%;
}
.hardwarecompatible {
    padding: 2% 5% 3% 48%;
}
#cabeceraCarteltv {
    background-image: url("/UserFiles/images/bg_tienda.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    height: 48vw;
    position: relative;
    background-size: contain;
}
#cartel {
    border: 6px solid #000;
    position: absolute;
    top: 4%;
    right: 22%;
    width: 23vw;
}
#mando {
    position: absolute;
    top: 30vw;
    right: 10%;
    width: 22vw;
}
/*************************************** ILUSTRACION *************************************/
#ilustracion {
    background-position: center center;
    background-size: 1300px auto;
}
.grupoleyenda01 {
    left: 20px;
    top: 240px;
}
.nube1 {
    left: 300px;
    top: 140px;
}
.nube1 img {
    width: 385px;
}
.nube2 {
    top: 145px;
}
.nube2 img {
    width: 400px;
}
#punto_1_1 {
    bottom: 464px;
    left: 67px;
}
#punto_1_2 {
    bottom: 535px;
    left: 190px;
}
#punto_2_1 {
    bottom: 603px;
    left: 246px;
}
#punto_2_2 {
    bottom: 535px;
    left: 370px;
}
#punto_3_1 {
    right: 149px;
    top: 244px;
}
#punto_4_1 {
    left: 363px;
    top: 314px;
}
#punto_4_2 {
    right: 171px;
    top: 353px;
}
#punto_5_1 {
    right: 195px;
    top: 745px;
}
#punto_6_1 {
    left: 700px;
    top: 592px;
}
#punto_6_2 {
    right: 59px;
    top: 699px;
}
#punto_7_1 {
    bottom: 684px;
    left: 125px;
}
#punto_7_2 {
    bottom: 573px;
    right: 620px;
}
#punto_7_3 {
    bottom: 440px;
    right: 400px;
}
#punto_8_1 {
    bottom: 281px;
    left: 507px;
}
#punto_9_1 {
    left: 568px;
    top: 360px;
}
#punto_10_1 {
    left: 355px;
    top: 750px;
}
/*************************************** PRESTASHOP HOME *************************************/
#presta-home {
  left: 6%;
  width: 45%;
}
@keyframes presta-animacion {
0% { top: 18%; }
50% { top: 17%; }
100% { top: 18%; }
}
#crispin-home {
  width: 62%;
}
#body_cms_home #contenido div.megaeditor #presta-home-text h2, #contenido div.megaeditor #presta-home-text h2 {
  font-size: 44px;
}

/*************************************** FRANQUICIAS *************************************/
#body_cms #galeria_imagenes_cabecera_3699 .sliderwrapper {
    padding-top: 77%;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1400
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1400px) {

#base {
  background-size: 1400px;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1280px) {

#body_cms_home #contenido .ilustracion_bottom h2 {
  font-size: 48px;
}
#bloque-sectores {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
#body_cms_home div.galeria {
  padding: 0 4%;
  display: inline-block;
}
#body_cms_home div.fotoParrilla {
  margin: 0 2% 3%;
  width: 21% !important;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {
.carrusel {
    display: block;
}
section#script_1316 {
    display: none;
}
#base1024 {
    width: 100%;
}
div.megaeditor ul.botones_demos li span:last-child {
    font-size: 18px;
    height: 30px;
    left: 10px;
    padding: 0;
    top: -10px;
    width: 30px;
}
#body_cms #contenido h1.normal {
    font-size: 42px;
}
div.galeria {
  flex-wrap: nowrap;
}
/* HOME  //////////////////////////////////*/
header h1.home, #video_container > p {
    width: 100%;
}
div.megaeditor ul.botones_demos li > a {
    background-image: none !important;
    padding-left: inherit !important;
    text-align: center;
}
div.megaeditor ul.ventajasCloud li {
    margin-bottom: 20px;
    width: 30%;
}
.contactadme_form {
    width: 60%;
}


/* CARRUSEL -------------------------------------------------------------------------------------------------- */
#imagen_carrusel_1269_0 .textoSlide {
    left: auto !important;
    right: 0vw !important;
    top: 0 !important;
    width: 550px !important;
}
#imagen_carrusel_1269_1 .textoSlide {
    left: 20px !important;
    top: 0 !important;
}
#imagen_carrusel_1269_2 .textoSlide {
    left: 50% !important;
    top: 0px !important;
    width: 50% !important;
}

/* CARRUSEL CASOS DE EXITO -------------------------------------------------------------------------------------------------- */
#carrusel1278 .textoSlide, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide {
    left: 60% !important;
    top: 0px !important;
    width: 38% !important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p:first-child {
    font-size: 18px !important;
}

/* CARRUSEL HOME */
#bodegon-apple {
    display: ;
}
.bodegon-responsive {
display:none;
}

/* PRESTASHOP HOME -------------------------------------------------------------------------------------------------- */
#capa-aspas img {
  top: -150%;
left: -630px;
}

/********************************* CABECERA *************************************/
div.logo img {
    height: auto;
    width: 100%;
}

/*///////////////////////////////////////////// MENÚ DESPLEGABLE ///////////////////////////////////////////////////*/
.ddsmoothmenu {
    font-size: 15px;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited,  .ddsmoothmenu ul li a:hover {
    padding: 8px 10px !important;
}

/*///////////////////////////////////////////// SECTORES ///////////////////////////////////////////////////*/
#div_seccion_1434 #bodegon-apple, #div_seccion_1430 #bodegon-apple, #div_seccion_1437 #bodegon-apple, 
#div_seccion_1447 #bodegon-apple, #div_seccion_1443 #bodegon-apple, #div_seccion_1452 #bodegon-apple {
display: none;
}

/*///////////////////////////////////////////// TIENDA ONLINE ///////////////////////////////////////////////////*/
#div_seccion_2256 .laptop-tienda {
  left: -20px;
}
#div_seccion_2256 .ipad-tienda {
  right: 17px;
}
#div_seccion_2256 .iphone-tienda {
  right: 180px;
}

/*///////////////////////////////////////////// CONECTORES ///////////////////////////////////////////////////*/

/* MODULO PRESTASHOP
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.megaeditor .ventaja-prestashop.ventaja-b .contenido-imagen img {
  left: 0;
}

/*************************************** 2 NIVELES *************************************/
#formulario_1286_137 .formulario, section#div_seccion_1287 div.megaeditor, section#div_seccion_1300, section#div_seccion_1308, section#div_seccion_1292, section#div_seccion_1295, section#div_seccion_1296, section#div_seccion_1297, section#div_seccion_3700, .body_contenidos_adicionales_legal #centro #contenido, #body_contrasenya #contenido, #body_productos_listado #centro.dobleColumna, #body_productos_detalle #centro.dobleColumna, section#formulario_1360_139, section#div_seccion_1363, section#div_seccion_1359, section#div_seccion_1358, section#div_seccion_1370, section#div_seccion_1367 .grupo_feature, section#formulario_1364_140, .cuerponoticia, .noticias.titulares, section#comunicados_1301, #body_contenidos_adicionales #contenido, section#div_seccion_1375, section#div_seccion_1382, section#div_seccion_1383, section#div_seccion_1384, section#div_seccion_1386, .central, .body_cms_1456 #div_seccion_2074, .body_cms_1554 #div_seccion_2180, .body_cms_1455 #div_seccion_2073, .body_cms_1457  #div_seccion_2177, section#div_seccion_3694, section#div_seccion_3695, section#div_seccion_3696, section#div_seccion_3697, section#div_seccion_3698  {
    width: 85% !important;
}
div.noticias.titulares li img {
    margin-bottom: 12px;
}
#bloque.parrilla li {
    width: 33%;
}
.mac-ios {
    width: 65%;
}

#bodegon-apple.moda {
  display: none;
}
.bodegon, #bodegon-apple.moda.carrusel-home {
    display: block;
}

.modulo_principal {
    width: 85%;
}
.tit_ampliacion {
    font-size: 26px;
    font-weight: 600;
}
#contenido .datos_tienda > h2, .body_cms_840 #contenido h2 {
    font-size: 40px;
}
.datos_tienda {
    padding-bottom: 0;
}
.features {
    background-position: center 85%;
    background-size: 35% auto;
    padding: 0;
}
.features_izda {
    padding-left: 1%;
}
.features_dcha {
    padding-right: 1%;
}
.datos_tienda {
    padding-bottom: 3%;
}
.caracteristica.fidelizaciontienda {
    margin-right: 0;
    width: 100%;
}
.caracteristica.preciotienda {
    clear: none;
    float: left;
    margin-left: 30px;
}
.caracteristica.preciotienda > sup {
    font-size: 12px;
}
.botonPrueba {
    padding: 15px 30px;
}
    .google-maps {
        position: relative;
        padding-bottom: 36%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
section._sec_bloque-contenido-mayor {
    width: 90%;
}
/*************************************** ILUSTRACION *************************************/
#ilustracion {
    background-position: -15px 150px;
    background-size: 1100px auto;
}
.nube1 {
    left: 250px;
    top: 160px;
}
.nube1 img {
    width: 335px;
}
.nube2 {
    left: 636px;
    top: 130px;
}
.nube2 img {
    width: 335px;
}
.grupoleyenda01 {
    left: 10px;
}
.punto {
    font-size: 16px;
    height: 30px;
    width: 30px;
}
#punto_1_1 {
    bottom: 584px;
    left: 93px;
}
#punto_1_2 {
    bottom: 646px;
    left: 201px;
}
#punto_2_1 {
    bottom: 700px;
    left: 253px;
}
#punto_2_2 {
    bottom: 645px;
    left: 355px;
}
#punto_3_1 {
    left: 845px;
    right: inherit;
    top: 215px;
}
#punto_4_1 {
    left: 305px;
    top: 310px;
}
#punto_4_2 {
    left: 817px;
    right: inherit;
    top: 317px;
}
#punto_5_1 {
    left: 838px;
    right: inherit;
    top: 647px;
}
#punto_6_1 {
    left: 625px;
    top: 525px;
}
#punto_6_2 {
    left: 952px;
    right: inherit;
    top: 613px;
}
#punto_7_1 {
    bottom: 772px;
    left: 135px;
}
#punto_7_2 {
    bottom: 677px;
    left: 480px;
    right: inherit;
}
#punto_7_3 {
    bottom: 561px;
    left: 662px;
    right: inherit;
}
#punto_8_1 {
    bottom: 436px;
    left: 464px;
}
#punto_9_1 {
    left: 480px;
    top: 351px;
}
#punto_10_1 {
    left: 332px;
    top: 650px;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) { 

#body_cms_home #contenido h1, #body_cms_home #contenido h2, .body_cms_793 #contenido h2,  .body_cms_791 #contenido h2,  .body_cms_817 #contenido h2, .body_cms_840 #contenido h2, .body_cms_843 #contenido h2, .body_cms_842 #contenido h2 .body_cms_841 #contenido h2 {
    font-size: 36px;
}
.ilustracion-completa {
    display: block;
}
#ilustracion {
    display: none;
}

#body_cms #contenido h1.normal {
  font-size: 36px;
}
#body_cms_home #contenido h1 {
  margin-bottom: 10px;
}
#body_cms_home div.megaeditor h1 + p {
  font-size: 26px;
}
/********************************** CABECERA  ***********************************/
#cabecera {
    height: 80px !important;
}
#cabecera.sticky {
  height: 60px !important;
}
#cabecera.sticky div.logo {
  width: 130px;
}
.ddsmoothmenu {
  font-weight: 400;
}
/* HOME  //////////////////////////////////*/
#imagen_carrusel_1269_0 .textoSlide {
    left: 43% !important;
    right: auto !important;
    top: 20px !important;
    width: 52% !important;
}
#imagen_carrusel_1269_1 .textoSlide {
    width: 50vw !important;
}
#imagen_carrusel_1269_3 .textoSlide {
    width: 46% !important;
}
.textoSlide h1 {
    font-size: 28px;
}
.textoSlide p {
    font-size: 18px;
}
div.megaeditor ul.ventajasCloud li {
    background-size: 70px auto;
    font-size: 18px;
    padding-top: 90px;
}
div.megaeditor ul.ventajasCloud li span {
    font-size: 20px;
    margin-bottom: 0;
}
#contenido #carrusel1278 h2 {
    font-size: 18px !important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
    font-size: 14px !important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p:first-child {
    font-size: 16px !important;
    line-height: 140%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
    padding-left: 0 !important;
}
#body_cms_home div.galeria, #container, div.megaeditor ul.partners, div.megaeditor ul.clientesejemplo, div.megaeditor ul.logosclientes, div.megaeditor ul.ventarapida, div.megaeditor ul.listado_masinfo, .section_masinfo {
    padding: 0 5%;
    width: 100%;
}
section#div_seccion_1279 {
    padding-bottom: 0;
    padding-top: 50px;
}
#container {
    min-height: 475px;
}
div.megaeditor ul.listado_caracteristicas > li {
    padding-right: 4%;
    width: 34%;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(3n) {
    width: 30%;
}

div.megaeditor ul.clientesejemplo {
    padding: 0 1.5%;
}
div.megaeditor ul.listado_masinfo li a {
    background-position: center 25px;
    padding: 80px 10px 20px;
}
.contactadme_form {
    width: 70%;
}
/* CARRUSEL -------------------------------------------------------------------------------------------------- */
#contenido #carrusel1278 h2, #body_cms #contenido [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] h2 {
    font-size: 18px !important;
    font-weight: 600;
}
/***************************************  SIN COLAS *************************************/
.padding-banner {
    padding: 40px 0;
}

/*************************************** 2 NIVELES *************************************/
#formulario_1286_137 .formulario, section#div_seccion_1287 div.megaeditor, section#div_seccion_1300, section#div_seccion_1308, section#div_seccion_1292, section#div_seccion_1295, section#div_seccion_1296, section#div_seccion_1297, section#div_seccion_3700, .body_cms_840 #contenido {
    width: 85% !important;
}
#bloque.parrilla li {
    width: 100%;
}
.central .firmaempresa {
    margin-left: 0;
}
div.megaeditor .mac-ios > ul {
    margin-left: 40px;
}
.noticias.detalle > #bloque {
    float: none;
    height: inherit;
    margin: 0 auto;
    padding: 30px 4%;
    width: 85%;
}
.imagen-ficha-comunicado {
    float: none;
    height: inherit;
    margin: 0 auto;
    padding: 0 4% 4%;
    width: 85%;
}
.imagen-ficha-comunicado > img {
    height: auto;
    width: 100%;
}
div.paginador {
    text-align: center;
}
#slider3699.sliderwrapper {
    height: auto !important;
    padding-bottom: 77%;
}
#body_cms #contenido h1 {
    font-size: 50px;
}
#contenido h2.titPartners {
    font-size: 42px;
}
section#div_seccion_1284, section#div_seccion_1299, section#div_seccion_1334 {
    width: 85%;
}
.modulo_principal {
    width: 92%;
}
.precio_principal {
    padding: 0 4%;
}
.ampliaciones > img {
    height: auto;
    left: 43%;
    max-width: 50px;
    top: -30px;
}
.tit_ampliacion {
    font-size: 22px;
    margin-top: 20px;
}
.ampliaciones {
    margin-top: 4%;
    min-height: 250px;
    padding-bottom: 50px;
}
.precioAmpliacion {
    bottom: 0;
    top: inherit;
}
.ilustracion_tienda {
    bottom: inherit;
    clear: both;
    float: right;
    margin-right: 25%;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    width: 50%;
}
.datos_tienda {
    clear: both;
    margin-top: 0;
    padding: 3% 5%;
}
#contenido .datos_tienda > h2 {
    font-size: 40px;
    text-align: center;
}
.caracteristica.preciotienda {
    float: right;
    margin-left: 20px;
}
.base_tienda {
    margin-top: 50px;
}
.datos_tienda {
    padding: 3% 5%;
}
.caracteristica.fidelizaciontienda {
    margin-right: 5%;
    width: auto;
}
.caracteristica.preciotienda {
    float: left;
    margin-left: 5%;
    text-align: left;
}
.features {
    background-image: none;
    background-position: center bottom;
    margin-bottom: 0;
    padding-bottom: 0;
}
#contenido .features > h2 {
    font-size: 40px;
}
.features > h2 + p {
    font-size: 20px;
    width: 70%;
}
.features_izda, .features_dcha {
    text-align: left;
    width: 100%;
    margin: 0;
}
.features_izda div, .features_dcha div {
    float: left;
    padding-left: 2%;
    padding-right: 3%;
    width: 50%;
}
.feature1, .feature3 {
    margin-bottom: 0;
}
.bg-tecnologias, .tecnologias {
    width: 100%;
}
.bg-tecnologias {
    background-position: center center;
    background-size: 100% auto;
}
.ilustracion_hardwarecompatible {
    left: 4%;
    right: 60%;
}
.hardwarecompatible {
    padding: 2% 5% 3% 37%;
}
#formulario_1360_139 div.formulario {
    margin: 0 auto;
    width: 75%;
}
#formulario_1360_139 label {
    text-align: left;
    width: 100%;
}
section#formulario_1360_139 .elementosGrupoMultiple, section#formulario_1360_139 .tituloGrupoMultiple {
    width: 100%;
}
#formulario_1360_139 .elementosGrupoMultiple label {
    display: inline;
}
#formulario_1360_139 input[type="text"], #formulario_1360_139 textarea {
    width: 100%;
}
section#formulario_1360_139 .tituloGrupoMultiple, section#formulario_1360_139 .elementosGrupoMultiple {
    margin-left: 0;
}
/* */
section#div_seccion_1400 {
    max-width: 90%;
}
/* BLOQUE PRESTASHOP */
#body_cms_home #contenido div.megaeditor #presta-home-text h2, #contenido div.megaeditor #presta-home-text h2 {
  font-size: 34px;
}
/*************************************** FRANQUICIAS *************************************/
#body_cms #galeria_imagenes_cabecera_3699 .sliderwrapper {
    padding-top: 0;
}
/********************************************** PAGINA PRICING ********************************************/
#div_seccion_2199 div.megaeditor {
    padding-left: 15px;
    padding-right: 15px;
}
#centro section.section-tarifas div.megaeditor {
  padding-top: 100px;
}
.capa-plan {
    width: 100% !important;
    max-width: 600px;
    display: block;
    margin-top: 0;
    border: 4px solid #eeeff2 !important;
    margin-bottom: 50px;
    margin-left: auto !important;
    margin-right: auto;
}
.capa-plan > div {
  padding: 20px 40px 40px;
}
#plan-profesional {
    border: none !important;
}
.franjacentral, #contenido .capa-plan div.datosprincipales {
    height: inherit;
}
/* MICROSOFT DYNAMICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide {
  width: 40% !important;
  padding: 10% 0 0;
  right: 30px;
  bottom: auto !important;
  top: 30px !important;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {
#li_desplegable_cms_836 {
  display: none;
}
#boton-movil {
  background: none !important;
  bottom: 15px;
  width: 300px;
  margin-left: -150px;
  left: 50%;
  display: block;
}

/* PRESTASHOP HOME ---------------------------------------------------------------------- */
#capa-aspas img {
  top: -110%;
left: -50%
}
/* CARACTERISTICAS HOME ---------------------------------------------------------------------------- */
.contenedor-caracteristicas .container {
  width: 100%;
}

/* CARRUSEL IMAGENES / TEXTOS ---------------------------------------------------------------------------- */
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p:first-child {
  font-size: 14px !important;
  line-height: 140%;
}
#contenido #carrusel1278 h2, #body_cms #contenido [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] h2 {
  font-size: 16px !important;
  font-weight: 600;
  margin-bottom: 10px;
}
.todoterreno {
  background-position: 5% 35%;
  margin: 20px auto !important;
  min-height: inherit;
  padding: 20px 20px 10px 100px;
  width: 100%;
  max-width: 500px;
  float: none;
}

/*///////////////////////////////////////////// TIENDA ONLINE ///////////////////////////////////////////////////*/
#div_seccion_2256 .laptop-tienda {
  left: -200px;
}
#div_seccion_2256 .ipad-tienda {
  right: -40px;
}
#div_seccion_2256 .iphone-tienda {
  right: 140px;
}


/*///////////////////////////////////////////// CONECTORES ///////////////////////////////////////////////////*/

/* MODULO PRESTASHOP
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contenedor-ventajas-prestashop {
  padding: 15px 50px!important;
}

/* MICROSOFT DYNAMICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide {
  width: 40% !important;
  padding: 13% 0 0;
  right: 0;
  bottom: auto !important;
  top: 0 !important;
  -webkit-border-radius: 20px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide p {
  color: #000000;
  font-size: 14px !important;
  font-weight: 300;
  line-height: 120%;
}
.caracteristicas-3-col {
  grid-template-columns: 1fr 1fr;
}
ul.mini {
    width: 49%;
}
}
 /*    ESTILOS HASTA 850 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 850px) {

/* PRESTASHOP HOME */
#capa-aspas img {
  top: -80%;
  left: -50%;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px) {
#li_desplegable_cms_836 a {
  position: fixed;
  bottom: 20px;
  width: calc(100% - 40px);
  left: 10px;
  text-align: center;
  z-index: 999999;
  display: block;
}
.col-xs-6 {
  width: 49.5%;
}
#body_cms_home div.fotoParrilla {
  margin: 0 2% 3%;
  width: 46% !important;
}
div.megaeditor h2, div.megaeditor h2 + p, #_contacto_formulario {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
body.body_cms_1604 div.megaeditor h2 + p  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.body_cms_1821_1844 #contenido .contenido-texto h2,body.body_cms_1821_1844 div.megaeditor h2 + p {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.columnas-ficha {
    column-count: 2;
}
.fotoParrilla div.recorte {
  border: none;
  width: inherit !important;
  height: inherit !important;
}
div.fotoParrilla {
  float: none;
  margin-right: 30px;
}




/*************************************** HOME *************************************/
#body_cms_home #contenido h1 {
  padding-left: 5%;
  padding-right: 5%;
}
#body_cms_home div.megaeditor h1 + p span {
  display: block;
}
#bloque-sectores.sectores-home {
  grid-template-columns: 1fr 1fr 1fr;
}
.ilustracion_bottom {
  background-color: #f4f5f7;
}
#body_cms_home div.megaeditor p.leyenda-tienda {
  margin-top: 0;
}
#body_cms_home #contenido .ilustracion_bottom h2 {
  font-size: 36px;
  font-weight: 400;
}
/* CARRUSEL TOP -------------------------------------------------------------------------------------------------- */
#imagen_carrusel_1269_0 .textoSlide {
    left: 44% !important;
    right: auto !important;
    top: 100px !important;
    width: 57% !important;
}
#imagen_carrusel_1269_3 .textoSlide {
    left: 43% !important;
    top: 110px !important;
    width: 55% !important;
}
.textoSlide p {
display: none;
}
#carrusel1278 .textoSlide p, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
    display: block;
}
.textoSlide h1, .textoSlide h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0;
}
/**/
.contenedor-responsive {
    width: 90%;
}
/**/
#video_container, #video_container > p, header h1.home {
    display: none;
}
.carrusel {
    display: block;
}
div.megaeditor ul.botones_demos li span:last-child {
    font-size: 16px;
    height: 25px;
    width: 25px;
}
div.megaeditor ul.ventajasCloud-i {
    margin: 10px auto;
}
#body_cms_home #centro {
    margin: 0;
    width: 100% !important;
}
#slider1269.sliderwrapper {
    padding-bottom: 49%;
}
#container {
    min-height: 600px;
}
div.megaeditor ul.botones_demos li {
    font-size: 16px;
}
div.megaeditor ul.botones_demos li span {
    font-size: 22px;
}
div.megaeditor ul.botones_demos li > a {
    padding-bottom: 7%;
    padding-top: 5%;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(3n), div.megaeditor ul.listado_caracteristicas > li {
    width: 49%;
    padding-right: 4%;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(2n-1) {
    width: 51%;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(2n) {
    padding-right: 0;
    width: 47%;
}
div.megaeditor ul.logosclientes {
  grid-template-columns: 1fr 1fr 1fr;
}
div.megaeditor ul.partners li {
  width: 45%;
  background-position: center 0;
  background-size: 70% auto;
  padding-bottom: 15px;
  padding-top: 114px;
}
div.megaeditor ul.partners li, div.megaeditor ul.partners li:nth-child(2), div.megaeditor ul.partners li:nth-child(5), div.megaeditor ul.partners li:nth-child(8) {
    margin-left: 1.5%;
    margin-right: 1.5%;
}
div.megaeditor ul.partners li.apple {
    background-position: center 30px;
    background-size: 50px auto;
}
#carrusel1278 .sliderwrapper {
    height: auto !important;
    padding-top: 80%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper {
    height: auto !important;
    padding-top: 85%;
}
#slider1278.sliderwrapper .textoSlide {
    left: 0 !important;
    top: 71% !important;
    width: 100% !important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="slider"].sliderwrapper .textoSlide {
    left: 0 !important;
    top: 66% !important;
    width: 100% !important;
}
#slider1278.sliderwrapper .textoSlide, #slider1278.sliderwrapper .slide:nth-child(5)  .textoSlide, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="slider"].sliderwrapper .textoSlide {
    background: transparent;
}
#carrusel1278 .sliderwrapper img, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper img {
    max-width: 100%;
}
div.megaeditor ul.clientesejemplo li {
    width: 49%;
}

div.megaeditor ul.ventarapida {
    margin: 0;
}
div.megaeditor ul.ventarapida li {
    margin-bottom: 3%;
    min-height: inherit;
    width: 100%;
    padding: 10px 15px;
}
div.megaeditor ul.ventarapida li:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
}
.contactadme_form {
    width: 85%;
}
#centro {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}
div.megaeditor ul.ventajasCloud-i li {
    margin-right: 3%;
    width: 30%;
}

div.megaeditor ul.partners li a {
    padding-bottom: 20px;
}

/**/


/*
.pagination {
    bottom: 10px;
    right: auto;
    left: 10px;
    padding: 3px 3px 5px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.pagination a {
    opacity: 0.7;
}
*/
#body_cms_home #contenido .section_caracteristicas h2 {
  text-align: center;
}



/* PRESTASHOP HOME -------------------------------------------------------------------------------------------------- */
#bloque-presta-home {
  grid-template-columns: 1fr;
}
#presta-home-img {
  padding: 0 0 50%;
}
#contenido div.megaeditor #presta-home-text h2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@keyframes presta-animacion {
0% { top: 41%; }
50% { top: 40%; }
100% { top: 41%; }
}

#capa-aspas img {
  top: -30%;
  left: -20%;
}

/* LIGHTBOX ---------------------------------------------------------------------------------------------------------------- */
#lightbox-container-image-box {
    width: 100%!important;
    height: auto!important;
}
#lightbox-container-image-box img {
    max-width: 100%!important;
    height: auto!important;
}

/***************************************** GENERICOS *************************************/
div.galeria, div.megaeditor, #contenido .seccion, div.noticias, #contenido h3, #enviar_amigo_div, #comentar_comunicado_div, #comentar_comunicado_div, div.filtro, div.listados, #navePestanyas, div.formulario, #contenido #areaPrivada, div.adicional_noticias, #entrada, .contenedor {
    margin-right: 0;
    margin-left: 0;
}
iframe[id^="carrusel"] {
    width: 0;
}

#contenido h2, .datos_tienda > h2, #body_contenidos_adicionales #contenido h1 {
    font-size: 35px;
    line-height: 1.1;
    padding: 0 20px;
}
body.body_cms_1604 #contenido h2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 10px;
}
/*************************************** SECCIONES *************************************/
/* CASHOLOGY -------------------------------------------------------------------------------------------------- */
.lista-3-col {
    grid-template-columns: repeat(2, 1fr);
}
#formulario_3036_159 .formulario {
    padding: 0 20px;
}

/**/
.capa-habilidad {
    background-repeat: no-repeat;
    padding-left: 0;
    margin-bottom: 50px;
    padding-top: 100px;
    text-align: center;
    background-position: center top!important;
}

/******************************************* CLIENTES ***************************************/
.pestanyaCliente {
    padding-left: 0;
}
div.mapaGoogle {
    width: 100%;
}
/******************************************* CABECERA ****************************************/
#mensajeCabecera span {
display: none;
}
div.logo {
  left: 50px;
}
#capaLoginTop {
    display: none;
}
/* ICO MAS 1 NIVEL */
li#li_desplegable_cms_791 >  a, #li_desplegable_cms_861 > a {
    padding-right: 30px!important;
    background-image: url("/UserFiles/images/TPViconos/ico-mas-gris.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 13px;
    background-size: 16px;
}
.ddsmoothmenu .menuAbierto, div[class^="ddsmoothmenu nav_menu_movil_"] .menuAbierto {
    display: block !important;
    max-height: 500px;
    overflow: auto;
}
#cabecera.sticky .ddsmoothmenu {
    margin-top: -28px;
}
/*///////////////////////////////////////////// MENÚ AUXILIAR ///////////////////////////////////////////////////*/
#menuTop ul li a:link, #menuTop ul li a:visited {
    padding: 0;
}

/*///////////////////////////////////////////// MENÚ DESPLEGABLE ///////////////////////////////////////////////////*/
#mobnav-btn-cms {
    display: block !important;
}
.ddsmoothmenu {
    display: block;
    z-index: 9999;
    margin-right: 0;
    margin-top: -1px;
    position: absolute;
    width: 100%;
    font-size: 16px;
}
.ddsmoothmenu > ul {
    display: none !important;
    border-bottom: 4px solid #dde0e3;
    background-color: #fff;
    white-space: initial;
}
.ddsmoothmenu ul li {
display: block!important;
}
.ddsmoothmenu ul li:last-child {
    border-bottom: 1px solid #dddddd;
}
#li_desplegable_cms_1604, #li_desplegable_cms_1605, #li_desplegable_cms_1606, #li_desplegable_cms_1607, #li_desplegable_cms_1608, #li_desplegable_cms_1609, #li_desplegable_cms_1621 {
    display: block;
}
.ddsmoothmenu ul li:hover {
    position: inherit;
}
.ddsmoothmenu ul li ul {
    border: none;
position: relative;
width: 100%!important;
}
.ddsmoothmenu ul li ul li a {
  width: 100%;
  font-size: 16px;
}
.ddsmoothmenu ul li ul li ul {
    left: 0 !important;
    position: relative;
    width: 100% !important;
}
.rightarrowclass {
	transform: rotate(90deg);
}
#li_desplegable_cms_790 {
    display: none;
}
#li_desplegable_cms_836 {
    display: block;
    background: #f3f5f7;
    float: none;
}
.ddsmoothmenu #li_desplegable_cms_836 > a {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    text-align: center;
    margin-left:0;
    background-color: #0298E0;
    color: #fff;
    border: 15px solid #f3f5f7;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:hover {
    border-bottom: 1px solid #eee;
    font-weight: 400;
    padding: 10px 15px !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] {
    width: 100%;
}
.ddsmoothmenu ul > li > a:link, .ddsmoothmenu ul > li > a:hover,  .ddsmoothmenu ul > li > a:visited {
    background-color: #e9ebed;
}
.ddsmoothmenu ul  li ul li a:link, .ddsmoothmenu  ul  li ul li a:hover,  .ddsmoothmenu  ul  li ul li a:visited {
    background-color: #fff;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a:active {
    padding-left: 30px !important;
}
.ddsmoothmenu ul li ul li a.conSubmenu {
    background-image: url("/UserFiles/images/TPViconos/ico-mas-gris.svg");
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) 13px;
    background-size: 16px;
    background-color: rgb(243, 245, 247) !important;
    color: initial;
    border-left: 4px solid #e9ebed !important;
    font-weight: 500;
}
.ddsmoothmenu ul li ul li:hover a.conSubmenu, .ddsmoothmenu ul li ul li a.conSubmenu:hover {
    background-image: url("/UserFiles/images/TPViconos/ico-mas-gris.svg");
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) 13px;
    background-size: 16px;
}
.ddsmoothmenu ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li a:hover, .ddsmoothmenu ul li ul li ul li a:active {
    padding-left: 50px !important;
}
.ddsmoothmenu ul li ul li ul li a::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: rgb(68, 68, 68);
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 8px;
}
/********************************************** PAGINAS CMS ******************************************/
/*TIENDAS ONLINE */
#tiendas-gesio .col {
    text-align: center;
}
#tiendas-gesio .col strong {
    font-size: 1.5em;
}
.bloque-cuatro .bloque {
    width: 100%!important;
    display: block;
}

/*///////////////////////////////////////////////////////////////////////////////////// CONECTORES ///////////////////////////////////////////////////////////////////////////////////////////*/

/* MODULO PRESTASHOP
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ventaja-prestashop {
  grid-template-columns:  1fr!important;
padding: 30px 0 0!important;
}
div.megaeditor .ventaja-prestashop .contenido-imagen {
text-align: center;
}
div.megaeditor .ventaja-prestashop.ventaja-a .contenido-imagen {
order: -1;
}
div.megaeditor .ventaja-prestashop .contenido-imagen img {
  width: 100%!important;
  max-width: 350px!important;
position: relative!important;
  top: 0!important;
  left: auto!important;
margin: 0 auto!important;
}


/********************************************** FICHA ******************************************/
#body_productos_detalle.body_productos_detalle_435 div.datosProducto, #body_productos_detalle.body_productos_detalle_425 div.datosProducto {
    margin-top: 25px !important;
}
#body_productos_detalle div.datosProducto {
    float: left;
    width: 100%;
}
div.imagen, div.datosFicha {
    width: 100%;
}
table.ficha td.descripciones, table.ficha td.descargas, table.ficha td.familiasRelacionadas, table.ficha td.fechaLanzamiento, table.ficha td.camposDinamicos, table.ficha td.fichaMarca, table.ficha td.fechaPrelanzamiento {
    padding-left: 0;
    padding-right: 0;
}
.contentstyle {
    margin: 0;
    padding: 0;
}
div.megaeditor p, table.ficha td.descripciones {
    padding: 0;
}
#valorar_producto_div, #solicitar_info_div, #comentar_comunicado_div, div.noticias #enviar_amigo_div {
    margin-left: 0;
    margin-right: 0;
}
.descripcionLarga img, .descripcionLarga iframe {
    max-width: 100%;
}
/******************************************* LISTADOS ********************************************/
.baseTablaMini, .baseTablaFoto, .baseTablaColumnas, .baseTablaFilas {
    width: 100%;
}
table.visualizacion {
    width: 100%;
}
table.visualizacion td#td_productos_orden {
    padding-left: 0;
}
table.visualizacion.top td#td_productos_vistas {
    padding-right: 0;
}
/*///////////////////////////////////////////// FILAS //////////////////////////////////////*/
ul.filas li.imagen {
    width: 35%;
    margin-right: 3%;
}
ul.filas li.datosProducto {
    width: 60%;
}
ul.filas ul.grupoDcha {
    width: 100%;
    display: inline-block;
}
ul.columnas {
    width: 100%;
}
/********************************************** COMPRA *******************************************/
body#areaCompra .ilustracion > img {
    height: auto;
    max-width: 100%;
}
body#areaCompra #centro {
    margin-left: 2%;
    margin-right: 2%;
    width: 96% !important;
}
#paso01, #paso02, #paso03, #paso04, #paso05 {
 margin-left: 0;
 margin-right: 0;
}
div.overflow {
 overflow: auto;
 margin-bottom: 2%;
}
.tablaProcesoCompra {
 margin: 0 auto;
 width: 100%;
}
/*////////////////////////////////////////////// PASO 2 (MIS DATOS) //////////////////////////////////////////////*/
#paso02 .cajaCompra01.dosColumnas {
 width: 100%;
}
#paso02 .cajaCompra01 {
 float: none;
 margin-right: 0;
 width: 100%;
 margin-bottom: 0;
}
#paso02 .cajaCompra02, #paso02 .cajaCompra02.unaColumnaLogeado {
 float: none;
 margin-left: 0;
 width: 100%;
}
.cajaCompra01, .cajaCompra02 {
    padding: 3% 5%;
}
/*////////////////////////////////////// PASO 3 (FORMA DE PAGO) ////////////////////////////////////////////*/
#paso03 .cajaFormaPago {
    padding: 3% 5%;
    width: 90%;
}

/*////////////////////////////////////// 2 NIVELES ////////////////////////////////////////////*/

div.noticias.moduloFilas li img {
    max-width: 50%;
    margin-bottom:10px;
}
#body_cms #centro {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}
#body_cms #contenido h1 {
    font-size: 40px;
}
#contenido h2.titPartners {
    font-size: 36px;
}
div.megaeditor .modulo_principal > ul {
    font-size: 16px;
}
.ampliaciones {
    margin-left: 0 !important;
    min-height: inherit;
    padding-bottom: 3%;
    width: 100%;
}
.precio_principal {
    padding: 0;
}
.precioAmpliacion {
    bottom: inherit;
    top: 0;
}
.tit {
    font-size: 56px;
}
.precio_modulo {
    font-size: 100px;
    margin-left: 20px;
}
.datos_tienda {
    padding: 3% 5%;
}
.caracteristica.pasarela {
    margin-bottom: 20px;
    margin-right: 9px;
}
.logoPartner {
    margin-bottom: 20px;
}
.partner > p {
    clear: both;
    float: none;
    color: #000000;
}
.ilustracion_hardwarecompatible {
    display: none;
}
.hardwarecompatible {
    padding: 3% 8%;
}
.feature {
    margin-right: 0 !important;
    width: 100%;
text-align: center;
}

#jquery_alert {
    left: 0 !important;
    position: fixed !important;
    top: 30px !important;
    width: 100% !important;
    margin-left: 0;
}
.botonPrueba {
    font-size: 24px;
    padding: 15px 25px;
}
.body_contenidos_adicionales_legal #centro, #body_contrasenya #centro {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}
div.formulario form label.emaiRecuperacion {
    width: 15%;
}
div.formulario input.emaiRecuperacion {
    width: 55%;
}
div.formulario input.boton.recuperacion {
    width: 25%;
}
.section_mac-ios {
    background-image: none;
}
.mac-ios {
    width: 90%;
}
div.megaeditor .mac-ios > ul {
    margin-left: 0;
}
#body_cms #contenido [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] h1, #body_cms #contenido [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] h2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/********************************************** PAGINA CASHLOGY ********************************************/
.subseccion.enlaces {
    display: block;
}
.subseccion.enlaces span.tituloenlace {
    display: block;
    padding-bottom: 10px;
}
.subseccion.enlaces span.tituloenlace a {
    display: block;
    width: 100%!important;
}


/********************************************** PAGINA PRICING ********************************************/
#testimonio-pricing {
    text-align: center;
}
#testimonio-pricing > img {
    float: none;
    margin-right: 0;
}
.datos-dcha {
    float: none;
    width: 100%;
    text-align: left;
}

/*************************************** LANDINGS *************************************/
/*//////////////////////////////////////////////// BLACKFRIDAY 2021 //////////////////////////////////////////////////////*/
#imagen_2940 img {
    max-width: 90%;
}
section#div_seccion_2931 div.megaeditor {
    max-width: 90%;
}
section#div_seccion_2931 div.megaeditor p {
    font-size: 18px;
}
#div_seccion_2937, #formulario_2933_156 {
    width: 100%;
    float: none;
    padding: 10px 5%;
}
#contenido section#div_seccion_2937 {
    margin-bottom: 0;
}
#contenido section#div_seccion_2937 h2 {
    color: #fff;
    font-size: 28px;
    text-align: left;
    padding: 0 0 20px!important;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 1.1;
}
#div_seccion_2937 {
    text-align: center;
}
#div_seccion_2937 p {
    font-size: 24px;
    line-height: 1;
    text-align: center;
}
#contenido #div_seccion_2937 div.megaeditor p + h3 {
    text-align: center;
}
#div_seccion_2937 ul.blackfriday-social {
    text-align: center;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {

.bloque-3col {
grid-template-columns: 1fr ;
}

#galeria_imagenes_1274 div.galeria {
  display: flex;
}
#body_cms_home div.fotoParrilla {
  margin: 0 30px 0 0;
  width: 100% !important;
  height: auto !important;
  min-width: 100% !important;
}

div.megaeditor ul.logosclientes {
  grid-template-columns: 1fr 1fr;
}

section.carrusel_columna::after {
  content: "";
  width: 20px;
  height: 100%;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
section.carrusel_columna::before {
  content: "";
  width: 20px;
  height: 100%;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
div.fotoParrilla a {
  pointer-events: none;
}
div.fotoParrilla a:link, div.fotoParrilla a:visited {
  border-top: none;
}


#bizzbar{  
  bottom: 70px;  
}
p.bizztext a.lnk-kit-woah { 
  display: none;
}
p.bizztext a.lnk-kit-woah-responsive {
  display: inline-block;
}

div.megaeditor p, div.megaeditor li {
    font-weight: 400 !important;
}
.body_cms_840 #contenido h2 {
    text-align: left;
}

section._sec_bloque-contenido div.megaeditor h2 + p, section._sec_bloque-bodegon div.megaeditor h2 + p, section.bloque-contenido div.megaeditor h2 + p {
  font-size: 18px;
}

div.megaeditor ul.botones_demos li span:last-child {
    display: none;
}
#jquery_alert > div#div_pruebalo_ahora {
    min-width: 100%;
}
#body_cms #contenido h1.normal {
    font-size: 36px;
}
#body_cms #galeria_imagenes_cabecera_3699 {
    display: none;
}
#galeria_imagenes_1274 div.fotoParrilla {
    max-width: 47%;
}
.columnas-ficha {
    column-count: 1; 
    column-gap: 0;
}
/**/
.cuadro-aviso {
    width: 100%;
}

/**/

/*************************************** HOME ************************************/
#body_cms_home #base {
  overflow: hidden;
}
#body_cms_home div.megaeditor h1 + p {
  font-size: 24px;
}
#centro section#div_seccion_3634, #centro section#div_seccion_3634 div.megaeditor {
  overflow: visible;
}
/* CARACTERISTICAS HOME ---------------------------------------------------------------------------- */
body_cms_home #contenido .section_caracteristicas h2 {
  text-align: center;
}
#centro section#div_seccion_3525, #centro section#div_seccion_3525 div.megaeditor {
  overflow: visible
}
.caracteristicas-a .bloque-caracteristicas, .caracteristicas-b .bloque-caracteristicas {
  grid-template-columns:  1fr;
  padding-top: 200px;
  position: relative;
}
#div_seccion_3635 .caracteristicas-b .bloque-caracteristicas {
  padding-top: 150px;
}
#div_seccion_3591 .caracteristicas-b .bloque-caracteristicas {
  padding-top: 250px;
}

div.imagen-caracteristicas {
/*display: none;*/
width: 250px;
position: absolute;
top: -160px;
left: 50%;
margin-left: -150px;
height: auto;
}
#bloque-simple div.imagen-caracteristicas,
#bloque-crecer div.imagen-caracteristicas {
margin-left: -100px;
}

#body_cms_home #contenido div.megaeditor .contenedor-caracteristicas .container  > h3, 
#contenido div.megaeditor .contenedor-caracteristicas .container > h3 {
display: none;
}
#body_cms_home #contenido div.megaeditor .contenedor-caracteristicas .container .bloque-caracteristicas > h3, 
#contenido div.megaeditor .contenedor-caracteristicas .container .bloque-caracteristicas > h3 {
display: block;
width: 100%;
font-size: 31px;
}
#bloque-crecer {
  padding: 20px 0;
}
#bloque-simple, #bloque-crecer {
  padding: 20px 0;
}
/* ILUSTRACION ISOMETRICA ------------------------------------------ */
#body_cms_home #contenido h2#p_seccion_3769, 
#body_cms_home #contenido .ilustracion_bottom h2 {
  font-size: 30px;
font-weight: 400;
}
#body_cms_home #contenido .ilustracion_bottom h2 {
  font-size: 26px;
}
#body_cms_home #contenido .ilustracion_bottom h2 span {
  display: block;
}
/* ------------------------------------------ */

div.megaeditor .bloque-caracteristicas ul.listado_caracteristicas > li:nth-child(3n) {
  width: 51%;
}
div.megaeditor ul.listado_caracteristicas {
  padding: 0 0 0 10px;
}

/**/
div.megaeditor ul.botones_demos li > a {
    padding-bottom: 7%;
    padding-top: 7%;
}
div.megaeditor ul.botones_demos li span {
    font-size: 16px;
}
div.megaeditor ul.botones_demos li {
    line-height: 110%;
}
.textoSlide h1, .textoSlide h2 {
    text-align: center;
    font-size: 32px;
}
.textoSlide a p {
    display: none;
}
#body_cms_home #contenido h1, #body_cms_home #contenido h2, .body_cms_793 #contenido h2,  .body_cms_791 #contenido h2,  .body_cms_817 #contenido h2, .body_cms_840 #contenido h2, .body_cms_843 #contenido h2, .body_cms_842 #contenido h2, .body_cms_841 #contenido h2 {
    font-size: 30px;
  font-weight: 400;
}
#body_cms_home div.megaeditor p, section#div_seccion_1292 div.megaeditor h2 + p, section#div_seccion_1295 div.megaeditor h2 + p, section#div_seccion_1296 div.megaeditor h2 + p, section#div_seccion_1297 div.megaeditor h2 + p, section#div_seccion_1313 div.megaeditor h2 + p, section#div_seccion_3700 div.megaeditor h2 + p,  section#div_seccion_1363 div.megaeditor h2 + p,  section#div_seccion_1359 div.megaeditor h2 + p {
    font-size: 24px;
    padding: 0;
}
section#div_seccion_1292 div.megaeditor h2 + p, section#div_seccion_1295 div.megaeditor h2 + p, section#div_seccion_1296 div.megaeditor h2 + p, section#div_seccion_1297 div.megaeditor h2 + p, section#div_seccion_1313 div.megaeditor h2 + p, section#div_seccion_3700 div.megaeditor h2 + p,  section#div_seccion_1363 div.megaeditor h2 + p,  section#div_seccion_1359 div.megaeditor h2 + p,   section#div_seccion_1430 div.megaeditor h2 + p, .bloque-bodegon {
    margin-left: auto;
    margin-right: auto;
    width: 92%;
}
#body_cms_home div.fotoParrilla {
  width: inherit !important;
}
#body_cms_home section#div_seccion_1270 {
  margin-top: 20px;
  margin-bottom: 15px;
}
/* PRESTASHOP HOME ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#contenido div.megaeditor #presta-home-text h2 {
  font-size: 44px;
}
#presta-home-text {
  padding: 50px 20px;
}
div.megaeditor #presta-home-text ul li {
background-size: 18px;
background-position: left 11px;
text-align: center;
padding: 9px;
background: none;
}
#presta-home-text a.botonPrueba {
  padding: 15px 20px!important;
}

#body_cms_home #contenido div.megaeditor #presta-home-text h2, #contenido div.megaeditor #presta-home-text h2, #body_cms_home #contenido div.megaeditor #presta-home-text h3, #contenido div.megaeditor #presta-home-text h3 {
  text-align: center;
  width: 100%;
}

#capa-aspas img {
  top: -220px;
  left: -70px;
}


/* CARRUSEL RESPONSIVE ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home section#div_seccion_3124 {
background: url("/UserFiles/images/TPVonline2021/bg-animacion-responsive-2.jpg") no-repeat;
background-size: 100%;
}

/**/

/**/
#body_cms_home #bloque li {
  width: 100%;
  min-height: auto;
}

/**/

#container {
  margin-top: 15px;
  min-height: 770px;
}
#container label {
  border: 1px solid #d2d2d2;
  margin: 0.5%;
  width: 49%;
}
#content {
  padding-top: 85px;
}
.botonPrueba {
  padding: 15px 30px;
  width: 100%;
  font-size: 22px;
  letter-spacing: 0;
  text-transform: uppercase;
}
div.megaeditor ul.partners li {
  width: 46%;
  margin-bottom: 3%;
  min-height: auto;
  padding-top: 70px;
  padding-right: 0;
  padding-left: 0;
}
/*
div.megaeditor ul.partners li:nth-child(2), div.megaeditor ul.partners li:nth-child(2n) {
    margin-left: 0%;
    margin-right: 0;
}
div.megaeditor ul.partners li:nth-child(5) {
    margin-left: 0;
    margin-right: 0;
}
*/
#imagen_carrusel_1269_0 .textoSlide, #imagen_carrusel_1269_1 .textoSlide, #imagen_carrusel_1269_2 .textoSlide, #imagen_carrusel_1269_3 .textoSlide {
   height: 55px;
   bottom: 0 !important;
   top: inherit !important;
   left: 0 !important;
   right: inherit !important;
   width: 100% !important;
   background: rgba(255, 255, 255, .7);
}
#carrusel1278 .sliderwrapper {
    height: auto !important;
    padding-top: 86%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper {
    height: auto !important;
    padding-top: 100%;
}
#slider1278.sliderwrapper .textoSlide {
    top: 65% !important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="slider"].sliderwrapper .textoSlide {
    top: 56% !important;
}
#contenido #carrusel1278 h1, #contenido #carrusel1278 h2 {
    text-align: left;
    font-size: 28px!important;
    font-weight: 300;
}
#carrusel1278 .textoSlide p {
    display: none;
}
div.megaeditor ul.partners li:nth-child(2n+1) {
    margin-right: 2.3%;
}
div.megaeditor ul.partners li a {
    width: 100%;
}
/* LIGHTBOX --------------------------------------------------------------------------------------- */
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    height: 300px!important;
}

/********************************************** FORMS *******************************************/
div.formulario form label, #comentar_comunicado_div label, div.noticias #enviar_amigo_div label {
     display: block;
     float: none;
     text-align: left;
     width: auto;
}
#captcha > label, #comentar_comunicado_div #captcha > label, div.noticias #enviar_amigo_div #captcha > label {
 width: auto;
}
div.formulario form label.emaiRecuperacion {
    clear: both;
    float: none;
    width: 100%;
}
div.formulario input.emaiRecuperacion {
    float: left;
    margin-top: 2px;
    width: 70%;
}
div.formulario input.boton.recuperacion {
    float: left;
    margin-left: 2%;
    width: 25%;
}

/*///////////////////////////////////////////// TIENDA ONLINE ///////////////////////////////////////////////////*/
#div_seccion_2256 .laptop-tienda {
display: none;
}
#div_seccion_2256 .iMac-bodegon {
left: -100px;
}
#div_seccion_2256 .ipad-tienda {
  right: -15px;
}
#div_seccion_2256 .iphone-tienda {
  right: 140px;
}

/*************************************** 2 NIVELES ************************************/
#body_cms div.megaeditor {
  padding: 0;
}
#formulario_1286_137 .formulario, section#div_seccion_1287 div.megaeditor, section#div_seccion_1300, section#div_seccion_1308, section#div_seccion_1292, section#div_seccion_1295, section#div_seccion_1296, section#div_seccion_1297, section#div_seccion_3700 {
    width: 90%;
}
section#div_seccion_1284, section#div_seccion_1299, section#div_seccion_1334 {
    width: 90%;
}
.modulo_principal {
    width: 90%;
}
div.noticias.titulares li img {
    clear: both;
    float: none;
}
.mapaComercio, .datosComercio {
    float: none;
    width: 100%;
}
.datosComercio > p {
    clear: both;
    float: none;
    margin-top: 20px !important;
    overflow: hidden;
}
.movil {
    display:block;
}
.escritorio {
    display:none;
}
div.megaeditor .seccionprecio > p {
    margin: 0;
    padding: 15px 0 !important;
   text-align: center;
}
td.checking {
    font-weight: 400 !important;
}
.tablaprecios {
    margin: 15% auto;
}
#contenido section#div_seccion_1287 div.megaeditor h2 {
    font-size: 30px;
}
div.megaeditor ul.lista-franquicias {
    padding: 0;
}
div.formulario input[type="text"], div.formulario textarea, div.formulario select, .filtro select, .filtro input[type="text"], .tablaFiltros select {
    width: 100%;
}
div.formulario p, div.noticias div.formulario p {
    text-align: center;
    font-weight: 400;
}
#formulario_1286_137 p input.boton:first-child {
    display: none;
}
#formulario_1286_137 p input.boton {
    width: 100%;
}
.modulo_principal {
    padding: 5%;
    width: 90%;
}
div.megaeditor .modulo_principal > ul {
    float: none;
    width: 100%;
    color: #000;
}
.tit {
    font-size: 48px;
}
.tit > span {
    font-size: 28px;
}
.precio_modulo {
    font-size: 86px;
    margin-left: 15px;
    margin-bottom: 15px;
}
sup {
    font-size: 22px;
    vertical-align: super;
}
.ilustracion_tienda {
    margin-right: 13%;
    width: 75%;
}
.datos_tienda {
    padding: 3% 10% 6%;
}
#contenido .datos_tienda > h2 {
    font-size: 36px;
}
#contenido .features > h2 {
    font-size: 36px;
}
.features > h2 + p {
    width: 90%;
    margin-bottom: 25px;
}
#contenido div.megaeditor h3 {
    line-height: 120%;
}
.bloqueMitad {
    float: none;
    width: 100% !important;
}
div.bloqueMitad:first-child {
    margin-right: 0;
}
section#div_seccion_1300 div.megaeditor h2 + p, section#div_seccion_1308 div.megaeditor h2 + p {
    font-size: 20px;
}
.bloqueMitad.importaciones, .bloqueMitad.exportaciones {
    background-size: 70px auto;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-top: 80px;
}
.bloques {
    margin-top: 0;
}
.bloque {
    display: block;
    margin: 0 0 10% !important;
    width: 100%;
}
.todoterreno {
    background-position: 5% 25%;
}

bloques.bloques-cajon {
    margin-top: 0;
    white-space: normal;
}
bloques.bloques-cajon .bloque {
    margin-top: 0;
    white-space: normal;
margin: 0 0 10% !important;
}

#jquery_alert > div {
    /*padding: 4% 8% 8%;*/
}
#div_pruebalo_ahora h1, #div_pruebalo_ahora h2, #div_pruebalo_ahora label span {
    display: none;
}
.boton_envio .botonform {
    padding: 10px 0;
    width: 100%;
}
.campos > li.contacto_nombre, .campos > li.contacto_telefono {
    width: 47%;
}
#formulario_1360_139 div.formulario {
    margin: 0 auto;
    width: 100%;
}
#formulario_1360_139 div.formulario p {
    text-align: left;
}
section#formulario_1360_139, section#div_seccion_1363 {
    margin: 30px auto 0;
}
.grupo_feature {
  text-align: center;
}
.feature.mayor-izquierda, .feature.mayor-derecha, .feature.menor-centro {
  width: 100%;
  text-align: left;
  max-width: 340px;
  margin: 10px auto !important;
}

div.megaeditor .animatedParent p.boton_prueba {
    padding-top: 20px !important;
}
/********************************************** PAGINA TPV VS ERP ********************************************/
#table-features {
  margin: 40px auto;
}
#features {
  width: 31%;
}
#tpv-erp {
  width: 68%;
}
div.megaeditor #features.display-table-tres ul li {
  font-size: 14px;
  padding: 9px 10px 9px 0;
  line-height: 1;
}
/********************************************** PAGINA PRICING ********************************************/
.capa-plan {
    width: 100% !important;
    max-width: 100%;
    display: block;
    margin-top: 0;
    border: 4px solid #eeeff2 !important;
    margin-bottom: 50px;
}
.franjacentral, #contenido .capa-plan div.datosprincipales {
    height: inherit;
}
.fancy-modulo {
    padding-left: 20px;
    padding-right: 20px;
    background-image: none !important;
}
#contenido .fancy-modulo h2 {
    padding: 0 !important;
    font-size: 28px;
}
#contenido .fancy-modulo h2 + p {
    padding-left: 0 !important;
    padding-tight: 0 !important;
}
.oferta-textogrande {
    font-size: 20px;
}
.oferta-textomayor {
    font-size: 42px;
}
/*************************************** ESTRUCTURA ************************************/
#centro.tripleColumna, #centro.dobleColumna  {
	width: 94% !important;
}
/**************************************** CLIENTES *****************************************/
div.filtro {
	overflow: hidden;
}
div.filtro span {
	display: block;
	float: left;
	margin: 0 0 2% !important;
	text-align: left;
	width: 45%;
	font-size: 12px;
}
/****************************************** CABECERA***************************************/
#cabecera {
    height: 55px !important;
}
div.logo {
    max-width: 305px;
    position: absolute;
    z-index: 999999;
}
/*MENU AUXILIAR RESPONSIVE 600*/
#menuTop {
    display: none;
}

#ulMgm_77 > ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#ulMgm_77 > ul li {
text-align: left;
}
#ulMgm_77 > ul li a {
display: block;
color: #000;
text-transform: uppercase;
background: #f4f5f7;
padding: 5px 15px;
}
#ulMgm_77 > ul li a:hover {
padding: 5px 15px 5px 20x;
color: rgb(0, 152, 224);
}

/*///////////////////////////////////////////// MENÚ DESPLEGABLE ///////////////////////////////////////////////////*/
div[class^="ddsmoothmenu nav_menu_movil_"], .ddsmoothmenu {
    width: 100%;
}
.ddsmoothmenu {
    display: block;
    z-index: 9999;
    margin-right: 0;
    position: absolute;
    top: 0 !important;
    width: 100%;
}
#cabecera.sticky .ddsmoothmenu {
    margin-top: -2px;
}
#mobnav-btn-cms, #mobnav-btn-prod {
    height: 55px;
    margin-top: 0;
}
#li_desplegable_cms_836 {
    display: block;
    height: 0;
}
#li_desplegable_cms_836 > a {
    display: none;
}
li#menuTopMini {
    display: block;
}
.ddsmoothmenu ul li#menuTopMini ul {
    display: block;
}
.ddsmoothmenu ul li#menuTopMini ul {
    visibility: visible;
    overflow: hidden;
}
.ddsmoothmenu ul li#menuTopMini ul li {
    width: 50%!important;
    float: left;
}
.ddsmoothmenu ul li#menuTopMini ul li a {
    font-size: 14px;
    text-transform: uppercase;
}

/**/
.ddsmoothmenu ul li:last-child {
    border-bottom: 1px solid #dddddd;
}
.ddsmoothmenu ul:hover, .ddsmoothmenu ul li:hover, .ddsmoothmenu ul li a:hover {
    display: block !important;
}
.ddsmoothmenu ul li ul li ul {
    left: 0 !important;
    position: relative;
    width: 100% !important;
}
.rightarrowclass {
    transform: rotate(90deg);
}
#li_desplegable_cms_790 {
    display: none;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited, .ddsmoothmenu ul li ul li a.conSubmenu {
    border-left: none !important;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:hover {
    border-bottom: 1px solid #eee;
    font-weight: 400;
}
/*/////////////// CESTA ///////////////*/
#cestaTop {
	display: block;
	position: relative;
	width: auto;
}
#cesta, #cesta:hover {
    width: 100%;
}
#botones {
	float: right;
}
#loginTop, #cesta, #cestaProductos {
	width: 98%;
}
#precioCesta {
	width: 100%;
}
/*/////////////// BUSCADOR ///////////////*/
#buscadorTop {
	display: block;
	margin-left: 6%;
	right: inherit !important;
	width: 97%;
}
#buscadorTop input.camposformHomeMedianoActive, #buscadorTop input.camposformHomeMediano {
	width: 67%;
}
div#buscadorTop form input.botonform {
	width: 20%;
}
/*************************************** SECCIONES *************************************/
/* CASHOLOGY -------------------------------------------------------------------------------------------------- */
.lista-3-col {
  grid-template-columns: repeat(1, 1fr);
}
#body_cms div.megaeditor#editor_3036 {
  padding: 0px ;
}
/*/*/
div.megaeditor ul.partners {
  margin: 50px auto 0 !important;
}
div.noticias {
  margin-top: 0;
}
div.noticias.moduloFilas li img {
  float: none;
}
/******************************************* LISTADOS ******************************************/
#td_productos_orden select.filtro, #filtrado_tipos {
  width: 100%;
  margin-bottom: 10px;
}
/*/ ESPACIOS BOTONES /*/
section#div_seccion_2234, section#div_seccion_3034, section#div_seccion_2540 {
  padding-top: 20px;
}
section#div_seccion_2244, section#div_seccion_2266, section#div_seccion_2295, section#div_seccion_2698, section#div_seccion_2307 {
padding-top: 30px;
padding-bottom: 20px;
}
section#div_seccion_2234, section#div_seccion_2244, section#div_seccion_2266, section#div_seccion_2258, section#div_seccion_2, section#div_seccion_2295218, section#div_seccion_3068, section#div_seccion_3072 {
padding-bottom: 20px;
}
 
/*/*/
section#div_seccion_2777.bloque-contenido .megaeditor ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
section#div_seccion_2777.bloque-contenido .megaeditor ul::before {
display: none;
}
section#div_seccion_2777.bloque-contenido .megaeditor ul li {
width: 100%;
padding: 10px 10px 10px 33px;
line-height: 1.1;
font-size: 14px;
}

/*/////////////////////////////////////////////// FILAS /////////////////////////////////////////////////////////*/
ul.filas li.imagen {
	width: 25%;
	margin-right: 3%;
}
ul.filas li.datosProducto {
	width: 37%;
}
/* lista FOTO */
ul.foto {
  width: 47%;
}
ul.mini {
    width: 100%;
}
/*/////////////////////////////////////////////// FICHA /////////////////////////////////////////////////////////*/
div.zoomWindow, .zoomPup, .zoomPreload {
	display: none !important;
}
.descripciones iframe {
	width: 100%;
}
div.variaciones div {
    font-size: 16px;
    padding: 10px 15px;
}
div.datosFicha {
    padding-left: 0;
}

/********************************************** LANDINGS ********************************************/
/* MICROSOFT DYNAMICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide span {
display: none;
}
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide a.botonPrueba {
  margin:  0;
}
.caracteristicas-3-col {
  grid-template-columns: 1fr;
}
/********************************************** PIE ********************************************/
#pie {
    padding-bottom: 55px !important;
}
#boton-movil {
  display: block;
  bottom: 5px;
  width: 100%;
  margin-left: initial;
  left: initial;
}
.scrollup {
    bottom: 64px;
}
.textosCondiciones td {
	display: block;
}
/******************************************** COMPRA ****************************************/
.prescindible {
    display: none;
}
.cajaFormaPago ul#formasPago li {
	width: 45%;
}
.imgProducto {
    display: block;
    margin-right: 0;
}
.agencias {
    width: 48%;
}
table.tablaCesta tr.importeTotalaPagar td span.importe_Total {
    font-size: 24px;
}
.producto > span {
    clear: both;
    padding: 0;
}
table.tablaCesta tr.importeTotalaPagar td span.importe_Total, .importeSubTotal .precio02, .filaCalculos .precio02 {
    padding-right: 10px;
}

/*/////////////////////////////////////////////// COMUNICADOS /////////////////////////////////////////////////////////*/
.noticias.detalle {
  margin-top: 30px;
}
.noticias.detalle > #bloque, .imagen-ficha-comunicado {
  padding: 30px;
  width: 90%;
}
#contenido h1.tituloComunicado {
  font-size: 26px;
}
.descripcionListado {
  font-size: 20px;
  color: #000;
}
.cuerponoticia {
  color: #000;
  margin: 20px auto;
  font-size: 18px;
}
#comentar_comunicado_div input, #comentar_comunicado_div textarea, div.noticias #enviar_amigo_div input, div.noticias #enviar_amigo_div textarea {
  width: 96%;
}
/**/
#body_comunicados_blog #bloque ul {
grid-template-columns: 1fr ;
}


}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 480 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) {
/**/

#pop-kit-digital {
background-size: 140px, 350px;
padding: 20px 100px 20px 20px;
}
a.lnk-logo-kit img {
  max-width: 100px;
  height: auto;
}
#bizzbar p {
  margin-bottom: 0;
  font-size: 16px;
}
a.lnk-kit-digital {
  font-size: 16px;
}

#base {
  background-size: 1400px;
}
.contenedor-responsive {
    width: 95%;
}
input[type="checkbox"].css-checkbox + label.labelcheck {
    padding-left: 22px;
    line-height: 24px;
    background-position: 0 4px;
}
input[type="checkbox"].css-checkbox:checked + label.labelcheck {
    background-position: 0 -230px;
}

section._sec_bloque-contenido div.megaeditor h2 + p, section._sec_bloque-bodegon div.megaeditor h2 + p, section.bloque-contenido div.megaeditor h2 + p {
  font-size: 16px;
}
/**/
.fila-texto-destacado {
    background: #f7f8f9;
    padding: 30px 40px;
}
#div_seccion_2761 div.megaeditor p {
    margin: 0;
}
/************************************* CABECERA ********************************************/
#cabecera {
    height: 48px !important;
}
div.logo {
  max-width: 270px;
}
span.infoSaldoCesta {
	display: none;
}
#menuTop ul li:first-child {
    display: none;
}
#menuTop ul li {
    margin: 0 5px;
}
#mobnav-btn-cms, #mobnav-btn-prod {
    height: 49px;
    padding: 8px 12px !important;
}

/**/
.ddsmoothmenu ul li#menuTopMini ul li {
    width: 100% !important;
    float: none;
}

/* FORMULARIO PRUEBA */
#jquery_alert > div#div_pruebalo_ahora {
    padding: 1% 0 3% !important;
    min-width: auto;
    max-width: auto;
}
.campos > li.contacto_nombre, .campos > li.contacto_telefono {
    width: 100%;
}

#contenido h1 {
    font-size: 26px;
}
/************************************* HOME *****************************************/
#body_cms_home div.megaeditor h1 + p {
  font-size: 20px;
}
.boton_envio .botonform {
  width: 100%;
}
div.megaeditor ul.botones_demos {
  margin-top: 2%;
}
#imagen_carrusel_1269_0 .textoSlide, #imagen_carrusel_1269_1 .textoSlide, #imagen_carrusel_1269_2 .textoSlide, #imagen_carrusel_1269_3 .textoSlide {
  height: 45px;
}
.textoSlide h1, .textoSlide h2 {
  font-size: 22px;
  text-align: center;
  margin-top: 0;
}
div.megaeditor ul.ventajasCloud, div.megaeditor ul.ventajasCloud-i {
    margin: 10px auto 0;
    padding: 0;
    width: 100%;
    padding: 0 5%;
}
div.megaeditor ul.ventajasCloud li {
    padding-top: 80px;
    margin-bottom: 30px;
    width: 47%;
}
#body_cms_home section {
    margin-bottom: 50px;
    margin-top: 0;
}
#container {
    margin-top: 35px;
    min-height: 780px;
}
#container label, #content input {
    display: none;
}
#content {
    padding-top: 0;
}
#content div {
    opacity: 1;
    padding: 0 0 20px;
    position: relative;
}
.section_caracteristicas #content h3 {
    display: block;
    text-align: left;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(2n-1), div.megaeditor ul.listado_caracteristicas > li:nth-child(2n) {
  width: 100% !important;
  margin-bottom: 30px;
}
div.megaeditor ul.listado_caracteristicas > li:nth-child(3n), div.megaeditor ul.listado_caracteristicas > li {
    padding-right: 0;
}
#body_cms_home .section_caracteristicas #content h3, #body_cms_home #contenido .listado_caracteristicas > li h3 {
  background-color: #ffffff;
  background-position: 10px center;
    border: 1px solid #dddddd;
    color: #929598;
    display: block;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.listado_caracteristicas > li span:first-child {
    padding-bottom: 0;
}
#body_cms_home #contenido .listado_caracteristicas > li h3 {
    background-color: rgba(0, 0, 0, 0);
    background-image: none !important;
    border: medium none;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 !important;
    text-align: left;
}
#bloque-sectores.sectores-home {
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
}
/**/
#contenido .bloque-mejor_tpv h2 br {
display: none;
}
/* PRESTASHOP HOME --------------------------------------------------------------------------- */
#contenido div.megaeditor #presta-home-text h2 {
  font-size: 34px;
}
div.megaeditor #presta-home-text ul li {
font-size: 21px;
  background-position: left 11px;
}

section#formulario_3478_170 div.formulario form fieldset[title*="Contactos"] p {
  display: block;
  width: 100%;
}

#capa-aspas img {
  top: -190px;
  left: -80px;
  width: 140%;
}

/* Parrilla fotos --------------------------------------------------------------------------- */
#body_cms_home div.fotoParrilla {
  width: 100% !important;
  height: auto !important;
  min-width: 100% !important;
}
#body_cms_home .fotoParrilla div.recorte {
  height: auto !important;
  width: 100% !important;
  min-width: 100% !important;
}
div.fotoParrilla a:link, div.fotoParrilla a:visited, div.fotoParrilla a:hover {
  border-top: 0 none;
  text-align: center;
}
/* 
div.fotoParrilla a:link, div.fotoParrilla a:visited, div.fotoParrilla a:hover {
  pointer-events: none;
}
#galeria_imagenes_1274 .fotoParrilla .recorte img {
  height: auto;
  max-width: inherit;
  width: 100%;
}
Casos exito --------------------------------------------------------------------------- */
#centro section.testimonial {
  margin: 0 auto 60px;
}
#carrusel1278 .sliderwrapper {
    padding-top: 110%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper {
    padding-top: 130%;
}
#slider1278.sliderwrapper .textoSlide {
    top: 53% !important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="slider"].sliderwrapper .textoSlide {
    top: 43% !important;
}

div.megaeditor ul.listado_masinfo li a {
    min-height: inherit;
}
div.megaeditor ul.listado_masinfo li:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
}
div.megaeditor ul.listado_masinfo li {
    margin-bottom: 3%;
    width: 100%;
}

#contenido #carrusel1278 h1, #contenido #carrusel1278 h2 {
    font-size: 24px !important;
}



#contenedor_contactadme {
    padding-bottom: 35px;
    padding-top: 25px;
}
#contenedor_contactadme p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    padding-left: 10%;
    padding-right: 10%;
}
.contactadme_input {
    -webkit-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    margin-bottom: 10px;
    width: 100%;
}
.contactadme_boton {
    width: 100%;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
}
.app > li {
  width: 45%;
  margin-left: 0;
}
.app img {
  height: auto;
  width: 100% !important;
}
div.megaeditor ul.ventajasCloud-i li {
  width: 45%;
}
div.megaeditor ul.logosclientes li > a {
    background-size: 120px auto !important;
}
/* PARTNERS --------------------------------------------------------------------------------------- */
div.megaeditor ul.partners {
  margin: 10px auto 30px  !important;
}
div.megaeditor ul.partners li a {
  font-size: 14px;
  padding-top: 120px;
}
/* LIGHTBOX --------------------------------------------------------------------------------------- */
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  height: 200px!important;
}
/**/
.textoSlide, .slide:nth-child(5) .textoSlide {
  left: 0!important;
  bottom: 0;
  top: auto!important;
  width: 100%!important;
  height: 65px;
  padding: 10px 15px;
  background: rgba(255, 255, 255, .7);
}
/************************************* 2 NIVELES *****************************************/
#body_cms_home div.megaeditor p, section#div_seccion_1292 div.megaeditor h2 + p, section#div_seccion_1295 div.megaeditor h2 + p, section#div_seccion_1296 div.megaeditor h2 + p, section#div_seccion_1297 div.megaeditor h2 + p, section#div_seccion_1313 div.megaeditor h2 + p, section#div_seccion_3700 div.megaeditor h2 + p, section#div_seccion_1363 div.megaeditor h2 + p, section#div_seccion_1359 div.megaeditor h2 + p {
  font-size: 20px;
  padding-left: 5%;
  padding-right: 5%;
}
.central {
  width: 100% !important;
}
section#formulario_1360_139 {
  margin-top: 0;
}
div.noticias.moduloFilas li img {
  margin-bottom: 20px;
  max-width: 100%;
}
#formulario_1360_139 div.formulario p input {
  width: 100%;
}
#body_cms #contenido h1 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 120%;
}
#contenido h2.titPartners {
    font-size: 30px;
}
#contenido .faqs h2 {
    font-size: 22px;
}
.tit {
    font-size: 36px;
}
.tit > span {
    font-size: 25px;
}
.precio_modulo {
    font-size: 68px;
    margin-left: 10px;
}
sup {
    font-size: 18px;
    vertical-align: super;
}
.ampliaciones {
    margin-top: 40px;
    padding-bottom: 55px;
}
.tit_ampliacion {
    text-align: center;
}
.precioAmpliacion {
    bottom: 0;
    top: inherit;
}
.datos_tienda {
    padding: 7%;
}
#contenido .datos_tienda > h2 {
    font-size: 32px;
    line-height: 110%;
}
div.megaeditor .caracteristica ul, div.megaeditor .ampliaciones > ul {
    color: #000000;
}
div.megaeditor .divisoria_tarifas p {
    font-size: 36px;
    letter-spacing: 0.1em;
}
.features {
    margin: 4%;
}
.features_izda div, .features_dcha div {
    float: none;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
}
.logoPartner {
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}
.partner {
    text-align: center;
}
.partner > p {
    color: #000000;
    text-align: left;
}
.todoterreno {
  background-position: 5% 10%;
  padding-left: 85px;
}
#body_cms div.megaeditor .todoterreno > p, #body_cms div.megaeditor .feature > p {
    font-size: 18px;
}
.botonPrueba {
   font-size: 20px;
    padding: 15px 50px;
}
.caracteristica.fidelizaciontienda {
    margin-bottom: 20px;
    margin-right: 0;
}
#body_cms div.megaeditor p.notaalmargen {
    margin-bottom: 0;
}
.tit_tienda {
    text-align: center;
}
.caracteristica.pasarela {
    margin-right: 0;
    text-align: center;
}
.caracteristica.enlacetienda {
    clear: left;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 20px;
    width: 100%;
}
.botonPrueba.pequenyo {
    display: block;
    text-align: center;
    width: 100%;
}
.textomenor.center {
    margin-top: 5px;
}
.caracteristica.preciotienda {
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
div.formulario input.emaiRecuperacion {
    float: none;
    margin-bottom: 2%;
    width: 100%;
}
div.formulario input.boton.recuperacion {
    float: none;
    margin-left: 0;
    width: 100%;
}

#div_seccion_2245 {
    margin-bottom: 0;
    margin-top: 15px;
}
#cabeceraCarteltv {
    height: 100vw;
    background-position: center 25%;
}
#mando {
    top: 73vw;
    right: 11%;
    width: 34vw;
}
#cartel {
    width: 52vw;
    top: 1%;
    right: 24%;
}
div.megaeditor ul.listado-2-columnas {
    margin: 0;
}
div.megaeditor ul.listado-2-columnas li {
    width: 100%;
    margin-top: 50px;
}
.bloque {
    padding-top: 90px;
    background-position: center 10px;
    background-size: 60px auto;
    padding-left: 7%;
    padding-right: 7%;

    padding-left: 0;
    padding-right: 0;
}
.capa-clear {
    display: none;
}

/**/
.subseccion.enlaces {
    padding: 0 15px;
}
.subseccion.enlaces > div {
    margin: 0;
}

/**/
.bloque-numerado::before {
    width: 60px;
    height: 60px;
}
.bloque-iconos img {
    max-height: 90px;
}

/**/
#descargas_3042 ul.subseccion.descargas {
    margin: 0 auto;
    padding: 0 15px 2%;
    max-width: 100%;
}
#descargas_3042 ul.subseccion.descargas a {
font-weight: 600;
}

/* SECRTORES //////////////////////////////////////////////////////*/
#remate-propuesta-modulos,  div.precio-modulo {
width: 100%;
}

/*///////////////////////////////////////////// TIENDA ONLINE ///////////////////////////////////////////////////*/
#div_seccion_2256 .laptop-tienda {
display: none;
}
#div_seccion_2256 .iMac-bodegon {
left: -100px;
}
#div_seccion_2256 .ipad-tienda {
  right: -20px;
}
#div_seccion_2256 .iphone-tienda {
  right: 140px;
}

/************************************* GENÉRICOS *****************************************/
/*/////////////// CAPA AÑADIR A CESTA ///////////////*/
#jquery_alert {
	left: 0 !important;
	width: 100% !important;
}

.avisoResolucionMenor {
	background-image: url("../images/scroll.png");
	background-repeat: no-repeat;
	height: 15px;
	margin-top: 5px;
}

/*********************************** MÓDULOS COLUMNAS *************************************/
#fecha {
	width: 100%;
}
/******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/
div.cajaBuscadorProductosAvanzadoHome {
	margin: 0 !important;
}
div.buscadorAvanzadoHomeLeft, div.buscadorAvanzadoHomeRight {
	width: 100%;
}
/************************************ LISTADOS ************************************************/
.ilustracion {
	display: none;
}
#body_cms .ilustracion {
	display: block;
}
table#nuevoProducto td {
    clear: both;
    display: block;
    width: 100%;
}
.tablaFiltros td {
    display: inline-block;
}
/*/////////////// FILAS ///////////////*/
ul.filas li.imagen {
	width: 35%;
	margin-right: 3%;
}
ul.filas li.datosProducto {
	width: 60%;
}
ul.filas ul.grupoDcha {
	width: 100%;
	display: inline-block;
}
/*************************************** LISTADO *******************************************/
ul.mini {
  width: 100%;
  padding-inline: 10px;
}
ul.mini li.datosProducto {
    height: initial;
    overflow: initial;
}
ul.foto {
  width: 49%;
}
/********************************************* FICHA **********************************************/
div.ficha img.fotoPrincipal {
	width: 100%;
	height: auto;
}
div.formulario form label {
	display: block;
	float: none;
	text-align: left;
}

/********************************************* Compra emergente **********************************************/
table#nuevoProducto td:nth-child(1) {
    clear: none;
    float: left;
    width: 35%;
}
table#nuevoProducto td:nth-child(2) {
    clear: none;
    float: left;
    width: 65%;
}
.tit_total {
    margin-bottom: 0;
}
/*/////////////////////////////////////////////// COMPRA /////////////////////////////////////////////////////////*/

#codigoPromocional, #codigoClub {
	padding: 2% 5%;
}
#codigoPromocional p, #codigoClub p {
	float: none;
	margin: 0;
	width: 100%;
}
div.campoCodigo {
	float: none;
	margin: 0;
	text-align: left;
	width: 100%;
}
div.campoCodigo input.caja {
	margin-top: 2px;
}
#centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo {
	display: inline-block;
	margin-bottom: 2%;
}
#centro #contenido a.lnkBotonVerde:link, #centro #contenido a.lnkBotonVerde {
	display: inline-block;
	white-space: nowrap;
}
.cajaFormaPago ul#formasPago li {
	width: 100%;
}
#identificadorPedido .campos li:first-child {
    margin-right: 0;
}
#identificadorPedido .campos li {
    margin: 7px 0;
    width: 100%;
}
/********************************************** AREA PRIVADA *******************************************/
#menuTabs {
	background-color: transparent;
	padding: 5px 0 0;
}
#menuTabs li {
	display: inline-block;
	width: 48%;
	white-space: nowrap;
}
#menuTabs li:hover {
	margin: 7px 3px 3px;
}
#menuTabs li.activo, #menuTabs li.activo:hover {
	border: 1px solid #ccc;
	margin: 7px 3px 3px;
	padding-bottom: 0;
	padding-top: 0;
}
#areaPrivada div.paginador {
	float: left;
}
/********************************************** AVISO INFERIOR *******************************************/
#formulario_2933_156 div.formulario {
    padding: 30px 20px 20px;
}
#formulario_2933_156 .texto_pie_auxiliar {
    bottom: 0;
    right: 0;
    width: 100%;
}

/*************************************** LANDINGS *************************************/

/* MICROSOFT DYNAMICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2044 #galeria_imagenes_cabecera_3676 .textoSlide {
width: 100% !important;
bottom: 0 !important;
top: auto !important;
background: #fff;
padding: 10px 15px 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}


/*//////////////////////////////////////////////// BLACKFRIDAY 2021 //////////////////////////////////////////////////////*/
.elementosGrupoMultiple td {
    padding: 1px 0;
    display: block;
    width: 100%;
}
#formulario_2933_156 div.formulario #editor_2933 p {
line-hright: 1.1;
}

}/* /mediaquery */
/*//*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 380 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 380px) {

body.body_cms_1730 .gal_carrusel .bx-wrapper {
  margin-bottom: 0;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 360 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 360px) {

#pop-kit-digital {
  padding: 20px 20px 20px 20px;
background: url("/UserFiles/images/TPVonline2022/bg-bizzbar-amarillo.png") repeat-y right top;
background-size: 350px;
}

div.logo {
    width: 120px;
  }


}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 320 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 320px) {
/************************************ HOME ************************************************/
div.megaeditor ul.ventajasCloud li {
    padding-top: 80px;
    margin-bottom: 30px;
    width: 100%;
}
div.megaeditor ul.partners li {
    margin-bottom: 3%;
    margin-left: 0 !important;
    width: 100%;
}
#carrusel1278 .sliderwrapper, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper {
    padding-top: 125%;
}
#slider1278.sliderwrapper .textoSlide, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="slider"].sliderwrapper .textoSlide {
    top: 45% !important;
}
/************************************ LISTADOS ************************************************/
table#nuevoProducto td.imagenProducto {
    display: none;
}
/******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/
.checkBuscadorAvanzadoHome {
    float: none;
    width: 100%;
}
/*/////////////// PARRILLA DE FAMILIAS ///////////////*/
table.tablaCategorias td {
	display: block;
	text-align: left;
}
table.tablaCategorias td ul {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 30px;
}
ul.foto {
	width: 100%;
}
}/* /mediaquery */
/*//*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
#jquery_alert {
    position: fixed !important;
    top: 30px !important;
}
#jquery_alert > div {
   /* padding: 4% 8% 8%; */
}

.boton_envio .botonform {
    padding: 10px 0;
    width: 100%;
}
.campos > li.contacto_nombre, .campos > li.contacto_telefono {
    width: 47%;
}
}


/*///////////////////// CSS DINÁMICO : Boton DEMO //////////////////////////*/

#boton-movil{
background: none!important;
    bottom: 5px;
}
#botondemo{
    border-radius: 10px;
    width: 94%!important;
    margin: auto;
    -webkit-box-shadow: 11px 9px 19px -12px rgba(0,0,0,0.59);
    -moz-box-shadow: 11px 9px 19px -12px rgba(0,0,0,0.59);
    box-shadow: 11px 9px 19px -12px rgba(0,0,0,0.59);
}

/*///////////////////// CSS DINÁMICO : CONTENIDOS  //////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////
 ERP VS TPV ONLINE
////////////////////////////////////////////////////////////////////////////////////////////*/
div.megaeditor ul.habilidades {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
div.megaeditor .habilidades > li {
    border: 1px solid #dddddd;
    /*display: inline-block;*/
    margin-bottom: 2.5%;
    padding: 10px 15px;
    vertical-align: top;
}
#div_seccion_2631{
    background-color: #f3f5f7;
    text-align: center;
    padding-top: 30px 30px 0 30px;
}
#div_seccion_2630 .destaca > strong{
     color: white;
}
#div_seccion_2631 h2{
     margin: 20px;
}
#div_seccion_2630 .destaca{
     background-color: #009AE7AD;
     color: white;
     padding: 1.2em;
     border-radius: 5px;
     text-align: center;
     margin-bottom: 40px;
}
.tabla-vs {
    display: inline-block;
    max-width: 800px;
    vertical-align: top;
    margin: 30px 10px 0px;
}
div.megaeditor .tabla-vs th {
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}
div.megaeditor .tabla-vs td {
    font-size: 14px;
    width: 30%;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    font-weight: 300;
    text-align: left;
}
div.megaeditor .tabla-vs td:first-child {
    font-style: italic;
    width: 30%;
}
div.megaeditor .tabla-vs td:second-child {
    font-style: italic;
    width: 30%;
}


/*/////////////////////////////////////////////////////////////////////////////////////////
    GESTION DE COOKIES
/////////////////////////////////////////////////////////////////////////////////////////*/
.portatil-cookie-bodegon {
    bottom: -70px;
    text-align: center;
    width: 100%;
}
.lady-bodegon {
    bottom: -10px;
    left: 7%;
}
.mazo-bodegon {
    bottom: 15px;
    right: 1%;
}
.precio-cookies-bodegon {
     bottom: 400px;
     right: 8%;
}
#div_seccion_2621 {
     margin: 3% auto 3% !important;
}
#div_seccion_2625{
     height: 150px;
     margin-bottom:0px !important;
}
.ilustracion_lupa {
     position: absolute;
     right: 50%;
     top: 0px;
}
.botonQuieroCookies{
     background-color: #0096e2;
     border-radius: 68px;
     color: white;
     font-size: 30px;
     font-weight: 300;
     letter-spacing: 0.03em;
     padding: 15px 100px;
}
.botonQuieroCookies:hover{
     background-color: #0082c8;
     color: white;
     text-decoration: none;
}

@media only screen and (max-width: 768px) {
     .ilustracion_lupa{
          display: none;

     }
}


@media only screen and (max-width: 320px){
     .botonQuieroCookies{
          font-size: .5em;
          padding: 15px 50px;
     }
}

/*/////////////////////////////////////////////////////////////////////////////////////////
 PLUGIN WOOCOMMERCE
/////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_2229 #base, 
body.body_cms_2229 #centro.columnaUnica {
    overflow: visible;
}

div.megaeditor ul.lista-2-col  {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
div.megaeditor ul.col-destacadas li {
margin-top: 25px;
padding: 20px 30px;
background: #f3f5f7;
}
#contenido ul.lista-2-col h4 {
margin-top: 0;
font-weight: 900;
font-size: 24px;
}
#contenido ul.lista-2-col h5 {
font-size: 21px;
color: #000;
font-weight: 600;
margin-top: 2px;
}
#contenido ul.lista-2-col .precio {
background: #f9fbfc;
line-height: 1;
padding: 13px 20px 13px 24px;
margin-top: 20px;
font-size: 14px;
}
#contenido ul.lista-2-col .precio strong {
font-size: 32px;
}
#contenido ul.lista-2-col .precio strong span {
font-size: .6em;
}

/* MENU INICIAL*/
div.megaeditor ul.lista-2-col#lista-menu-fases {
padding: 30px;
max-width: 800px;
margin: 0 auto;
}
div.megaeditor ul.lista-2-col#lista-menu-fases a {
display: block;
text-align: center;
padding: 10px 20px;
background: rgb(0, 152, 224);
color: #fff;
    font-weight: 600;
    font-size: 21px;
}
div.megaeditor ul.lista-2-col#lista-menu-fases a:hover {
    background: rgb(0 126 185);
}
/**/
div.lista-pedidos-entrantes {
max-width: 500px;
margin: 20px auto;
}
div.lista-pedidos-entrantes ol {
border-top: 1px dotted #c2c2c2;
    margin: 0;
    padding: 0 0 0 30px;
}
div.lista-pedidos-entrantes li {
border-bottom: 1px dotted #c2c2c2;
padding: 5px;
}
div.lista-pedidos-entrantes li ol {
margin-top: 5px;
}
div.lista-pedidos-entrantes li ol li:last-child {
border-bottom: 0 none;
}
/**/
#div_seccion_2605, 
#centro section.sec-fondo-gris.sec-total {
    background-color: #f3f5f7;
    text-align: center;
    padding: 30px 30px 0 30px;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.tabla-comparativa {
    display: inline-block;
    max-width: 500px;
    vertical-align: top;
    margin: 30px 10px 60px;
}
div.megaeditor .tabla-comparativa th {
    padding: 5px 15px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}
div.megaeditor .tabla-comparativa tr:nth-child(odd) td {
background: rgba(0, 0, 0, .02);
}
div.megaeditor .tabla-comparativa td {
    font-size: 16px;
    width: 60%;
    border-bottom: 1px solid #ddd;
    padding: 5px 15px;
    font-weight: 300;
    text-align: left!important;
}
div.megaeditor .tabla-comparativa td:first-child {
    font-style: italic;
    width: 40%;
}
.cuadro-Destacado {
    max-width: 1024px;
    width: 92%;
    margin: 0 auto 60px;
    background-color: #e9ecef;
    padding: 20px 40px;
    position: relative;
}
#div_seccion_2605 .cuadro-Destacado strong, 
.bloque-fase .cuadro-Destacado strong {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
    background-color: #d00;
    color: #fff;
    width: 120px;
    padding: 2px 0;
}
#div_seccion_2604 .cuadro-Destacado strong, 
.bloque-fase .cuadro-Destacado strong {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
    background-color: #d00;
    color: #fff;
    width: 120px;
    padding: 2px 0;
}

.cuadro-Destacado p:first-child {
    font-size: 30px;
line-height:1.2;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
}
.cuadro-Destacado p {
    font-size: 21px;
line-height:1.2;
    margin-bottom: 0;
    color: #000;
    font-weight: 400;
}

div#contenedor-requisitos-tecnicos {
background: #f9fafb;
max-width: 900px;
margin: 0 auto;
padding: 30px 45px;
margin-bottom: 20px;
}
div#contenedor-requisitos-tecnicos div {
padding-left: 20px;
}

#div_seccion_2663 .boton_prueba{
     padding-bottom: 20px !important;
}

#div_seccion_2604 h3{
     background-color: #f3f5f7;
padding: 25px 15px;
}
#div_seccion_2604 .destaca{
     background-color: red;
     color: #fff;
}

#div_seccion_2604 .destaca2{
     background-color: red;
     color: #fff;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
FORMULARIO 270 SOLICITUD MODULO COOKIES
/////////////////////////////////////////////////////////////////////////////////////////*/
#formulario_2670_148 .formulario{
     margin: 0% 20%;
}


@media only screen and (max-width: 750px) {
#formulario_2670_148 .formulario{
     margin: 0px;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////
BLOG
/////////////////////////////////////////////////////////////////////////////////////////*/
.titulo-indice{
     margin-top: 0px !important;
     padding-top: 65px !important;
}

.indice-contenidos{
     background-color: #f9f9fa;
     padding: 5px 30px;
     border-radius: 5px;
     margin-top: 25px;
}

.indice-contenidos h4{
    margin-top:15px !important;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
 FIDELIZACION NEW
/////////////////////////////////////////////////////////////////////////////////////////*/
#div_seccion_2679 .bloques,
#div_seccion_2684 .bloques{
/*margin-top: 15px; */
}

section._sec_bloque-contenido#div_seccion_2675,
section._sec_bloque-contenido#div_seccion_2676,
section._sec_bloque-contenido#div_seccion_2677 {
    margin: 3% auto 0 !important;
}
section._sec_bloque-contenido#div_seccion_2679,
section._sec_bloque-contenido#div_seccion_2681,
section._sec_bloque-contenido#div_seccion_2684{
    margin: 0% auto 2% !important;
}


#div_seccion_2681 .bloques {

    overflow: hidden;
    white-space: nowrap;
}
#div_seccion_2681 .bloque {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    width: 48%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 80px auto;
}
@media only screen and (max-width: 600px) {
     #div_seccion_2681 .bloque{
          display: block;
          margin: 5% 0 !important;
          width: 100%;
     }
}

/********** ICONOS DEL MODULO DE FIDELIZACION **********/
#div_seccion_2679 .bloque.izquierdo.saldo-monedero {
     background-image: url(/UserFiles/images/TPVonline2018/ico-hucha.svg);
     background-size: 85px auto;
}
#div_seccion_2679 .bloque.centro.vales {
     background-image: url(/UserFiles/images/TPVonline2018/ico-vale.svg);
     background-size: 85px auto;
}
#div_seccion_2679 .bloque.derecho.tarifas{
     background-image: url(/UserFiles/images/TPVonline2018/ico-stats.svg);
     background-size: 85px auto;
}
#div_seccion_2679 .bloque.izquierdo.club{
     background-image: url(/UserFiles/images/TPVonline2018/bg-icon-fidelizacion2.svg);
     background-size: 85px auto;
}
#div_seccion_2679 .bloque.centro.reserva{
     background-image: url(/UserFiles/images/TPVonline2018/reserva-cal.svg);
     background-size: 85px auto;
}
#div_seccion_2679 .bloque.derecho.deseos{
     background-image: url(/UserFiles/images/TPVonline2018/ico-qr.svg);
     background-size: 85px auto;
}


/********** ICONOS DEL MODULO DE PROMOCIONES **********/
#div_seccion_2681 .bloque.izquierdo.descuento-cond {
    background-image: url(/UserFiles/images/TPVonline2018/descuento.svg);
    background-size: 85px auto;
}
#div_seccion_2681 .bloque.centro.combos {
    background-image: url(/UserFiles/images/TPVonline2018/medalla.svg);
    background-size: 85px auto;
}
#div_seccion_2681 .bloque.derecho.regalo-condicional {
    background-image: url(/UserFiles/images/TPVonline2018/vale.svg);
    background-size: 85px auto;
}
#div_seccion_2681 .bloque.centro.lista-deseos {
    background-image: url(/UserFiles/images/TPVonline2018/lista-de-quehaceres.svg);
    background-size: 85px auto;
}

/********** ICONOS DEL MODULO DE FIDELIZACION WEB **********/
#div_seccion_2684 .bloque.izquierdo.saldo-comercial {
     background-image: url(/UserFiles/images/TPVonline2018/tarjeta-de-credito.svg);
     background-size: 85px auto;
}
#div_seccion_2684 .bloque.centro.cupones {
     background-image: url(/UserFiles/images/TPVonline2018/cupones.svg);
     background-size: 85px auto;
}
#div_seccion_2684 .bloque.derecho.regalos-promo{
     background-image: url(/UserFiles/images/TPVonline2018/regalo.svg);
     background-size: 85px auto;
}
#div_seccion_2684 .bloque.izquierdo.club-web{
     background-image: url(/UserFiles/images/TPVonline2018/temporizador.svg);
     background-size: 85px auto;
}
#div_seccion_2684 .bloque.centro.reserva-web{
     background-image: url(/UserFiles/images/TPVonline2018/reserva-en-linea.svg);
     background-size: 85px auto;
}
#div_seccion_2684 .bloque.derecho.deseos-web{
     background-image: url(/UserFiles/images/TPVonline2018/contorno-corazon.svg);
     background-size: 85px auto;
}

.todoterreno.bank-fidelizacion{
     background-image: url(/UserFiles/images/TPVonline2018/banco.svg);
     background-size: 14% auto;
}
@media only screen and (max-width: 1010px){
#div_seccion_2686 .todoterreno{
min-height: 219px;
}
}

span.subtexto-medio {
  font-size: 16px;
}
span.subtexto-boton-fidelizacion {
  font-size: 14px;
  display: inline-block;
}

/*******************************TABLA DE PRECIOS FIDELIZACION*****************************/
#div_seccion_2687 h2{
     margin-bottom: 0px;
     margin-top: 80px;
margin-top: 0px;
}

#tabla-precios-fidelizacion{
      display: inline-block;
      width: 100%;
      margin-top: 50px;
}

#div_seccion_2687 .titulo-col{
     display:inline-block;
     background-color: #f3f3f3;
     width:100%;
     max-width:500px;
     border-radius:10px;
     margin-bottom:50px;
     box-shadow: 0px 2px 5px #ddd;
     min-height: 595px;
}

@media screen and (min-width:768px){
    
    #div_seccion_2687 .titulo-col{
    width:32%;
    float:left;
    margin-right:2%
    }

   
   #div_seccion_2687 .titulo-col:last-child{
   margin-right:0;
   }
}

@media screen and (max-width:768px) {
   #div_seccion_2687 div.megaeditor{
   text-align: center;
   }
}

/************CABECERAS***********/

#div_seccion_2687 .titulo-col-header{
     background-color : #0298e0;
     padding: 20px;
     border-top-left-radius:10px;
     border-top-right-radius:10px;
     min-height: 200px;
}

/*
#div_seccion_2687 .titulo-col:nth-child(2) .titulo-col-header{
         background-color: #green;
}*/

#div_seccion_2687 .titulo-col-header h3 {
     color: #f3f3f3 !important;
     text-align: center;
     margin-bottom: 0 !important;
     margin-top: 19px;
}


#div_seccion_2687 .titulo-col-header p {
     text-align: center;
     color: #f3f3f3 !important;
     font-size: 16px !important;
     margin-bottom: 0;
}

#div_seccion_2687 .titulo-col-header strong{
     /*color: #4F4F4F;*/
     font-size: 18px;
}


#div_seccion_2687 .titulo-col-header .precio{
    font-size:40px !important;
    margin-top: 0px !important;
}

#div_seccion_2687 .titulo-col-header .titulo-promociones{
     color: red;
     margin-top: 4px;
}

#div_seccion_2687 .habilidad{
     padding: 0 20px 20px 20px;
}

#div_seccion_2687 .habilidad p{
     padding: 12px 0;
     margin: 0;
     text-align: center;
     border-top: 1px solid #ddd;
}

#div_seccion_2687 .comprar-col:hover{
     background-color: #1484c6;
     transition: all 0.3s;
}


#div_seccion_2687 .comprar-col{
     padding: 8px;
     max-width: 250px;
     text-align: center;
     background-color: #0298e0;
     margin: 0 auto 20px;
     border-radius: 6px;
     margin-top: 1px;
}

#div_seccion_2687 .titulo-col.centro .comprar-col{
     margin-top: 52px;
     color: red;
}

#div_seccion_2687 .comprar-col a {
    color: #f3f3f3;
    padding: 10px;
    font-size: 16px;
font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
}



/*/////////////////////////////////////////////////////////////////////////////////////////
GENERADOR DE FEEDS -  FEEDING
/////////////////////////////////////////////////////////////////////////////////////////*/

#div_seccion_2690{
     margin: 3% auto 0% !important;
}

#div_seccion_2697 .cuadro-Destacado{
    margin: 15px auto 15px;
}

#div_seccion_2697 .cuadro-Destacado strong {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
    background-color: #d00;
    color: #fff;
    width: 120px;
    padding: 2px 0;
    text-align: center;
}

#div_seccion_2696 .titulo-feed{
    background: lightgray;
}

#div_seccion_2702{
     margin: 0px auto 0px !important;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
BLACK FRIDAY
/////////////////////////////////////////////////////////////////////////////////////////*/

#div_seccion_2709{
     margin: 3% auto 0% !important;
}
/*///////////////////// CSS DINÁMICO : Correción Carrusel //////////////////////////*/

.bx-viewport {
    max-height: 75vh !important;
}
/*///////////////////// CSS DINÁMICO : FORMULARIOS PETICIÓN MÓDULOS //////////////////////////*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FORMULARIO COOKIES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_1818 fieldset {
    background-color: #fff;
border: 1px solid #dfdfdf;
border: 0 none;
padding: 5px 20px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
body.body_cms_1818 legend {
    text-align: center;
font-size: 21px;
font-weight: 300;
color: rgb(78, 82, 83);
width: auto;
margin: 0 auto;
padding: 0 20px;
}

body.body_cms_1818 div.formulario form  label {
display: block;
width: 100%;
text-align: left;
}
body.body_cms_1818 div.formulario input[type="text"] {
width: 100%;
}
body.body_cms_1818 fieldset[title~=CLIENTE] input {
border-color: #0298E0;
}
body.body_cms_1818 div.formulario  fieldset[title~=CLIENTE] p {
    width: 48%;
    display: inline-block;
}
body.body_cms_1818 div.formulario fieldset[title~=CLIENTE]  p:nth-child(even) {
margin-right: 3.5%;
}
body.body_cms_1818 .tituloGrupoSimple {
font-size: 12px;
font-weight: 500;
text-align: center;
color: rgb(157, 157, 157);
}
/* Datos Gesio */
body.body_cms_1818 fieldset[title~=GESIO]  table.elementosGrupoSimple td {
padding-right: 0;
padding-left: 15px;
}
body.body_cms_1818 fieldset[title~=GESIO]  table.elementosGrupoSimple td:first-child {
text-align: right; 
padding-right: 15px;
padding-top: 19px;
/*border-right: 1px dotted #cacaca;*/
}
body.body_cms_1818 fieldset[title~=GESIO]  table.elementosGrupoSimple td label {
width: auto;
}
body.body_cms_1818 fieldset[title~=GESIO]  table.elementosGrupoSimple td input.campoRadio {
display: inline-block;
width: 70%;
}

/* Aceptar condiciones */
body.body_cms_1818 fieldset[title~=legales]  {
padding-top: 20px;
border-top: 1px solid #eee;
/*border-bottom: 1px solid #eee;*/
}
body.body_cms_1818 fieldset[title~=legales] legend {
display: none;
}
/**/
body.body_cms_1818 div.formulario form #captcha > label {
width: 35%;
text-align: right;
}

body.body_cms_1818 div.formulario input.boton {
width: 100%;
font-size: 22px;
padding: 15px 100px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


@media only screen and (max-width: 600px) {

body.body_cms_1818 div.formulario {
padding: 0 5%;
}
body.body_cms_1818 div.formulario fieldset[title~="CLIENTE"] p {
    width: 100%;
}
body.body_cms_1818 div.formulario fieldset[title~="CLIENTE"] p:nth-child(2n) {
    margin-right: 0;
}

body.body_cms_1818 fieldset[title~=legales] td {
text-align: center;
}
body.body_cms_1818 fieldset[title~=legales] td label, 
body.body_cms_1818 fieldset[title~=legales] td input.css-checkbox[type="checkbox"] + label.labelcheck {
width: auto;
font-size: 14px;
}

#captcha {
    text-align: center;
}
body.body_cms_1818 div.formulario form #captcha > label {
    width: 100%;
    text-align: center;
padding-bottom: 10px;
}

}

@media only screen and (max-width: 480px) {

body.body_cms_1818 fieldset[title~=GESIO]  table.elementosGrupoSimple td {
width: 100%!important;
display: block;
text-align: left !important;
padding-right: 0;
}

body.body_cms_1818 fieldset[title~=GESIO]  table.elementosGrupoSimple td input[type="radio"].css-checkbox + label.labelradio{ 
width: auto;
}
/**/
body.body_cms_1818 fieldset[title~=legales] input[type="checkbox"].css-checkbox + label.labelcheck {
    line-height: 15px;
padding-bottom: 2px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FORMULARIO MÓDULOS DE FIDELIZACIÓN / OTROS MODULOS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#formulario_2689_150 .formulario, 
#formulario_2157_150 .formulario{
margin: 0% 20%;
}

#formulario_3919_179 .formulario, 
#formulario_3921_180 .formulario, 
#formulario_3933_181 .formulario {
max-width: 850px;
margin: 0 auto;
}
#formulario_3919_179 .formulario textarea, 
#formulario_3921_180 .formulario textarea, 
#formulario_3933_181 .formulario textarea {
width: 100%;
  border-color: #0298E0;
}

body.body_cms_1820 fieldset, 
body.body_cms_2157 fieldset, 
body.body_cms_2158 fieldset, 
body.body_cms_2162 fieldset {
    background-color: #fff;
border: 1px solid #dfdfdf;
border: 0 none;
padding: 5px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

body.body_cms_1820 legend, 
body.body_cms_2157 legend, 
body.body_cms_2158 legend, 
body.body_cms_2162 legend {
    text-align: center;
font-size: 21px;
font-weight: 300;
color: rgb(78, 82, 83);
width: auto;
margin: 0 auto;
padding: 0 20px;
}

body.body_cms_1820 div.formulario form  label, 
body.body_cms_2157 div.formulario form  label, 
body.body_cms_2158 div.formulario form  label, 
body.body_cms_2162 div.formulario form  label {
display: block;
width: 100%;
text-align: left;
}
body.body_cms_1820 div.formulario input[type="text"], 
body.body_cms_2157 div.formulario input[type="text"], 
body.body_cms_2158 div.formulario input[type="text"], 
body.body_cms_2162 div.formulario input[type="text"] {
width: 100%;
}
body.body_cms_1820 fieldset[title~=CLIENTE] input, 
body.body_cms_2157 fieldset[title~=DATOS] input, 
body.body_cms_2158 fieldset[title~=DATOS] input, 
body.body_cms_2162 fieldset[title~=DATOS] input {
border-color: #0298E0;
}
body.body_cms_1820 div.formulario  fieldset[title~=CLIENTE] p, 
body.body_cms_2157 div.formulario  fieldset[title~=DATOS] p, 
body.body_cms_2158 div.formulario  fieldset[title~=DATOS] p, 
body.body_cms_2162 div.formulario  fieldset[title~=DATOS] p {
    width: 48%;
    display: inline-block;
}
body.body_cms_1820 div.formulario fieldset[title~=CLIENTE]  p:nth-child(even) , 
body.body_cms_2157 div.formulario fieldset[title~=DATOS]  p:nth-child(even), 
body.body_cms_2158 div.formulario fieldset[title~=DATOS]  p:nth-child(even), 
body.body_cms_2162 div.formulario fieldset[title~=DATOS]  p:nth-child(even) {
margin-right: 3.5%;
}
body.body_cms_1820 .tituloGrupoSimple, 
body.body_cms_2157 .tituloGrupoSimple, 
body.body_cms_2158 .tituloGrupoSimple, 
body.body_cms_2162 .tituloGrupoSimple {
font-size: 12px;
font-weight: 500;
text-align: center;
color: rgb(157, 157, 157);
}
/* Datos Gesio */
body.body_cms_1820 fieldset[title~=GESIO]  table.elementosGrupoSimple td, 
body.body_cms_2157 fieldset[title~=GESIO]  table.elementosGrupoSimple td, 
body.body_cms_2158 fieldset[title~=GESIO]  table.elementosGrupoSimple td, 
body.body_cms_2162 fieldset[title~=GESIO]  table.elementosGrupoSimple td {
padding-right: 0;
padding-left: 15px;
}
body.body_cms_1820 fieldset[title~=GESIO]  table.elementosGrupoSimple td:first-child, 
body.body_cms_2157 fieldset[title~=GESIO]  table.elementosGrupoSimple td:first-child, 
body.body_cms_2158 fieldset[title~=GESIO]  table.elementosGrupoSimple td:first-child, 
body.body_cms_2162 fieldset[title~=GESIO]  table.elementosGrupoSimple td:first-child {
text-align: right; 
padding-right: 15px;
padding-top: 19px;
/*border-right: 1px dotted #cacaca;*/
}
body.body_cms_1820 fieldset[title~=GESIO]  table.elementosGrupoSimple td label, 
body.body_cms_2157 fieldset[title~=GESIO]  table.elementosGrupoSimple td label, 
body.body_cms_2158 fieldset[title~=GESIO]  table.elementosGrupoSimple td label, 
body.body_cms_2162 fieldset[title~=GESIO]  table.elementosGrupoSimple td label {
width: auto;
}

body.body_cms_1820 fieldset[title~=GESIO]  table.elementosGrupoSimple td input.campoRadio, 
body.body_cms_2157 fieldset[title~=GESIO]  table.elementosGrupoSimple td input.campoRadio, 
body.body_cms_2158 fieldset[title~=GESIO]  table.elementosGrupoSimple td input.campoRadio, 
body.body_cms_2162 fieldset[title~=GESIO]  table.elementosGrupoSimple td input.campoRadio {
display: inline-block;
width: 70%;
}

/* Aceptar condiciones */
body.body_cms_1820 fieldset[title~=legales] , 
body.body_cms_2157 fieldset[title~=legales], 
body.body_cms_2158 fieldset[title~=legales], 
body.body_cms_2162 fieldset[title~=legales]  {
padding-top: 20px;
border-top: 1px solid #eee;
/*border-bottom: 1px solid #eee;*/
}
body.body_cms_1820 fieldset[title~=legales] legend, 
body.body_cms_2157 fieldset[title~=legales] legend, 
body.body_cms_2158 fieldset[title~=legales] legend, 
body.body_cms_2162 fieldset[title~=legales] legend {
display: none;
}
/**/
body.body_cms_1820 div.formulario form #captcha > label , 
body.body_cms_2157 div.formulario form #captcha > label, 
body.body_cms_2158 div.formulario form #captcha > label, 
body.body_cms_2162 div.formulario form #captcha > label {
width: 35%;
text-align: right;
}

body.body_cms_1820 div.formulario input.boton, 
body.body_cms_2157 div.formulario input.boton, 
body.body_cms_2158 div.formulario input.boton, 
body.body_cms_2162 div.formulario input.boton {
width: 100%;
font-size: 22px;
padding: 15px 100px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


@media only screen and (max-width: 600px) {

body.body_cms_1820 div.formulario, 
body.body_cms_2157 div.formulario, 
body.body_cms_2158 div.formulario, 
body.body_cms_2162 div.formulario {
padding: 0 5%;
}
body.body_cms_1820 div.formulario fieldset[title~="CLIENTE"] p, 
body.body_cms_2157 div.formulario fieldset[title~="DATOS"] p , 
body.body_cms_2158 div.formulario fieldset[title~="DATOS"] p, 
body.body_cms_2162 div.formulario fieldset[title~="DATOS"] p {
    width: 100%;
}
body.body_cms_1820 div.formulario fieldset[title~="CLIENTE"] p:nth-child(2n), 
body.body_cms_2157 div.formulario fieldset[title~="DATOS"] p:nth-child(2n), 
body.body_cms_2158 div.formulario fieldset[title~="DATOS"] p:nth-child(2n), 
body.body_cms_2162 div.formulario fieldset[title~="DATOS"] p:nth-child(2n) {
    margin-right: 0;
}

body.body_cms_1820 fieldset[title~=legales] td, 
body.body_cms_2157 fieldset[title~=legales] td, 
body.body_cms_2158 fieldset[title~=legales] td, 
body.body_cms_2162 fieldset[title~=legales] td {
text-align: center;
}
body.body_cms_1820 fieldset[title~=legales] td label, 
body.body_cms_1820 fieldset[title~=legales] td input.css-checkbox[type="checkbox"] + label.labelcheck, 
body.body_cms_2157 fieldset[title~=legales] td label, 
body.body_cms_2157 fieldset[title~=legales] td input.css-checkbox[type="checkbox"] + label.labelcheck, 
body.body_cms_2158 fieldset[title~=legales] td label, 
body.body_cms_2158 fieldset[title~=legales] td input.css-checkbox[type="checkbox"] + label.labelcheck, 
body.body_cms_2162 fieldset[title~=legales] td label, 
body.body_cms_2162 fieldset[title~=legales] td input.css-checkbox[type="checkbox"] + label.labelcheck {
width: auto;
font-size: 14px;
}

#captcha {
    text-align: center;
}
body.body_cms_1820 div.formulario form #captcha > label, 
body.body_cms_2157 div.formulario form #captcha > label , 
body.body_cms_2158 div.formulario form #captcha > label, 
body.body_cms_2162 div.formulario form #captcha > label {
    width: 100%;
    text-align: center;
padding-bottom: 10px;
}

}

@media only screen and (max-width: 480px) {

body.body_cms_1820 fieldset[title~=GESIO]  table.elementosGrupoSimple td, 
body.body_cms_2157 fieldset[title~=GESIO]  table.elementosGrupoSimple td, 
body.body_cms_2158 fieldset[title~=GESIO]  table.elementosGrupoSimple td, 
body.body_cms_2162 fieldset[title~=GESIO]  table.elementosGrupoSimple td {
width: 100%!important;
display: block;
text-align: left !important;
padding-right: 0;
}

body.body_cms_1820 fieldset[title~=GESIO]  table.elementosGrupoSimple td input[type="radio"].css-checkbox + label.labelradio, 
body.body_cms_2157 fieldset[title~=GESIO]  table.elementosGrupoSimple td input[type="radio"].css-checkbox + label.labelradio, 
body.body_cms_2158 fieldset[title~=GESIO]  table.elementosGrupoSimple td input[type="radio"].css-checkbox + label.labelradio, 
body.body_cms_2162 fieldset[title~=GESIO]  table.elementosGrupoSimple td input[type="radio"].css-checkbox + label.labelradio { 
width: auto;
}
/**/
body.body_cms_1820 fieldset[title~=legales] input[type="checkbox"].css-checkbox + label.labelcheck, 
body.body_cms_2157 fieldset[title~=legales] input[type="checkbox"].css-checkbox + label.labelcheck, 
body.body_cms_2158 fieldset[title~=legales] input[type="checkbox"].css-checkbox + label.labelcheck, 
body.body_cms_2162 fieldset[title~=legales] input[type="checkbox"].css-checkbox + label.labelcheck {
    line-height: 15px;
padding-bottom: 2px;
}

}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FORMULARIO MÓDULO FEEDS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#formulario_2701_151 .formulario{
margin: 0% 20%;
}

body.body_cms_1823 fieldset {
    background-color: #fff;
border: 1px solid #dfdfdf;
border: 0 none;
padding: 5px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

body.body_cms_1823 legend {
    text-align: center;
font-size: 21px;
font-weight: 300;
color: rgb(78, 82, 83);
width: auto;
margin: 0 auto;
padding: 0 20px;
}

body.body_cms_1823 div.formulario form  label {
display: block;
width: 100%;
text-align: left;
}
body.body_cms_1823 div.formulario input[type="text"] {
width: 100%;
}
body.body_cms_1823 fieldset[title~=CLIENTE] input {
border-color: #0298E0;
}
body.body_cms_1823 div.formulario  fieldset[title~=CLIENTE] p {
    width: 48%;
    display: inline-block;
}
body.body_cms_1823 div.formulario fieldset[title~=CLIENTE]  p:nth-child(even) {
margin-right: 3.5%;
}
body.body_cms_1823 .tituloGrupoSimple {
font-size: 12px;
font-weight: 500;
text-align: center;
color: rgb(157, 157, 157);
}
/* Datos Gesio */
body.body_cms_1823 fieldset[title~=GESIO]  table.elementosGrupoSimple td {
padding-right: 0;
padding-left: 15px;
}
body.body_cms_1823 fieldset[title~=GESIO]  table.elementosGrupoSimple td:first-child {
text-align: right; 
padding-right: 15px;
padding-top: 19px;
/*border-right: 1px dotted #cacaca;*/
}
body.body_cms_1823 fieldset[title~=GESIO]  table.elementosGrupoSimple td label {
width: auto;
}

body.body_cms_1823 fieldset[title~=GESIO]  table.elementosGrupoSimple td input.campoRadio {
display: inline-block;
width: 70%;
}

/* Aceptar condiciones */
body.body_cms_1823 fieldset[title~=legales]  {
padding-top: 20px;
border-top: 1px solid #eee;
/*border-bottom: 1px solid #eee;*/
}
body.body_cms_1823 fieldset[title~=legales] legend {
display: none;
}
/**/
body.body_cms_1823 div.formulario form #captcha > label {
width: 35%;
text-align: right;
}

body.body_cms_1823 div.formulario input.boton {
width: 100%;
font-size: 22px;
padding: 15px 100px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


@media only screen and (max-width: 600px) {

body.body_cms_1823 div.formulario {
padding: 0 5%;
}
body.body_cms_1823 div.formulario fieldset[title~="CLIENTE"] p {
    width: 100%;
}
body.body_cms_1823 div.formulario fieldset[title~="CLIENTE"] p:nth-child(2n) {
    margin-right: 0;
}

body.body_cms_1823 fieldset[title~=legales] td {
text-align: center;
}
body.body_cms_1823 fieldset[title~=legales] td label, 
body.body_cms_1823 fieldset[title~=legales] td input.css-checkbox[type="checkbox"] + label.labelcheck {
width: auto;
font-size: 14px;
}

#captcha {
    text-align: center;
}

body.body_cms_1823 div.formulario form #captcha > label {
    width: 100%;
    text-align: center;
padding-bottom: 10px;
}

}

@media only screen and (max-width: 480px) {

body.body_cms_1823 fieldset[title~=GESIO]  table.elementosGrupoSimple td {
width: 100%!important;
display: block;
text-align: left !important;
padding-right: 0;
}

body.body_cms_1823 fieldset[title~=GESIO]  table.elementosGrupoSimple td input[type="radio"].css-checkbox + label.labelradio{ 
width: auto;
}
/**/
body.body_cms_1823 fieldset[title~=legales] input[type="checkbox"].css-checkbox + label.labelcheck {
    line-height: 15px;
padding-bottom: 2px;
}

}
/*///////////////////// CSS DINÁMICO : ACORDION //////////////////////////*/

/* FAQS EN COLUMNA CONDICIONES DE VENTA----------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
.faqs-columna {
    background-color: #f0f0f0;
    padding: 20px 35px 20px 25px;
    margin-top: 50px;
    background-image: url(/UserFiles/images/icon-FAQ.svg);
    background-repeat: no-repeat;
    background-position: 95% 15px;
    background-size: 60px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
.faqs-columna h2 {
    color: #20151E;
    font-size: 14px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}
#body_cms #derecha h3.menor {
    font-size: 16px;
    font-weight: 400;
    color: #20151E;
    margin-bottom: 0;
    line-height: 1.4;
}
#body_cms #derecha h2 + h3.menor {
    margin-top: 10px;
}
.faqs-columna p {
    font-weight: 200;
}
/* PREGUNTAS FRECUENTES ----------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
.cd-faq {
  margin: 40px 0 0;
}
#body_cms #contenido .cd-faq h2 {
    font-size: 16px;
    font-weight: 800;
    margin-top: 0;
    color: #D8D8D8;
    color: #B5038D;
    letter-spacing: 0.05em;
    padding-left: 28px;
    line-height: 1.6em;
    background-repeat: no-repeat;
    background-position: top left !important;
    background-size: 24px auto;
}
.faqs-plataforma {
    background-image: url(/UserFiles/images/icon-Plataforma.svg) !important;
}
.faqs-envios {
    background-image: url(/UserFiles/images/icon-Envios.svg) !important;
    line-height: 1.8 !important;
}
.faqs-dropshipping {
    background-image: url(/UserFiles/images/icon-Dropshipping.svg) !important;
}
.faqs-prepedidos {
    background-image: url(/UserFiles/images/icon-Prepedidos.svg) !important;
}
div.megaeditor .cd-faq ul {
    padding: 0 4px;
    margin-left: 0;
    margin-bottom: 70px;
}
.cd-faq-items > ul, .cd-faq-items > ul > li {
    list-style: none !important;
margin-bottom: 10px;
}
.cd-faq-group > li.cd-faq-title {
    border: none;
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
.cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 600px) {
  .cd-faq-categories {
    width: 20%;
    float: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  .cd-faq-categories a {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 600;
    padding-left: 24px;
    padding: 0 24px;
    -webkit-transition: background 0.2s, padding 0.2s;
    -moz-transition: background 0.2s, padding 0.2s;
    transition: background 0.2s, padding 0.2s;
  }
  .cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
  }
  .no-touch .cd-faq-categories a:hover {
    background: #555b61;
  }
  .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1024px) {
  .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
  }
  .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #a9c056;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-faq-categories .selected {
    background: #42464b !important;
  }
  .cd-faq-categories .selected::before {
    opacity: 1;
  }
  .cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
  }
  .no-js .cd-faq-categories {
    position: relative;
  }
}

.cd-faq-items {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  background: #ffffff;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 600px) {
  .cd-faq-items {
    position: static;
    height: auto;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1024px) {
  .cd-faq-items {
    float: none;
    width: 100%;
  }
  .no-js .cd-faq-items {
    padding-left: 0;
  }
}

.cd-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
.cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 16px;
  left: 12px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #6c7d8e;
}
.cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-close-panel.move-left {
  right: 2%;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 600px) {
  .cd-close-panel {
    display: none;
  }
}


.cd-faq-group.selected {
  display: block;
}
.cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #bbbbc7;
}
.no-js .cd-faq-group {
  display: block;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 600px) {
  .cd-faq-group {
    /* all groups visible */
    display: block;
  }
  .cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 6px;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;*/
    transition: box-shadow 0.2s;
    border: 1px solid #e6e6e6;
  }
  .no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  }
  .cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
  }
  .cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
  }
}

.cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 1.2;
   font-weight: 600;
}
.cd-faq-trigger:hover {
text-decoration: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 600px) {
.cd-faq-trigger {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 15px 72px 15px 24px;
    color: #20151E;
}
  .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 3px;
    width: 13px;
    background: #0298e0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }
  .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.cd-faq-content p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #6c7d8e;
}
@media only screen and (min-width: 600px) {
  .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
  }
  .cd-faq-content p {
    line-height: 1.6;
  }
  .no-js .cd-faq-content {
    display: block;
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

.cd-faq-items {
  position: inherit;
  height: inherit;
  top: inherit;
  right: inherit;
  background: inherit;
  padding: inherit;
  overflow: inherit;
  -webkit-overflow-scrolling: inherit;
  z-index: inherit;
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform: tinherit;
}
.cd-faq-trigger {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
}


/*///////////////////// CSS DINÁMICO : Política de Cookies //////////////////////////*/

/*-------------------------- TABLA DE POLÍTICA DE COOKIES --------------------------------------------*/
div.megaeditor  .tablagenerica {
    border-collapse: collapse;
}
div.megaeditor .tablagenerica th {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
div.megaeditor .tablagenerica th:first-child {
    min-width: 130px;
}
div.megaeditor .tablagenerica td {
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 300;
}
.body_contenidos_adicionales_legal #contenido {
    float: none;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 4%;
    width: 940px;
}
#contenido p + h4, #contenido ul + h4, #contenido ol + h4 {
    margin-top: 5%;
}
/*///////////////////// CSS DINÁMICO : Ilustraciones CMS //////////////////////////*/

/* CONECTOR PRESTASHOP //////////////////////////////////////// */
/* Productos ----------------------- */
#imagen_2784 {
padding: 0 3%;
text-align: center;
}
#imagen_2784 img{
max-width: 950px;
height: auto!important;
}

/* Pedidos ----------------------- */
#imagen_2785 {
padding: 0 3%;
text-align: center;
}
#imagen_2785 img{
max-width: 950px;
height: auto!important;
}
/* CONECTOR WOOCOMMERCE //////////////////////////////////////// */
/* Pedidos ----------------------- */
#imagen_2787 {
padding: 0 3%;
text-align: center;
}
#imagen_2787 img{
max-width: 750px;
height: auto!important;
}
/* FEEDS //////////////////////////////////////// */
/* Pedidos ----------------------- */
#imagen_2788 {
padding: 0 3%;
text-align: center;
}
#imagen_2788 img{
max-width: 850px;
height: auto!important;
}
/* TARIFAS ----------------------- */
#imagen_2789 {
padding: 0 3%;
text-align: center;
}
#imagen_2789 img{
max-width: 750px;
height: auto!important;
}
/* PAGOS CON TARJETA //////////////////////////////////////// */
#centro section#div_seccion_2773 {
margin-bottom: 0;
}
#centro section#div_seccion_2773 #bloque-extra-tarifa {
padding-bottom: 3%;
background: url("/UserFiles/images/TPV2023/pago-tarjeta-corte03.png") no-repeat right bottom;
background-size: 45%;
}
#bloque-extra-tarifa ul {
width: 50%;
}
/* REPARACIONES //////////////////////////////////////// */
#imagen_2791 {
padding: 0 3%;
text-align: center;
}
#imagen_2791 img{
max-width: 600px;
height: auto!important;
}
/* PAGOS ONLINE //////////////////////////////////////// */
#imagen_2792 {
padding: 0 3%;
text-align: center;
}
#imagen_2792 img{
max-width: 550px;
height: auto!important;
}
/* FIDELIZACION //////////////////////////////////////// */
#imagen_2794 {
padding: 0 3%;
text-align: center;
}
#imagen_2794 img{
max-width: 750px;
height: auto!important;
}
/* TPV ONLINE //////////////////////////////////////// */
#imagen_2797 {
padding: 0 3%;
text-align: center;
}
#imagen_2797 img{
max-width: 920px;
height: auto!important;
}

/* TIENDA ONLINE //////////////////////////////////////// */
#imagen_2795 {
padding: 0 3%;
text-align: center;
}
#imagen_2795 img{
max-width: 998px;
height: auto!important;
}
/* FRANQUICIAS //////////////////////////////////////// */
#imagen_3701 {
padding: 0 3%;
text-align: center;
}
#imagen_3701 img{
max-width: 998px;
height: auto!important;
}

/* INTEGRACION ERP //////////////////////////////////////// */
#imagen_2800 {
padding: 0 3%;
text-align: center;
}
#imagen_2800 img{
max-width: 920px;
height: auto!important;
}

/* PRECIOS //////////////////////////////////////// */
#imagen_2801 img {
  max-width: 750px;
  height: auto !important;
}
#imagen_2804 {
  text-align: center;
  margin-bottom: 80px;
}
#imagen_2804 img {
  max-width: 998px;
  height: auto !important;
  margin: 0 auto;
}

/* SEGMENTOS //////////////////////////////////////// */
/* ENGINE ---------------------------------------------------------------------------------------------------------------- */
#imagen_2805, 
#imagen_2807, 
#imagen_2809, 
#imagen_28011, 
#imagen_28013, 
#imagen_28015, 
#imagen_28017 {
text-align: center;
}
#imagen_2805 img, 
#imagen_2807 img, 
#imagen_2809 img, 
#imagen_2811 img, 
#imagen_2813 img, 
#imagen_2815 img, 
#imagen_2817 img {
    max-width: 998px;
    height: auto !important;
margin: 0 auto;
}
/* MANOS TPV ---------------------------------------------------------------------------------------------------------------- */
#imagen_2806, 
#imagen_2808, 
#imagen_2810, 
#imagen_2812, 
#imagen_2814, 
#imagen_2816, 
#imagen_2818 {
text-align: center;
}
#imagen_2806 img, 
#imagen_2808 img, 
#imagen_2810 img, 
#imagen_2812 img, 
#imagen_2814 img, 
#imagen_2816 img, 
#imagen_2818 img {
    max-width: 998px;
    height: auto !important;
margin: 0 auto;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {

#centro section#div_seccion_2773 #bloque-extra-tarifa {
  padding: 0 20px 3%;
}

}

/*///////////////////// CSS DINÁMICO : Carrusel manual //////////////////////////*/

#centro section.testimonial {
    margin: 0 auto 7% ;
}
/********* Carousel *********/
.carrousel {
  text-align: center;
  height: 420px;
  max-width: 940px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.carrousel .slides {
    width: 900%;
    left: 0;
    padding-left: 0;
    padding-top: 0;
    overflow: hidden;
    list-style: none;
    position: relative;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    margin: 0;
}
.carrousel .slides li {
  width: 11.11%;
  position: relative;
  float: left;
}
.foto-carrousel {
  width: 360px;
  margin-right: 40px;
  float: left;
  border: 10px solid #e7eaec;
  -webkit-border-radius: 400px;
  -moz-border-radius: 400px;
  border-radius: 400px;
}
.foto-carrousel::before {
    content: '';
    font-size: 300px;
    color: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 40px;
    font-family: 'Space Grotesk', sans-serif;
    bottom: 40px;
    display: block;
    background-image: url("/UserFiles/images/ico_quote.svg");
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
}
.foto-carrousel img {
    max-width: 100%;
}
#contenido div.megaeditor .carrousel li h2, #body_cms_home #contenido div.megaeditor .carrousel li h2 {
  text-align: left;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 30px;
  line-height: 1.1;
  margin-top: 40px;
  padding-right: 0;
}
#contenido div.megaeditor .carrousel li h2 span {
  font-size: 22px;
  font-weight: 300;
  font-style: italic;
  display: block;
  color: #000;
}
div.megaeditor .carrousel li p, #body_cms_home div.megaeditor .carrousel li p {
  margin-top: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 15px;
  padding: 0;
}
div.megaeditor .carrousel li p.autor {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2;
}
div.megaeditor .carrousel li p.autor span {
    display: block;
    font-weight: 300;
}
.carrousel .slidesNavigation {
    display: block;
    list-style: none;
    text-align: center;
    bottom: 1em;
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
}
.carrousel input {
  display: none;
}
.carrousel .slidesNavigation label {
    display: inline-block;
    margin: 4px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #94999d;
    font-size: 0;
}
/* You have to repeat this with each slide
TODO: make it easier with SCSS
25% movement 100/slides-num
*/
#radio-1:checked ~ .slides {
  transform: translateX(0%);
}
#radio-2:checked ~ .slides {
  transform: translateX(-11.11%);
}
#radio-3:checked ~ .slides {
  transform: translateX(-22.22%);
}
#radio-4:checked ~ .slides {
  transform: translateX(-33.33%);
}
#radio-5:checked ~ .slides {
  transform: translateX(-44.44%);
}
#radio-6:checked ~ .slides {
  transform: translateX(-55.55%);
}
#radio-7:checked ~ .slides {
  transform: translateX(-66.66%);
}
#radio-8:checked ~ .slides {
  transform: translateX(-77.77%);
}
#radio-9:checked ~ .slides {
  transform: translateX(-88.88%);
}
.carrousel .slidesNavigation label:hover {
   cursor: pointer;
}
/* You have to repeat this with each slide/dot */
.carrousel #radio-1:checked ~ .slidesNavigation label#dotForRadio-1,
.carrousel #radio-2:checked ~ .slidesNavigation label#dotForRadio-2,
.carrousel #radio-3:checked ~ .slidesNavigation label#dotForRadio-3,
.carrousel #radio-4:checked ~ .slidesNavigation label#dotForRadio-4,
.carrousel #radio-5:checked ~ .slidesNavigation label#dotForRadio-5,
.carrousel #radio-6:checked ~ .slidesNavigation label#dotForRadio-6,
.carrousel #radio-7:checked ~ .slidesNavigation label#dotForRadio-7,
.carrousel #radio-8:checked ~ .slidesNavigation label#dotForRadio-8,
.carrousel #radio-9:checked ~ .slidesNavigation label#dotForRadio-9 {
  background: #94999d;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) { 
section#div_seccion_1390 p {
  margin: 0;
}
#centro section.testimonial::before {
    height: 380px;
}
.carrousel {
  height: 480px;
}
.carrousel .slides li {
    padding: 0 40px;
}
.foto-carrousel {
    width: 300px;
    margin-bottom: 70px;
    margin-top: 50px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    border: 10px solid rgba(255, 255, 255, 0.2);
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media  (max-width: 768px) {
.foto-carrousel {
    width: 220px;
    margin-bottom: 100px;
    margin-right: 30px;
    margin-top: 60px;
}
#contenido div.megaeditor .carrousel li h2 {
    margin-bottom: 10px;
    font-size: 26px;
    padding: 0 !important;
}
div.megaeditor .carrousel li p {
    font-size: 18px;
}
div.megaeditor .carrousel li p {
    padding: 0 !important;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media  (max-width: 600px) {
.foto-carrousel {
    width: 130px;
    margin-bottom: 10px;
    border-width: 7px;
}
.carrousel .slides li {
    padding: 0 20px;
}
div.megaeditor .carrousel li p.autor span {
    font-weight: 400;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media  (max-width: 480px) {
#body_cms_home section#div_seccion_1390 {
  margin-bottom: 20px;
  margin-top: 60px;
}
#centro section.testimonial::before {
    margin-top: 60px;
    height: 450px;
}
.carrousel {
    height: 550px;
}
.carrousel .slides li {
  padding: 0 30px;
}
.foto-carrousel {
  float: none;
  margin: 0;
  border-color: #e7eaec;
  margin-left: calc(50% - 80px);
  width: 160px;
  margin-top: 0;
}
.foto-carrousel::before {
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    top: 170px;
}
#contenido div.megaeditor .carrousel li h2, #body_cms_home #contenido div.megaeditor .carrousel li h2 {
  margin-bottom: 0;
  font-size: 26px;
  line-height: 1.1;
  margin-top: 15px;
  padding-right: 0;
}
div.megaeditor .carrousel li p, #body_cms_home div.megaeditor .carrousel li p {
  margin-top: 0;
  font-size: 18px;
  line-height: 1.2;
}
div.megaeditor .carrousel li p.autor {
    text-align: center;
}
.carrousel .slidesNavigation {
    bottom: 0px;
}
}
/*///////////////////// CSS DINÁMICO : ANIMACIONES //////////////////////////*/

/*Animacione Prestashop*/
#bloque-presta-home {
 -webkit-overflow-Y: hidden;
    -moz-overflow-Y: hidden;
    -o-overflow-Y: hidden;
    overflow-y: hidden;

}
/* ELEMENTOS ANIMACION PRESTASHOP HOME */


/* BARRAS ANIMADAS https://alvarotrigo.com/blog/animated-backgrounds-css/ */
.light {
    position: absolute;
    width: 0px;
    opacity: .75;
    background-color: white;
    box-shadow: #e9f1f1 0px 0px 20px 2px;
    opacity: 0;
    top: 100vh;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.x1{
  -webkit-animation: floatUp 4s infinite linear;
  -moz-animation: floatUp 4s infinite linear;
  -o-animation: floatUp 4s infinite linear;
  animation: floatUp 4s infinite linear;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -o-transform: scale(1.0);
  transform: scale(1.0);
}

.x2{
  -webkit-animation: floatUp 7s infinite linear;
  -moz-animation: floatUp 7s infinite linear;
  -o-animation: floatUp 7s infinite linear;
  animation: floatUp 7s infinite linear;
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  left: 15%;
}

.x3{
  -webkit-animation: floatUp 2.5s infinite linear;
  -moz-animation: floatUp 2.5s infinite linear;
  -o-animation: floatUp 2.5s infinite linear;
  animation: floatUp 2.5s infinite linear;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  left: -15%;
}

.x4{
  -webkit-animation: floatUp 4.5s infinite linear;
  -moz-animation: floatUp 4.5s infinite linear;
  -o-animation: floatUp 4.5s infinite linear;
  animation: floatUp 4.5s infinite linear;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  left: -34%;
}

.x5{
  -webkit-animation: floatUp 8s infinite linear;
  -moz-animation: floatUp 8s infinite linear;
  -o-animation: floatUp 8s infinite linear;
  animation: floatUp 8s infinite linear;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
  left: -57%;
}

.x6{
  -webkit-animation: floatUp 3s infinite linear;
  -moz-animation: floatUp 3s infinite linear;
  -o-animation: floatUp 3s infinite linear;
  animation: floatUp 3s infinite linear;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  left: -81%;
}

.x7{
  -webkit-animation: floatUp 5.3s infinite linear;
  -moz-animation: floatUp 5.3s infinite linear;
  -o-animation: floatUp 5.3s infinite linear;
  animation: floatUp 5.3s infinite linear;
  -webkit-transform: scale(3.2);
  -moz-transform: scale(3.2);
  -o-transform: scale(3.2);
  transform: scale(3.2);
  left: 37%;
}

.x8{
  -webkit-animation: floatUp 4.7s infinite linear;
  -moz-animation: floatUp 4.7s infinite linear;
  -o-animation: floatUp 4.7s infinite linear;
  animation: floatUp 4.7s infinite linear;
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7);
  left: 62%;
}

.x9{
  -webkit-animation: floatUp 4.1s infinite linear;
  -moz-animation: floatUp 4.1s infinite linear;
  -o-animation: floatUp 4.1s infinite linear;
  animation: floatUp 4.1s infinite linear;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  left: 85%;
}

button:focus{
  outline: none;
}

@-webkit-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}

.header{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: white;
  font-size: 2em;
}

#head1, #head2,#head3, #head4, #head5{
  opacity: 0;
}

#head1{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
}

#head2{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}

#head3{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

#head4{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
  -webkit-animation-delay: 17s;
  -moz-animation-delay: 17s;
  -o-animation-delay: 17s;
  animation-delay: 17s;
}

#head5{
  -webkit-animation: finalFade 1 5s ease-in;
  -moz-animation: finalFade 1 5s ease-in;
  -o-animation: finalFade 1 5s ease-in;
  animation: finalFade 1 5s ease-in;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 22s;
  -moz-animation-delay: 22s;
  -o-animation-delay: 22s;
  animation-delay: 22s;
}

@-webkit-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-moz-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-o-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-webkit-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-moz-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-o-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-webkit-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@-moz-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@-o-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}
/*///////////////////// CSS DINÁMICO : ECOSISTEMA -PRESTA - //////////////////////////*/


/* CONECTOR PRESTASHOP
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contenedor-ventajas-prestashop {
padding: 15px 100px;
}
.ventaja-prestashop::before {
display: none;
}
.ventaja-prestashop {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;

padding: 30px 0;
}
div.megaeditor .ventaja-prestashop .contenido-imagen {
  background: transparent;
    background-size: auto;
  background-size: cover;

position: relative;
}
div.megaeditor .ventaja-prestashop .contenido-imagen img {
width: 100%;
max-width: 450px;
max-height: 130%;
position: absolute;
top: -20px;
left: 10%;
}
/* CARRUSEL CLIENTES -------------------------------------------------------------------------------------------------------------*/

/*
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide {
  right: 49px;
  right: 30px;
  left: auto !important;
  top: 10px !important;
  bottom: auto !important;
  padding: 20px 30px;
  opacity: 1 !important;
  text-align: center;
  width: 500px !important;
  background: #65757d;
  z-index: 1;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0)!important;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0)!important;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0)!important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide h2 {
  padding: 10px 0 0;
margin: 0;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide p {
  color: #fff;
margin-bottom: 10px;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide {
}
*/

#body_cms #galeria_imagenes_cabecera_2734 div.carrusel {
  max-width: 1440px;
  margin: 0 auto;
  text-align: left;
}
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  height: auto !important;
  padding-top: 28%;
}
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper .contentdiv {
  background-color: #f4f4f4;
}
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper img {
  max-width: 50.2%;
}
#body_cms #galeria_imagenes_cabecera_2734 .textoSlide {
  left: auto !important;
  width: 44% !important;
  right: 40px;
  background: transparent;
  top: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#body_cms #galeria_imagenes_cabecera_2734 .textoSlide a {
color: #1a1a1a;
}
/*
#body_cms #galeria_imagenes_cabecera_2734 .textoSlide::after {
  content: "En colaboración con";
  text-transform: uppercase;
  font-size: 10px;
  color: #808080;
  text-align: left;
  display: block;
  margin-top: 20px;
  letter-spacing: 1px;
  background-repeat: no-repeat;
  width: 300px;
  height: 70px;
  background-position: left bottom;
}

#body_cms #galeria_imagenes_cabecera_2734 #image_carrusel_0 .textoSlide::after {
  background-image: url(/UserFiles/images/logo_shothis.png);
}
*/
#body_cms #galeria_imagenes_cabecera_2734 #image_carrusel_1 .textoSlide::after, #body_cms #galeria_imagenes_cabecera_2734 #image_carrusel_2 .textoSlide::after {
  background-image: url(/UserFiles/images/logo_Dynamizatic.png);
  background-size: 200px auto;
  height: 60px;
}
#body_cms #contenido #galeria_imagenes_cabecera_2734 h1, #body_cms #contenido #galeria_imagenes_cabecera_2734 h2 {
  color: #1a1a1a;
  font-size: 30px !important;
  font-weight: 600;
  line-height: 1.1;
  padding-bottom: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1280px) {
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 33%;
}
#body_cms #contenido #galeria_imagenes_cabecera_2734 h1, #body_cms #contenido #galeria_imagenes_cabecera_2734 h2 {
  font-size: 26px !important;
}
#body_cms #contenido #galeria_imagenes_cabecera_2734 .textoSlide p {
  font-size: 16px !important;
}
}
/*ESTILOS HASTA 1200
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1200px) {



}

 /*    ESTILOS HASTA 1024 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1024px) {

#body_cms #galeria_imagenes_cabecera_2734 div.carrusel {
  max-width: 800px;
  padding: 0 40px;
}
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  height: auto !important;
  padding-top: 130%;
}
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper img {
  max-width: 100%;
  float: none;
}
#body_cms #galeria_imagenes_cabecera_2734 .textoSlide {
  position: relative;
  top: inherit !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px 30px !important;
  left: inherit !important;
  right: inherit !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#body_cms #contenido #galeria_imagenes_cabecera_2734 h1, #body_cms #contenido #galeria_imagenes_cabecera_2734 h2 {
  font-size: 26px !important;
  padding-top: 0;
}
#body_cms #contenido #galeria_imagenes_cabecera_2734 .textoSlide p {
  font-size: 16px !important;
  float: none;
}
}
/*ESTILOS HASTA 960
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 960px) {
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide p br {
  display: block;
}

}
/*ESTILOS HASTA 767
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {

/*
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide {
  top: auto !important;
  bottom: 10px !important;
width: calc(100% - 60px)!important;
}
*/
}

/*    ESTILOS HASTA 600 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 170%;
}
}


/*ESTILOS HASTA 480
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {

#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 200%;
}
#body_cms #contenido #galeria_imagenes_cabecera_2734 .textoSlide p {
  line-height: 1.4;
}
/*
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .sliderwrapper#slider2734 {
  padding-top: 110%;
}
.pagination a.prev, .pagination a.next {
background-size: 40px auto;
height: 40px;
width: 40px;
}
.pagination#paginate-slider2734 {
  width: 110px;
margin-right: -55px;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #slider2734 .textoSlide {
  top: auto !important;
  bottom: 45px !important;
right: 10px!important;
  width: calc(100% - 20px) !important;
height: auto;
}*/

}

 /*    ESTILOS HASTA 440 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 440px) {

#body_cms #galeria_imagenes_cabecera_2734 div.carrusel {
  padding: 0 20px;
}
#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 220%;
}
}
 /*    ESTILOS HASTA 420 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 420px) {

#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 240%;
}
}
 /*    ESTILOS HASTA 400 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 400px) {

#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 260%;
}
}
 /*    ESTILOS HASTA 380 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 380px) {

#body_cms #galeria_imagenes_cabecera_2734 .sliderwrapper {
  padding-top: 280%;
}
}
/*///////////////////// CSS DINÁMICO : Pie //////////////////////////*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-family: "Source Sans Pro",sans-serif;
}
#pie {
  background-color: #fff;
  overflow: visible;
}
#pie a:hover {
  text-decoration: none;
}
#ilus-pie {
  position: absolute;
  width: 380px;
  left: 50%;
  margin-left: -190px;
  top: -165px;
  z-index: 99;

  z-index: 1;
}
#body_comunicados_blog_detalle #ilus-pie {
  z-index: 1;
}
#ilus-pie img {
  height: auto !important;
  max-width: 100%;
}
address .animatedParent a {
  color: #fff !important;
  font-weight: 400;
  margin-bottom: 15px;
  padding: 15px 50px;
  font-size: 24px;
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background-size: 400% 400%;
  -webkit-animation: Gradient 7s ease infinite;
  -moz-animation: Gradient 7s ease infinite;
  animation: Gradient 7s ease infinite;
}

address {
  padding: 100px 0 20px;
  margin: 40px auto 0;
  width: calc(100% - 80px);
  background-color: #f3f5f7;
  border-radius: 20px;
  position: relative;
}
#menuPrincipal {
  display: flex;
  max-width: 1024px;
  margin: 0 auto 10px;
  text-align: center;
  justify-content: space-around;
}
#pie #menuPrincipal a {
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  box-shadow: inset 0 0 0 0 #5a676f;
  color: #5a676f;
  padding: 0 10px;
  margin: 10px 0;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  position: relative;
  z-index: 1;
}
#pie #menuPrincipal a:hover {
  color: #fff;
  box-shadow: inset 200px 0 0 0 #008cc9;
}
#pie #menuPrincipal a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 29px;
  background-color: #008cc9;
  position: absolute;
  right: 100px;
  z-index: -1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}


#menuSecundario {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-top: 3px solid #fff;
  padding-top: 30px;
}
#menuSecundario::before {
  content: "MÓDULOS";
  position: absolute;
  transform: rotate(-90deg);
  font-size: 24px;
  color: #c1c3c5;
  font-weight: 300;
  letter-spacing: 5px;
  left: -120px;
  top: 84px;
}
.ac-container {
    width: 100%;
    margin: 10px auto ;
    text-align: left;
    max-width: 1440px;
}
.ac-container label {
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #5a676f;
  pointer-events: none;
}
#pie #menuSecundario a {
  position: relative;
}
#pie #menuSecundario a:hover {
  position: relative;
  color: #008cc9;
}
#pie #menuSecundario a::before {
  content: "";
  width: 0;
  height: 10px;
  background-color: #008cc9;
  position: absolute;
  left: -10px;
  top: 5px;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform: skew(-20deg, 0deg);
}
#pie #menuSecundario a:hover::before {
  width: 5px;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.ac-container label:hover {
}
.ac-container input:checked + label,.ac-container input:checked + label:hover {
}
.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}
.ac-container input {
    display: none;
}
.ac-container article p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 0;
}
.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-medium {
    height: 200px;
}
.ac-container input:checked ~ article.ac-small {
    height: 170px;
}
.ac-container input:checked ~ article.ac-large {
    height: 230px;
}
#menuSegmentos {
  position: relative;
}
span.arrow {
  font-size: 0;
}
.ac-container label[for="ac-5"] {
  display: none;
}
#menuSegmentos::before {
  content: "SECTORES";
  position: absolute;
  transform: rotate(-90deg);
  font-size: 24px;
  color: #c1c3c5;
  font-weight: 300;
  letter-spacing: 5px;
  left: -125px;
  top: 55px;
}
#menuSegmentos p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.novedad::after {
  content: "Nuevo";
  background-color: #d00;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  padding: 1px 5px 0;
  margin-left: 5px;
  vertical-align: middle;
}
.next::after {
  content: "Muy pronto";
  background-color: #fff;
  display: inline-block;
  color: rgb(99, 106, 110);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 5px 0;
  margin-left: 5px;
  vertical-align: middle;
  border: 1px dotted #444;
}

p.anotacion {
  font-style: italic;
  color: #919497;
  font-size: 12px;
  text-align: center;
  margin: 15px auto 5px;
  padding: 0 20px;
}
#logosAPI {
  background-color: #fff;
  padding: 30px 20px;
  margin: 0 0 20px;
  position: relative;
}
#logosAPI > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
}


#pieB {
  font-size: 16px;
  font-weight: 300;
  max-width: 1440px;
  margin: 0 auto;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: initial;

padding-bottom: 20px;
}
#pieB div p {
  margin: 0;
}
#pieB div span {
  display: block;
  font-size: 11px;
  font-style: italic;
}


#logosApp img {
  max-height: 45px;
  margin: 0 5px;
}
#pie #pieB a:hover {
  color: #008cc9;
}
#icos-redes {
  margin: 25px auto 0;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}
#icos-redes a {
  margin-right: 5px;
  font-size: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  vertical-align: top;
  background-color: #f3f5f7;
}
a#mp-linkedin {
  background-image: url(/UserFiles/images/ico_linkedin_on.svg);
}
a#mp-linkedin:hover {
  background-image: url(/UserFiles/images/ico_linkedin_on.svg);
}
a#mp-twitter {
  background-image: url(/UserFiles/images/ico_twitter_on.svg);
}
a#mp-twitter:hover {
  background-image: url(/UserFiles/images/ico_twitter_on.svg);
}
a#mp-youtube {
  background-image: url(/UserFiles/images/ico_youtube_on.svg);
}
a#mp-youtube:hover {
  background-image: url(/UserFiles/images/ico_youtube_on.svg);
}



table.textosCondiciones {
  width: calc(100% - 80px);
  margin: 0 auto;
}
.alignLeft.firmaPie {
  width: 200px;
}
#pie .alignLeft.firmaPie p.condiciones {
  text-align: left;
  padding-left: 20px;
}
.alignRight.tiemposPie {
  width: 200px;
}
#pie .alignRight.tiemposPie p.condiciones {
  text-align: right;
  padding-right: 20px;
}
#pie p.condiciones {
  font-size: 14px;
  padding: 20px 0;
  font-weight: 300;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1680
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1680px) {
/*
#menuSecundario::before { 
  transform: rotate(0deg);
  left: 0;
  top: inherit;
  bottom: -50px;
}
#menuSegmentos::before { 
  transform: rotate(0deg);
  left: 0;
  top: inherit;
  bottom: -50px;
}
*/
#menuSecundario::before {
  left: -120px;
}

#menuSecundario, #pieB, #logosAPI > div {
  max-width: 1280px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1480px) {

#menuSecundario, #pieB, #logosAPI {
  padding-left: 40px;
  padding-right: 40px;
}
#menuSecundario{
  padding-left: 60px;
}
#menuSecundario::before {
 
    left: -30px;
  }
  #menuSegmentos::before {
  left: -95px;
}
#logosAPI {
  overflow: auto;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1280px) {
#logosAPI > div > div {
  margin-right: 40px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {
#menuSecundario, #pieB, #logosAPI {
  padding-left: 30px;
  padding-right: 30px;
}
#pieB {
  display: block;
}
#menuPrincipal a {
  font-size: 18px;
  padding: 10px 15px;
}
#datosEmpresa {
  margin: 30px auto 10px;
  border-bottom: 2px solid #fff;
  padding-bottom: 20px;
}
#menucorporativo01, #menucorporativo02, #asociado, #partner-pie {
  display: inline-block;
  width: 24%;
  margin-bottom: 15px;
vertical-align: top;
}


#menuSecundario {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 70px;
}
#menuSecundario::before {
transform: rotate(0deg);
  top: 20px;
  bottom: inherit;
  left: 30px;
}
#menuSegmentos::before {
transform: rotate(0deg);
  top: 0;
  left: 0;
  bottom: inherit;
}
#menuSecundario > div {
  width: 25%;
}
#menuSecundario > div#menuSegmentos {
  width: 100%;
}
#menuSecundario > div#menuSegmentos article {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  overflow: auto;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 30px;
  margin-bottom: 20px;
}
#menuSegmentos p {
  font-weight: 400;
  white-space: nowrap;
}
#menuSegmentos p a {
  padding: 15px 30px 10px 0;
  display: block;
}
#logosApp {
  margin-bottom: 10px;
}
#icos-redes {
  width: inherit;
  position: relative;
  text-align: right;
  margin-right: 20px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {
address {
  width: calc(100% - 60px);
}
#menuPrincipal {
  padding: 0 40px;
  flex-wrap: wrap;
}
#pie #menuPrincipal a:hover {
  color: inherit;
  box-shadow: inherit;
}
#pie #menuPrincipal a::after, #pie #menuPrincipal a:hover::after {
  display: none;
}
#menuSecundario::before {
  transform: rotate(-90deg);
  left: -35px;
  top: 72px;
  bottom: inherit;
}
#menuSecundario {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 65px;
  padding-top: 10px;
  margin-bottom: 30px;
}
.arrow {
  position: absolute;
  top: 11px;
  right: 20px;
  font-size: 0;
}
.arrow::before,
.arrow::after {
  position: relative;
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background: #5a676f;
  transition: 0.3s ease-in-out;
}
.arrow::before {
  transform: rotate(45deg);
}
.arrow::after {
  left: 6px;
  top: -1px;
  transform: rotate(-45deg);
}
.ac-container input:checked ~ label span.arrow::before {
  transform: rotate(-45deg);
}
.ac-container input:checked ~ label span.arrow::after {
  transform: rotate(45deg);
}
.ac-container input:checked ~ label span.arrow::before, .ac-container input:checked ~ label span.arrow::after {
  display: none;
}
#menuSecundario > div {
  width: 100%;
}
#menuSegmentos::before {
  display: none;
}
#menuSecundario > div {
  border-bottom: 1px solid #dbe0e4;
  padding: 10px 0 5px;
}
.ac-container label {
  pointer-events: initial;
  margin-bottom: 0;
}
.ac-container article {
  margin-top: 5px;
  overflow: hidden;
  height: 0;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}
.ac-container label[for="ac-5"] {
  display: block;
}
#menuSecundario > div#menuSegmentos article {
  position: relative;
  display: block;
  width: 100%;
  flex-wrap: inherit;
  overflow: auto;
  flex-direction: inherit;
  justify-content: inherit;
  margin-top: 5px;
  margin-bottom: 0;
}
#menuSegmentos p a {
  padding: initial;
  display: initial;
}
#menuSegmentos p {
  font-weight: 300;
  white-space: normal;
}
#logosAPI {
  padding-left: 0;
  padding-right: 0;
}
#asociado {
  width: 120px;
}
#menucorporativo01, #menucorporativo02 {
  display: inline-block;
  width: calc(50% - 70px);
  margin-bottom: 15px;
}
#asociado, #partner-pie, 
#menucorporativo01, #menucorporativo02  {
width: 50%;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {
address .animatedParent {
  display: none;
}
/*address .animatedParent {
  position: fixed;
  left: 5%;
  bottom: 40px;
  z-index: 999999;
  width: 90%;
}
address .animatedParent a {
  width: calc(100% - 150px);
  float: right;
  padding: 15px;
  max-width: 260px;
  -webkit-box-shadow: rgba(0, 77, 255, 0.5) 0px 4px 24px;
  -moz-box-shadow: rgba(0, 77, 255, 0.5) 0px 4px 24px;
  box-shadow: rgba(0, 77, 255, 0.5) 0px 4px 24px;
}*/
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

#menuPrincipal {
  padding: 0 30px;
}
#asociado {
  text-align: center;
}
#icos-redes {
  text-align: left;
}
.alignLeft.firmaPie, .alignRight.tiemposPie {
  width: 100%;
  text-align: center;
}
#pie p.condiciones {
  padding: 10px 0 5px;
}
#pie .alignLeft.firmaPie p.condiciones, #pie .alignRight.tiemposPie p.condiciones {
  text-align: center;
  padding: 10px 0 5px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {
#pie {
  padding-bottom: 30px;
}
address {
  width: calc(100% - 40px);
  padding-top: 80px;
}
#ilus-pie {
  width: 280px;
  margin-left: -140px;
  top: -110px;
}
#menuPrincipal {
  padding: 0 20px;
}
#menuPrincipal {
  padding: 0 50px;
  flex-direction: column;
  text-align: left;
}
#menuPrincipal a {
  font-size: 16px;
}
#menucorporativo01, #menucorporativo02 {
  display: inline-block;
  width: 49%;
  margin-bottom: 30px;
}
#asociado, #partner-pie {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 0;
}
#partner-pie {
  margin-top: 20px;
}

address .animatedParent a {
  max-width: inherit;
}
}


/*///////////////////// CSS DINÁMICO : Megamenú //////////////////////////*/

/*BANNERS MENÚ 
---------------------------------------------------------------------------------------------------------------*/
div.menu-banner {
padding-top: 20px;
clear: both;

}


div.menu-banner a, 
.navbar.navbar-inverse :not(li) > div.menu-banner a {
display: block;
padding: 15px 20px;
text-align: center;
text-transform: uppercase;
color: #fff;
  font-size: 30px;
  font-weight: 300;
line-height: 1;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
div.menu-banner a::before, 
.navbar.navbar-inverse :not(li) > div.menu-banner a::before {
content:"";
display: inline-block;
vertical-align: bottom;
width: 27px;
height: 27px;
margin-right: 10px;
background: url("/UserFiles/images/TPViconos/ico-circulo_check-blanco.svg") no-repeat center center;
background-size: auto 100%;
}
/*
#divMgm_77 > div::after {
  content: "Más de 20 módulos para una experiencia omnicanal a medida";
  display: block;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: #8f939c;
  background-color: #f5f5f7;
  clear: both;
  padding: 15px;
}
*/
/*********/
#cabecera {
  height: 96px !important;
}
div.logo {
  left: 20px;
  top: 15px !important;
  width: 240px;
  right: inherit !important;
}u.con
/* MENU AUXILIAR ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#menuTop {
  background-color: #f4f4f6;
  text-align: center;
  overflow: hidden;
  padding: 0;
  transition: all 0.4s ease 0s;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(244,244,246,1) 25%, rgba(244,244,246,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(244,244,246,1)), color-stop(100%, rgba(244,244,246,1)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(244,244,246,1) 25%, rgba(244,244,246,1) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(244,244,246,1) 25%, rgba(244,244,246,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(244,244,246,1) 25%, rgba(244,244,246,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(244,244,246,1) 25%, rgba(244,244,246,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f6', GradientType=1 );
}
#menuTop ul {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    right: inherit !important;
   /* top: 7px !important; */
}
#menuTop ul li {
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px 0;
  line-height: .8;
}
#menuTop ul li:last-child {
  display: none;
}
.icomenuTop {
  display: none;
}
#menuTop ul li a:link, #menuTop ul li a:visited {
  font-weight: 400;
  white-space: nowrap;
  display: block;
}
#menuTop ul li a:link, #menuTop ul li a:visited {
  padding: 0 10px 0 0;
}
#botonDemo {
  position: absolute;
  right: 20px;
  top: 39px;
  background-color: #0096e2;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 10px 15px;
  display: inline-block;
  z-index: 999;
  width: 140px;
  text-align: center;
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  background-size: 400% 400%;
  -webkit-animation: Gradient 7s ease infinite;
  -moz-animation: Gradient 7s ease infinite;
  animation: Gradient 7s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

#botonDemo:hover {
  text-decoration: none;
}
#cabecera.sticky #botonDemo {
  top: 14px;
}

.container {
  width: 1170px;
}


.navbar-left {
  margin-left: -333px;
  padding-left: 50%;
}
#superContenedorMegamenu.container {
  width: 100%;
max-width: 100%;
  margin: 0;
  padding: 0;
}
#contenedorLayout.container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.container#superContenedorMegamenu, .navbar.navbar-inverse, .navbar.navbar-inverse .navbar-collapse {
  background: transparent;
  text-align: center;
}
.navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li[class*="dropdown"] > .dropdown-menu {
  border-radius: 0;
}
.dropdown-menu {
  position:relative;
  font-size: 16px;
  z-index: 20;
}
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
  margin-left: 5px;
}
.navbar-nav > li.open span.caret {
  transform: rotate(180deg);
  padding-right: 12px;
  margin-right: -4px;
}
.mgmSubopciones.principal {
  border-bottom: 1px solid #e8e7e7 !important;
}
#liMgm_327 {
  display: none;
}
.navbar-nav > li > a {
  padding: 25px 20px;
  font-size: 18px;
}
.navbar .navbar-nav > li[class*="dropdown"] > .dropdown-menu {
  border-width: 0;
}
.navbar.navbar-inverse .navbar-nav > li.open > a {
  color: #008ecf !important;
}

.navbar-inverse .navbar-nav > li > a::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #008ecf;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.navbar-inverse .navbar-nav > li > a:hover::after {
  width: 100%;
  left: 0;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.navbar.navbar-inverse .navbar-nav > li.open > a::after {
  content: "";
  width: 100%;
  left: 0;
  height: 2px;
  background-color: #008ecf;
  display: block;
  position: absolute;
  bottom: 0;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.navbar .dropdown-menu li > a:hover {
  text-decoration: none;
}
.navbar .dropdown-menu li.normal > a {
  padding-left: 0;
  color: #828a8d !important;
}
.navbar .dropdown-menu li.normal > a:hover {
  text-decoration: none;
  color: #000 !important;
}
.normal .mgmIcono {
  display: inline-block;
  width: 24px;
  vertical-align: bottom;

margin-right: 5px;
}
.mgmIcono img {
  max-width: 100%;
}

.mgmSubopciones.principal > div {
  max-width: 1170px;
  margin: 0 auto;
}
.mgmSubopciones.principal {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  border-top: 1px solid #e8e7e7 !important;
}
.navbar.navbar-inverse .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover, .navbar.navbar-inverse .navbar-nav.dropdown-onhover > li[class*="dropdown"]:hover, .navbar.navbar-inverse.dropdown-onhover .navbar-nav > li[class*="dropdown"]:hover {
  background-color: transparent;
}

#divMgm_77 {
  padding-bottom: 20px !important;
}
/*******************************************************************************
 MODULOS 
*******************************************************************************/

#divBGMgm_77_MARKETING, #divBGMgm_77_PAGOS, #divBGMgm_77_BANNERS {
  padding-top: 20px;
  padding-bottom: 20px;
}
#divBGMgm_77_PRINCIPALES {

  padding-top: 0;
  padding-bottom: 10px;
}
.navbar .dropdown-menu li.principal > a {
  text-align: center;
  padding-top: 5px;
line-height: 1;
}
.navbar .dropdown-menu li.principal > a em {
font-style: normal;
display: block;
font-size: .85em;
}
.navbar .dropdown-menu li.principal .mgmIcono {
  display: block;
  width: 50px;
  margin: 0 auto 5px;
}
.navbar .dropdown-menu li.principal > a:hover img {
  transform: scale(1.1);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.icomax img {
  max-width: 50px !important;
  max-height: 50px;
}
.navbar .navbar-nav .dropdown-menu li.titulo-submenu, .navbar .navbar-nav .dropdown-menu li.titulo-submenu a span {
  padding-bottom: 5px;
  font-weight: 700;
  color: #505a5d;
  font-size: 14px;
}
.navbar .navbar-nav .dropdown-menu li.titulo-submenu a:hover span {
  color: #008ecf !important;
}
.titulo-submenu.oculta, .titulo-submenu.oculta span {
  color: #fff;
}

.navbar .navbar-nav .dropdown-menu li.principal-horizontal {
text-align: center;
}
#divBGMgm_77_PRINCIPALES_B {
  border-top: 3px dotted #f3f5f7;
}

#divBGMgm_77_MARKETING, #divBGMgm_77_PAGOS {
  border-top: 3px solid #f3f5f7;
}
#divBGMgm_77_BANNERS {
  background-color: #f3f5f7;
  display: none;
}
.logos .mgmImageSubmenu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.logos img {
  max-height: 40px;
}
/*******************************************************************************
 SECTORES 
*******************************************************************************/
#divMgm_117 {
  padding-top: 0 !important;
}
#divBGMgm_117_SECTOR {
  padding-right: 30px;
  padding-left: 0;
}
#divBGMgm_117_SECTOR > ul > li {
  padding-left: 0;
  padding-right: 0;
}
.especial .mgmIcono {
  display: block;
  width: 60px;
  margin: 20px auto 5px;
}
.navbar .dropdown-menu li.especial > a {
  text-align: center;
}
.navbar .dropdown-menu li.especial > a:hover img {
  transform: scale(1.1);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#divBGMgm_117_CASOS {
  background-color: #f3f5f7;
  text-align: left;
  padding: 20px 30px 0;
}
.navbar .navbar-nav .dropdown-menu li.titulo-casos a {
  padding-bottom: 5px;
  font-weight: 700;
  color: #505a5d !important;
  font-size: 16px;
}
.navbar .navbar-nav .dropdown-menu li.titulo-casos a:hover {
  color: #008ecf !important;
}
.navbar .navbar-nav .dropdown-menu li.titulo-casos a span::after {
  content: "ver más";
  display: block;
  float: right;
  color: #008ecf;
  font-weight: 500;
  font-size: 14px;
}
.navbar .navbar-nav .dropdown-menu li.subtitulo-casos a {
  font-size: 14px;
  padding-bottom: 0;
  font-weight: 600;
  color: #505a5d !important;
}
.navbar .navbar-nav .dropdown-menu li.subtitulo-casos a:hover {
  color: #008ecf !important;
}

.navbar .navbar-nav .dropdown-menu li.casos a {
  color: #828a8d !important;
  white-space: normal;
  padding-bottom: 20px;
  padding-top: 0;
  font-size: 14px;
}
.navbar .dropdown-menu li.casos01 > a {
  background-color: #f3f5f7 !important;
  font-size: 12px;
  display: block;
  border-radius: 40px;
  width: 115px;
  margin: 5px auto 0;
  padding: 2px 10px;
  text-align: center;
}
.navbar .dropdown-menu li.casos01 > a:hover {
  background-color: #e8f5fb !important;
  color: #4291b5 !important;
}
.navbar .dropdown-menu li.casos01-oculto > a {
  pointer-events: none;
  color: #fff !important;
}

#emMgm_146 {
  background-color: #f3f5f7;
  border-top: 10px solid #f3f5f7;
  margin-top: -10px;
}
#emMgm_154 {
  background-color: #f3f5f7;
  text-align: left;
  padding: 0 0 20px;
}

/*******************************************************************************
 CONECTA TU SISTEMA 
*******************************************************************************/
#divBGMgm_116_MENUS {
  margin-bottom: 30px;
}
#divBGMgm_116_BANNERS li.logos a {
  padding: 0;
}
/*
#emMgm_326 a {
  pointer-events: none;
}
#emMgm_326 a::after {
  content: "Muy pronto";
  background-color: #fff;
  display: inline-block;
  color: rgb(99, 106, 110);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 5px 0;
  margin-left: 5px;
  vertical-align: middle;
  border: 1px dotted #444;
  line-height: 2;
}
*/

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 RESPONSIVE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1440
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1440px) {
.navbar-left {
  margin-left: -345px;
}
.navbar-nav > li > a {
  padding: 25px 15px;
  font-size: 16px;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1280
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1280px) {
#menuTop {
  background-color: #f4f4f6;
  background-image: none;
}
div.logo {
  top: 30px !important;
  width: 190px;
}
.navbar.no-border .navbar-nav > li.dropdown-full > .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
}
.navbar-left {
  margin-left: -300px;
}
.navbar-nav > li > a {
  padding: 25px 10px;
  font-size: 16px;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1023
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1023px) {
#cabecera {
  height: 86px !important;
}
div.logo:not(#cabecera.sticky .logo) {
  left: 15px;
  top: 33px !important;
  max-width: 150px;
}
#botonDemo {
  display: none;
}
.container#superContenedorMegamenu, .navbar.navbar-inverse, .navbar.navbar-inverse .navbar-collapse {
  text-align: right;
}
.navbar-left {
  margin-left: 0;
  padding: 0;
  float: right !important;
}
.navbar-nav > li > a {
  padding: 25px 9px 15px;
  font-size: 15px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 992px
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 992px) {
div.menu-banner a, 
.navbar.navbar-inverse :not(li) > div.menu-banner a {
  font-size: 24px;
}
div.menu-banner a::before, 
.navbar.navbar-inverse :not(li) > div.menu-banner a::before {
width: 22px;
height: 22px;
}
/**/
#divBGMgm_117_SECTOR {
  padding-right: 0;
}
#divBGMgm_117_CASOS, #divBGMgm_116_BANNERS, #divBGMgm_77_BANNERS {
  display: none;
}
.mgmSubopciones.principal {
  border-top: none !important;
}
#divBGMgm_77_PRINCIPALES {
  float: none;
}
#divBGMgm_77_MARKETING, #divBGMgm_77_PAGOS {
  max-width: 768px;
  margin: 0 auto;
  float: none;
}

#divBGMgm_77_PRINCIPALES > ul > li {
  margin-bottom: 20px;
}
#divMgm_77 > div::after {
  font-size: 26px;
}
#divBGMgm_116_MENUS {
  margin-bottom: 0;
}
#liBGMgm_116_PAGOS {
  margin-bottom: 30px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 850px
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 850px) {
.navbar-nav > li > a {
  padding: 25px 10px 15px;
  font-size: 14px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {

div.menu-banner a, 
.navbar.navbar-inverse :not(li) > div.menu-banner a {
  font-size: 18px;
font-weight: 400;
}
div.menu-banner a::before, .navbar.navbar-inverse :not(li) > div.menu-banner a::before {
width: 16px;
  height: 16px;
  margin-right: 5px;
}
/**/
div.logo:not(#cabecera.sticky .logo) {
  left: 60px;
}
#cabecera.sticky {
  position: relative;
}
#botonDemo {
  display: block;
  font-size: 14px;
  top: 36px;
  right: 10px;
}
#cabecera.sticky #botonDemo {
  position: fixed;
  width: 240px;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 24px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 24px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 24px;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease;
  right: 50%;
  margin-right: -120px;
}

.navbar .container .navbar-collapse, .navbar .container-fluid .navbar-collapse {
  position: absolute;
  width: 100%;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
.container > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
.navbar .navbar-toggle {
  margin-left: 7px;
  float: left;
}
.navbar-toggle .icon-bar {
  width: 25px;
  height: 3px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar .navbar-nav {
  margin: 0;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1) !important;
}
.collapse.in {
  overflow: visible !important;
}
.container#contenedorLayout {
  margin-right: 0;
  padding: 0;
}
.navbar-left {
  float: none !important;
  background: #fff;
}
.navbar .navbar-nav > li {
  text-align: left;
}
#liMgm_327 {
  display: block;
}
.navbar .navbar-nav > li:last-child {
  border: none;
}
.navbar .navbar-collapse .navbar-nav > li > a {
  font-size: 18px;
  padding-left: 15px;
}
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
  margin-right: 10px;
}
.navbar-inverse .navbar-nav > li > a::after, .navbar.navbar-inverse .navbar-nav > li.open > a::after {
  display: none;
}
.navbar .navbar-nav > li.dropdown-full.open > .dropdown-menu, .navbar .navbar-nav > li.dropdown-wide.open > .dropdown-menu {
  border: none !important;
}
.mgmSubopciones.principal {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#divMgm_77 > div::after {
  display: none;
}
#divBGMgm_77_PRINCIPALES {
  padding-left: 0;
  padding-right: 0;
}
#divBGMgm_77_MARKETING {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
#divBGMgm_77_PAGOS {
  padding-left: 0;
  padding-right: 0;
}

#divMgm_117 {
  padding-bottom: 20px !important;
}

#divBGMgm_116_MENUS {
  padding-left: 0;
  padding-right: 0;
}
#divBGMgm_116_MENUS {
  margin-bottom: 0;
}
#divBGMgm_116_MENUS > ul > li {
  padding-bottom: 15px;
}
.navbar .navbar-nav .dropdown-menu li.titulo-submenu, .navbar .navbar-nav .dropdown-menu li.titulo-submenu a span {
  padding-bottom: 0;
}
#emMgm_146 {
  margin-top: 0;
}
#liBGMgm_116_PAGOS {
  margin-bottom: 0;
}
.navbar .navbar-nav .dropdown-menu li.titulo-submenu::before {
  content:  "";
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 10px;
  background-color: #2c90cf;
  top: 6px;
  position: absolute;
  left: 2px;
  transform: skewX(-25deg);
}
.navbar .navbar-nav .dropdown-menu li.titulo-submenu.oculta::before, #emMgm_146::before {
  display: none;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {
#cabecera {
  height: 60px !important;
}
div.logo:not(#cabecera.sticky .logo) {
  top: 9px !important;
}
#botonDemo {
  top: 10px;
}
.navbar .dropdown-menu li.principal > a {
  padding: 10px 0;
}
.navbar .navbar-nav .dropdown-menu li {
  padding-right: 0;
}
.navbar .dropdown-menu li.normal > a {
  padding-right: 0;
}
#divBGMgm_77_PRINCIPALES {
  padding: 0;
}
#divBGMgm_77_PRINCIPALES > ul {
  display: flex;
  flex-wrap: wrap;
}
#divBGMgm_77_PRINCIPALES > ul >  li {
  float: none;
  width: 33%;
}
#divBGMgm_117_SECTOR > ul {
  display: flex;
  flex-wrap: wrap;
}
#divBGMgm_117_SECTOR > ul > li {
  float: none;
  width: 33%;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {
#divBGMgm_77_MARKETING > ul > li, #divBGMgm_77_PAGOS > ul > li {
  width: 50%;
  clear: left;
}
.titulo-submenu.oculta, .titulo-submenu.oculta {
  display: none;
}
#divBGMgm_116_MENUS > ul > li, 
div[divBGMgm *= "divBGMgm"] > ul > li {
  width: 100%;
}
#divBGMgm_77_PRINCIPALES > ul >  li,  {
  width: 50%;

}
#divBGMgm_117_SECTOR > ul > li {
  width: 50%;
}






}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 420
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 420px) {


}

/*///////////////////// CSS DINÁMICO : CABECERAS PÁGINAS //////////////////////////*/

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 MODULOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.cabeceraConectores {
  text-align: center;
  padding: 30px 20px;
  position: absolute;
  width: 100%;
  margin-top: -90px;
}
.cabeceraConectores img {
  -webkit-box-shadow: 0 -13px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -13px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -13px 20px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#contenido ._sec_bloque-contenido.conectores h2 {
  margin-top: 30px;
}

/*  CAJA TEXTO
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide {
right: 49px;
  right: 50px;
left: auto!important;
  top: 50px !important;
  bottom: auto !important;
padding: 0;
opacity: 1 !important;
text-align: center;
width: 550px !important;
background: #fff;
z-index: 1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
display: block;
width: 100%;
margin: 0 0 5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

display: none;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen img {
width: 100%;
height: auto;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, #body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h2 {
  font-size: 30px;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 10px;
  padding: 25px 30px 5px 30px;
  padding: 25px 0 5px 0;
  color: #000;
  text-align: left!important;
}

#body_cms #base1024 >  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, #body_cms #base1024 >  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h2 {
  padding: 25px 30px 0 30px;
}

#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h2 {
  font-size: 30px;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
text-align: left!important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide span {
display: inline-block;
  padding: 0 30px 15px;
  text-align: left;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p > span {
width:100%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide  a.botonPrueba {
padding: 10px 20px;
display: inline-block;
margin: 0 30px 25px;
width: calc(100% - 60px);
text-align: center;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide  a.botonPrueba:hover {
text-decoration: none;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide  a.botonPrueba span {
padding: 0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
ICONOS
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1742_1762  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1742_1620  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
display: block;
width: 80px;
height: 80px;
margin: -30px auto 25px -40px;
left: 50%;
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1762 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1620 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
margin-top: 30px;
}

/*  TALLAS Y COLORES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/cabeceras_modulos/ico-tallascolores-gris.svg") no-repeat center center;
background-size: 85%;
}
/*  GRANEL
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/cabeceras_modulos/ico-granel-gris.svg") no-repeat center center;
background-size: 85%;
}
/*  FIDELIZACION
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/cabeceras_modulos/ico-fidelizacion-gris.svg") no-repeat center center;
background-size: 85%;
}
/*  NUMEROS DE SERIE
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/cabeceras_modulos/ico-serie-gris.svg") no-repeat center center;
background-size: 85%;
}
/*  RESERVAS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_1742_1762 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/cabeceras_modulos/ico-reservas-gris.svg") no-repeat center center;
background-size: 85%;
}
/*  REPARACIONES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_1742_1620 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/cabeceras_modulos/ico-reparaciones-gris.svg") no-repeat center center;
background-size: 85%;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
LOGOS
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#body_cms.body_cms_2108  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
display: block;
width: 100%;
height: 90px;
margin: 0 auto;
position: relative;

}
/*  SHOPIFY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2108  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/TPV2023/shopify-logo.svg") no-repeat center 10px;
background-size:  250px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 RESPONSIVE
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*ESTILOS HASTA 960
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 960px) {

#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide {
right: 0;
top: 0px !important;
width: 50% !important;

-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
/*
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
*/
}
 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
  display: none;
}
#body_cms  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
font-size: 21px;
font-weight: 300;
line-height: 100%;
margin-bottom: 0;
padding: 20px 20px 0px 30px!important;
margin-top: 0!important;
}
#body_cms  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p br {
display: none;
}
/* ICONOS //////////////////////////////*/
#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1742_1762  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, 
#body_cms.body_cms_1742_1620  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
  display: block!important;
  width: 60px!important;
  height: 60px!important;
  margin: 0 auto 5px!important;
  left: 25px!important;
  position: absolute!important;
}
#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1762 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1620 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 

#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p > span, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p > span {
padding: 0px 20px 5px 90px!important;
}

/* LOGOS //////////////////////////////*/
#body_cms.body_cms_2108  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
height: 70px;
}
/*  SHOPIFY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2108  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background-position: 30px 10px;
background-size: 180px;
}
}

/*ESTILOS HASTA 768
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 768px) {
.cabeceraConectores img {
  max-width: 500px;
}
}
/*ESTILOS HASTA 600
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 600px) {
.cabeceraConectores {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding: 0;
}
.cabeceraConectores img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  max-width: 100%;
}
#contenido ._sec_bloque-contenido.conectores h2 {
  margin-top: 0;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide span {
  display: none;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
  font-size: 19px;
margin-bottom: 10px;
}

}

/*ESTILOS HASTA 480
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {
.cabeceraConectores {
  padding: 20px 30px 10px;
padding: 0;
}
.cabeceraConectores img {
  max-width: 100%;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .slide {
padding-bottom: 7vw;
}
.bx-viewport {
  height: auto !important;
}

#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide {
top: auto !important;
bottom: 0 !important;
width: 100% !important;
background: #f4f7f9;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
[id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
  width: 50px!important;
  height: 50px!important;
  margin: 5px auto 25px!important;
  left: 10px!important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
  font-size: 18px;
  font-weight: 300;
  line-height: 100%;
  margin-bottom: 0;
  padding: 0px 10px 5px 20px!important;
  margin-top: 10px!important;
width: calc(100% - 140px);
float: left;
font-weight: 500;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide p {
  display: inline-block;
  float: right;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide a.botonPrueba {
padding: 10px 20px;
margin: 15px 15px 0;
width: auto;
  text-align: center;
font-size: 14px;
font-weight: 500;
float: right;
}
#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, #body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, #body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, #body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, #body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, #body_cms.body_cms_1742_1762 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen, #body_cms.body_cms_1742_1620 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
  left: 5px !important;
}
#body_cms.body_cms_1794 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1740 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1741 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1819 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1951 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1762 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1, 
#body_cms.body_cms_1742_1620 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
  padding: 0px 10px 5px 70px!important;
}

/* LOGOS //////////////////////////////*/
/*  SHOPIFY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2108  [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide div.imagen {
background: #fff url("/UserFiles/images/TPV2023/shopify-icon.svg") no-repeat center center;
background-size: calc(100% - 20px);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#body_cms.body_cms_2108 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
padding: 0px 10px 5px 20px!important;
width: calc(100% - 190px);
}

/* OPINIONES CLIENTES / CAOS DE EXITO //////////////////////////////*/
#body_cms #galeria_imagenes_cabecera_3680 .textoSlide h2 {
margin-bottom: 0;
}


}

/*ESTILOS HASTA 380
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 380px) {

.gal_carrusel .bx-viewport {
overflow: visible!important;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .slide {
padding-bottom: 50px;
vertical-align: top;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
width: calc(100% - 70px);
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide a.botonPrueba {
padding: 10px;
display:block;
margin: 15px 15px 0;
width: 35px;
height: 35px;
  text-align: center;
font-size: 14px;
font-weight: 500;
text-align: left;
text-indent: -99999px;
position: relative;
background-image: url("/UserFiles/images/cabeceras_modulos/ico-mail-blanco.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 18px;
}
/* LOGOS //////////////////////////////*/
/*  SHOPIFY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#body_cms.body_cms_2108 [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] .textoSlide h1 {
width: calc(100% - 115px);
font-size: 18px;
}
}
/*///////////////////// CSS DINÁMICO : ELEMENTOS PAGINA //////////////////////////*/

.container {
  width: 100%;
  max-width: 1170px;
}
/**/
div.megaeditor p.p-titulo {
  padding: 10px 20px;
  background: #f3f5f7 !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

ul.lista-destacada {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
}
 ul.lista-destacada li {
  padding: 5px 0 5px 23px;
  background: url("/UserFiles/images/TPViconos/bullet01-azul.svg") no-repeat left 10px;
  background-size: auto;
  background-size: 18px;
}
ul.lista-destacada ul {
  padding: 0;
  margin: 5px 0 0 10px;
  list-style-type: none;
  text-align: left;
}
 ul.lista-destacada li ul li {
  padding: 5px 0 5px 18px;
  background: url("/UserFiles/images/TPViconos/bullet-lista-02.svg") no-repeat left 13px;
  background-size: 12px;
}
/* DEMO */
.body_cms_2107 #centro.columnaUnica, 
.body_cms_2107 #base, 
.body_cms_2107 #centro section, 
.body_cms_2107 div.megaeditor {
  overflow: visible;
}
/**/
.bx-viewport {
  max-height: initial!important;
}
/* COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-columnas {
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    justify-items: stretch;
    align-items: stretch;
padding: 30px 0;
}
.bloque-2col {
    grid-template-columns: 1fr 1fr;
}
.bloque-3col {
    grid-template-columns: 1fr 1fr 1fr;
}
.bloque-4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.bloque-2-1-col {
    grid-template-columns: 2fr 1fr;
}
.bloque-3-1-col {
    grid-template-columns: 3fr 1fr;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
LISTADO DE CARACTERISTICAS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.contenedor-caracteristicas {
padding: 50px 0 40px;
}
.contenedor-caracteristicas > div {
text-align: center;
padding: 0 10px;
}
.contenedor-caracteristicas > div > img {
  max-height: 90px;
  margin-bottom: 20px;
}
#contenido div.megaeditor .contenedor-caracteristicas h3 {
  font-size: 21px;
  line-height: 1.1;
  margin-bottom: 5px;
  text-align: left;
}
#contenido div.megaeditor .contenedor-caracteristicas p {
  font-size: 18px;
  text-align: left;
  hyphens: auto;
}
#contenido div.megaeditor .contenedor-caracteristicas.masparrafo > div h3 {
  text-align: left;
  margin-bottom: 10px;
margin-top: 15px;
}
#contenido div.megaeditor .contenedor-caracteristicas.masparrafo > div p {
  text-align: left;
  margin-bottom: 10px;
}
/**/
#body_cms #contenido .bloque-columnas.contenedor-tit-doblelinea h3  {
min-height: 55px;
}
#contenido div.megaeditor .contenedor-caracteristicas.contenedor-centrado p {
  text-align: center;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
MENU TABS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.menu-tabs {
text-align: center;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
CONTENIDO ACORDEON
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#accordion {
border: 1px solid #dbe1e6;
border: 0 none;
margin: 30px 0;
}
#contenido div.megaeditor #accordion > h3 {
font-size: 18px;
padding: 18px 15px 18px 53px;
margin-top: 10px;
text-transform: uppercase;

border-top: 1px solid #dbe1e6;
border-right: 1px solid #dbe1e6;
border-bottom: 1px solid #dbe1e6;
border-left: 1px solid #dbe1e6;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

background: #f4f7f9;
background: #fff;

color: #000;
position: relative;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
#contenido div.megaeditor #accordion > h3:hover {
padding: 18px 15px 18px 55px;
}
#contenido div.megaeditor #accordion > h3.ui-accordion-header-active {
background: #0096e2;
background: #f4f7f9;
border-bottom: 0 none;
/*color: #fff;*/

-webkit-border-radius: 30px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 30px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 30px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#contenido div.megaeditor #accordion > h3:last-child {
border-bottom: 0 none;
}

#contenido div.megaeditor #accordion > h3:before, 
#contenido div.megaeditor #accordion > h3:after {
content: "";
display: block;
background-color: #000;
transition: transform 0.5s ease-out;
width: 15px;
height: 3px;
position: absolute;
top: 28px;
left: 26px;
}
#contenido div.megaeditor #accordion > h3:after {
transform: rotate(90deg);
}
#contenido div.megaeditor #accordion > h3.ui-accordion-header-active:before, 
#contenido div.megaeditor #accordion > h3.ui-accordion-header-active:after {
/*background-color: #fff;*/
}
#contenido div.megaeditor #accordion > h3.ui-accordion-header-active:before, 
#contenido div.megaeditor #accordion > h3.ui-accordion-header-active:after {
transform: rotate(180deg);
}

#accordion > div {
border-top: 0 none;
border-right: 1px solid #dbe1e6;
border-bottom: 1px solid #dbe1e6;
border-left: 1px solid #dbe1e6;
padding: 10px 30px 25px;
/*margin-top: -25px;*/

background: rgb(244,247,249);
background: linear-gradient(180deg, rgba(244,247,249,1) 0%, rgba(255,255,255,1) 2%);

-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
#accordion > div.ui-accordion-content-active {
background: rgb(244,247,249);
background: linear-gradient(180deg, rgba(244,247,249,1) 0%, rgba(255,255,255,1) 48%);
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
CONTENIDO AMPLIAR INFORMACIÓN
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bloque-faq {
padding: 0 30px;
}
div.megaeditor ul.cd-faq-group {
margin: 25px 0 ;
padding: 0 ;
font-size: 16px;
}

.cd-faq-group > li {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.cd-faq-trigger {
  font-size: 20px;
  text-align: left;
  font-weight: 600;
  margin: 0;
  padding: 15px 20px 15px 50px!important;
display: block!important;
position: relative!important;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
li .cd-faq-trigger::before, 
li .cd-faq-trigger::after {
content: "";
display: block;
background-color: #000;
transition: transform 0.5s ease-out;
width: 15px;
height: 3px;
position: absolute;
top: 28px;
left: 26px;
}
li .cd-faq-trigger::before {
-webkit-transform: rotate(0deg)!important;
-moz-transform: rotate(0deg)!important;
-ms-transform: rotate(0deg)!important;
-o-transform: rotate(0deg)!important;
transform: rotate(0deg)!important;
}
li .cd-faq-trigger::after {
-webkit-transform: rotate(90deg)!important;
-moz-transform: rotate(90deg)!important;
-ms-transform: rotate(90deg)!important;
-o-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
}
li .cd-faq-trigger:hover::before, 
li .cd-faq-trigger:hover::after {
background-color: rgb(0, 130, 200);
}

li.content-visible .cd-faq-trigger::after {
-webkit-transform: rotate(0deg)!important;
-moz-transform: rotate(0deg)!important;
-ms-transform: rotate(0deg)!important;
-o-transform: rotate(0deg)!important;
transform: rotate(0deg)!important;
}
li .cd-faq-trigger:hover::before, 
li .cd-faq-trigger:hover::after {

}

/*ESTILOS HASTA 1200
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {



}
/*ESTILOS HASTA 1024
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {



}

/*ESTILOS HASTA 950
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 950px) {

.padding-responsive, ._sec_padding-responsive {
padding: 0 20px;
}

}

/*ESTILOS HASTA 767
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {

/* COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-3col.masparrafo {
    grid-template-columns: 1fr 1fr;
}
.bloque-4col {
    grid-template-columns: 1fr 1fr;
}
.bloque-2-1-col, .bloque-3-1-col {
    grid-template-columns:  1fr;
}

}

/* ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {

/* COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-3col {
    grid-template-columns: 1fr 1fr;
}
.bloque-3col.masparrafo {
    grid-template-columns: 1fr;
}
.bloque-columnas-grandes.bloque-3col {
    grid-template-columns: 1fr;
}
#contenido div.megaeditor .contenedor-caracteristicas.masparrafo > div > img {
  max-height: 90px;
  margin-bottom: 15px;
  float: left;
  margin-right: 25px;
}
#contenido div.megaeditor .contenedor-caracteristicas.masparrafo > div h3 {
  text-align: left;
  margin-bottom: 5px;
  margin-top: 0;
}
}

/*ESTILOS HASTA 480
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {

#contenido div.megaeditor .contenedor-caracteristicas.masparrafo > div > img {
  float: none;
  margin-right: 0;
}
}

/*ESTILOS HASTA 420
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 420px) {

.bloque-2col, .bloque-3col, .bloque-4col {
    grid-template-columns: 1fr;
}

}

/*ESTILOS HASTA 380
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 380px) {



}


/*///////////////////// CSS DINÁMICO : PAGINAS CONTENIDO //////////////////////////*/

/* APP CONTROL PRESENCIA -------------------------------------------------------------------------------------------------------------------*/
#centro section.presenta-app {
margin-bottom: 0!important;
}
div.megaeditor   ul.lista-descarga_apps {
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 
  }
div.megaeditor ul.lista-descarga_apps li {
  display: inline-block;
  width: 250px;
  margin: 4px;
  padding: 0;
  background: none;
  }
div.megaeditor ul.lista-descarga_apps li img {
  width: 100%;
  height: auto!important;
  }
  
#centro section.bloque-descarga_app p {
max-width: 800px;
margin: 0 auto 30px;
}

.precio-app .precio-modulo {
float: none;
padding: 10px 40px 20px;
  text-align: center;
max-width: fit-content;
  margin: 0 auto;
}
.precio-app .precio-modulo .precio-principal {
padding: 3px 50px 10px;
}

#centro section.app-ventajas {
margin-top: 0!important;
}

/***/
.precio-columnas{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:42px;
    background-color: var(--azul-principal-accesible-oscuro);
    color:#fff;
    border-radius:100px;
    padding:22px 45px;
    width:fit-content;
    margin: 10px auto;
}

.precio-columnas .precio-principal{
    position:relative;
    font-size:4.2rem;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    padding: 0 10px;
}

.precio-columnas .precio-principal span{
    display:inline-block;
    margin-left:8px;
    font-size:1.4rem;
    font-weight:600;
    line-height:1.1;
    vertical-align:baseline;
}

.precio-columnas .precio-principal::after{
    content:"";
    position:absolute;
    right:-22px;
    top:50%;
    width:2px;
    height:72px;
    background:#fff;
    transform:translateY(-50%) rotate(12deg);
    opacity:.9;
}

.precio-columnas .precio-datos{
    font-size:1.55rem;
    line-height:1.2;
    font-weight:500;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
MULTITIENDAS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* PREPARAR UNA FRANQUICIA
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.preparar-franquicia div.megaeditor .capa-contenido {
padding: 10px 0 20px;

}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
RESPONSIVE
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*ESTILOS HASTA 960
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 960px) {

/*/////////////////////////////////
MULTITIENDAS
/////////////////////////////////*/
#contenedor-ventajas-sectores > div:first-child {
  padding-left: 20px;
}

}

/*ESTILOS HASTA 767
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {

/*/////////////////////////////////
MULTITIENDAS
/////////////////////////////////*/
.bloque-3col#contenedor-ventajas-sectores {
  grid-template-columns: 1fr;
}
#contenedor-ventajas-sectores > div {
text-align: center;
}
.bloque-3col#contenedor-ventajas-sectores ul {
text-align: left;
}

}

/*ESTILOS HASTA 600
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 600px) {

div.megaeditor ul.lista-descarga_apps li {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 4px auto;
  padding: 0;
  background: none;
  }
  
  .precio-app .precio-modulo {
padding: 10px 0px 20px;
    width: 100%;
    max-width: 100%;
}
.precio-app .precio-modulo .precio-principal {
  padding: 3px 35px 10px;
}

}

/*ESTILOS HASTA 480
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {

/*/////////////////////////////////
MULTITIENDAS
/////////////////////////////////*/
#contenedor-ventajas-sectores {
  padding: 10px 0;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #imagen_carrusel_3723_0 .textoSlide div.imagen {
display: none;
}
#body_cms [id^="galeria_imagenes_cabecera_"] [id^="carrusel"] #imagen_carrusel_3723_0 .textoSlide h1{
padding: 0px 10px 5px 15px;
}

}
/*///////////////////// CSS DINÁMICO : MODULOS //////////////////////////*/

body.body_cms_1819 #base, body.body_cms_1819 #centro.columnaUnica {
  overflow: visible;
}

#contenido .bloque-app-texto h2, 
#contenido .bloque-app-texto p {
text-align: left;
}
section.bloque-contenido div.megaeditor .bloque-app-texto  h2 + p {
font-size: 21px;
padding: 10px 0;
padding-left: 0 !important;
  padding-right: 0 !important;
}

/* FICHAJES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* PRESUPUESTOS Y FACTURACION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.iconos-presupuestos .bloque-iconos {
margin-top: 0;
}

/* TRAZABILIDAD
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section.bloque-contenido.tit-trazabilidad, 
section.bloque-contenido.bloque-lotes {
margin: 3% auto .5% !important;
}
section.bloque-contenido.ico-lotes {
margin-top: 0!important;
}

/* FIDELIZACIÓN
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MODULO EXTRA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.contenedor-modulo-extra {
background: #f6f8f9;
padding: 30px 40px;
text-align: center;
max-width: 900px;
margin: 0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.contenedor-modulo-extra .bloque {
width: 45%;
}
#contenido div.megaeditor  div.contenedor-modulo-extra  h2 {
olor: #000000;
font-size: 34px;
font-weight: 300;
margin-bottom: 15px;
text-align: center;
}
#contenido div.megaeditor div.contenedor-modulo-extra .bloque h3 {
font-size: 21px;
}

/* PRECIO MODULO ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bloque.sec-precio-modulos {
padding: 50px 50px 150px;
}
.sec-precio-modulos {
background: #f7f9fa;
}
.sec-precio-modulos div.megaeditor {
  overflow: visible;
}
.sec-precio-modulos .precio-modulo {
  float: none;
width: fit-content;
margin: 0 auto;
}
.sec-precio-modulos .precio-modulo a.precio-principal {
  display: inline-block;
}
#contenido div.megaeditor .contenedor-precio h3 {
font-weight: 300;
padding-bottom: 15px;
}
#contenido div.megaeditor  h3 span {
font-weight: 600;
}

.sec-precio-modulos div.precio-prueba {
width: 90%;
max-width: 800px;
margin: 25px auto;
padding: 20px;
background: #eaeff2;
}

.sec-precio-modulos a.lnk-destacado {
font-size: 30px;
padding: 20px 55px 22px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
font-weight: 600;

}

/* PRECIO MODULO PRINCIPAL */

.sec-precio-modulos  .precio-modulo-principal .precio-modulo a.precio-principal  {
padding: 10px 50px 15px;
}
#contenido div.megaeditor .precio-modulo-principal .precio-principal span.preciomayor {
font-size: 70px;
}

/* PRECIO MODULO EXTRA */
.precio-modulo-extra {
padding: 40px 0 20px;
}
.precio-modulo-extra .precio-modulo a.precio-principal {
background-color: #9fb0b8;
}

/* MODULOS COMPLEMENTARIOS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.grupo-complementos {
padding: 50px 20px;
}
.grupo-complementos.bloque-2col {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
}
div.bloque-complemento {
background: #f3f5f7;
padding: 30px 40px;
text-align: center;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.bloque-complemento img {
max-width: 110px;
margin: 0 auto 15px;
}
#contenido div.megaeditor div.bloque-complemento h3 {
  font-size: 24px;
font-weight: 600;
}
#contenido div.megaeditor div.bloque-complemento h3 span {
  font-size: 21px;
}

div.bloque-complemento div.precio-complemento {
background: #9fb0b8;
padding: 7px 25px 10px 25px;
font-size: 30px;
font-weight: 600;
color: #fff;
width: fit-content;
margin: 25px auto 10px;
line-height: 1;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
div.bloque-complemento div.precio-complemento span {
font-size: 21px;
font-weight: 300;
}
div.megaeditor div.bloque-complemento p.p-mini {
font-size: .85em;
}

/* BLOQUE CTA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section.bloque-contenido.sec-CTA#div_seccion_3917 {
margin-top: -150px!important;
}

#centro section.sec-CTA, #centro section.sec-CTA div.megaeditor {
  overflow: visible;
}
.contenedor-CTA {
background: #3d8cc8;
padding: 0 40px 0;
display: flex;


-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.contenedor-CTA .cta-imagen, .contenedor-CTA .cta-texto {
display: inline-block;
}
.contenedor-CTA .cta-imagen img {
width: 300px;
margin: -30px 0;
}
 .contenedor-CTA .cta-texto {
padding: 35px 20px 35px 35px;
color: #fff;
}
#body_cms #contenido .contenedor-CTA .cta-texto h3 {
text-align: left;
color: #fff;
line-height: 1.3;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto h3 {
color: #fff;
padding-bottom: 5px;
font-size: 30px;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto p {
font-size: 21px;
margin-bottom: 10px;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a{
font-size: 18px;
color: #fff;
padding: 10px 30px 10px 20px;
font-weight: 400;
display: block;
width: fit-content;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a::before {
content:"";
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: center center;
background-size: 18px;
margin-right: 7px;
vertical-align: middle;
margin-top: -4px;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a.lnk-contactoform::before {
background-image: url("/UserFiles/images/gesio2023/ico-form-azul.svg");
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a.lnk-contactotelefono::before {
background-image: url("/UserFiles/images/gesio2023/ico-lnk-tlf.svg");
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a.lnk-contactoform {
background: transparent;
border: 2px solid #fff;
background-color: #fff;
color: #3d8cc8;
font-weight: 600;
line-height: 1;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a.lnk-contactoform:hover {
background: rgba(255, 255, 255, .8);
/*text-decoration: none;*/
}
.contenedor-CTA .botones-CTA {
display: flex;
padding-top: 20px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 960
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px) {

.contenedor-CTA .botones-CTA {
flex-direction: column;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a {
width: 100%;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {

#body_cms #contenido .contenedor-CTA .cta-texto h3 {
  text-align: center;
font-size: 35px;
line-height: 1.1;
}
/* FIDELIZACION //////////////////////////////////*/
.contenedor-CTA {
display: block;
  text-align: center;
padding: 0 30px 30px;
}
.contenedor-CTA .cta-imagen img {
  width: 200px;
}
.contenedor-CTA .cta-texto {
  padding: 40px 0 0;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a.lnk-contactoform, 
#contenido div.megaeditor .contenedor-CTA .cta-texto a {
line-height: 1.1;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a.lnk-contactoform {
margin-bottom: 10px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

.contenedor-CTA .botones-CTA {
flex-direction: column;
}
  #body_cms #contenido .contenedor-CTA .cta-texto h3 {
    font-size: 30px;
}
#contenido div.megaeditor .contenedor-CTA .cta-texto a {
width: 100%;
}

/* FIDELIZACION //////////////////////////////////*/
div.contenedor-modulo-extra .bloque {
  width: 100%;
}
.bloque.bloque-total {
margin-left: -50vw !important;
margin-right: -50vw !important;
}
.grupo-complementos.bloque-2col {
grid-template-columns:  1fr;
}
.sec-precio-modulos .precio-modulo-principal .precio-modulo a.precio-principal {
  padding: 10px 30px 15px;
}


}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {


/* FIDELIZACION //////////////////////////////////*/
div.contenedor-modulo-extra {
  padding: 30px 30px;
}
.bloque.sec-precio-modulos {
  padding: 30px 30px 150px;
}
#contenido div.megaeditor .precio-modulo-principal .precio-principal span.preciomayor {
  font-size: 40px;
}


}
/*///////////////////// CSS DINÁMICO : CONECTORES //////////////////////////*/

/* PRESTASHOP
///////////////////////////////////////////////////////////////////////////////////////////*/
#presentacion-ad-prestashop .presenta-ad-contenido img.img-responsive {
display: none;
}
/*Ocultar caja destacada prestashop*/
#centro section#div_seccion_4367 {
display: none;
}

/* LOGICOMMERCE
////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_2044 #base, 
body.body_cms_2044 #centro.columnaUnica {
overflow: visible;
}
.todoterreno.headless {
  background-image: url("/UserFiles/images/TPV2023/headless-gris.svg");
  background-size: 14% auto;
}
.todoterreno.integracion {
  background-image: url("/UserFiles/images/TPV2023/puzzle-gris.svg");
  background-size: 14% auto;
}
/**/
div.bloque-cliente#bloque-trilogi .bloque-imagen-cliente {
  background-image: url("/UserFiles/images/TPV2023/trilogi.jpg");
}
div.bloque-cliente#bloque-trilogi .bloque-texto-cliente {
  background: none;
}

/**/
#body_cms.body_cms_1628 #galeria_imagenes_cabecera_2734 #image_carrusel_1 .textoSlide::after, #body_cms #galeria_imagenes_cabecera_2734 #image_carrusel_2 .textoSlide::after {
display:  none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px) {

div.megaeditor ul.logosIntegraciones, 
div.megaeditor ul.logoscolaboradores {
  grid-template-columns: 1fr 1fr;
}

}

/*///////////////////// CSS DINÁMICO : GRIDS //////////////////////////*/

.bloque-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

.bloque-3col {
display: block;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

.bloque-4col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

.bloque-2col {
    grid-template-columns: 1fr;
}
.bloque-4col {
    grid-template-columns: 1fr 1fr;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

.bloque-3col {
    grid-template-columns: 1fr ;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

.bloque-2col, .bloque-3col, .bloque-4col {
    grid-template-columns: 1fr;
}
.bloque-4col {
    grid-template-columns: 1fr;
}

}

/*///////////////////// CSS DINÁMICO : FORMULARIOS A MEDIDA //////////////////////////*/


/* REGISTRO ACCOUNTEX ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#plano-feria {
    text-align: center;
    padding: 20px 50px;
}
#centro section.sec-accountex {
    background: linear-gradient(to right, rgb(21, 44, 63), rgb(28, 63, 144) 89%);
background: #011224;
padding: 30px;
margin: 0;
position: relative;

overflow: visible;
}
#centro section.sec-accountex .megaeditor {
position: relative;
overflow: visible;
}
#feria-acceso-mapa {
display: inline-block;
position: absolute;
right: 0;
    bottom: -50px;
    z-index: 99999;
}
#feria-acceso-mapa a {
display: inline-block;
padding: 6px 25px 6px 25px;
font-size: 18px;
font-weight: 600;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#feria-acceso-mapa a:hover {
background: #e08230;
color: #fff;
}
#feria-acceso-mapa a::before {
content:"";
display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
vertical-align: bottom;
background: url(/UserFiles/images/TPViconos/ico-ojo-gris.svg) no-repeat center center;
background-size: 100%;
}

#centro section.sec-accountex .megaeditor {
color: #fff;
max-width: 1200px;
margin: 0 auto;
}
#centro section.sec-accountex .megaeditor p:first-child {
font-size: 21px;
}
#contenido section.sec-accountex h2 {
color: #fff;
}
section.sec-accountex ul {
margin: 0;
padding: 30px 0;
list-style-type: none;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
section.sec-accountex ul li {
display: block;
background: #e08230;
color: #041323;
color: #fff;
padding: 10px 20px;
text-align: center;
font-weight: 600;
line-height: 1.2;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#logo-feria {
text-align: center;
padding: 30px 30px 30px;
}
#logo-feria img {
width: 350px;
height: auto!important;
}

body.body_cms_2199 #base, 
body.body_cms_2199 #centro.columnaUnica {
overflow: visible;
}
img.titulo-accountex {
max-width: 300px;
margin: 40px auto 25px;
}
#centro section#formulario_4135_186 {
margin: 0 0 20px;
z-index: 999;
text-align: center;
overflow: visible;

background: url("/UserFiles/images/TPV2023/CAB-ACCOUNTEX.jpg") no-repeat center top;
background: url("/UserFiles/images/TPV2024/bg-ferias.jpg") no-repeat center top;
background-size: 100%;

width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}

#centro section#formulario_4135_186::before {
content: "";
display: block;
width: 450px;
height: 519px;
position: absolute;
    top: -200px;
    left: calc(50% - 600px);
background: url("/UserFiles/images/TPV2024/crispin-ok.svg") no-repeat center top;
background-size: 100%;
}

div.megaeditor#editor_4135 p {
padding: 0 0 15px;
text-align: center;
font-size: 18px;
}
#centro section#formulario_4135_186 div.formulario p {
margin: 0;
}
#centro section#formulario_4135_186 .filtro input, 
#centro section#formulario_4135_186 .filtro select, 
#centro section#formulario_4135_186 .tablaFiltros select, 
#centro section#formulario_4135_186 div.formulario input, 
#centro section#formulario_4135_186 div.formulario select, 
#centro section#formulario_4135_186 div.formulario textarea {
width: 100%;
font-size: 18px;
  padding: 12px 20px 12px 20px;
}
#centro section#formulario_4135_186 input::placeholder, 
#centro section#formulario_4135_186 textarea::placeholder {
color: #9d9991;
}
#centro section#formulario_4135_186 div.formulario {
max-width: 800px;
margin: 0 auto;
background: #f3f5f7;
padding: 50px;
text-align: left;
    z-index: 9;
    position: relative;

box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#centro section#formulario_4135_186 div.formulario form label {
text-align: left;
 text-transform: uppercase;
}
#centro section#formulario_4135_186 div.formulario fieldset {
  margin: 0;
  padding: 0;
background: transparent
}
#centro section#formulario_4135_186 div.formulario legend {
display: none;
}
#centro section#formulario_4135_186 div.formulario fieldset[title*="Columnas"] {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#centro section#formulario_4135_186 div.formulario input.boton[name*="imprimir"] {
display: none;
}
#centro section#formulario_4135_186 div.formulario input.boton {
font-size: 18px;
  padding: 13px 25px;
  font-weight: 200;
  letter-spacing: 1px;
}
#centro section#formulario_4135_186 div.formulario input, 
#centro section#formulario_4135_186 div.formulario textarea {
background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 25px;
}
#centro section#formulario_4135_186 div.formulario textarea {
  background-position: 10px 14px;
}

/**************/
#formulario_4135_186  {
padding: 50px 30px 30px;
}

/* TE LLAMAMOS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#formulario_4405_204 {
padding: 0 40px 80px;
}
#formulario_4405_204 div.formulario {
    padding: 20px 40px;
    background-color: #f3f5f7;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#formulario_4405_204 div.formulario input[type="text"], #formulario_4405_204 div.formulario textarea, #formulario_4405_204 div.formulario select {
width: 100%;
}
#formulario_4405_204 .formulario fieldset {
    margin: 0;
    padding: 0;
    background: transparent;
}
#formulario_4405_204 .formulario legend {
    display: none;
}
#formulario_4405_204 div.formulario form label {
display: block;
    width: 100%;
    text-align: left;
}

#contenido #formulario_4405_204 div.formulario fieldset[title*="DATOS"] p:nth-child(3), #contenido #formulario_4405_204 div.formulario fieldset[title*="DATOS"] p:last-child {
    width: 49%;
    display: inline-block;
}
#contenido #formulario_4405_204 div.formulario fieldset[title*="DATOS"] p:last-child {
float: right;
}

/* WEBINARS ////////////////////////////////////////*/
.bloque-destacado-azul_claro {
background: #eaf3f8;
padding: 30px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#detalles-webinar {
    max-width: 800px;
    margin: 30px auto;
}
#body_cms #contenido #detalles-webinar h3 {
padding-bottom: 20px;
}
#datos-webinar {
font-size: 18px;
}

/* SOLICITAR DEMO 2023 ////////////////////////////////////////*/
#centro section.sec-presentacion_demo {
max-width: 900px;
margin: 0 auto;
padding-top: 40px;
}
/* FORMULARIO CONTACTO ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
#centro section#formulario_4138_187 {
  display: block;
  width: 50%;
  vertical-align: top;
  padding: 20px 40px;
  background-color: #f3f5f7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: none;
  margin: 40px auto 80px;
}
#formulario_4138_187 .formulario fieldset {
  margin: 0;
  padding: 0;
  background: transparent;
}
#formulario_4138_187 .formulario legend {
  display: none;
}
#contenido #formulario_4138_187 .formulario p {
  text-align: left;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 5px 0;
}
#formulario_4138_187 div.formulario form label, #formulario_4138_187 div.formulario input[type="text"], #formulario_4138_187 div.formulario form textarea {
  display: block;
  width: 100%;
  text-align: left;
}
#formulario_4138_187  .formulario fieldset[title*="telefono"] p {
  width: 49%;
  display: inline-block;
}
#formulario_4138_187 .formulario fieldset[title*="telefono"] p:last-child {
  float: right;
}
#formulario_4138_187  .formulario input.boton {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 15px;
  width: 100%;
  margin-top: 15px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
#formulario_4138_187   .formulario fieldset[title*="telefono"] p input[type="text"] {
  background-image: url("/UserFiles/images/TPV2022/form-phone.svg");
}
#formulario_4138_187  .formulario fieldset[title*="telefono"] p:last-child input[type="text"] {
  background-image: url("/UserFiles/images/TPV2022/form-email.svg");
}
#formulario_4138_187   div.formulario p input[type="text"] {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 25px;
  background-image: url("/UserFiles/images/TPV2022/form-user.svg");
}
#formulario_4138_187  #captcha {
  margin: 10px 0 0;
}
#formulario_4138_187  #captcha input {
  width: 160px !important;
  display: inline-block;
  font-size: 30px;
  vertical-align: bottom;
}






/* Formulario PROMOCIONES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#formulario_4128_185 {
padding-bottom: 60px;
overflow: visible;
}
#body_cms.body_cms_2197 #contenido{
background: url("/UserFiles/images/boletines2024/bg-corazones.jpg") no-repeat center top;
background-size: 100%;
}
#contenido h2#h2_cms_2197 {
padding-top: 10px;
  line-height: 1;
position: relative;
padding-bottom:5px;
/*background: url("/UserFiles/images/TPV2023/ahorra100-euros.png") no-repeat center bottom;
background-size: 100%;*/
}
#editor_4128 p {
font-size: 24px;
}
#editor_4128 p span {
font-size: 1.1em;
}
#centro section#formulario_4128_185 form {
max-width: 600px;
margin: 0 auto;
position: relative;
padding: 30px 40px;
margin-top: 40px;
background-color: rgba(230, 236, 240, .9);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;

border: 10px solid #fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
#centro section#formulario_4128_185 fieldset {
background: transparent;
padding: 0;
}
#centro section#formulario_4128_185 legend {
display: none;
}
#centro section#formulario_4128_185 form label, 
#centro section#formulario_4128_185 form input, 
#centro section#formulario_4128_185 form textarea {
display: block;
width: 100%;
text-align: left;
border-color: #a9b1b6;
}
#centro section#formulario_4128_185 form label {
}
#centro section#formulario_4128_185 form input {
}
#centro section#formulario_4128_185 div.formulario form > p {
position: relative;
display: block;
}
#formulario_4128_185 .formulario fieldset[title*="Contactos"] p {
  width: 49%;
  display: inline-block;
}
#formulario_4128_185 .formulario fieldset[title*="Contactos"] p:last-child {
  float: right;
}
#formulario_4128_185 p[align*="right"] input[name*="imprimir"] {
  display: none!important;
}
div.formulario p[align*="right"] input.boton {
text-align: center!important;
font-size: 21px;
letter-spacing: 1px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {

/* REGISTRO ACCOUNTEX ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#formulario_4135_186::before {
content: "";
display: block;
width: 350px;
height: 403px;
position: absolute;
    top: -160px;
    left: 10px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

.bloque-4col#datos-webinar {
    grid-template-columns: 1fr 1fr;
}
/* REGISTRO ACCOUNTEX ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section.sec-accountex ul {
    grid-template-columns: 1fr 1fr;
}
#logo-feria {
    text-align: right;
    padding: 0;
}
#logo-feria img {
    width: 300px;
    height: auto !important;
    margin: 0 0 0 auto;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

/* REGISTRO ACCOUNTEX ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#logo-feria img {
    width: 50%;
}
    #centro section#formulario_4135_186::before {
        width: 55%;
        height: 300px;
}


#centro section#formulario_4135_186 {
background-size: 200%;
}
#centro section#formulario_4135_186 div.formulario {
    padding: 30px;
}
#centro section#formulario_4135_186 div.formulario fieldset[title*="Columnas"] {
  grid-template-columns: 1fr;
}
/*******************/
#centro section#formulario_4128_185 form {
margin: 40px 15px 15px;
padding: 30px 20px;
}
#contenido h2#h2_cms_2197 {
padding-bottom:43%;
background: url("/UserFiles/images/TPV2023/ahorra100-euros-responsive.png") no-repeat center bottom;
background-size: 100%;
}
#formulario_4128_185 .formulario fieldset[title*="Contactos"] p {
  width: 100%;
  display: block;
}
#plano-feria {
    text-align: center;
    padding: 10px 10px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

/* REGISTRO ACCOUNTEX ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section.sec-accountex ul {
    grid-template-columns: 1fr;
}
#centro section#formulario_4135_186::before {
top: -140px;
}
#body_cms #contenido div.texto-formulario h3 {
font-size: 24px;
}

}

/*///////////////////// CSS DINÁMICO : MANUALES //////////////////////////*/

#body_cms.body_cms_2205 img {
padding: 40px 50px;
}

/******/
div.megaeditor ul.menu-seccion {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
max-width: 1024px;
margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0;
    justify-items: stretch;
    align-items: stretch;
}
div.megaeditor ul.menu-seccion li {
display: inline-block;

padding: 10px 10px;
margin-bottom: 10px;
}
ul.menu-seccion a {
display: block;
text-align: left;
padding: 5px 20px;
font-size: 14px;
background: #0082c8;
background: #e1eef6;
color: #fff;
color: #415e6e;
font-weight: 600;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
ul.menu-seccion a:hover {
color: #fff;
background: #006297;
background: #0082c8;
}

/* MODIFICADOR MENU */
div.megaeditor ul.menu-seccion li {
display: inline-block;

display: block;
max-width: 600px;
width: 100%;
margin: 0 auto;

padding: 5px 5px;
margin-bottom: 0;
}

/* BOTON SUBIR */
#centro section.boton-subir p.boton_precio {
text-align: center;
}
#centro section.boton-subir p.boton_precio a.botonPrueba {
margin: 0 auto;
padding: 15px 45px 15px;
font-size: 21px;
}

/*///////////////////// CSS DINÁMICO : FORMULARIOS //////////////////////////*/

/* FORMULARIO SOLO -----------------*/

#formulario_4169_190 div.formulario , 
#formulario_4172_191 div.formulario, 
#formulario_4191_194 div.formulario, 
#formulario_4214_196 div.formulario, 
#formulario_4216_197 div.formulario, 

#formulario_4244_198 div.formulario, 
#formulario_4401_203 div.formulario, 
#formulario_4399_202 div.formulario, 
#formulario_4393_200 div.formulario, 
#formulario_4395_201 div.formulario, 

#formulario_4679_212 div.formulario {
max-width: 800px;
margin: 0 auto;
padding: 20px 40px;
  background-color: #f3f5f7;

-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

#formulario_4214_196 div.formulario {
max-width: 600px;
}

#formulario_4169_190 legend, 
#formulario_4172_191 legend, 
#formulario_4191_194 legend, 
#formulario_4214_196 legend, 
#formulario_4216_197 legend, 
#formulario_4244_198 legend, 

#formulario_4401_203 legend, 
#formulario_4399_202 legend, 
#formulario_4393_200 legend, 
#formulario_4395_201 legend {
display: none;
}
#formulario_4169_190  .formulario fieldset, 
#formulario_4172_191  .formulario fieldset, 
#formulario_4191_194  .formulario fieldset, 
#formulario_4214_196  .formulario fieldset, 
#formulario_4216_197  .formulario fieldset, 
#formulario_4244_198 .formulario fieldset, 

#formulario_4401_203 .formulario fieldset, 
#formulario_4399_202 .formulario fieldset, 
#formulario_4393_200 .formulario fieldset, 
#formulario_4395_201 .formulario fieldset {
padding: 0;
background: transparent;
}

#formulario_4169_190 div.formulario form label, #formulario_4169_190 div.formulario input[type="text"], #formulario_4169_190 div.formulario form textarea, 
#formulario_4172_191 div.formulario form label, #formulario_4172_191 div.formulario input[type="text"], #formulario_4172_191 div.formulario form textarea, 
#formulario_4191_194 div.formulario form label, #formulario_4191_194 div.formulario input[type="text"], #formulario_4191_194 div.formulario form textarea, 
#formulario_4214_196 div.formulario form label, #formulario_4214_196 div.formulario input[type="text"], #formulario_4214_196 div.formulario form textarea, 
#formulario_4216_197 div.formulario form label, #formulario_4216_197 div.formulario input[type="text"], #formulario_4216_197 div.formulario form textarea, 
#formulario_4244_198 div.formulario form label, #formulario_4244_198 div.formulario input[type="text"], #formulario_4244_198 div.formulario form textarea, 

#formulario_4401_203 div.formulario form label, #formulario_4401_203 div.formulario input[type="text"], #formulario_4401_203 div.formulario form textarea, 
#formulario_4399_202 div.formulario form label, #formulario_4399_202 div.formulario input[type="text"], #formulario_4399_202 div.formulario form textarea, 
#formulario_4393_200 div.formulario form label, #formulario_4393_200 div.formulario input[type="text"], #formulario_4393_200 div.formulario form textarea, 
#formulario_4395_201 div.formulario form label, #formulario_4395_201 div.formulario input[type="text"], #formulario_4395_201 div.formulario form textarea , 
#formulario_4679_212 div.formulario form label, #formulario_4679_212 div.formulario input[type="text"], #formulario_4679_212 div.formulario form textarea {
display: block;
  width: 100%;
  text-align: left;
}
#formulario_4169_190 div.formulario p input[type="text"], 
#formulario_4172_191 div.formulario p input[type="text"], 
#formulario_4191_194 div.formulario p input[type="text"], 
#formulario_4214_196 div.formulario p input[type="text"], 
#formulario_4216_197 div.formulario p input[type="text"], 
#formulario_4244_198 div.formulario p input[type="text"], 

#formulario_4401_203 div.formulario p input[type="text"], 
#formulario_4399_202 div.formulario p input[type="text"], 
#formulario_4393_200 div.formulario p input[type="text"], 
#formulario_4395_201 div.formulario p input[type="text"] {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 25px;
  background-image: url("/UserFiles/images/TPV2022/form-user.svg");
}
#formulario_4169_190 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4169_190 .formulario fieldset[title*="Consultora"] p input[type="text"] , 
#formulario_4172_191 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4172_191 .formulario fieldset[title*="Consultora"] p input[type="text"], 
#formulario_4191_194 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4191_194 .formulario fieldset[title*="Consultora"] p input[type="text"], 
#formulario_4214_196 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4214_196 .formulario fieldset[title*="Consultora"] p input[type="text"], 
#formulario_4216_197 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4216_197 .formulario fieldset[title*="Consultora"] p input[type="text"], 
#formulario_4244_198 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4244_198 .formulario fieldset[title*="Consultora"] p input[type="text"], 

#formulario_4401_203 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4401_203 .formulario fieldset[title*="TUS DATOS"]  input#campo_575, 
#formulario_4399_202 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4399_202 .formulario fieldset[title*="TUS DATOS"]  input#campo_567, 
#formulario_4393_200 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4393_200 .formulario fieldset[title*="TUS DATOS"]  input#campo_548, 
#formulario_4395_201 .formulario fieldset[title*="Asesoria"] p input[type="text"], #formulario_4395_201 .formulario fieldset[title*="TUS DATOS"]  input#campo_558 {
  background-image: url("/UserFiles/images/TPViconos/form-empresa.svg");
}
#formulario_4169_190 .formulario fieldset[title*="Contactos"] p input[type="text"], 
#formulario_4172_191 .formulario fieldset[title*="Contactos"] p input[type="text"], 
#formulario_4191_194 .formulario fieldset[title*="Contactos"] p input[type="text"], 
#formulario_4214_196 .formulario fieldset[title*="Contactos"] p input[type="text"], 
#formulario_4216_197 .formulario fieldset[title*="Contactos"] p input[type="text"], 
#formulario_4244_198 .formulario fieldset[title*="Contactos"] p input[type="text"], 

#formulario_4401_203 .formulario fieldset[title*="TUS DATOS"] p input#campo_573, 
#formulario_4399_202 .formulario fieldset[title*="TUS DATOS"] p input#campo_565, 
#formulario_4393_200 .formulario fieldset[title*="TUS DATOS"] p input#campo_546, 
#formulario_4395_201 .formulario fieldset[title*="TUS DATOS"] p input#campo_556 {
  background-image: url("/UserFiles/images/TPV2022/form-tlf.svg");
background-image: url("/UserFiles/images/TPV2022/form-phone.svg");
}
#formulario_4169_190 .formulario fieldset[title*="Contactos"] p:last-child input[type="text"], 
#formulario_4172_191 .formulario fieldset[title*="Contactos"] p:last-child input[type="text"], 
#formulario_4191_194 .formulario fieldset[title*="Contactos"] p:last-child input[type="text"], 
#formulario_4214_196 .formulario fieldset[title*="Contactos"] p:last-child input[type="text"], 
#formulario_4216_197 .formulario fieldset[title*="Contactos"] p:last-child input[type="text"], 
#formulario_4244_198 .formulario fieldset[title*="Contactos"] p:last-child input[type="text"], 

#formulario_4401_203 .formulario fieldset[title*="TUS DATOS"]  input#campo_574, 
#formulario_4399_202 .formulario fieldset[title*="TUS DATOS"]  input#campo_566, 
#formulario_4393_200 .formulario fieldset[title*="TUS DATOS"]  input#campo_547, 
#formulario_4395_201 .formulario fieldset[title*="TUS DATOS"]  input#campo_557 {
  background-image: url("/UserFiles/images/TPV2022/form-email.svg");
}
#formulario_4191_194 .formulario fieldset[title*="Observaciones"] p input[type="text"] {
background-image: url("/UserFiles/images/TPViconos/form-empresa.svg");
}

#formulario_4169_190 .formulario fieldset[title*="Contactos"] p, 
#formulario_4172_191 .formulario fieldset[title*="Contactos"] p, 
#formulario_4191_194 .formulario fieldset[title*="Contactos"] p, 
#formulario_4214_196 .formulario fieldset[title*="Contactos"] p, 
#formulario_4216_197 .formulario fieldset[title*="Contactos"] p, 
#formulario_4244_198 .formulario fieldset[title*="Contactos"] p, 

#formulario_4401_203 .formulario fieldset[title*="Contactos"] p, 
#formulario_4399_202 .formulario fieldset[title*="Contactos"] p, 
#formulario_4393_200 .formulario fieldset[title*="Contactos"] p, 
#formulario_4395_201 .formulario fieldset[title*="Contactos"] p {
  width: 49%;
  display: inline-block;
}
#formulario_4169_190 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4172_191 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4191_194 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4214_196 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4216_197 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4244_198 .formulario fieldset[title*="Contactos"] p:last-child, 

#formulario_4401_203 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4399_202 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4393_200 .formulario fieldset[title*="Contactos"] p:last-child, 
#formulario_4395_201 .formulario fieldset[title*="Contactos"] p:last-child {
  float: right;
}

#formulario_4191_194 #captcha input, 

#formulario_4401_203 #captcha input, 
#formulario_4399_202 #captcha input, 
#formulario_4393_200 #captcha input, 
#formulario_4395_201 #captcha input {
  width: 160px !important;
  display: inline-block;
  font-size: 30px;
  vertical-align: bottom;
}

/* FORMULARIO ANUNCIO CONECTOR (Shopify, Presta, woo) -----------------*/
#formulario_4401_203 .formulario fieldset[title*="TUS DATOS"], 
#formulario_4399_202 .formulario fieldset[title*="TUS DATOS"], 
#formulario_4393_200 .formulario fieldset[title*="TUS DATOS"], 
#formulario_4395_201 .formulario fieldset[title*="TUS DATOS"] {
   display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}


/* FORMULARIO ASESORIA -----------------*/
#formulario_4169_190 .formulario fieldset[title*="Consultora"] {
display: none;
}

/* FORMULARIO CONSULTORA -----------------*/
#formulario_4172_191 .formulario fieldset[title*="Asesoria"] {
display: none;
}

/* FORMULARIO CONNECTIF -----------------*/
#formulario_4214_196 #captcha img {
display: inline-block;
  max-width: 150px;
vertical-align: middle;
}
#formulario_4214_196 #captcha #captcha_196 {
display: inline-block;
  width: 100px;
vertical-align: middle;
}
#body_cms.body_cms_2225 #contenido {
padding: 0 40px;
}

/* FORMULARIO WEBINAR GRANEL -----------------*/
#formulario_4244_198 fieldset[title *= "Comentarios"] {
display: none;
}
#centro section.cab-formulario-webinar {
    margin-bottom: -60px;
}
#cab-formulario-webinar {
max-width: 900px;
margin: 0 auto;
}
#contenido-cab-webinar {
padding: 50px 50px 70px;
background: #000;
color: #fff;
}
#body_cms #contenido #contenido-cab-webinar h3 {
    color: #fff;
font-size: 28px;
text-align: left;
padding: 15px 0 5px;
font-weight: 600;
}

ul#lista-datos-webinar, 
ul#lista-ponente-webinar {
list-style-type: none;
margin: 0 0 15px;
padding: 0;
}
ul#lista-datos-webinar li, 
ul#lista-ponente-webinar li {
display: inline-block;
color: #a9a9a9;
padding-right: 15px;
}
ul#lista-datos-webinar li strong, 
ul#lista-ponente-webinar li strong {
font-weight: 300;
color: #fff;
}
ul#lista-ponente-webinar li em {
color: #a9a9a9;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 480 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {

/* FORMULARIO ANUNCIO CONECTOR (Shopify, Presta, woo) -----------------*/
#formulario_4401_203 .formulario fieldset[title*="TUS DATOS"], 
#formulario_4399_202 .formulario fieldset[title*="TUS DATOS"], 
#formulario_4393_200 .formulario fieldset[title*="TUS DATOS"], 
#formulario_4395_201 .formulario fieldset[title*="TUS DATOS"] {
    grid-template-columns: 1fr;
}

}

/*///////////////////// CSS DINÁMICO : Animate //////////////////////////*/

iframe.iframe-animate {
width: 100%;
height: 100%;
border: 0 none;
overflow: hidden;
}
/*///////////////////// CSS DINÁMICO : CARRUSEL COLUMNAS  //////////////////////////*/


/*************************************
* https://swiperjs.com/
*************************************/

root {
    --swiper-navigation-size: 30px!important;
    --swiper-theme-color: #fff!important;
}
.swiper {
  width: 100%;
 /* height: 400px;*/
}

.swiper-slide, .swiper-slide * {
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .swiper-slide:hover {
      background: #f9f9f9;
}

    .swiper-slide img {
      display: block;
      max-width: 100%;
      height: auto!important;
margin-bottom: 10px;
    }

.swiper-text {
    padding-bottom: 15px;
}
.swiper-text, div.megaeditor .swiper-text p {
font-size: 16px;
}
.swiper-text a{
font-size: 21px;
}

.swiper-button-next, .swiper-button-prev {
border: 5px solid #fff;
background-color: #0096e2;
background-repeat: no-repeat!important;
background-position: center center!important;
background-size: 25px!important;
width: 45px!important;
height: 45px!important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
background-color: 0077b4;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
display: none;
}
.swiper-button-next {
}
.swiper-button-prev {
}
/**/
.swiper-pagination-bullet {
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
border-radius: 20px!important;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
width: 30px!important;
-webkit-border-radius: 20px!important;
-moz-border-radius: 20px!important;
border-radius: 20px!important;
}
/*///////////////////// CSS DINÁMICO : CTA FIJO estilos //////////////////////////*/


/*  ESTILOS GLOBALES /////////////////////////////////////////////////////////////////////////////////////////////////////*/

#contenedor-CTA-fijo img {
}

#banner-CTA-fijo {
position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 300px;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#contenedor-CTA-fijo {
    position: relative;
}
#contenedor-CTA-fijo img {
    max-width: 100%;
width: inherit !important;
    height: auto !important;
    margin: 0;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
}

#contenedor-CTA-fijo #cerrar-CTA-fijo {
    display: block;
    text-align: left;
    background: #fff url(/UserFiles/images/TPV2024/aspas-azul.svg) no-repeat center center;
    background-size: 15px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: -99999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#contenedor-CTA-fijo #cerrar-CTA-fijo:hover {
    background: #fff url(/UserFiles/images/TPV2024/aspas-azul_claro.svg) no-repeat center center;
    background-size: 15px;
}
#contenido-CTA-fijo {
    padding: 20px 20px 30px;
}
#contenido #contenido-CTA-fijo h3, 
#body_cms #contenido #contenido-CTA-fijo h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin-top: 0;
text-align: left;
    margin-top: 7px;
    margin-bottom: 7px;
}
#contenido-CTA-fijo h3 span {
font-size: .5em;
}
#contenido-CTA-fijo h3 strong {
    font-weight: 700;
font-size: 1.3em;
}
 #contenido #contenido-CTA-fijo p {
    margin: 3px 0 20px;
    font-size: 17px;
    font-weight: 300;
}
#contenido #contenido-CTA-fijo a.lnk-cta-fijo {
    display: block;
    padding: 5px 15px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
#contenido #contenido-CTA-fijo a.lnk-cta {
    background: rgb(0, 152, 224); 
}
#contenido #contenido-CTA-fijo a.lnk-cta:hover {
    background: #005c89;
}

#contenido #contenido-CTA-fijo a.lnk-whatsapp {
    background: #65cf72; 
}
#contenido #contenido-CTA-fijo a.lnk-whatsapp:hover {
    background: #33753c; 
}
#contenido #contenido-CTA-fijo .prescindible-CTA {
padding-bottom: 5px;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px) {

    #banner-CTA-fijo {
        width: 100%;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px;
    }
.prescindible-CTA {
display: none;
}
#contenido-CTA-fijo {
    padding: 10px 20px 10px;
}
#contenedor-CTA-fijo img {
display: none;
}
#contenido #contenido-CTA-fijo h3 {
        font-size: 18px;
    }
#body_comunicados_blog_detalle #contenido #contenido-CTA-fijo p {
        font-size: 14px;
    }

}
/*///////////////////// CSS DINÁMICO : AJUSTES SEPT 24 //////////////////////////*/


/* BANNER HARDWARE **********************************************/
#banner-hardware {
max-width: 1200px;
padding: 0 30px 40px;
margin: 0 auto;
}

/* LISTADO MODULOS **********************************************/
div.megaeditor .ampliaciones > ul {
text-align: center;
}
div.megaeditor .ampliaciones li {
text-align: left;
max-width: 400px;
margin: 0 auto;
}

/* LISTADO MODULOS DESTACADOS **********************************************/
.datos_tienda {
text-align: left;
}
#body_cms_home #contenido .datos_tienda h2 {
    padding-left: 0;
}
#body_cms_home div.megaeditor .datos_tienda  p.notaalmargen {
    padding-left: 0;
font-size: 14px;
}

/* PIE CONTACTO **********************************************/
.body_cms_2043 #base {
    padding-bottom: 100px;
}
/*///////////////////// CSS DINÁMICO : AYUDANTE //////////////////////////*/



body.body_cms_2266 #base1024 {
background: #0498D4 url("/UserFiles/images/TPV2024/bg-nubes.jpg") no-repeat center top;
background-size: 1400px;
}
body.body_cms_2266 #centro {
padding: 0 15px;
}
body.body_cms_2266 header, 
body.body_cms_2266 headerfooter {
display: none;
}
body.body_cms_2266 #pie {
  border-top: 20px solid #fff;
}

body.body_cms_2266  #centro section {
max-width: 700px;
margin: 0 auto;
}

/* CABECERA *********************************************************************************************************/
body.body_cms_2266  #centro section.ayudante-cab p {
margin: 0;
}

/* CUERPO *********************************************************************************************************/
body.body_cms_2266  #centro section.ayudante-cuerpo {
background: #fff;
padding: 0 40px 20px;
}

ul#datos-ayudante {
margin: 0 0 20px;
padding: 15px 25px;
list-style-type: none;
background: #f4f4f4;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
ul#datos-ayudante li {
display: inline-block;
}

a.lnk-ayudante-descarga {
background: #3da0da;
color: #fff;
display: inline-block;
margin: 0 auto;
padding: 10px 35px 12px;
line-height: 1.2;
font-size: 15px;
text-align: center;

-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;

}
a.lnk-ayudante-descarga:hover {
background: #135479;
padding: 10px 40px 12px;
}
a.lnk-ayudante-descarga strong {
font-size: 1.25em;
color: #fff;
}

/* PIE *********************************************************************************************************/
body.body_cms_2266  #centro section.ayudante-pie {
background: #fff;
padding: 5px 30px 15px;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}

ul#lista-ayudante-pie {
margin: 0 0 10px;
padding: 15px 25px;
list-style-type: none;

    display: grid;
    grid-template-columns: 1fr  1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
ul#lista-ayudante-pie li a {
display: block;
text-align: center;
background: #eef3f5;
color:#76868d ;
padding: 5px 10px;
font-size: 14px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
ul#lista-ayudante-pie li a:hover {
background: #3da0da;
color:#fff ;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

ul#datos-ayudante, 
ul#lista-ayudante-pie {
    grid-template-columns:  1fr;
text-align: center;
    grid-row-gap: 5px;
}

}
/*///////////////////// CSS DINÁMICO : Preguntas Frecuentes FAQs //////////////////////////*/

/* PRESONALIZACION CMS *****/

.bloque-faq-cms {
max-width: 900px;
margin:40px auto 0!important;
}

/* PREGUNTAS FRECUENTES ----------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
#FAQ-tarifas .cd-faq-trigger {
  padding: 5px 15px 5px 40px;
}
#FAQ-tarifas li .cd-faq-trigger::before, #FAQ-tarifas li .cd-faq-trigger::after {
top: 16px;
left: 15px;
}

div.megaeditor #FAQ-tarifas.cd-faq ul li:first-child, 
 div.megaeditor #FAQ-tarifas.cd-faq ul li:last-child {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#FAQ-tarifas .cd-faq-content {
    padding: 0 24px 5px;
  }
  
  .cd-faq-content p, 
 #body_cms_home div.megaeditor .cd-faq-content p{
  color:  var(--texto-principal-oscuro);
  text-align: left;
  font-size: 18px;
  line-height: 1.6;
  padding: 0;
  }

/****/

.cd-faq ul li, 
div.megaeditor .cd-faq ul li {
padding: 3px 3px 3px 13px;
margin-bottom: 5px;
font-size: 18px;
background: #f8f9fa;
list-style-type: none;
}
#contenidoComunicado .cd-faq ul li {
padding: 3px 3px 3px 13px;
margin-bottom: 5px;
font-size: 18px;
background: #f8f9fa;
list-style-type: none;
margin-left: 0;
}
#bloque .cd-faq li a.cd-faq-trigger {
color: #20151E;
}
#bloque .cd-faq li a.cd-faq-trigger:hover, 
#bloque .cd-faq li a.cd-faq-trigger:focus{
background: transparent;
color: #2a6496;
text-decoration: none;
}
#contenidoComunicado .cd-faq ul li a {
position: relative;
}

.blq-destacado  .cd-faq ul li {
background: #fff;
}
div.megaeditor .cd-faq ul li:first-child , 
.cd-faq ul li:first-child, 
#contenidoComunicado .cd-faq ul li:first-child{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
div.megaeditor .cd-faq ul li:last-child, 
.cd-faq ul li:last-child, 
#contenidoComunicado .cd-faq ul li:last-child {
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}

#contenido .bloque-faq h2 {
max-width: 800px;
margin: 0 auto;
}

.cd-faq {
  margin: 40px auto 0;
width: 100%;
max-width: 800px;
max-width: 1024px;
}
#body_cms #contenido .cd-faq h2 {
    font-size: 16px;
    font-weight: 800;
    margin-top: 0;
    color: #D8D8D8;
    color: #B5038D;
    letter-spacing: 0.05em;
    padding-left: 28px;
    line-height: 1.6em;
    background-repeat: no-repeat;
    background-position: top left !important;
    background-size: 24px auto;
}
.faqs-plataforma {
    background-image: url(/UserFiles/images/icon-Plataforma.svg) !important;
}
.faqs-envios {
    background-image: url(/UserFiles/images/icon-Envios.svg) !important;
    line-height: 1.8 !important;
}
.faqs-dropshipping {
    background-image: url(/UserFiles/images/icon-Dropshipping.svg) !important;
}
.faqs-prepedidos {
    background-image: url(/UserFiles/images/icon-Prepedidos.svg) !important;
}
div.megaeditor .cd-faq ul, 
.cd-faq ul, 
#contenidoComunicado .cd-faq ul{
    padding: 0 4px;
    margin-left: 0;
    margin-bottom: 30px;
    list-style: none;
}
.cd-faq-items > ul, .cd-faq-items > ul > li {
    list-style: none !important;
}
.cd-faq-group > li.cd-faq-title {
    border: none;
}

.cd-faq::after {
  content: "";
  display: table;
  clear: both;
}
.cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #7f868e;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}

/*///////////////////// CSS DINÁMICO : LANDING OFERTA CLIENTES (Candelsa,...) //////////////////////////*/

body.body_cms_2302 #centro.columnaUnica, body.body_cms_2302 #base {
overflow: visible;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
TPV ONLINE
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_373 #base {
background: #fff;
}body.body_cms_373 #pie-login {
margin-top: 0;
}

#centro section.tpv-cabecera {
text-align: center;
}
#centro section.tpv-cabecera img {
max-width: 800px;
height: auto!important;
margin: 30px auto 0;
}
#centro section.tpv-cabecera h3, 
#centro #contenido section.tpv-cabecera div.megaeditor p + h3 {
font-size: 50px;
font-weight: 300;
    padding: 5px 20px 20px;
margin-top: 0;
display: inline-block;
max-width: 900px;
}

#centro section.bloque-cta-top, 
#centro section.bloque-cta-top div.megaeditor {
overflow: visible;
}

div.tpv-cta-top {
text-align: center;

}
div.tpv-cta-top a {
display: inline-block;
padding: 12px 50px;
    background: #09c;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
letter-spacing: 1px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
div.tpv-cta-top a:hover {
text-decoration: none;
background: #084053;
}
/* PRESENTACION
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.tpv_presentacion {
/*max-width: 1100px;*/
    margin: 0 auto 0;

background: #09c;

  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#centro section.tpv_presentacion div.megaeditor {
max-width: 1440px;
margin: 0 auto;
padding: 0 30px;
color: #fff;
}
#body_cms #contenido .tpv_presentacion h1 {
background: transparent;
text-transform: UPPERCASE;
color: #fff;
font-weight: 300;
padding-top: 40px;

    font-size: 60px;
margin-bottom: 0;
}
#contenido .tpv_presentacion h1 span {
font-weight: 600;
}
#contenido .tpv_presentacion h1::before {
content: "";
display: block;
height: 60px;
margin-bottom: 20px;
background: url("/UserFiles/images/landings2025/logo-candelsa-blanco.png") no-repeat center top;
background-size: auto 100%;
}
#centro section.tpv_presentacion p {
font-size: 21px;
position: relative;
z-index: 9;
color: #fff;
max-width: 800px;
text-align: center;
margin: 0 auto;
}
#centro section.tpv_presentacion p a {
color: #fff;
}
#centro section.tpv_presentacion p strong {
color: #fff;
}
/* CABECERA ///////////////////////////////////////////////////////*/
#centro section.tpv-cabecera {
    margin: 0 auto 2%;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#base-cab-contenido {
position: absolute;
width: 100%;
height: 300px;
background: #09c;
}
#centro section.tpv-cabecera p {
position: relative;
z-index: 9;
}
/***/
#contenido #contenedor-ventajas h3 {
min-height: 75px;
margin-bottom: 20px;
}
#contenido #contenedor-ventajas .v-centralizada h3 {
min-height: auto;
margin-bottom: 20px;
}

div.contenedor-cta {
text-align: center;
padding: 20px;
}
a.lnk-cta-tpv {
display: inline-block;
padding: 10px 40px;
margin: 20px auto;
background: #09c;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
a.lnk-cta-tpv:hover {
background: #084053;
  text-decoration: none;
}

/**/
#centro section.perfiles-tpv {
padding: 0 30px;
}
#perfiles-dreamlove > div {
background: #f6f6f6;
padding-bottom: 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#perfiles-dreamlove > div > img {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#perfiles-dreamlove > div h3, #perfiles-dreamlove > div p {
padding: 0 30px;
}
a.lnk-perfil {
color: #fff;
font-size: 14px;
background:#bc2862 url("/UserFiles/images/2024/ico-ojo-blanco.svg") no-repeat 10px center;
background-size: 20px;
display: inline-block;
padding: 5px 15px 5px 35px;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
a.lnk-perfil:hover {
background:#000 url("/UserFiles/images/2024/ico-ojo-blanco.svg") no-repeat 10px center;
background-size: 20px;
text-decoration: none;
padding: 5px 25px 5px 35px;
}

/* CLIENTES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.tpv_clientes {
text-align: center;
max-width: 1400px;
margin: 0 auto;
background: #f4f4f4;
padding: 30px 40px ;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.bloque-clientes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

.cliente-tienda {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
max-width: 100%;
height: auto!important;
}
.cliente-logo {
padding: 10px 30px;
mix-blend-mode: multiply;
max-width: 300px;
margin: 0 auto;
}

/* OFERTA //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.tpv_oferta.sec-contenido {
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: url("/UserFiles/images/2024/bg-precio.jpg") no-repeat center center;
background-size: 2000px;
padding-top: 50px;
}
#centro section.tpv_oferta .megaeditor {
max-width: 800px;
margin: 0 auto 30px;
overflow: visible;
}
#centro section.tpv_oferta h2 {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 800px;
}
div.megaeditor #contenido-oferta-tpv ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div.megaeditor #contenido-oferta-tpv ul li {
padding: 10px 10px 10px 27px;
font-size: 18px;
background: url("/UserFiles/images/TPViconos/ico-check-azul.svg") no-repeat 0px 12px;
background-size: 21px;
}
div.megaeditor #contenido-oferta-tpv ul.lista-tpv-doble {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0;
    justify-items: stretch;
    align-items: stretch;
}

#contenido h4.tit-fidelizacion, #contenido h4.tit-tallas {
padding: 10px 10px 10px 45px;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 35px;
}
#contenido h4.tit-fidelizacion {
background-image: url("/UserFiles/images/TPViconos/ico-atraccion-azul.svg");
}
#contenido h4.tit-tallas {
background-image: url("/UserFiles/images/TPViconos/ico-tallas.svg");
}
/**/
#contenedor-oferta-tpv {
background: #f4f4f4;
padding: 20px;
margin-top: 150px;
margin-top: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#contenido-oferta-tpv {
background: #fff;
padding: 30px 40px 30px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#hardware-tpv {
text-align: center;
}
#hardware-tpv img {
width: 100%!important;
max-width: 500px!important;
margin: -150px auto -40px;
}

#oferta-logo-tpv {
text-align: center;
}
#oferta-logo-tpv img {
width: 90%;
max-width: 500px!important;
margin: 0 auto 15px ;
}
/* PRECIO OFERTA TPV */
#precio-oferta-tpv {
background: #f4f4f4;
padding: 25px 35px 50px;
margin-top: 40px;
text-align: center;

-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
div.megaeditor #precio-oferta-tpv h3  {
color: #c92f76;
margin-top: 10px;
}

#precio-oferta-tpv .span-destacado {
font-size: 38px;
font-weight: 700;
color: var(--color-enlace-principal-01);
}
#precio-oferta-tpv .span-destacado span {
font-size: 26px;
}

#contenido p.precio-anterior {
font-size: 30px;
font-weight: 500;
color: #a6b1b7;
}
#contenido p.precio-anterior strong {
font-size: 35px;
font-weight: 800;
color: #a6b1b7;
text-decoration: line-through;
}
#contenido p.precio-oferta {
font-size: 100px;
font-weight: 800;
line-height: 1.1;
color: var(--color-enlace-principal-01);
}
#contenido p.precio-oferta em {
font-size: 60px;
display: inline-block;
  vertical-align: top;
padding-left: 10px;
padding-top: 15px;
}
#contenido p.precio-oferta span {
display: block;
font-size: 30px;
}
#contenido p.precio-oferta span.span-mini {
display: block;
padding-top: 20px;
font-size: 21px;
}

#contenido p.p-lnk-oferta-tpv {
text-align: center;
}
a.lnk-oferta-tpv {
background: #09c;
color: #fff;
font-size: 24px;
font-weight: 800;
padding: 15px;
display: block;
  width: 90%;
  margin: 25px auto -90px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
a.lnk-oferta-tpv:hover {
background: #084053;
text-decoration: none;
}
a.lnk-oferta-tpv:before {
content:"";
display: inline-block;
width: 25px;
height: 25px;
background: url("/UserFiles/images/2024/ico-email-blanco.svg") no-repeat center center;
background-size: 25px;
  vertical-align: middle;
  margin-right: 10px;
}
/* DROPSHIPPING */
#centro section.tpv_dropshipping.sec-total {
margin: 60px 0 0;
text-align: center;
padding: 10px 0 0;
}
#centro section.tpv_dropshipping.sec-total .megaeditor {
  max-width: 100%;
  margin: 0 auto;
background: #c92f76;
padding:  0 30px;
}
#contenido .tpv_dropshipping.sec-contenido H2 {
margin: 0 auto;
color:#c92f76;
padding: 5px 20px 20px;
}
#contenido-dropshipping-tpv {
text-align: left;
max-width: 900px;
margin: 0 auto;
padding: 50px 0;
color: #fff;
   display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: center;
}
#contenido #contenido-dropshipping-tpv h3 {
color: #fff;
margin-bottom: 10px;
font-size: 38px;
letter-spacing: 1px;
}
#contenido #contenido-dropshipping-tpv h3 span {
font-size: 25px;
font-weight: 500;
}
#contenido #contenido-dropshipping-tpv p {
color: #fff;
font-size: 21px;
}

a.boton-dropshipping-tpv {
display: inline-block;
color: #fff;
font-weight: 700;
padding: 6px 55px 6px 25px;
background: rgba(0, 0, 0, .6);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
a.boton-dropshipping-tpv:hover {
background: rgba(0, 0, 0, .9);
padding: 6px 52px 6px 28px;
text-decoration: none;
}

/* GRIDS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div[class*="ventaja-"] {
text-align: center;
}
#contenedor-ventajas {  
display: grid;
  grid-template-columns: 1fr 1fr 1fr;
/*  grid-template-rows: 1fr 1fr 1fr;*/
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "v-stock v-conectadas v-facil"
    "v-centralizada v-centralizada v-centralizada"
    "v-pagos v-digitalizacion v-fidelizacion";
}

.v-stock { grid-area: v-stock; }

.v-conectadas { grid-area: v-conectadas; }

.v-facil { grid-area: v-facil; }

.v-centralizada { 
grid-area: v-centralizada; 
background: #f4f4f4;
padding: 0px 60px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 330px;

display: grid;
    grid-template-columns: 1fr 2fr;

    grid-column-gap: 40px;
    grid-row-gap: 0;
    justify-items: stretch;
    align-items: center;
}
#centralizada-img {
padding: 0 30px;
}

.v-pagos { grid-area: v-pagos; }

.v-digitalizacion { grid-area: v-digitalizacion; }

.v-fidelizacion { grid-area: v-fidelizacion; }

/*GRID VENTAJAS 3+2+3 */
 .contenedor-ventajas-3col,  .contenedor-ventajas-2col /*, 
.bloque-3col, .bloque-2col*/ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: stretch;
    align-items: stretch;
 }
.contenedor-ventajas-2col /*, .bloque-2col*/ {
margin: 40px 0;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
}
.contenedor-ventajas-2col.container {
margin: 35px auto;
}
.contenedor-ventajas-3col:before,  .contenedor-ventajas-2col:before, 
.contenedor-ventajas-3col:after,  .contenedor-ventajas-2col:after {
display: none;
}


 .contenedor-ventajas-3col img {
max-width: 100%;
height: auto!important;
}
.contenedor-ventajas-2col {
}
.contenedor-ventajas-2col img {
max-width: 250px;
margin: 0 auto;
height: auto!important;
}
div.img-2col {
text-align: center;
}

#contenido .tpv_ventajas h3 {
font-size: 30px !important;
  line-height: 1.1 !important;
    margin: 20px 0 15px;
min-height: 60px;
}

.ventaja-destacada {
background: #f6f6f6;
padding: 30px 45px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/*///////////////////// CSS DINÁMICO : OCULTAR ELEMENTOS EN EL MOVIL //////////////////////////*/


#body_cms_home section#div_seccion_4678 {
display: none;
}
/*//////////////////////////////////////////////////////
     ESTILOS HASTA 600
/////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 601px) {

#body_cms_home section#div_seccion_3768, 
#body_cms_home section#div_seccion_3763, 
section#comunicados_2269 {
display: none;
}
#body_cms_home section#div_seccion_4678 {
display: block;
}
#body_cms_home section#div_seccion_3634, 
#body_cms_home section#div_seccion_3635, 
#body_cms_home section#div_seccion_3525, 
#body_cms_home section#div_seccion_3591 {
display: none;
}



}


/*///////////////////// CSS DINÁMICO : REV. ACCESIBILIDAD 2026 //////////////////////////*/



:root {
--azul-principal-accesible: rgb(0, 114, 168);
--azul-principal-accesible-oscuro: rgb(0, 68, 100);

--rojo-destacado01: #ac2a55;
}
#body_cms_home #contenido h1,
#body_cms #contenido h1.normal {
font-weight: 800;
line-height: 1;
}

#bloque a, #bloque a:hover {
  background-color: transparent;
}

#contenido .seccion,  #contenido p.seccion,
p#p_seccion_2336, p#p_seccion_2337, p#p_seccion_2338, p#p_seccion_2339, p#p_seccion_2340, p#p_seccion_2340, p#p_seccion_2341{
  font-weight: 700!important;
  }
  
#body_cms_home #contenido h2, 
 
#contenido h2, .datos_tienda > h2 {
  font-weight: 700;
    /*font-weight: 800;*/
  }
  
#body_cms #contenido h3 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.1;
  }
  #body_cms #contenido .bloque-columnas h3 {
  font-size: 27px;
    font-weight: 700;
  }
  
  .tituloListado {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  min-height: 70px;
  }
  /*************/
 a.lnk-destacado, 
 button.planes, 
 .capa-plan form input.botonform{
  background-color: var(--azul-principal-accesible);
  }
   a.lnk-destacado:hover, 
   button.planes:hover, 
   .capa-plan form input.botonform:hover {
  background-color: var(--azul-principal-accesible-oscuro);
  }
  /*********/
  div.megaeditor ul.listado_masinfo li a {
  color: rgb(31, 33, 33);
  }
/* MEGAMENU **************************************/
  .navbar .dropdown-menu li.normal > a {
  color: #4e5355 !important;
}
div.menu-banner a, .navbar.navbar-inverse :not(li) > div.menu-banner a {
  font-size: 27px;
  font-weight: 700;
  }
/* BOTONES **************************************/
  .botonPrueba, .botonPrueba:focus {
  background-color: var(--azul-principal-accesible);
  font-weight: 700;
  letter-spacing: .7px;
  }
  .botonPrueba:hover {
  background-color: var(--azul-principal-accesible-oscuro);
  }
  /**/
  #botonDemo {
  font-size: 16px;
  font-weight: 700;
  }
  /***********/
  .contacto-propuesta a {
  line-height: 1.05;
  font-size: 22px;
  font-weight: 700;
  background: var(--azul-principal-accesible);
  }
  .contacto-propuesta a:hover {
  background: var(--azul-principal-accesible-oscuro);
  }
  .contacto-propuesta a span {
  display: block;
  font-size: .85em;
}
/*///////////////////// CSS DINÁMICO : landings SECTORES / MODULOS 2026 //////////////////////////*/

article .noticias #bloque li:hover {
scale: 1;
  translate: 0 0;
  border-color: rgba(0,0,0,0);
  box-shadow: none;
}

#centro section.s-mrg {
margin: 80px 0;
padding-top: 30px;
padding-bottom: 30px;
}
#centro section.s-mrg-top {
margin: 80px 0 0;
padding-top: 30px;
padding-bottom: 30px;
}
#centro section.s-mrg-bottom {
margin: 0 0 80px;
padding-top: 30px;
padding-bottom: 30px;
}

/**/
.caja-ico  {
display: block;
max-width: 60px;
height: 60px;
padding: 13px;
display: flex;
  align-items: center;
  justify-content: center;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.caja-ico img {
max-width: 100%;
}
.ico-gris-claro {
background: var(--azul-claro-fondo-cta);
}

/* CTA TOTAL ******************************************/
#centro section.bloque-cta-total {
background: var(--azul-principal-accesible);
background: linear-gradient(120deg,rgba(0, 114, 168, 1) 0%, rgba(0, 114, 168, 1) 55%, rgba(0, 75, 110, 1) 100%);
padding: 30px 50px;
max-width: 1100px;
  margin: 0 auto;
  overflow: visible;
  
  -webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}
.bloque-cta-total .megaeditor {
overflow: visible;
}
.contenedor-cta-total {
max-width: 1400px;
margin: 0 auto;
  display: grid;
  grid-template-columns: .7fr 2fr .8fr;
  align-items: center;
  gap: 40px;
  padding: 30px 50px;
    padding: 0 ;
  color: #fff;
  overflow: visible;
}

.cta-total01 {
height: 100%;
}
.cta-total01 img {
  display: block;
  max-width: 100%;
  height: auto !important;
 
  position: absolute;
  transform: translateX(-22%);
  top: -35px;
}

.cta-total02 {
  text-align: left;
  padding-left: 30px;
    padding-top: 20px!important;
}

#body_cms #contenido .cta-total02 h3, 
#body_cms_home #contenido .cta-total02 h3{
  margin: 0 0 6px;
  font-size: 28px;
    text-align: left;
  line-height: 1.15;
  font-weight: 800;
  color: #fff;
}

#body_cms #contenido .cta-total02 p, 
#body_cms_home #contenido .cta-total02 p{
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
}

.cta-total02 .lnk-demo {
  display: inline-block;
  min-width: 420px;
  padding: 15px 30px;
  background: #ffd400;
  color: #102b3c;
  font-size: 21px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
}
.cta-total02, .cta-total03 {
padding-top: 30px;
padding-bottom: 30px;

padding-top: 0;
padding-bottom: 0;
}

div.megaeditor .cta-total03 ul.lista-bullet-circulo-blanco {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.megaeditor .cta-total03 li {
  margin-bottom: 18px;
  font-size: 19px;
  font-weight: 600;
  text-align: left;
  color: #fff;
  position: relative;
  padding-left: 25px;
}

.cta-total03 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 1;
  font-size: 15px;
  font-weight: 800;
  background: url("/UserFiles/images/TPV2026/bullet-check-blanco.svg") no-repeat center center;
  background-size: 100%;
}

@media (max-width: 960px) {
  .contenedor-cta-total {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 35px 25px;
  }

.cta-total01 img {
max-height: 250px;
width: auto!important;
}

.cta-total02 {
  text-align: center;
  padding-left: 0;
}
#body_cms #contenido .cta-total02 h3 {
    text-align: center;
    }
  .cta-total02 .lnk-demo {
    min-width: 0;
    width: 100%;
    max-width: 420px;
  }

  .cta-total03 ul {
    display: inline-block;
    text-align: left;
  }
}
/* BOTON EFECTO */
.cta-total02 .lnk-demo {
  position: relative;
  display: inline-block;
  min-width: 420px;
  padding: 18px 40px;
  background: linear-gradient(180deg, #ffe100 0%, #ffc400 100%);
  color: #102b3c;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  border-radius: 60px;
  overflow: hidden;
  transition: all .25s ease;
  box-shadow:
    0 10px 25px rgba(0,0,0,.25),
    0 0 0 rgba(255,212,0,0);
}

/* brillo */
.cta-total02 .lnk-demo::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.55) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
}

/* animacion continua */
.cta-total02 .lnk-demo {
  animation: pulseBtn 2.5s infinite;
}

@keyframes pulseBtn {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.025);
  }
}
/**/

/* hover */
.cta-total02 .lnk-demo:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow:
    0 16px 35px rgba(0,0,0,.35),
    0 0 25px rgba(255,212,0,.45);
}

/* animación brillo */
.cta-total02 .lnk-demo:hover::before {
  animation: brilloBtn .8s ease;
}

@keyframes brilloBtn {
  0% {
    left: -120%;
  }
  100% {
    left: 140%;
  }
}



/**/
#centro section._comunicados_columnas_fotop  {
margin-bottom: 0;

overflow: visible;
}
/**/
a.btn-azul, a.btn-demo {
display: inline-block;
  line-height: 1.05;
  font-size: 22px;
  font-weight: 700;
  background: var(--color-enlace-principal-01);
  color: #fff;
  text-align: center;
  padding: 15px 50px;
  margin: 20px 0;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
a.btn-azul {
font-size: 15px;
font-weight: 600;
  margin: 0 0;
}
a.btn-azul:hover, a.btn-demo:hover {
  padding: 15px 55px;
  letter-spacing: .3px;
    background: var(--azul-principal-oscuro);
}
a.btn-demo span {
display: block;
}
a.btn-demo span.btn-mini {
font-size: .60em;
font-weight: 400;
padding: 5px 0 2px;
}

a.btn-flecha {
  padding: 13px 26px 15px 30px;
}
a.btn-flecha:hover {
  padding: 13px 26px 15px 30px;
}
a.btn-flecha.btn-azul, a.btn-flecha.btn-azul:hover  {
  padding: 10px 20px 10px 23px;
}

a.btn-flecha::after {
content:"";
display: inline-block;
width: 16px;
height: 16px;
  margin-left: 10px;
vertical-align: center;
background-image: url("/UserFiles/images/TPV2026/ico-flecha_boton_dcha-white.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: auto 14px;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
a.btn-flecha:hover::after {
width: 30px;
}
/**/
#centro section.contenedor-cta {
padding: 40px 30px;
}
.caja-contenedor-cta, 
.bloque-cta-tpv {
background: var(--azul-claro-fondo-cta);
background: #f0f3f6;
max-width: 650px;
margin: 0 auto;
padding: 25px;
}
div.cta-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
#body_cms #contenido .caja-contenedor-cta h3, 
#contenido .bloque-cta-tpv h3, #body_comunicados_blog_detalle #contenido .bloque-cta-tpv h3 {
font-size: 24px;
text-align: left;
margin-top: 0!important;
margin-bottom: 10px;
}
#body_cms #contenido .caja-contenedor-cta p, 
#contenido .bloque-cta-tpv p {
text-align: left;
margin-bottom: 15px;
}
#body_cms #contenido .caja-contenedor-cta a, 
#contenido .bloque-cta-tpv a {
display: inline-block;
  line-height: 1.05;
  font-size: 18px;
  font-weight: 700;
  background: var(--color-enlace-principal-01);
  color: #fff;
  text-align: center;
  padding: 12px 35px;
  margin: 0 0;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
#body_cms #contenido .caja-contenedor-cta a:hover, 
#contenido .bloque-cta-tpv a:hover {
background: var(--azul-principal-oscuro);
letter-spacing: .5px;
}
/**/

section.bloque-hero div.megaeditor h1 + p {
  font-size: 22px;
  font-weight: 300;
  line-height: 135%;
  text-align: center;
  padding-left: 4% !important;
  padding-right: 4% !important;
  text-aling: center;
}
/**/
#bloque-sectores {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  margin: 30px auto;
  padding: 0 30px;
}

/**/

#hero-descripcion {
max-width: 1300px;
margin: 0 auto;
padding: 0 30px;
}

/* LANDING SECTORES
/////////////////////////////////////////////////////////////////*/
.body_cms_2355  #base,
.body_cms_2355 #centro.columnaUnica {
  overflow: visible;
}

#centro section.bloque-hero.bloque-total {
background: url("/UserFiles/images/sectores/grad-top-azul_claro.jpg") repeat-x;
}
#centro section.bloque-hero.bloque-total .megaeditor {
max-width: 1440px;
margin: 0 auto;
}
#hero-sectores {
max-width: 1200px;
margin: 0 auto;
padding: 20px 0;
}
#body_cms #contenido #hero-sectores h1 {
color: #000;
font-weight: 700;
line-height: 1;
  letter-spacing: 0;
  margin-top: 0;
  padding: 10px;
  text-align: left;
  text-transform: none;
}
#body_cms #contenido #hero-sectores p {
  text-align: left;
}
/**/
div.bloque-sectores-landing#bloque-sectores {
background: #fff;
}
#hero-sectores-img {
margin: -20px auto;
}
/* PARRILLA SECTORES *******/
#bloque-sectores a img {
margin: 0 0 ;
max-width: 50px!important;

background: var(--azul-claro-fondo-cta);
  padding: 10px;
  border-radius: 8px;
}


#body_cms #contenido .bloque-sectores-landing > div {
display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 25px;
  border-radius: 10px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0);
  
  -webkit-transform: scale(1);
    transform: scale(1);
  
-webkit-transition:
        -webkit-transform .3s ease,
        box-shadow .3s ease;
    transition:
        transform .3s ease,
        box-shadow .3s ease;
  }
  /*
  #body_cms #contenido .bloque-sectores-landing > div:hover {
-webkit-transform: scale(1.08);
    transform: scale(1.08);
    
   padding: 20px 25px;
     box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
  }
  */
  
  
#body_cms #contenido .bloque-sectores-landing h3 {
font-size: 19px;
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
  margin: 10px 0 5px;
}
#body_cms #contenido .bloque-sectores-landing p {
font-size: 16px;
text-align: left;
}
#bloque-sectores a.lnk-sector-landing {
font-size: 14px;
text-align: left;
padding-right: 20px;
color: var(--color-enlace-principal-01);
position: relative;
display: block;

margin-top: auto;
}
#bloque-sectores a.lnk-sector-landing:hover {
color: var(--azul-principal-oscuro);

}
#bloque-sectores a.lnk-sector-landing:after, 
a.lnk-sector-landing:after{
content:"";
display: inline-block;
margin-left: 1px;
width: 10px; 
height: 7px;
transform: rotate(-90deg);

background: url("/UserFiles/images/sectores/flecha-abajo-azul.svg") no-repeat  center center;
background-size: contain;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
#bloque-sectores a.lnk-sector-landing:hover:after, 
a.lnk-sector-landing:hover:after{
background: url("/UserFiles/images/sectores/flecha-abajo-azul_oscuro.svg") no-repeat  center center;
background-size: contain;
margin-left: 5px;
}

/* PLANO TIENDA TPV **************************************/
#centro section.bloque-plano {
background: url("/UserFiles/images/sectores/grad-bottom-azul_claro.jpg") repeat-x left bottom;

width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.bloque-mapa-tpv {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.mapa-tpv {
  position: relative;
  max-width: 1000px;
  margin: 0 auto 30px;
}

.mapa-tpv img {
  display: block;
  width: 100%;
  height: auto;
  
  mix-blend-mode: multiply;
}

.hotspot {
  position: absolute;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: #1298e5;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 4px rgba(18, 152, 229, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hotspot::after {
  content: attr(data-point);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.hotspot:hover,
.hotspot.is-active {
  transform: scale(1.12);
  background: #032641;
  box-shadow: 0 0 0 6px rgba(3, 38, 65, 0.18);
}

.lista-puntos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 24px;
  margin-top: -20px;
}

.item-punto {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.35;
  transition: color 0.2s ease;
}

.item-punto span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1298e5;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.item-punto:hover,
.item-punto.is-active {
  color: #032641;
  font-weight: 700;
}

.hotspot-1  { top: 56%; left: 61%; }
.hotspot-2  { top: 19%; left: 23.5%; }
.hotspot-3  { top: 8%;  left: 25%; }
.hotspot-4  { top: 16%; left: 70%; }
.hotspot-5  { top: 7%;  left: 66%; }
.hotspot-6  { top: 23%; left: 58%; }
.hotspot-7  { top: 17%; left: 50%; }
.hotspot-8  { top: 32%; left: 33%; }
.hotspot-9  { top: 48%; left: 30%; }
.hotspot-10 { top: 44%; left: 59%; }
.hotspot-11 { top: 61%; left: 51%; }
.hotspot-12 { top: 30%; left: 67%; }
/**************/
@media (max-width: 900px) {
  .lista-puntos {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .lista-puntos {
    grid-template-columns: 1fr;
  }

  .hotspot {
    width: 26px;
    height: 26px;
  }

  .hotspot::after {
    font-size: 11px;
  }
}

/*///////////////////////////////////////////////////////////////*/

#centro section.sec-ventaja-grande {
margin-bottom: 90px;
}
.contenedor.col-margenextra {
  grid-column-gap: 40px !important;
  grid-row-gap: 40px !important;
}
.ventaja-2col .contenedor{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
}

/**/
#contenido section[class *= "sec-ventaja"] h2{
font-size: 30px;
text-align: left;
}
div.megaeditor p.p-subtitulo.p-left {
text-align: left;
}
/* iMAGENES
/////////////////////////////////////////////////////////////////*/
.ventaja-2col .contenedor .bloque-imagen {
background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 40px;
  padding: 0;
  Text-align: left;
  display: flex;
  align-items: start;
  align-content: start;
  flex-wrap: wrap;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* MODA Y CALZADO **********************************/
.bloque-imagen#img-tallas_colores {
  background-image: url("/UserFiles/images/TPV2026/mod_calzado-tallas_colores.jpg");
  max-height: 550px;
}

/* DESPLEGABLES
/////////////////////////////////////////////////////////////////*/
.cd-faq-group > li {
border: 0 none!important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  }
  
/* FORMULARIOS
/////////////////////////////////////////////////////////////////*/
.bloque-gracias .megaeditor {
max-width: 900px;
margin: 0 auto;
}
.bloque-gracias div.megaeditor p {
  font-size: 20px;
  }
  .bloque-gracias div.megaeditor p strong {
  font-size: 22px;
  }
    .bloque-gracias div.megaeditor p em {
  font-size: 16px;
  }
div.gracias-tube {
background: #f3f5f7;
padding: 20px 30px 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
a.lnk-tube {
display: inline-block;
background:  #ff0000;
color: #fff;
position: relative;
padding: 2px 15px 4px;
  font-size: 14px;
  font-weight: 600;
    line-height: 1;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
a.lnk-tube:hover {
background:  var(--azul-principal-oscuro);
}
a.lnk-tube::before {
content: "";
display: inline-block;
width: 15px;
height: 13px;
background: url("/UserFiles/images/TPV2026/ico-tube-blanco.svg") no-repeat center center;
background-size: 100%;
vertical-align: sub;
margin-right: 5px;

}

/*/////////////////////////////////////////////////////////////////
LANDING MODULOS
/////////////////////////////////////////////////////////////////*/
#hero-descripcion.presentacion-modulos p {
padding-left: 80px;
background-repeat: no-repeat;
background-position: left 10px;
background-size: 60px;
}
#hero-descripcion.presentacion-modulos p.p-presenta01 {
background-image: url("/UserFiles/images/TPV2026/ico-presentacion-funcionalidades-dark.svg");
}
#hero-descripcion.presentacion-modulos p.p-presenta02 {
background-image: url("/UserFiles/images/TPV2026/ico-presentacion-ecosistema-dark.svg");
}

.bloque-modulos-landing#bloque-modulos a.lnk {
display: inline-block;
width: 60px;
margin-right: 15px;
vertical-align: top;
margin-top: 15px;

padding: revert!important;
}
.bloque-modulos-landing.parrilla-funciones-mini#bloque-modulos a.lnk {
width: 40px;
margin-top: 0;
}
.bloque-modulos-landing#bloque-modulos .contenido-modulo {
display: inline-block;
width: calc(100% - 85px);
width: 100%;
}
.bloque-modulos-landing#bloque-modulos a.lnk.lnk-sector-landing {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.bloque-modulos-landing.parrilla-funciones-mini#bloque-modulos a.lnk.lnk-sector-landing {
margin-top: 0;
}
div.megaeditor .bloque-modulos-landing#bloque-modulos p {
font-size: 16px;
}


/*///////////////////// CSS DINÁMICO : Landings Campanyas //////////////////////////*/

/* //////////////////////////////////////////////////// */

.body_cms_2353 #base,
.body_cms_2353 #centro.columnaUnica, 
.body_cms_2353 div.megaeditor, 
#centro section.bloque-total {
overflow: visible;
}
#centro section.bloque-landing  {
padding: 0 30px;
}
/* PRESENTACION
////////////////////////////////////////////////////*/

#centro section.presentacion-landing-ads  {
padding: 0 30px;
}
#centro section.presentacion-landing-ads #contenedor-presentacion-landing-ads{
padding-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: center;
}
#body_cms #contenido #contenedor-presentacion-landing-ads h1 {
font-weight: 800;
  line-height: 1;
  font-size: 50px;
  text-transform: none;
  text-align: left;
  letter-spacing: 0.05px;
  padding-left: 0;
}
 div.megaeditor #txt-presentacion-landing-ads p{
  font-size: 21px;
  font-weight: 400;
}
/* BOTON FORMULARIO
////////////////////////////////////////////////////*/
.contacto-landing-demo a.btn-landing-demo {
display: inline-block;
text-align: left;
color: #fff;
padding: 12px 35px 14px;
line-height: 1.05;
  font-size: 22px;
  font-weight: 700;
  background: var(--azul-principal-accesible);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.contacto-landing-demo a.btn-landing-demo:hover {
display: inline-block;
background: var(--azul-principal-oscuro);
padding: 12px 45px 14px;
}
 div.megaeditor .contacto-landing-demo p.p-mini {
 font-size: 16px!important;
 font-style: italic;
 padding-top: 15px;
 
 }
 
 #remate-clientes,  #remate-clientes .contacto-demo-landing {
 text-align: center;
 }
/* BLOQUE VENTAJAS
////////////////////////////////////////////////////*/
#centro section.bloque-ventajas-landing {
padding: 60px 30px 60px ;
max-width: 1400px;
margin: 0 auto;

}
.bloque-ventajas-landing .bloque-iconos2 {
padding-top: 30px;
}
.bloque-ventajas-landing .bloque-iconos2 > div {
display: flex;
gap: 20px;
}
.bloque-ventajas-landing .bloque-iconos2 div img {
margin-right: 10px;
margin-right: 0px;
margin-left: 0px;
}
#body_cms #contenido  .bloque-ventajas-landing .bloque-iconos2 div h3 {
font-size: 19px;
font-weight: 700;
text-align: left;
margin: 0 0 5px;
line-height: 1;
}
.bloque-ventajas-landing .bloque-iconos2 div p {
font-size: 14px;
line-height: 1.1;
}
div.presentacion-ventajas-landing h2 {
line-height: 1;
font-weight: 800;
}
div.megaeditor div.presentacion-ventajas-landing p {
max-width: 1024px;
  margin: 0 auto;
  font-size: 26px;
  font-weight: 300;

  padding-left: 5%;
  padding-right: 5%;
}
.bloque-ventajas-landing .bloque-iconos img {
margin: 0 auto;
}
.bloque-ventajas-landing .bloque-iconos div p {
text-align: left;
}
/* 
FORMULARIO DE CONTACTO (en contenedor debe ser:#formulario-demo)
////////////////////////////////////////////////////*/
#formulario-demo {
padding: 30px 30px 0;
  max-width: 1100px;
  margin: 0 auto;
  
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#formulario-demo h2 {
text-align: left;
  font-size: 41px;
  font-weight: 800;
  line-height: 1;
}
#formulario-demo div.megaeditor p {
font-size: 21px;
}
#formulario-demo p.contacto-datos-sectores {
  font-weight: 700;
  font-size: 28px;
}
#formulario-demo p.contacto-datos-sectores a {
display: inline-block;
  padding: 10px 40px 12px 68px;
  background: #f3f5f7;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  color: rgb(125, 148, 159);
  background-repeat: no-repeat;
  background-position: 30px center;
  background-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#formulario-demo  p.contacto-datos-sectores a:hover {
  padding: 10px 45px 12px 68px;
  background: rgb(26, 162, 227);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 30px center;
  background-size: 30px;
}
#formulario-demo p.contacto-datos-sectores.contacto-tlf a {
  background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-gris.svg");
}
#formulario-demo p.contacto-datos-sectores.contacto-email a {
  background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-gris.svg");
}
/* FORMULARIO **********/
#centro #formulario-demo section {
display:block;
  vertical-align: top;
  padding: 20px 40px;
  background-color: #f3f5f7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: right;
  margin-bottom: 80px;
}
#formulario-demo div.formulario p {
  text-align: left;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 5px 0;
}
#formulario-demo  div.formulario form label,
#formulario-demo div.formulario input[type="text"], 
#formulario-demo div.formulario select, 
#formulario-demo div.formulario form textarea, 
#formulario-demo div.formulario p[align*="right"] input.boton{
display: block;
  width: 100%;
  text-align: left;
}
#formulario-demo div.formulario p[align*="right"] input.boton:first-child {
display: none;
}
#formulario-demo div.formulario form p:nth-of-type(3),
#formulario-demo div.formulario form p:nth-of-type(4) {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
#formulario-demo div.formulario form p:nth-of-type(4) {
  margin-left: 3%;
}

/* CARRUSEL LOGOS 
////////////////////////////////////////////////////*/
.marquee {
  width: 100%;
  height: 140px;
  background: #f3f5f7;
  overflow: hidden;
  position: relative;
  margin: 20px 0 30px;
}

.marquee::before,
.marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 8rem;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.marquee::before {
  left: 0;
  background: linear-gradient(to right, #f3f5f7 0%, transparent 100%);
}

.marquee::after {
  right: 0;
  background: linear-gradient(to left, #f3f5f7 0%, transparent 100%);
}

.marquee-content {
  display: flex;
  align-items: center;
  gap: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 140px;
  width: max-content;
  animation: marquee-scroll 36s linear infinite;
  will-change: transform;
}

.marquee-content li {
  flex: 0 0 220px;
  width: 220px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marquee-content li img {
  display: block;
  max-width: 220px;
  max-height: 70px;
  width: auto;
  height: auto;
}

@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-2700px);
  }
  
}

/*  FAQ
////////////////////////////////////////////////////////////////*/
#faq-abierta {
max-width: 900px;
margin: 0 auto;
}
dl {
font-size: 18px;
background: #f3f5f7;
padding: 30px 40px;
-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
dt {
font-size: 21px;
font-weight: 800;
}
dd {
padding-bottom: 20px;
}

/*////////////////////////////////////////////////////////////////
LANDING TPV ONLINE
////////////////////////////////////////////////////////////////*/

body.body_cms_2356  #base, 
body.body_cms_2356  #centro.columnaUnica {
overflow: visible;
}
body.body_cms_2356 #centro section.bloque-contenido, 
body.body_cms_2356 #centro section.bloque-ventajas-landing{
max-width: 1280px;
}

/* BLOQUE PROBLEMAS **********************************************/
#bloque-problemas {
background: var(--color-fondo-secundario-01);
background: var(--azul-claro-fondo);
padding: 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#contenido #bloque-problemas h2 {
font-size: 33px;
}
section.bloque-contenido div.megaeditor #bloque-problemas h2 + p {
font-size: 21px;
}
#bloque-problemas ul {
margin: 20px 0 0;
padding: 0;
list-style-type: none;
}
#bloque-problemas ul li {
font-size: 16px;
padding: 5px 5px 5px 43px;
background: url("/UserFiles/images/TPV2026/ico-sad-rojo.svg") no-repeat left center;
background-size: 35px;
line-height: 1.1;
font-weight: 600;
}

/* BLOQUE PARRILLA CLIENTES **********************************************/
#centro section.bloque-parrilla-clientes {
background: var(--azul-claro-fondo);
}
#centro section.bloque-parrilla-clientes .megaeditor {
max-width: 1280px;
margin: 0 auto;
padding: 30px;
}
#centro #contenido section.bloque-parrilla-clientes h2 {
text-align: left;
font-size: 40px;
}

ul#parrilla-clientes {
padding: 0;
margin: 0;
list-style-type: none;
}
ul#parrilla-clientes li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  }
  ul#parrilla-clientes li img {
 max-width: 100%;
 height: auto!important;
  }
  
  /* BLOQUE FORMULARIO SIMPLE LANDING TPV **********************************************/
  #formulario-demo-landing {
 padding: 45px 30px 35px;
background: var(--azul-claro-fondo);
  }
 #formulario-demo-landing #contenido-formulario {
 max-width: 1280px;
 margin: 0 auto;
  }
 #contenido #formulario-demo-landing #contenido-formulario h2 {
 font-size: 40px;
  margin-bottom: 10px;
  text-align: left;
  line-height: 110%;
  }
  
#contenido-formulario p.contacto-datos-sectores a {
font-size: 24px;
min-width: 285px;

  display: inline-block;
  padding: 10px 40px 12px 68px;
  background: #e2e8ee;
  color: var(--color-enlace-secundario-01);
  background-repeat: no-repeat;
  background-position: 30px center;
  background-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#contenido-formulario p.contacto-datos-sectores a:hover {
  padding: 10px 55px 12px 63px;
  background: rgb(26, 162, 227);
  color: #fff;
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 30px;
  }
  #contenido-formulario p.contacto-datos-sectores.contacto-tlf {
 margin-top: 25px; 
  }
#contenido-formulario p.contacto-datos-sectores.contacto-tlf a {
  background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-gris.svg");
}
#contenido-formulario p.contacto-datos-sectores.contacto-tlf a:hover {
  background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-blanco.svg");
}
#contenido-formulario p.contacto-datos-sectores.contacto-email a {
  background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-gris.svg");
}
#contenido-formulario p.contacto-datos-sectores.contacto-email a:hover {
  background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-blanco.svg");
}
/**/
 #contenido-formulario div.formulario {
 padding-top: 10px;
 }
 #contenido-formulario div.formulario p {
 margin-bottom: 10px;
 }
 #contenido-formulario div.formulario form label {
 display: block;
 width: 100%;
 text-align: left;
 
 
 display: none;
 }
  #contenido-formulario div.formulario form input,  #contenido-formulario div.formulario textarea {
 
 width: 100%;
 }

/* BLOQUE FUNCIONALIDADES TPV **********************************************/
.bloque-funcionalidad {
display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: center;
  padding: 40px 0 40px;
}
.bloque-funcionalidad.reverse {
  grid-template-columns: 1.5fr 1fr;
}
.bloque-funcionalidad img {
max-width: 100%;
height: auto!important;
}
#body_cms #contenido .bloque-funcionalidad h3 {
text-align: left;
font-size: 40px;
margin-top: 0;
margin-bottom: 20px;
}
div.megaeditor .bloque-funcionalidad ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#contenido .bloque-funcionalidad h4 {
font-size: 24px;
  line-height: 1.1em;
  margin-bottom: 5px;
  font-weight: 700;
}
#contenido div.megaeditor .bloque-funcionalidad p {
font-size: 16px;
margin-bottom: 0;
}

/* BLOQUE VENTAJAS TPV **********************************************/


/*/////// RESPONSIVE
////////////////////////////////////////////////*/

@media (max-width: 900px) {
  .marquee,
  .marquee-content,
  .marquee-content li {
    height: 120px;
  }

  .marquee-content {
    gap: 18px;
    animation: marquee-scroll-tablet 30s linear infinite;
  }

  .marquee-content li {
    flex: 0 0 180px;
    width: 180px;
  }

  .marquee-content li img {
    max-width: 140px;
    max-height: 58px;
  }

  @keyframes marquee-scroll-tablet {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-2376px);
    }
  }
  
}

@media (max-width: 600px) {

  .marquee,
  .marquee-content,
  .marquee-content li {
    height: 95px;
  }

  .marquee-content {
    gap: 14px;
    animation: marquee-scroll-mobile 24s linear infinite;
  }

  .marquee-content li {
    flex: 0 0 140px;
    width: 140px;
  }

  .marquee-content li img {
    max-width: 140px;
    max-height: 46px;
  }

  @keyframes marquee-scroll-mobile {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1740px);
    }
  }
  
  }


/*  RESPONSIVE HASTA 960
////////////////////////////////////////////////////////////////*/
@media (max-width: 960px) {

/**/
#centro section.bloque-ventajas-landing .bloque-3col {
grid-template-columns: 1fr 1fr ;
}

}

/*  RESPONSIVE HASTA 767
////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {

body.body_cms_2353 #cabecera.sticky #botonDemo {
display: none;
}
#formulario-demo {
grid-template-columns: 1fr ;
}
 div.megaeditor#editor_4708  h2,  div.megaeditor#editor_4708 h2 + p {
padding-left: 0 !important;
}
/**/
#centro section.presentacion-landing-ads #contenedor-presentacion-landing-ads {
grid-template-columns: 1fr;
}
#img-presentacion-landing-ads img {
width: 600px!important;
margin: 0 auto;
}

#formulario-demo p.contacto-datos-sectores.contacto-tlf a, 
#formulario-demo p.contacto-datos-sectores.contacto-email a {
width: 100%;
}
#formulario-demo p.contacto-datos-sectores.contacto-tlf a:hover, 
#formulario-demo p.contacto-datos-sectores.contacto-email a:hover {
padding: 10px 45px 12px 78px;
background-position: 34px center;
}

}

/*  RESPONSIVE HASTA 600
////////////////////////////////////////////////////////////////*/
@media (max-width: 600px) {

/**/
#centro section.bloque-ventajas-landing .bloque-3col {
grid-template-columns: 1fr  ;
}

}

/*///////////////////// CSS DINÁMICO : BLOG 2026 //////////////////////////*/



#listaBlog article {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#listaBlog article #contenidoComunicado, 
#listaBlog article .pieEntrada {
margin-top: auto;
}

/*///////////////////// CSS DINÁMICO : módulos 2026 //////////////////////////*/


.body_cms_2361  #base,
.body_cms_2361 #centro,
.body_cms_2361 #centro.columnaUnica, 
.body_cms_2361 #centro section, 
.body_cms_2361 div.megaeditor{
  overflow: visible;
}

.bloque-oscuro {
background:  var(--azul-principal-oscuro);
color: #fff;
}

.contenedor-parrilla{
padding: 0 30px;
}

.parrilla-funciones > div {
background: var(--azul-claro-fondo02);
background: transparent;
padding: 20px 30px;
 border: 2px solid rgba(0,0,0,0.03);

 scale: 1;
  transition: 
    scale 0.35s ease,
    box-shadow 0.35s ease,
    translate 0.35s ease;
    
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.parrilla-funciones > div:hover {
scale: 1.04;
  translate: 0 -6px;
  
border-color: rgba(0,0,0,0.07);
  box-shadow: 0 5px 10px rgba(0,0,0,0.05);
}

.parrilla-funciones img {
width: 100% !important;
max-width: 60px !important;
height: auto !important;
  margin: 0 !important;
}
.parrilla-funciones {
padding:  30px 0;
}
#body_cms #contenido .parrilla-funciones h3 {
font-size: 19px;
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
  margin: 10px 0 5px;
}

.parrilla-funciones-mini  {
max-width: 1280px;
margin: 0 auto;
}
.parrilla-funciones-mini > div {
background: transparent;
display: flex;
align-items: center;
padding: 20px 25px;
}
#body_cms #contenido .parrilla-funciones-mini h3 {
  font-size: 18px;
  }
.parrilla-funciones-mini .lnk-ico {
width: 50px;
height: auto;
margin-right: 7px;
}
.parrilla-funciones-mini img {
max-width: 40px !important;
height: auto !important;
  margin: 0 10px 0 0  !important;
}
#body_cms #contenido .parrilla-funciones-mini h3 {
margin: 0 0 5px;
}

.contenedor-destacado-centro  {
padding: 45px 30px 40px;
}
#contenido .contenedor-destacado-centro h2 {
color: #fff;
line-height: 1;
}

#centro section.mod-sectores #bloque-sectores {
grid-row-gap: 30px;
}
#centro #contenido section.mod-sectores #bloque-sectores h4 {
font-size: 20px;
text-align: left;
line-height: 1.1;
}
#centro section.mod-sectores #bloque-sectores .sectores-tit {
display: flex;
}
#centro section.mod-sectores #bloque-sectores .sectores-tit a {
margin-right: 10px;
}
#centro section.mod-sectores #bloque-sectores a.lnk-sector-landing {
  font-size: 14px;
  padding: 0 20px 0 60px;
}
/**/
#centro section.bloque-sistema {
background: var(--azul-claro-fondo02);
}
div.contenedor-sistema-centro {
max-width: 1300px;
margin: 0 auto;
padding: 50px 20px;

    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
div.contenedor-sistema-centro img {
max-width: 100%;
height: auto!important;
}
#contenido #sistema-txt {
display: flex;
justify-content: center;
flex-direction: column;
}
#contenido #sistema-txt h2 {
text-align: left;
font-size: 38px;

}
#contenido #sistema-txt ul {
margin: 20px 0 0;
padding: 0;
list-style-type: none;
}
#contenido #sistema-txt ul li {
padding: 3px 5px 3px 25px;
background: url("/UserFiles/images/TPV2026/bullet-check.svg") no-repeat 5px 11px;
background-size: 15px;
font-weight: 600;
}


/*///////////////////// CSS DINÁMICO : HOME 2026 //////////////////////////*/


/* REVISAR LA VISUALIZACION TOTAL ***************/
.body_cms_2365 #base, 
.body_cms_2365 #centro.columnaUnica{
  overflow: visible;
}
#body_cms_home #centro section.bloque-hero.bloque-total, 
.body_cms_2365 #centro section.bloque-hero.bloque-total {
  background-size: auto 1100px;
}

/* LIMITAR ANCHO TOTAL a 1280 ***************************/

 #centro section.sec-cont .megaeditor, 
 #centro section.contenedor-parrilla div.megaeditor {
max-width: 1280px;
margin: 0 auto;
}

/* PARRILLA DESTACADA ************************************/
.parrilla-destacada > div {
background: var(--azul-claro-fondo02);
background: transparent;
padding: 0;
 border: 2px solid rgba(0,0,0,0.03);

 scale: 1;
  transition: 
    scale 0.35s ease,
    box-shadow 0.35s ease,
    translate 0.35s ease;
    
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.parrilla-destacada > div:hover {
scale: 1.04;
  translate: 0 -6px;
  
border-color: rgba(0,0,0,0.07);
  box-shadow: 0 5px 10px rgba(0,0,0,0.05);
}

.parrilla-destacada img {
width: 100% !important;
height: auto !important;
  margin: 0 !important;
  
  -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

/* HERO
//////////////////////////////////////////////////////////////////*/
/*
#centro section.bloque-hero {
margin-bottom: 0;
}
#centro section.bloque-hero div.megaeditor {
overflow: visible;
}
#contenido #hero-texto {
padding: 40px 30px 20px;
}

#contenido #hero-texto h1 {
  font-weight: 800;
  line-height: 1;
  font-size: 48px;
  text-transform: none;
  text-align: cdnter;
  letter-spacing: 0.05px;
  padding-left: 0;
    padding-right: 0;
}

#contenedor-hero {
  max-width: 1440px;
  margin: 0 auto;
  min-height: calc(100vh - 90px);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  overflow: visible;
  padding: 10px 30px 0;
}

#hero-texto {
  text-align: center;
  max-width: 1250px;
  z-index: 2;
}

#hero-imagen {
  width: 100%;
  max-width: 1350px;
  margin-top: 55px;
  overflow: hidden;
    overflow: visible;
  height: max(50vw, calc(100vh - 360px));
  max-height: 520px;
  position: relative;
}
#hero-imagen::before {
content:"";
display: block;
width: 150px;
height: 150px;
background: url("/UserFiles/images/TPV2026/listo-verifactu.svg") no-repeat center center;
background-size: 100%;
position: absolute;
top: 200px;
right: -60px;
  transform: rotate(10deg);
}

#hero-imagen img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: top center;
  
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
*/

#centro section.bloque-hero {
margin-bottom: 0;
}
.bloque-hero #contenedor-hero, 
#body_cms_home #contenedor-hero{
  position: relative;
  overflow: hidden;
  min-height: calc(100svh - 200px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(38px, 6vh, 72px) 20px 0;
}

#hero-texto {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

#hero-texto h1 {
  margin: 0 auto 10px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.05;
  font-weight: 800;
}
#contenido #hero-texto h1 {
  font-weight: 800;
  line-height: 1.2;
  font-size: 48px;
  text-transform: none;
  text-align: cdnter;
  letter-spacing: 0.05px;
  padding-left: 0;
    padding-right: 0;
    margin: 0 0 20px;
    max-width: 100%;
}
#body_cms_home div.megaeditor h1 + p, 
#hero-texto p {
  font-size: 20px;
  max-width: 1100px;
  margin: 0 auto 35px;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.35;
}
/*
.destacado-texto {
  position: relative;
  display: inline-block;
}

.destacado-texto::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.02em;
  height: 0.18em;
  background: #f5c400;
  z-index: -1;
  border-radius: 999px;
}
*/

#hero-texto .btn-demo {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 310px;
  padding: 13px 34px 12px;
  margin: 0;
  border-radius: 999px;
  background: #2d7fba;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  line-height: 1.05;
}
/*
.btn-mini {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
}*/

#hero-imagen {
  position: relative;
  z-index: 2;
  flex: 1;
  width: min(1440px, 100%);
  /*width: 100%;*/
  min-height: 600px;
  margin: 34px auto 0;
}

.hero-tpv {
  position: absolute;
  left: 50%;
  /*bottom: -9%;*/
  top: 0;
  transform: translateX(-50%);
  width: min(950px, 72vw);
  height: auto;
  z-index: 2;
  
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.hero-crispin {
  position: absolute;
  left: 0;
  bottom: -14%;
  /*transform: translateX(-112%);*/
  width: min(380px, 33vw);
  height: auto;
  z-index: 3;
}

#hero-imagen::before {
  content: "";
  position: absolute;

  bottom: 21%;
  /*
    left: 50%;
  transform: translateX(172%);
  */
  right: 10px;
    right: -60px;
    right: 0;
  width: clamp(110px, 12vw, 160px);
  aspect-ratio: 1 / 1;
  background: url("/UserFiles/images/tpvonline_com/Badge-Verifactu.svg") center / contain no-repeat;
  z-index: 4;
  pointer-events: none;
  transform: rotate(10deg);
}

@media (max-width: 900px) {
  #contenedor-hero {
    min-height: auto;
    padding-top: 42px;
  }

  #hero-texto h1 {
    font-size: clamp(34px, 7vw, 48px);
  }

  #hero-imagen {
    min-height: 330px;
    margin-top: 24px;
  }

  .hero-tpv {
    width: 90vw;
    transform: translateX(-50%);
    bottom: -4%;
  }

  .hero-crispin {
width: 35vw;
width: 280px;
    transform: translateX(-15%);
    bottom: -15%;
  }

  #hero-imagen::before {
    width: 145px;
    bottom: 15%;
    transform: translateX(10%);
    right: 10px;
  }
}

@media (max-width: 600px) {
  #contenedor-hero {
    padding: 34px 15px 0;
  }

  #hero-texto h1 {
    font-size: 34px;
  }

  #hero-texto p {
    font-size: 17px;
  }

  .btn-demo {
    min-width: 250px;
  }

  #hero-imagen {
    min-height: 255px;
  }

  .hero-tpv {
    width: 93vw;
    left: 50%;
    bottom: -6%;
  }

  .hero-crispin {
width: 200px;
    bottom: -15%;
    transform: translateX(-0%);
 
    left: -10px;
  }

  #hero-imagen::before {
    width: 88px;
    bottom: 19%;
    transform: translateX(125%);

    right: auto;
    top: auto;
    width: 120px;
    height: 120px;
  }
  
  
}

/* CARRUSEL PANTALLAZOS
//////////////////////////////////////////////////////////////////*/
#body_cms_home section.bloque-carrusel {
  margin-bottom: 7%;
  margin-top: 0;
}
.carrusel-tpv {
  position: relative;
  background: #12394b;
background: linear-gradient(90deg,rgba(18, 57, 75, 1) 0%, rgba(18, 57, 75, 1) 55%, rgba(0, 33, 43, 1) 100%);
  min-height: 620px;
  padding: 80px 90px 70px;
  overflow: hidden;
}

.carrusel-viewport {
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.carrusel-track {
  display: flex;
  transition: transform .45s ease;
}

.carrusel-slide {
  min-width: 100%;
  display: grid;
  grid-template-columns: 1.25fr .9fr;
  gap: 50px;
  align-items: center;
  padding: 0 40px;
}

.slide-imagen img {
  width: 100%;
  max-width: 700px;
  height: auto!important;
  display: block;
  border-radius: 0 0 10px 10px;
}

.slide-texto {
  color: #fff;
}
.carrusel-asistente {
width: 150px!important;
  height: auto!important;
margin-bottom: 15px;
}
.slide-avatar {
  width: 130px;
  height: 130px;
  object-fit: contain;
  margin-bottom: 28px;
}

#contenido .slide-texto h2, 
.slide-texto h2, 
#body_cms_home #contenido .slide-texto h2 {
  font-size: clamp(24px, 3vw, 37px);
  color: #fff;
  text-align: left;
  line-height: 1.12;
  font-weight: 800;
  margin: 0 0 24px;
  padding: 0;
}

.slide-texto p, 
#body_cms_home div.megaeditor .slide-texto p {
  font-size: clamp(20px, 2vw, 28px);
  font-size: 16px;
  line-height: 1.35;
    text-align: left;
  max-width: 580px;
  margin: 0;
    padding: 0;
}

.carrusel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 78px;
  height: 78px;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 23px;
  color: #12394b;
  font-size: 58px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
  transition: transform .25s ease, background .25s ease;
}

.carrusel-btn:hover {
  transform: translateY(-50%) scale(1.08);
  background-color: #f2f7fa;
    background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;
}

.carrusel-prev {
  left: 34px;
  background-image: url("/UserFiles/images/TPV2026/ico-carr-prev.svg");
}

.carrusel-next {
  right: 34px;
    background-image: url("/UserFiles/images/TPV2026/ico-carr-next.svg");
}

.carrusel-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 55px;
}

.carrusel-dot {
  width: 15px;
  height: 15px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}

.carrusel-dot.activo {
  width: 95px;
  border-radius: 40px;
  background: #008bd2;
}

/* TOMA EL CONTROL
//////////////////////////////////////////////////////////////////*/
#centro section.bloque-control, 
section.bloque-control div.megaeditor {
overflow: visible;
}
section.bloque-control div.megaeditor {
padding: 0 30px;
}
#centro section.bloque-control.s-mrg {
margin-bottom: 10px;
}

section.bloque-control div.megaeditor p {
font-size: 21px;
}
div.megaeditor ul.lista-control {
margin: 25px 0 15px;
padding: 0;
list-style-type: none;

box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
ul.lista-control.bloque-4col  {
grid-column-gap: 20px;
  grid-row-gap: 20px;
  
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.lista-control li {
background: #fff;

border-left: 1px dotted var(--color-texto-estandar-01);
}
.lista-control li:first-child {
border-left: 0 none;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.lista-control li:last-child {
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.lista-control li:first-child h3 {
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
}
.lista-control li:last-child h3 {
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}

#body_cms #contenido .lista-control h3, 
#contenido .lista-control h3, 
#body_cms_home #contenido .lista-control h3 {
min-height: 67px;
display: flex;
align-items: center;

text-align: center;
text-align: left;
font-size: 16px;
font-weight: 700;
padding: 15px 15px;
padding: 15px 20px;
margin-top: 0;
margin-bottom: 15px;
margin-left: -1px;
color: #fff;
background-color: #d8003d;
background-color: var(--rojo-destacado01);
}
#contenido .lista-control li p, 
#contenido div.megaeditor  .lista-control li p{
font-size: 16px;
padding: 0 20px 0 50px;
padding: 0 20px;
text-align: left;

/*
background: url("/UserFiles/images/TPV2026/ico-check.svg") no-repeat  20px 5px;
background-size: 20px;
*/
margin-bottom: 25px;

}
#contenido .lista-control li h3 {

}
#contenido .lista-control li:first-child p, 
#contenido .lista-control li:first-child h3 {
border-left: none;
}

/* CRISPIN MIDDLE /CLIENTES
//////////////////////////////////////////////////////////////////*/
#centro section.crispin-middle, 
#centro section.crispin-middle p {
margin: 0;
}
#centro section.crispin-middle img {
min-width: 700px;
}
/**/
#body_cms_home #centro section.bloque-parrilla-clientes {
margin-top: 0;
}
#body_cms_home section.bloque-parrilla-clientes div.megaeditor p {
font-size: 18px;
text-align: left;
}

/* TIENDA ONLINE
//////////////////////////////////////////////////////////////////*/
#centro section.bloque-tienda {
padding-inline: 30px;
}
#centro section.bloque-tienda, #centro section.bloque-tienda .megaeditor {
overflow: visible;
}
div.megaeditor ul.lista-tienda_online {
max-width: 1280px;
width:100%;
margin: 0 auto;
padding: 130px 0;
list-style-type: none;
background: url("/UserFiles/images/TPV2026/tienda-online.jpg") no-repeat center center;
background-size: auto 100%;
    display: grid;
    grid-template-columns: 1fr 0.6fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

div.megaeditor  ul.lista-tienda_online li.li-tienda {
background: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#body_cms #contenido .lista-tienda_online h3, 
#contenido .lista-tienda_online h3, 
#body_cms_home  #contenido .lista-tienda_online h3{
text-align: center;
font-size: 18px;
padding: 15px 15px;
margin-bottom: 10px;
color: #fff;
font-weight: 700;
background-color: #24415e;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.enlaces-tienda_online {
padding: 10px 25px 23px;
text-align: center;
}
.enlaces-tienda_online a {
display: inline-block;
line-height: 1;
margin: 0 2px;
font-size: 14px;
font-weight: 600;
color: #fff;
background:  var(--azul-principal-accesible);
padding: 8px 20px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.enlaces-tienda_online a:hover {
background:  var(--azul-principal-oscuro);
}
div.megaeditor ul.lista-tienda_online ul {
margin: 0;
padding: 5px 25px;
list-style-type: none;
}
div.megaeditor ul.lista-tienda_online ul li, 
#body_cms_home  div.megaeditor ul.lista-tienda_online ul li{
padding: 2px 0;
position: relative;
text-align: left;
}
div.megaeditor ul.lista-tienda_online ul li::before {
content:"";
display: inline-block;
width: 13px;
height: 13px;
margin-right: 6px;
margin-top: 3px;
vertical-align: center;
background: url("/UserFiles/images/TPV2026/bullet-check.svg") no-repeat center center;
background-size: 100%;
}


/* MODULOS / SECTORES
//////////////////////////////////////////////////////////////////*/
#centro section.contenedor-parrilla, 
#centro section.contenedor-parrilla div.megaeditor {
  overflow: visible;
  }
.parrilla-funciones {
 text-align: left; 
  }
.parrilla-funciones.parrilla-home > div {
border: 0 none;
padding: 10px 10px;
}
.bloque-modulos-landing.parrilla-home#bloque-modulos a.lnk {
padding: 0 10px 10px 0;
}

#body_cms #contenido .parrilla-funciones h3, 
#body_cms_home #contenido .parrilla-funciones h3 {
font-size: 19px;
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
  margin: 10px 0 5px;
  padding: 0;
}
div.megaeditor .bloque-modulos-landing#bloque-modulos p {
  font-size: 16px;
  padding: 0;
}

/* MODULOS NORMATIVA
//////////////////////////////////////////////////////////////////*/
#centro section.sec-normativa {
  overflow: visible;
  }
div.megaeditor {
  overflow: visible;
}
#contenedor-normativa-home {
max-width: 1280px;
padding: 0 30px;
margin: 30px auto 0;
}

.destacada-texto {
padding: 20px 25px;
}
#body_cms #contenido div.megaeditor .destacada-texto h3, div.megaeditor .destacada-texto h3, 
#body_cms_home  #contenido div.megaeditor .destacada-texto h3{
text-align: left;
font-size: 23px;
  font-weight: 600;
  line-height: 1.1;
margin-bottom: 5px;
}
#contenido div.megaeditor .destacada-texto p.p-subtitulo {
  text-align: left;
  font-size: 17px;
  font-weight: 600;
}
#contenido div.megaeditor .destacada-texto p {
  font-size: 16px;
  text-align: left;
}

div.megaeditor p.ficha-nota-pie {
font-size: 14px;
padding-left: 20px;
background: url("/UserFiles/images/TPV2026/bullet-check.svg") no-repeat left 2px;
background-size: 12px;
}
#contenedor-normativa-home a.btn-azul {
  margin: 20px 0 0;
}
/* NEW CASOS EXITO (revisar ID)
//////////////////////////////////////////////////////////////////*/
#body_cms_home section.sec-tit-clientes_home {
margin-bottom: 30px;
}
section[class *= "comunicados_columnas"] {
padding: 0 30px;
}
#body_cms_home div.noticias.moduloColumnasFoto {
max-width: none;
padding: 0;
margin: 0;
}
#comunicados_4856 div.bloqueMitad {
float: none;
  width: 100%;
  background-color: #fff;
  padding: 0;
  margin: 0 0 20px 0;
}
#comunicados_4856 div.bloqueMitad .moduloColumnasFoto {
margin-top: 0;
}
#body_cms_home #comunicados_4856 div.bloqueMitad .moduloColumnasFoto #bloque  ul {
overflow: visible;
}
#body_cms_home #comunicados_4856 div.bloqueMitad .moduloColumnasFoto #bloque  ul li {
border: 1px solid rgb(238, 238, 238);
}
#body_cms_home #comunicados_4856 div.bloqueMitad .moduloColumnasFoto #bloque  ul li:hover {
  scale: 1.04;
  translate: 0px -6px;
  background: #fff;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 20px;
}
#comunicados_4856 div.bloqueMitad .moduloColumnasFoto #bloque li a {
  /*padding: 0 25px 25px;*/
}
#body_cms_home #bloque li a:hover {
  background: #fff;
  }
#comunicados_4856 div.noticias li img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-bottom: 15px;
  border: 0 none;
  

}
#body_cms_home #comunicados_4856 #bloque li a .tituloListado, 
#comunicados_4856 .tituloListado {
padding-top: 0px;
height: auto;
}
#comunicados_4856 .descripcionListado {
display: none;
}

/* CONTACTO (revisar ID/clases)
//////////////////////////////////////////////////////////////////*/
.bloque-total.contenedor-contacto_home {
background: #f8fafc;
}
.bloque-contacto_home {
max-width: 1200px;
margin: 0 auto;
padding: 60px 10px;
}
.bloque-contacto_home #formulario-demo {
  padding: 70px 30px 0;
  }
 #centro  .bloque-contacto_home #formulario-demo section {
 margin-bottom: 70px;
  }
/*/////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1440
//////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1440px) {
  /**/
#hero-imagen::before {
right: 20px;
}

}
  /*/////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1280
//////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1280px) {

#centro section[id *= "script_"] {
padding: 0 30px;
}

}

  /*/////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
//////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {

/* HERO
/////////////////////////////////*/
.carrusel-slide {
  grid-template-columns: 1fr 1.1fr;
  }
  .carrusel-asistente {
  width: 120px !important;
  }
  #contenido .slide-texto h2, .slide-texto h2 {
 margin: 0 0 15px;
  font-size: 36px; 
  }
  
/* CARRUSEL PANTALLAZOS
/////////////////////////////////*/ 
  #contenido .slide-texto h2 br, .slide-texto h2 br {
  display: none;
  }
  
  /* TIENDA ONLINE
/////////////////////////////////*/ 
div.megaeditor ul.lista-tienda_online {
grid-template-columns: 1fr 0.3fr 1fr;
}

}

  /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {



}

  /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 960
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px) {

/* HERO
/////////////////////////////////*/
#hero-imagen {
height: auto !important;
margin-top: 10px;
}
#hero-imagen img {
object-fit: inherit;
}

/* CARRUSEL PANTALLAZOS
/////////////////////////////////*/ 
.carrusel-btn {
  width: 60px;
  height: 60px;
  }

}

  /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 960
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px) {

/* CARRUSEL PANTALLAZOS
/////////////////////////////////*/ 
 .carrusel-slide {
    grid-template-columns: 1fr;
  }
  .slide-imagen img {
  max-width: 550px;
  margin: 0 auto;
  }
  .slide-texto {
  margin-top: -110px;
  text-align: center;
  }
  .carrusel-asistente {
 border: 10px solid #12394b;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px; 
  }
  #contenido .slide-texto h2, .slide-texto h2 {
    text-align: center;
  }
  .slide-texto p {
  max-width: 100%;
  }
  
 
carrusel-dot {
  width: 20px;
  height: 20px;
  }
  
  }

  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {


.parrilla-funciones.bloque-3col {
grid-template-columns: 1fr 1fr;
}
/* HERO
/////////////////////////////////*/
#contenido #hero-texto {
  padding: 40px 0 0;
}
#contenido #hero-texto h1 {
font-size: 41px;
}

/* CARRUSEL PANTALLAZOS
/////////////////////////////////*/ 
 .carrusel-btn {
    width: 50px;
    height: 50px;
    background-size: 18px;
  }
  .carrusel-prev {
  left: 15px;
  }
  .carrusel-next {
  right: 15px;
  }
  .carrusel-slide {
  padding: 0;
  }
  .slide-imagen img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* CONTROL TIENDA
/////////////////////////////////*/
.lista-control li:nth-child(2), 
.lista-control li:nth-child(2) h3{
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
.lista-control li:nth-child(3){
border: 0 none;

-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
.lista-control li:last-child h3 {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

/* CLIENTES
/////////////////////////////////*/
 ul#parrilla-clientes.bloque-4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
p.contenedor-boton-clientes {
 text-align: center; 
  }

  /* TIENDA ONLINE
/////////////////////////////////*/ 
div.megaeditor ul.lista-tienda_online {
    grid-template-columns: 1fr;
  }
  div.megaeditor ul.lista-tienda_online .prescindible {
height: 340px;
    display: block;
  }
  
div.megaeditor ul.lista-tienda_online {
width:100%;
padding: 20px 0 20px;
background: url("/UserFiles/images/TPV2026/tienda-online.jpg") no-repeat center 57%;
background-size: 90% auto;
}
  /* MODULOS NORMATIVAS
/////////////////////////////////*/ 
#contenedor-normativa-home.bloque-3col {
grid-template-columns: 1fr;
}

/* CASOS DE EXITO
/////////////////////////////////*/
 .noticias.moduloColumnasFoto#div_comunicados_4795 #bloque ul, #body_cms .noticias #bloque ul {
  grid-template-columns: 1fr;
  }
  .noticias.moduloColumnasFoto#div_comunicados_4795 #bloque ul .tituloListado, #body_cms .noticias #bloque ul .tituloListado {
  min-height: 50px;
  }
.noticias.moduloColumnasFoto#div_comunicados_4795  #bloque li a, #body_cms .noticias #bloque li a {
   /* padding: 15px 30px;*/
  }


}

  /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

.parrilla-funciones.bloque-3col {
grid-template-columns: 1fr ;
}
/* HERO
/////////////////////////////////*/
section.bloque-hero div.megaeditor h1 + p {
padding-left: 0 !important;
  padding-right: 0 !important;
}

/* CARRUSEL PANTALLAZOS
/////////////////////////////////*/ 
.carrusel-tpv {
  padding: 80px 40px 70px;
}
.slide-texto {
background: rgba(18, 57, 75, .6)!important;
background: rgba(18, 57, 75, .60)!important;
padding-top: 40px;
margin-top: -230px;
}
  div.megaeditor .slide-texto h2{
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    .carrusel-dots {
    margin-top: 25px;
    gap: 10px;
    }
    .carrusel-dot {
  width: 18px;
  height: 18px;
  }
  
  /* CONTROL TIENDA
/////////////////////////////////*/
#bloque-control {
  padding: 0 30px;
  }
  div.megaeditor ul.lista-control li {
 border: 0 none; 
  }
#body_cms #contenido .lista-control h3, #contenido .lista-control h3 {
  min-height: auto;
  }
  #body_cms #contenido .lista-control li:first-child h3 {
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  }
   #body_cms #contenido .lista-control li:nth-child(2) h3 {
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  }
  #body_cms #contenido .lista-control li:last-child {
    -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  }

  
  /* CRISPIN MIDDLE
/////////////////////////////////*/ 
#centro section.crispin-middle .img-responsive {
  max-width: 140% !important;
  margin: 0 auto;
  transform: translateX(-15%);
}

/* CLIENTES
/////////////////////////////////*/
div.megaeditor ul.lista-tienda_online .prescindible {
    height: 250px;
  }
 ul#parrilla-clientes.bloque-4col {
    grid-template-columns: 1fr 1fr 1fr ;
  }
   ul#parrilla-clientes.bloque-4col li:first-child {
   display: none;
   }
   
/* CASOS DE EXITO
/////////////////////////////////*/
 .noticias.moduloColumnasFoto#div_comunicados_4795 #bloque ul, #body_cms .noticias #bloque ul {
  grid-template-columns: 1fr;
  }
  .noticias.moduloColumnasFoto#div_comunicados_4795 #bloque ul .tituloListado, #body_cms .noticias #bloque ul .tituloListado {
  min-height: 50px;
  }
.noticias.moduloColumnasFoto#div_comunicados_4795  #bloque li a, #body_cms .noticias #bloque li a {
   /* padding: 15px 30px;*/
  }


}

  /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

/* HERO
/////////////////////////////////*/ 
#hero-imagen::before {
    right: -15px;
    top: 60px;
        width: 100px;
    height: 100px;
  }
/* CARRUSEL PANTALLAZOS
/////////////////////////////////*/ 
.carrusel-tpv {
padding: 80px 70px 70px;
}
.slide-texto {
    padding-top: 30px;
    margin-top: -140px;
  }
  
  /* CLIENTES
/////////////////////////////////*/
div.megaeditor ul.lista-tienda_online .prescindible {
height: 0;
    display: block;
    padding-top: 45%;
  }
 ul#parrilla-clientes.bloque-4col {
    grid-template-columns: 1fr 1fr  ;
  }
   ul#parrilla-clientes.bloque-4col li:first-child {
   display: inherit;
   }

}
/*///////////////////// CSS DINÁMICO : Comunes 2026 //////////////////////////*/

.bloque-titulo {
max-width: 900px;
margin: 0 auto;
}
div.megaeditor .bloque-titulo p {
font-size: 21px;
}
/**/
.parrilla-borde > div {
background: var(--azul-claro-fondo02);
background: transparent;
padding: 20px 30px;
 border: 2px solid rgba(0,0,0,0.03);

 scale: 1;
  transition: 
    scale 0.35s ease,
    box-shadow 0.35s ease,
    translate 0.35s ease;
    
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.parrilla-borde > div:hover {
scale: 1.04;
  translate: 0 -6px;
  
border-color: rgba(0,0,0,0.07);
  box-shadow: 0 5px 10px rgba(0,0,0,0.05);
}
.parrilla-borde > div p{
margin-bottom: 0;
}

/* FORMULARIO DEMO 2026 *********/
.iframe-demo {
  width: 100%;
  max-width: 760px;
  min-height: 760px;
  border: 0;
  display: block;
  margin: 0 auto;
}

/* LISTA CASOS DE ÉXITO **********************************/
div.noticias.moduloColumnasFoto, 
div.noticias.moduloFilas {
max-width: 1280px;
margin: 0 auto 30px;
}
.noticias #bloque li {
  padding: 0;
  border: 1px solid #eee;
  padding-bottom: 25px;
  
  -webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
  
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.noticias #bloque li:hover {
scale: 1.04;
  translate: 0 -6px;
  border-color: rgba(0,0,0,0.07);
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.noticias #bloque li a {
  padding: 0;
  }
.noticias #bloque li a:hover {
  padding: 0;
}
.noticias #bloque li a  img {
margin: 0 0 15px;

-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.noticias #bloque li a span {
padding:  0 25px 10px;
margin: 0;
}
.noticias #bloque li a span.tituloListado {
  min-height: 55px;
}
/*///////////////////// CSS DINÁMICO : Formularios 2026 //////////////////////////*/

#body_cms #contenido h1.normal {
background: transparent;
}

/* FORMULARIO DEMO TPV. ONLINE 2026
//////////////////////////////////////////////////////////////////*/
#contenedor-formulario-demo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 40px;
    justify-items: stretch;
    align-items: stretch;
    
    max-width: 1100px;
  margin: 30px auto;
}

.texto-formulario p {
font-size: 18px;
}

.bloque-formulario-demo #div_pruebalo_ahora {
padding: 20px 40px;
  background-color: var(--color-fondo-suave02);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: right;
  margin-bottom: 80px;
}
#body_cms #contenido .bloque-formulario-demo #div_pruebalo_ahora h1 {
display: none;
}
#div_pruebalo_ahora .campos > li.contacto_nombre {
width: 59% !important;
}
#div_pruebalo_ahora .campos > li.contacto_tiendas {
  width: 48% !Important;
}

/***********/
div.megaeditor ul.bloque-horario-comercial.horario-verano {
display:none;
}
div.megaeditor ul.bloque-horario-comercial.horario-normal {
display:flex;
}

/* FORMULARIO NEWSLETTER ****************/
body.body_cms_2372 #centro {
  padding: 30px 20px 0;
  max-width: 1100px;
}
#editor_4830, div.megaeditor#editor_4830 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 40px;
  padding-right: 30px;
}
#body_cms #contenido div.texto-formulario h1.normal {
text-align: left;
font-size: 38px;
}
#body_cms #contenido div.texto-formulario h2 {
text-align: left;
font-size: 25px;
}

div.texto-formulario div.capa-datos-contacto {
display: flex;
  gap: 10px;
}
div.texto-formulario p.contacto-datos-sectores {
  font-weight: 700;
  font-size: 21px;
  font-size: var(--texto-destacado02);
}
div.texto-formulario .contacto-datos-sectores a {
  display: block;
  padding: 10px 30px 12px 30px;
  background-color: var(--color-fondo-suave02);
  color: var(--color-principal);
  background-repeat: no-repeat;
  background-position: 22px center;
  background-size: 28px;
  -webkit-border-radius: var(--radio-boton);
  -moz-border-radius: var(--radio-boton);
  border-radius: var(--radio-boton);
  /*
-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  */
}
div.texto-formulario .contacto-datos-sectores a:hover {
color: #fff;
background-color: var(--color-principal);
}

div.texto-formulario .contacto-datos-sectores a::before {
content:"";
display: inline-block;
margin-right: 5px;
width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
  flex: 0 0 auto;
  color: var(--color-principal);
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
div.texto-formulario .contacto-datos-sectores.contacto-tlf a::before {
-webkit-mask-image: url("/UserFiles/images/tabler-icons/phone.svg");
  mask-image: url("/UserFiles/images/tabler-icons/phone.svg");
}
div.texto-formulario .contacto-datos-sectores.contacto-email a::before {
-webkit-mask-image: url("/UserFiles/images/tabler-icons/mail.svg");
  mask-image: url("/UserFiles/images/tabler-icons/mail.svg");
}

div.texto-formulario .contacto-datos-sectores a:hover::before {
color: #fff;
}

/*
p.contacto-datos-sectores.contacto-tlf a {
  background-image: url("/UserFiles/images/TPV2025/ico-tlf_contacto-gris.svg");
}
p.contacto-datos-sectores.contacto-email a {
  background-image: url("/UserFiles/images/TPV2025/ico-mail_contacto-gris.svg");
}
*/

#centro section#formulario_4830_216 {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: 20px 40px;
  background-color: #f3f5f7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  float: right;
  margin-bottom: 80px;
}
#contenido #formulario_4830_216 .formulario p {
text-align: left;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 5px 0;
}
#formulario_4830_216 div.formulario form label, #formulario_4830_216 div.formulario input[type="text"], #formulario_4830_216 div.formulario textarea {
  display: block;
  width: 100%;
  text-align: left;
}

div.megaeditor ul.bloque-horario-comercial {
padding: 0;
margin: 0 0 30px;
bottom: 0;
list-style-type: none;
line-height: 1;

display: flex;
gap: 20px;

background: #f0faff url("/UserFiles/images/TPV-iconos/ico-reloj-gris.svg") no-repeat 10px center;
background-size: 30px;
width: fit-content;
padding: 10px 30px 10px 50px ;

-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
div.megaeditor ul.bloque-horario-comercial li {
line-height: 1;
font-size: 14px;
}
div.megaeditor ul.bloque-horario-comercial strong {
display: block;
font-size: 12px;
}

div.megaeditor ul.lista-ventajas, 
ul.lista-ventajas {
padding: 15px 30px;
margin: 25px 0 15px;
bottom: 0;
list-style-type: none;
background: var(--color-fondo-suave03);

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
/*
-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  */
}
div.megaeditor ul.lista-ventajas li, 
ul.lista-ventajas li{
font-size: 16px;
padding: 2px 2px 2px 22px;
background: url("/UserFiles/images/TPV2026/bullet-check-azul.svg") no-repeat  left 8px;
background-size: 15px;

font-weight:600;
color: #00466a;
}
/* Ocultar campos ********/
.formulario-seccion p:has(label[for="origen"]),
.formulario-seccion p:has(label[for="campania"]),
.formulario-seccion p:has(label[for="modulo"]) {
    display: none !important;
}

/*////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950 
////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {

#editor_4830, div.megaeditor#editor_4830, 
#centro section#formulario_4830_216 {
  display: block;
  width: 100%;

}

}
/*///////////////////// CSS DINÁMICO : TPV Global //////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////
  ESTRUCTURA GENERAL
//////////////////////////////////////////////////////////////////////////////////////*/
#base {
  max-width: 1440px;
  padding-top: 0;
  padding-bottom: 200px;
  margin: 0 auto -54px;
  z-index: 2;
  position: relative;
  overflow: visible;
}
#centro.columnaUnica {
  overflow: visible;
}

#centro section.tpv-sec.total, 
.total, .bloque-total {
width: 100vw!important;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
/* Esta hoja solo afecta a las secciones que lleven la clase .tpv-sec
//////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////
  BASE NUEVO SISTEMA TPV ONLINE
//////////////////////////////////////////////////////////////////////////////////////*/

#contenido > section.tpv-sec {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box;
}

#contenido > section.tpv-sec *,
#contenido > section.tpv-sec *::before,
#contenido > section.tpv-sec *::after {
    box-sizing: border-box;
}




/*//////////////////////////////////////////////////////////////////////////////////////
  TIPOGRAFÍA
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.tpv-sec {
    color: var(--color-texto);
    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}

#centro section.tpv-sec h1,
#centro section.tpv-sec h2,
#centro section.tpv-sec h3 {
    color: var(--color-texto);
    text-wrap: balance;
}

#centro section.tpv-sec h1 {
    font-size: var(--titulo-h1);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);
}

#centro section.tpv-sec h2 {
    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);
}

#centro section.tpv-sec h3 {
    font-size: var(--titulo-h3);
    font-weight: var(--peso-medio);
    line-height: 1.3;
}

#centro section.tpv-sec p {
    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}

#centro section.tpv-sec .texto-destacado {
    font-size: var(--texto-destacado);
    line-height: 1.45;
}

#centro section.tpv-sec h3.texto-destacado {
    font-size: var(--texto-destacado);
    font-weight: var(--peso-medio);
}

#centro .pretitulo, 
#centro section .pretitulo{
  margin: 0 0 7px;
  color: var(--color-acento);
  color: var(--color-gris-medio);
  font-size: var(--texto-base);
  font-weight: var(--peso-normal);
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}


/*//////////////////////////////////////////////////////////////////////////////////////
  FORMULARIOS
//////////////////////////////////////////////////////////////////////////////////////*/
#formulario-comercial .areascheckbox tr:last-child {
display: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////
  BOTONES
//////////////////////////////////////////////////////////////////////////////////////*/

.boton_envio .botonform {
background-color: var(--color-principal);
  -webkit-border-radius: var(--radio-boton);
  -moz-border-radius: var(--radio-boton);
  border-radius: var(--radio-boton);
}

#centro section.tpv-sec .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 48px;
    padding: 12px 22px;

    border: 1px solid transparent;
    border-radius: var(--radio-boton);

    font-size: 16px;
    font-weight: var(--peso-medio);
    line-height: 1.2;
    text-decoration: none;

    cursor: pointer;

    transition:
        background-color var(--transicion-rapida),
        border-color var(--transicion-rapida),
        color var(--transicion-rapida),
        transform var(--transicion-rapida);
}

#centro section.tpv-sec .btn:hover {
    text-decoration: none;
}

#centro section.tpv-sec .btn-principal, 
#centro section.tpv-sec input.btn-principal.btn{
    color: #ffffff;
    background-color: var(--color-principal);
    border-color: var(--color-principal);
}

#centro section.tpv-sec .btn-principal:hover, 
#centro section.tpv-sec input.btn-principal.btn:hover {
    color: #ffffff;
    background-color: var(--color-principal-hover);
    border-color: var(--color-principal-hover);
}

#centro section.tpv-sec .btn-secundario {
    color: var(--color-principal);
    background-color: transparent;
    border-color: var(--color-principal);
}

#centro section.tpv-sec .btn-secundario:hover {
    color: var(--color-principal-hover);
    background-color: var(--color-principal-suave);
    border-color: var(--color-principal-hover);
}

/*   BOTON GRANDE
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.tpv-sec .btn-grande,
#body_cms #centro #contenido section.tpv-sec .btn-grande {
    min-height: 58px;
    padding: 16px 30px;

    font-size: 18px;
    font-weight: var(--peso-negrita);
}

/*//////////////////////////////////////////////////////////////////////////////////////
  BOTONES CON FONDO
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.tpv-sec .btn,
#body_cms #centro #contenido section.tpv-sec .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 48px;
    padding: 12px 22px;

    border: 1px solid transparent;
    border-radius: var(--radio-boton);

    font-size: 16px;
    font-weight: var(--peso-medio);
    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    cursor: pointer;
}


/*//////////////////////////////////////////////////////////////////////////////////////
  ICONOS
//////////////////////////////////////////////////////////////////////////////////////*/

.icono-tpv {
    display: inline-block;
    flex: 0 0 auto;

    width: 24px;
    height: 24px;

    color: var(--color-principal);
    background: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* Tamaños
**************************************/

.icono-tpv.icono-sm {
    width: 20px;
    height: 20px;
}

.icono-tpv.icono-md {
    width: 32px;
    height: 32px;
}

.icono-tpv.icono-lg {
    width: 48px;
    height: 48px;
}

.icono-tpv.icono-xl {
    width: 64px;
    height: 64px;
}

/* Iconos con fondo
**************************************/

.icono-fondo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;

    color: var(--color-principal);
    background-color: var(--color-principal-suave);

    border-radius: var(--radio-md);
}

.icono-fondo-sm {
    width: 40px;
    height: 40px;
}

.icono-fondo-sm .icono-tpv {
    width: 20px;
    height: 20px;
}

.icono-fondo-md {
    width: 52px;
    height: 52px;
}

.icono-fondo-md .icono-tpv {
    width: 26px;
    height: 26px;
}

.icono-fondo-lg {
    width: 64px;
    height: 64px;
}

.icono-fondo-lg .icono-tpv {
    width: 32px;
    height: 32px;
}

/* Variaciones
**************************************/

.icono-fondo.redondo {
    border-radius: 50%;
}

.icono-fondo.borde {
    background-color: transparent;
    border: 1px solid var(--color-borde-principal);
}

/* Iconos
**************************************/

.icono-seguridad {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/shield-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/shield-check.svg");
}

.icono-actualizaciones {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/history.svg");
    mask-image: url("/UserFiles/images/tabler-icons/history.svg");
}

.icono-soporte {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/headset.svg");
    mask-image: url("/UserFiles/images/tabler-icons/headset.svg");
}

.icono-trazabilidad, 
.icono-lotes {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/barcode.svg");
    mask-image: url("/UserFiles/images/tabler-icons/barcode.svg");
}

.icono-deposito {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/building-warehouse.svg");
    mask-image: url("/UserFiles/images/tabler-icons/building-warehouse.svg");
}

.icono-pieza-especial {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/diamond.svg");
    mask-image: url("/UserFiles/images/tabler-icons/diamond.svg");
}

.icono-etiqueta {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/tag.svg");
    mask-image: url("/UserFiles/images/tabler-icons/tag.svg");
}

.icono-clientes {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/user-heart.svg");
    mask-image: url("/UserFiles/images/tabler-icons/user-heart.svg");
}

.icono-tiendas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/building-store.svg");
    mask-image: url("/UserFiles/images/tabler-icons/building-store.svg");
}
.icono-calendario {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
}


.icono-info {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/info-circle.svg");
    mask-image: url("/UserFiles/images/tabler-icons/info-circle.svg");
}

.icono-tienda {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/building-store.svg");
    mask-image: url("/UserFiles/images/tabler-icons/building-store.svg");
}

.icono-fidelizacion {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/user-heart.svg");
    mask-image: url("/UserFiles/images/tabler-icons/user-heart.svg");
}

.icono-formacion {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/school.svg");
    mask-image: url("/UserFiles/images/tabler-icons/school.svg");
}

.icono-seguridad {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/shield-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/shield-check.svg");
}

.icono-actualizaciones {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/refresh.svg");
    mask-image: url("/UserFiles/images/tabler-icons/refresh.svg");
}

.icono-demo {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/device-desktop.svg");
    mask-image: url("/UserFiles/images/tabler-icons/device-desktop.svg");
}

.icono-tiempo {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/clock-hour-4.svg");
    mask-image: url("/UserFiles/images/tabler-icons/clock-hour-4.svg");
}

.icono-sin-compromiso {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/circle-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/circle-check.svg");
}

.icono-nube-segura {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/shield-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/shield-check.svg");
}

.icono-control {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/barcode.svg");
    mask-image: url("/UserFiles/images/tabler-icons/barcode.svg");
}

.icono-crecimiento {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/building-store.svg");
    mask-image: url("/UserFiles/images/tabler-icons/building-store.svg");
}

.icono-sin-permanencia {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
}

.icono-eficiencia {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/bolt.svg");
    mask-image: url("/UserFiles/images/tabler-icons/bolt.svg");
}

.icono-datos {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/report-analytics.svg");
    mask-image: url("/UserFiles/images/tabler-icons/report-analytics.svg");
}


.icono-venta-stock {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/shopping-cart.svg");
    mask-image: url("/UserFiles/images/tabler-icons/shopping-cart.svg");
}

.icono-proveedores {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/truck-delivery.svg");
    mask-image: url("/UserFiles/images/tabler-icons/truck-delivery.svg");
}

.icono-variantes {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/adjustments-horizontal.svg");
    mask-image: url("/UserFiles/images/tabler-icons/adjustments-horizontal.svg");
}

.icono-reservas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
}

.icono-catalogo {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/layout-grid.svg");
    mask-image: url("/UserFiles/images/tabler-icons/layout-grid.svg");
}
.icono-variantes, 
.icono-tallas_colores {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/color-swatch.svg");
    mask-image: url("/UserFiles/images/tabler-icons/color-swatch.svg");
}

.icono-granel {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/scale.svg");
    mask-image: url("/UserFiles/images/tabler-icons/scale.svg");
}

.icono-bascula {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/weight.svg");
    mask-image: url("/UserFiles/images/tabler-icons/weight.svg");
}

.icono-stock {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/building-warehouse.svg");
    mask-image: url("/UserFiles/images/tabler-icons/building-warehouse.svg");
}

.icono-proveedores {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/truck-delivery.svg");
    mask-image: url("/UserFiles/images/tabler-icons/truck-delivery.svg");
}

.icono-online {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/world-www.svg");
    mask-image: url("/UserFiles/images/tabler-icons/world-www.svg");
}

.icono-referencias {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/packages.svg");
    mask-image: url("/UserFiles/images/tabler-icons/packages.svg");
}

.icono-reservas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/bookmark.svg");
    mask-image: url("/UserFiles/images/tabler-icons/bookmark.svg");
}

.icono-temporadas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/calendar-event.svg");
    mask-image: url("/UserFiles/images/tabler-icons/calendar-event.svg");
}


.icono-stock {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/building-warehouse.svg");
    mask-image: url("/UserFiles/images/tabler-icons/building-warehouse.svg");
}

.icono-referencias {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/packages.svg");
    mask-image: url("/UserFiles/images/tabler-icons/packages.svg");
}

.icono-proveedores {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/truck-delivery.svg");
    mask-image: url("/UserFiles/images/tabler-icons/truck-delivery.svg");
}

.icono-online {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/world-www.svg");
    mask-image: url("/UserFiles/images/tabler-icons/world-www.svg");
}

.icono-comandas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/tools-kitchen-2.svg");
    mask-image: url("/UserFiles/images/tabler-icons/tools-kitchen-2.svg");
}

.icono-preparaciones {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/clipboard-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/clipboard-check.svg");
}

.icono-pedido-online {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/shopping-bag.svg");
    mask-image: url("/UserFiles/images/tabler-icons/shopping-bag.svg");
}

.icono-venta-rapida {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/cash-register.svg");
    mask-image: url("/UserFiles/images/tabler-icons/cash-register.svg");
}

.icono-promociones {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/rosette-discount.svg");
    mask-image: url("/UserFiles/images/tabler-icons/rosette-discount.svg");
}

.icono-entregas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/truck.svg");
    mask-image: url("/UserFiles/images/tabler-icons/truck.svg");
}


.icono-reparaciones {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/tool.svg");
    mask-image: url("/UserFiles/images/tabler-icons/tool.svg");
}


.icono-citas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/calendar-check.svg");
}

.icono-personal {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/users.svg");
    mask-image: url("/UserFiles/images/tabler-icons/users.svg");
}


.icono-compras-ventas {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/arrows-exchange.svg");
    mask-image: url("/UserFiles/images/tabler-icons/arrows-exchange.svg");
}

.icono-calculadora {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/calculator.svg");
    mask-image: url("/UserFiles/images/tabler-icons/calculator.svg");
}

.icono-factura {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/file-invoice.svg");
    mask-image: url("/UserFiles/images/tabler-icons/file-invoice.svg");
}

.icono-registro {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/book-2.svg");
    mask-image: url("/UserFiles/images/tabler-icons/book-2.svg");
}


.icono-check {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/circle-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/circle-check.svg");
}


.icono-rebu {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/recycle.svg");
    mask-image: url("/UserFiles/images/tabler-icons/recycle.svg");
}

.icono-margen {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/chart-line.svg");
    mask-image: url("/UserFiles/images/tabler-icons/chart-line.svg");
}

.icono-libro-usados {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/book-2.svg");
    mask-image: url("/UserFiles/images/tabler-icons/book-2.svg");
}

.icono-x {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/x.svg");
    mask-image: url("/UserFiles/images/tabler-icons/x.svg");
}


.icono-telefono {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/phone.svg");
    mask-image: url("/UserFiles/images/tabler-icons/phone.svg");
}
.icono-mail {
    -webkit-mask-image: url("/UserFiles/images/tabler-icons/mail.svg");
    mask-image: url("/UserFiles/images/tabler-icons/mail.svg");
}


.icono-control_horario {
-webkit-mask-image: url("/UserFiles/images/tabler-icons/clock-check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/clock-check.svg");
}

/*//////////////////////////////////////////////////////////////////////////////////////
  ESTADO DE CARGA DE IMÁGENES
//////////////////////////////////////////////////////////////////////////////////////*/

.imagen-media {
    position: relative;
}


/* Imagen
**************************************/
.imagen-media > img {
    opacity: 0;
    transition: opacity 0.4s ease;
}


/* Loading
**************************************/
.imagen-media::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

    width: 44px;
    height: 44px;

    margin: -22px 0 0 -22px;

    border: 7px solid color-mix(
        in srgb,
        var(--color-principal) 15%,
        transparent
    );

    border-top-color: var(--color-principal);
    border-radius: 50%;

    animation: imagen-loading 0.8s linear infinite;

    pointer-events: none;
}


/* Imagen cargada
**************************************/
.imagen-media.imagen-cargada::after {
    display: none;
}

.imagen-media.imagen-cargada > img {
    opacity: 1;
}


/* Error
**************************************/
.imagen-media.imagen-error::after {
    display: none;
}

.imagen-media.imagen-error > img {
    opacity: 1;
}


/* Animación
**************************************/
@keyframes imagen-loading {
    to {
        transform: rotate(360deg);
    }
}


@media (prefers-reduced-motion: reduce) {

    .imagen-media::after {
        animation: none;
    }

    .imagen-media > img {
        transition: none;
    }

}


/*   CTA DEMO MIDDLE
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.cta-demo-mid .megaeditor,
#body_cms #centro #contenido section.cta-demo .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: 40px 24px;
    overflow: visible;
}


/* Contenedor
**************************************/

#centro section.cta-demo-mid .cta-demo-contenido,
#body_cms #centro #contenido section.cta-demo .cta-demo-contenido {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;

   width: fit-content;
    min-height: 100px;
    padding: 35px 40px;
    margin: 0 auto;

    color: #ffffff;
    background-color: var(--color-principal);

    border-radius: var(--radio-lg);

    overflow: visible;
}


/* Crispín
**************************************/

#centro section.cta-demo-mid .cta-demo-mascota,
#body_cms #centro #contenido section.cta-demo .cta-demo-mascota {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 104px;

    width: 104px;
    height: 104px;
    margin-top: -28px;
    margin-bottom: -28px;

    background-color: #ffffff;
    border-radius: 50%;
}

#centro section.cta-demo-mid .cta-demo-mascota img,
#body_cms #centro #contenido section.cta-demo .cta-demo-mascota img {
    display: block;
    width: 96px;
    height: 96px;
    object-fit: contain;
}


/* Texto
**************************************/

#centro section.cta-demo-mid .cta-demo-texto,
#body_cms #centro #contenido section.cta-demo .cta-demo-texto {
    /*flex: 1 1 auto;*/
    min-width: 0;
    padding-right: 13%;
}

#centro section.cta-demo-mid .cta-demo-texto h2,
#body_cms #centro #contenido section.cta-demo .cta-demo-texto h2 {
    margin: 0 0 3px;

    color: #ffffff;

    font-size: var(--texto-destacado);
    font-weight: var(--peso-medio);
    line-height: 1.3;
    text-align: left;
}

#centro section.cta-demo-mid .cta-demo-texto p,
#body_cms #centro #contenido section.cta-demo .cta-demo-texto p {
    margin: 0;

    color: #ffffff;

    font-size: var(--texto-base);
    line-height: 1.4;
    text-align: left;
}


/* Acción
**************************************/

#centro section.cta-demo-mid .cta-demo-accion,
#body_cms #centro #contenido section.cta-demo .cta-demo-accion {
    flex: 0 0 auto;
    margin-left: 16px;
}

#centro section.cta-demo-mid .btn-claro,
#body_cms #centro #contenido section.cta-demo .btn-claro {
    min-width: 190px;

    color: var(--color-principal);
    background-color: #ffffff;
    border-color: #ffffff;
}

#centro section.cta-demo-mid .btn-claro:hover,
#body_cms #centro #contenido section.cta-demo .btn-claro:hover {
    color: var(--color-principal-hover);
    background-color: var(--color-principal-muy-suave);
    border-color: var(--color-principal-muy-suave);
}

/*//////////////////////////////////////////////////////////////////////////////////////
  CTA FINAL
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.cta-final {
    background-color: var(--color-fondo);
}

#centro section.cta-final .megaeditor,
#body_cms #centro #contenido section.cta-final .megaeditor {
    width: 100%;
    max-width: var(--contenedor-md);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/* Contenedor
**************************************/

#centro section.cta-final .cta-final-contenido,
#body_cms #centro #contenido section.cta-final .cta-final-contenido {
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(30px, 5vw, 64px);
    align-items: center;

    padding: clamp(28px, 4vw, 52px);

    background:
        linear-gradient(
            135deg,
            var(--color-principal-muy-suave) 0%,
            #ffffff 68%
        );

    border: 1px solid var(--color-borde-principal);
    border-radius: var(--radio-xl);

    box-shadow: 0 20px 48px rgba(21, 27, 43, 0.06);
}


/* Imagen
**************************************/

#centro section.cta-final .cta-final-media,
#body_cms #centro #contenido section.cta-final .cta-final-media {
    min-width: 0;
}

#centro section.cta-final .cta-final-media img,
#body_cms #centro #contenido section.cta-final .cta-final-media img {
    display: block;
    width: 100%!important;
    height: auto!important;
    
    mix-blend-mode: multiply;

    border-radius: var(--radio-lg);
}


/* Texto
**************************************/

#centro section.cta-final .cta-final-texto,
#body_cms #centro #contenido section.cta-final .cta-final-texto {
    min-width: 0;
}

#centro section.cta-final .cta-final-etiqueta,
#body_cms #centro #contenido section.cta-final .cta-final-etiqueta {
    margin: 0 0 14px;

    color: var(--color-principal);

    font-size: 14px;
    font-weight: var(--peso-negrita);
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#centro section.cta-final .cta-final-texto h2,
#body_cms #centro #contenido section.cta-final .cta-final-texto h2 {
    /*max-width: 12ch;*/
    margin: 0 0 18px;

    text-align: left;
}

#centro section.cta-final .cta-final-texto .texto-destacado,
#body_cms #centro #contenido section.cta-final .cta-final-texto .texto-destacado {
    /*max-width: 32ch;*/
    margin: 0;

    color: var(--color-texto-suave);
}


/* Beneficios
**************************************/

#centro section.cta-final .cta-final-beneficios,
#body_cms #centro #contenido section.cta-final .cta-final-beneficios {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;

    margin: 26px 0 0;
    padding: 0;

    list-style: none;
}

#centro section.cta-final .cta-final-beneficios li,
#body_cms #centro #contenido section.cta-final .cta-final-beneficios li {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: var(--color-texto);

    font-size: 16px;
    line-height: 1.4;
}

#centro section.cta-final .cta-final-beneficios .icono-tpv,
#body_cms #centro #contenido section.cta-final .cta-final-beneficios .icono-tpv {
    color: var(--color-principal);
}


/* Acciones
**************************************/

#centro section.cta-final .cta-final-acciones,
#body_cms #centro #contenido section.cta-final .cta-final-acciones {
    margin-top: 30px;
}

#centro section.cta-final .cta-final-acciones .btn,
#body_cms #centro #contenido section.cta-final .cta-final-acciones .btn {
    min-width: 320px;
}


/*//////////////////////////////////////////////////////////////////////////////////////
  BLOQUE PANTALLAS
//////////////////////////////////////////////////////////////////////////////////////*/


#centro section.bloque-pantallas {
    background-color: var(--color-fondo);
}


#centro section.bloque-pantallas .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-md) 24px;
}



/* Cabecera
---------------------------------------------------------*/

#centro section.bloque-pantallas .bloque-pantallas-cabecera {
    max-width: var(--contenedor-texto);
    margin: 0 auto 40px;
    text-align: center;
}


#centro section.bloque-pantallas .bloque-pantallas-cabecera p {
    margin: 0;
    color: var(--color-texto-suave);
    font-size: var(--texto-destacado);
}



/* Principal
---------------------------------------------------------*/

#centro section.bloque-pantallas .bloque-pantallas-principal {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: clamp(30px, 5vw, 70px);
    align-items: center;
}



#centro section.bloque-pantallas .bloque-pantallas-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radio-lg);
}



/* Contenido
---------------------------------------------------------*/

#centro section.bloque-pantallas .bloque-pantallas-numero {
    margin: 0 0 10px;
    color: var(--color-gris-medio);
    font-size: 14px;
    font-weight: var(--peso-negrita);
}



#centro section.bloque-pantallas .bloque-pantallas-contenido h3, 
#body_cms #centro #contenido section.bloque-pantallas .bloque-pantallas-contenido h3{
    margin: 0 0 15px;
    font-size: var(--texto-grande02);
    text-align: left;
}



/* Miniaturas
---------------------------------------------------------*/

#centro section.bloque-pantallas .bloque-pantallas-lista {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 40px;
}



#centro section.bloque-pantallas .bloque-pantalla {
    padding: 10px;
    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-md);
    cursor: pointer;
}



#centro section.bloque-pantallas .bloque-pantalla img {
    display: block;
    width: 100%;
    border-radius: var(--radio-sm);
}



#centro section.bloque-pantallas .bloque-pantalla span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}



#centro section.bloque-pantallas .bloque-pantalla.activo {
    border-color: var(--color-principal);
}



/*//////////////////////////////////////////////////////////////////////////////////////
  PREGUNTAS FRECUENTES
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.tpv-faqs {
    background-color: var(--color-fondo);
}

#centro section.tpv-faqs .megaeditor,
#body_cms #centro #contenido section.tpv-faqs .megaeditor {
    width: 100%;
    max-width: var(--contenedor-md);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/* Encabezado
**************************************/

#centro section.tpv-faqs h2,
#body_cms #centro #contenido section.tpv-faqs h2 {
    max-width: 32ch;
    margin: 0 auto 40px;

    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-align: center;
    text-wrap: balance;
}


/* Lista
**************************************/

#centro section.tpv-faqs .tpv-faqs-lista,
#body_cms #centro #contenido section.tpv-faqs .tpv-faqs-lista {
    display: grid;
    gap: 10px;

    width: 100%;
    margin: 0;
}


/* Pregunta
**************************************/

#centro section.tpv-faqs .tpv-faq,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq {
    margin: 0;

    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-md);

    overflow: hidden;

    transition:
        border-color var(--transicion-rapida),
        background-color var(--transicion-rapida);
}

#centro section.tpv-faqs .tpv-faq[open],
#body_cms #centro #contenido section.tpv-faqs .tpv-faq[open] {
    border-color: var(--color-borde-principal);
}


/* Título
**************************************/

#centro section.tpv-faqs .tpv-faq summary,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq summary {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 64px;
    margin: 0;
    padding: 18px 58px 18px 22px;

    color: var(--color-texto);
    background-color: transparent;

    font-size: var(--texto-base);
    font-weight: var(--peso-medio);
    line-height: 1.4;

    cursor: pointer;
    list-style: none;

    transition:
        color var(--transicion-rapida),
        background-color var(--transicion-rapida);
}

#centro section.tpv-faqs .tpv-faq summary::-webkit-details-marker,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq summary::-webkit-details-marker {
    display: none;
}

#centro section.tpv-faqs .tpv-faq summary:hover,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq summary:hover {
    color: var(--color-principal);
    background-color: var(--color-principal-muy-suave);
}


/* Icono
**************************************/

#centro section.tpv-faqs .tpv-faq summary::after,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq summary::after {
    content: "";

    position: absolute;
    top: 50%;
    right: 22px;

    display: block;

    width: 20px;
    height: 20px;

    background-color: var(--color-principal);

    -webkit-mask-image: url("/UserFiles/images/tabler-icons/chevron-down.svg");
    mask-image: url("/UserFiles/images/tabler-icons/chevron-down.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    transform: translateY(-50%);
    transition: transform var(--transicion-rapida);
}

#centro section.tpv-faqs .tpv-faq[open] summary::after,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq[open] summary::after {
    transform:
        translateY(-50%)
        rotate(180deg);
}


/* Respuesta
**************************************/

#centro section.tpv-faqs .tpv-faq-respuesta,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq-respuesta {
    padding: 15px 58px 20px 22px;
}

#centro section.tpv-faqs .tpv-faq-respuesta p,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq-respuesta p {
    max-width: 75ch;
    margin: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}

/* Animación de pregunta
**************************************/

#centro section.tpv-faqs .tpv-faq,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq {
    transition:
        border-color var(--transicion-rapida),
        box-shadow var(--transicion-rapida),
        transform var(--transicion-rapida);
}

#centro section.tpv-faqs .tpv-faq:hover,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq:hover {
    border-color: var(--color-borde-principal);
   /* transform: translateY(-1px);*/
}

#centro section.tpv-faqs .tpv-faq[open],
#body_cms #centro #contenido section.tpv-faqs .tpv-faq[open] {
    border-color: var(--color-borde-principal);

    box-shadow: 0 8px 20px rgba(21, 27, 43, 0.05);
}


/* Animación de respuesta
**************************************/

#centro section.tpv-faqs .tpv-faq[open] .tpv-faq-respuesta,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq[open] .tpv-faq-respuesta {
    animation: tpv-faq-aparece 0.22s ease-out;
}

@keyframes tpv-faq-aparece {

    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

/* Icono + / X
**************************************/

#centro section.tpv-faqs .tpv-faq summary::after,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq summary::after {
    content: "+";

    position: absolute;
    top: 50%;
    right: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    color: var(--color-principal);
    background: none;

    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;

    -webkit-mask: none;
    mask: none;

    transform:
        translateY(-50%)
        rotate(0deg);

    transform-origin: center;

    transition:
        transform var(--transicion-rapida),
        color var(--transicion-rapida);
}


/* Estado abierto
**************************************/

#centro section.tpv-faqs .tpv-faq[open] summary::after,
#body_cms #centro #contenido section.tpv-faqs .tpv-faq[open] summary::after {
    transform:
        translateY(-50%)
        rotate(45deg);
}


/*//////////////////////////////////////////////////////////////////////////////////////
  MÓDULO CASO DE ÉXITO
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.modulo-exito,
#body_cms #centro #contenido section.modulo-exito {
    width: 100%;
    background: var(--color-principal-oscuro);
    margin-top: 60px;
    
    -webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
#centro section.modulo-exito,
#body_cms #centro #contenido section.modulo-exito:hover {
    background: var(--color-principal-muy-oscuro);
}
section._comunicados_columnas_fotop.modulo-exito div.bloqueMitad {
background: transparent;
}


/* Estructura heredada de GESIO
**************************************/

#centro section.modulo-exito .bloqueMitad,
#body_cms #centro #contenido section.modulo-exito .bloqueMitad {
    width: 100% !important;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding:  0 24px;

    float: none !important;
}

#centro section.modulo-exito .noticias,
#centro section.modulo-exito #bloque,
#body_cms #centro #contenido section.modulo-exito .noticias,
#body_cms #centro #contenido section.modulo-exito #bloque {
    width: 100% !important;
    margin: 0;
    padding: 0;

    float: none !important;
}

#centro section.modulo-exito #bloque ul,
#body_cms #centro #contenido section.modulo-exito #bloque ul {
grid-template-columns: 1fr;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
}

#centro section.modulo-exito #bloque ul li,
#body_cms #centro #contenido section.modulo-exito #bloque ul li {
    width: 100% !important;
    margin: 0;
    padding: 0;
 

    background: transparent;
    border: 0 none;

    float: none !important;
    list-style: none;
}
#centro section.modulo-exito #bloque ul li:hover,
#body_cms #centro #contenido section.modulo-exito #bloque ul li:hover {
scale: 1;
  translate: 0;
  border-color: transparent;
  box-shadow: none;
}


/* Título de sección
**************************************/

#centro section.modulo-exito > .bloqueMitad > h2,
#body_cms #centro #contenido section.modulo-exito > .bloqueMitad > h2 {
    margin: 0 0 32px;

    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-align: center;
    
    display: none;
}


/* Caso de éxito
**************************************/

#centro section.modulo-exito article,
#body_cms #centro #contenido section.modulo-exito article {
    width: 100%;
    margin: 0;
    padding: 0;
}

#centro section.modulo-exito article > a,
#body_cms #centro #contenido section.modulo-exito article > a {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    grid-template-rows: auto auto;
    column-gap: clamp(40px, 6vw, 80px);
    align-items: center;

    min-height: 250px;

    overflow: hidden;

    color: inherit;
    background: transparent;
 
    

    text-decoration: none;

    transition:
        border-color var(--transicion-rapida),
        transform var(--transicion-rapida);
}


/* Imagen
**************************************/

#centro section.modulo-exito article > a > img,
#body_cms #centro #contenido section.modulo-exito article > a > img {
    grid-column: 1;
    grid-row: 1 / 3;

    display: block;

    width: 100% !important;
    height: 100% !important;
    min-height: 250px;
    margin: 0;

    object-fit: cover;

    transition: transform var(--transicion-normal);
    
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}
#centro section.modulo-exito article > a:hover > img,
#body_cms #centro #contenido section.modulo-exito article > a:hover > img {
    grid-column: 1;
    transform: scale(1)!important;
    }


/* Texto
**************************************/

#centro section.modulo-exito .tituloListado,
#body_cms #centro #contenido section.modulo-exito .tituloListado {
    grid-column: 2;
    grid-row: 1;
 

    align-self: end;

    display: block;
    position: relative;

    max-width: 24ch;
    max-width: 100%;
    margin: 0;
    padding: 85px 28px 10px 0;

    color: #fff;

    font-size: clamp(26px, 2.5vw, 26px);
    font-weight: var(--peso-negrita);
    line-height: 1.2;

    text-wrap: balance;
    
    -webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}

#body_cms #centro #contenido section.modulo-exito:hover .tituloListado {
 padding: 85px 18px 10px 10px;
}

#centro section.modulo-exito .tituloListado:before {
content: "Caso de éxito";
display: block;
color: var(--color-principal);
  font-size: 14px;
  font-weight: var(--peso-negrita);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
}

#centro section.modulo-exito .descripcionListado,
#body_cms #centro #contenido section.modulo-exito .descripcionListado {
    grid-column: 2;
    grid-row: 2;

    align-self: start;

    display: block;

    max-width: 58ch;
    max-width: 100%;
    margin: 0;
    padding: 0 21px 78px 0;

    color: #fff;

    font-size: var(--texto-base);
    font-weight: var(--peso-normal);
    line-height: var(--line-height-texto);

    opacity: 0.72;
}


/* Hover
**************************************/

#centro section.modulo-exito article > a:hover,
#body_cms #centro #contenido section.modulo-exito article > a:hover {
    border-color: var(--color-borde-principal);
    text-decoration: none;
}

#centro section.modulo-exito article > a:hover > img,
#body_cms #centro #contenido section.modulo-exito article > a:hover > img {
    transform: scale(1.02);
}


/*//////////////////////////////////////////////////////////////////////////////////////
  RESPONSIVE
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 960px) {

  /* CTA middle
  ----------------------------------------------------------------------------------------*/
    #centro section.cta-demo .cta-demo-contenido {
        grid-template-columns: 88px minmax(0, 1fr) 190px;
    }

    #centro section.cta-demo .cta-demo-mascota {
        width: 88px;
        height: 88px;
    }

    #centro section.cta-demo .cta-demo-mascota img {
        width: 80px;
        height: 80px;
    }

}

@media (max-width: 767px) {

    #centro section.tpv-sec .texto-destacado {
        font-size: 19px;
    }
   #centro section.cta-demo-mid .cta-demo-contenido,
    #body_cms #centro #contenido section.cta-demo-mid .cta-demo-contenido {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 16px 18px;
        align-items: center;

        padding: 18px 22px;
    }


    /* Crispín
    **************************************/

    #centro section.cta-demo-mid .cta-demo-mascota,
    #body_cms #centro #contenido section.cta-demo-mid .cta-demo-mascota {
        grid-column: 1;
        grid-row: 1;

        width: 82px;
        height: 82px;

        margin-top: -20px;
        margin-bottom: -20px;
    }

    #centro section.cta-demo-mid .cta-demo-mascota img,
    #body_cms #centro #contenido section.cta-demo-mid .cta-demo-mascota img {
        width: 76px;
        height: 76px;
    }


    /* Texto
    **************************************/

    #centro section.cta-demo-mid .cta-demo-texto,
    #body_cms #centro #contenido section.cta-demo-mid .cta-demo-texto {
        grid-column: 2;
        grid-row: 1;

        min-width: 0;
        padding: 0;
    }


    /* Botón
    **************************************/

    #centro section.cta-demo-mid .cta-demo-accion,
    #body_cms #centro #contenido section.cta-demo-mid .cta-demo-accion {
        grid-column: 1 / -1;
        grid-row: 2;

        width: 100%;
        margin: 0;
    }

    #centro section.cta-demo-mid .btn-claro,
    #body_cms #centro #contenido section.cta-demo-mid .btn-claro {
        width: 100%;
    }
    
/* CASO EXITO
  -------------------------------------------------------------------------------------------*/
  #centro section.modulo-exito, #body_cms #centro #contenido section.modulo-exito, 
  #centro section.modulo-exito .bloqueMitad, #body_cms #centro #contenido section.modulo-exito .bloqueMitad {
  padding: 0;
  }
  
  #centro section.modulo-exito article > a,
    #body_cms #centro #contenido section.modulo-exito article > a {
        display: block;

        width: 100%;
        min-height: 0;

        overflow: hidden;
    }

 

    /* Imagen
    **************************************/

    #centro section.modulo-exito article > a > img,
    #body_cms #centro #contenido section.modulo-exito article > a > img{
        display: block;

        width: 100% !important;
        height: 320px !important;

        object-fit: cover;
        object-position: top;

        margin: 0;

        transform: none;
    }



    /* Título
    **************************************/

    #centro section.modulo-exito .tituloListado,
    #body_cms #centro #contenido section.modulo-exito .tituloListado {
        display: block;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 28px 28px 8px;

        font-size: clamp(24px, 5vw, 32px);
        line-height: 1.2;

        text-align: left;
    }


    /* Descripción
    **************************************/

    #centro section.modulo-exito .descripcionListado,
    #body_cms #centro #contenido section.modulo-exito .descripcionListado {
        display: block;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0 28px 30px;

        text-align: left;
    }


  
/* CTA final
  ----------------------------------------------------------------------------------------*/
   #centro section.cta-final .cta-final-contenido,
    #body_cms #centro #contenido section.cta-final .cta-final-contenido {
        grid-template-columns: 1fr;
    }

    #centro section.cta-final .cta-final-texto h2,
    #body_cms #centro #contenido section.cta-final .cta-final-texto h2 {
        text-align: center;
  max-width: 100%;
    }

    #centro section.cta-final .cta-final-texto .texto-destacado,
    #body_cms #centro #contenido section.cta-final .cta-final-texto .texto-destacado {
        text-align: center;
  max-width: 100%;
    }
    #centro section.cta-final .cta-final-etiqueta, #body_cms #centro #contenido section.cta-final .cta-final-etiqueta {
   text-align: center; 
    }
    #centro section.cta-final .cta-final-acciones, #body_cms #centro #contenido section.cta-final .cta-final-acciones {
  text-align: center;
}

}


@media (max-width: 600px) {

/* FAQs ---------------------------------------------------------------------------------------*/
    #centro section.tpv-faqs .megaeditor,
    #body_cms #centro #contenido section.tpv-faqs .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.tpv-faqs h2,
    #body_cms #centro #contenido section.tpv-faqs h2 {
        margin-bottom: 30px;
    }

}


@media (max-width: 480px) {

  /* CTA middle
  ----------------------------------------------------------------------------------------*/
    #centro section.cta-demo .megaeditor,
    #body_cms #centro #contenido section.cta-demo .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.cta-demo .cta-demo-contenido,
    #body_cms #centro #contenido section.cta-demo .cta-demo-contenido {
        padding: 18px;
    }

    #centro section.cta-demo .cta-demo-mascota,
    #body_cms #centro #contenido section.cta-demo .cta-demo-mascota {
        flex-basis: 64px;

        width: 64px;
        height: 64px;

        margin: 0;
    }

    #centro section.cta-demo .cta-demo-mascota img,
    #body_cms #centro #contenido section.cta-demo .cta-demo-mascota img {
        width: 60px;
        height: 60px;
    }
    
  /* CTA final
  ----------------------------------------------------------------------------------------*/
  #centro section.cta-final .megaeditor,
    #body_cms #centro #contenido section.cta-final .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.cta-final .cta-final-beneficios,
    #body_cms #centro #contenido section.cta-final .cta-final-beneficios {
        display: grid;
        gap: 12px;
    }
  
/* FAQs ---------------------------------------------------------------------------------------*/
 #centro section.tpv-faqs .megaeditor,
    #body_cms #centro #contenido section.tpv-faqs .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.tpv-faqs .tpv-faq summary,
    #body_cms #centro #contenido section.tpv-faqs .tpv-faq summary {
        min-height: 58px;
        padding: 16px 48px 16px 18px;
    }

    #centro section.tpv-faqs .tpv-faq summary::after,
    #body_cms #centro #contenido section.tpv-faqs .tpv-faq summary::after {
        right: 18px;
    }

    #centro section.tpv-faqs .tpv-faq-respuesta,
    #body_cms #centro #contenido section.tpv-faqs .tpv-faq-respuesta {
        padding: 0 48px 18px 18px;
    }

}

@media (max-width: 480px) {

/* CASO EXITO
  -------------------------------------------------------------------------------------------*/
 #centro section.modulo-exito .tituloListado,
    #body_cms #centro #contenido section.modulo-exito .tituloListado {
        padding: 24px 22px 8px;
    }

    #centro section.modulo-exito .descripcionListado,
    #body_cms #centro #contenido section.modulo-exito .descripcionListado {
        padding: 0 22px 24px;
    }
  
  /* CTA final
  ----------------------------------------------------------------------------------------*/
    #centro section.cta-final .megaeditor,
    #body_cms #centro #contenido section.cta-final .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.cta-final .cta-final-contenido,
    #body_cms #centro #contenido section.cta-final .cta-final-contenido {
        padding: 24px 20px;
    }

    #centro section.cta-final .cta-final-acciones .btn,
    #body_cms #centro #contenido section.cta-final .cta-final-acciones .btn {
        width: 100%;
        min-width: 0;
    }

}
/*///////////////////// CSS DINÁMICO : TPV Variables //////////////////////////*/

:root {

    /*//////////////////////////////////////////////////////////////////////////////////
      COLORES
    //////////////////////////////////////////////////////////////////////////////////*/

     /* Azul corporativo */
    --color-principal: #0098e0;
    --color-principal-hover: #0086c7;
    --color-principal-oscuro: #003F5E;
    --color-principal-muy-oscuro: #002232;

    --color-principal-destacado-claro: #E7F1F6;
    --color-principal-suave: #F0F4F6;
    --color-principal-muy-suave: #f7f9fc;

    /* GRIS */
    --color-gris-oscuro: #262B30;
    --color-gris-medio: #7D858E;
    --color-gris-claro: #DADCDE;
    
    
    /* Texto */
    --color-texto: #151b2b;
    --color-texto-suave: #667085;

    /* Fondos */
    --color-fondo: #ffffff;
    --color-fondo-suave: #f7f9fc;
    
    --color-fondo-suave02: #eff3f9;
    --color-fondo-suave03: #e7effb;

    /* Bordes */
    --color-borde: #e3e8ef;
    --color-borde-principal: #b8e3f6;

    /* Otros */

    --color-acento: #ff6534;
    --color-exito: #12b886;


    /*//////////////////////////////////////////////////////////////////////////////////
      CONTENEDORES
    //////////////////////////////////////////////////////////////////////////////////*/

    --contenedor-xxl: 1800px;
    --contenedor-xl: 1440px;
    --contenedor-lg: 1280px;
    --contenedor-md: 1024px;
    --contenedor-texto: 800px;
    
    --contenedor-xl: 1210px;
    --contenedor-lg: 1180px;


    /*//////////////////////////////////////////////////////////////////////////////////
      TIPOGRAFÍA
    //////////////////////////////////////////////////////////////////////////////////*/

    --titulo-h1: clamp(34px, 3vw, 44px);
    --titulo-h2: clamp(28px, 2.6vw, 38px);
    --titulo-h3: 18px;

    --texto-mini01: 10px;
    --texto-mini02: 12px;
    --texto-mini03: 14px;
    --texto-base: 16px;
    --texto-destacado: 21px;
    --texto-destacado02: 18px;
    --texto-grande01: 24px;
    --texto-grande02: 28px;

    --peso-fino: 200;
    --peso-normal: 400;
    --peso-medio: 600;
    --peso-negrita: 700;

    --line-height-titulo: 1.15;
    --line-height-texto: 1.55;


    /*//////////////////////////////////////////////////////////////////////////////////
      ESPACIADOS
    //////////////////////////////////////////////////////////////////////////////////*/

    --espacio-xs: 8px;
    --espacio-sm: 12px;
    --espacio-md: 20px;
    --espacio-lg: 32px;
    --espacio-xl: 48px;
    --espacio-2xl: 70px;
    --espacio-3xl: 80px;

    --seccion-padding-xl: 80px;
    --seccion-padding-lg: 70px;
    --seccion-padding-md: 50px;
    --seccion-padding-sm: 35px;


    /*//////////////////////////////////////////////////////////////////////////////////
      RADIOS
    //////////////////////////////////////////////////////////////////////////////////*/

    --radio-sm: 10px;
    --radio-md: 14px;
    --radio-lg: 20px;
    --radio-xl: 30px;

    --radio-boton: 10px;
    --radio-redondo: 999px;


    /*//////////////////////////////////////////////////////////////////////////////////
      OTROS
    //////////////////////////////////////////////////////////////////////////////////*/

    --transicion-rapida: 0.2s ease;
    --transicion-normal: 0.25s ease;
}
/*///////////////////// CSS DINÁMICO : TPV Sectores //////////////////////////*/

.hero-sector__tarjeta {
    background: #fff;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.hero-sector__tarjeta-cabecera {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
}

.hero-sector__tarjeta-cabecera span {
    font-size: 0.95rem;
    color: #666;
}

.hero-sector__tarjeta-cabecera strong {
    font-size: 1.8rem;
}

.hero-sector__reserva {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.hero-sector__reserva:last-child {
    border-bottom: 0;
}

.hero-sector__reserva div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hero-sector__reserva strong {
    font-size: 0.95rem;
}

.hero-sector__reserva span {
    font-size: 0.85rem;
    color: #777;
}

.estado {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.estado-activo {
    background: #e7f6ec;
    color: #277a43;
}

.estado-reserva {
    background: #eaf1ff;
    color: #315ea8;
}

.estado-pendiente {
    background: #fff4dc;
    color: #996600;
}

/*//////////////////////////////////////////////////////////////////////////////////////
  PÁGINAS DE SECTORES
//////////////////////////////////////////////////////////////////////////////////////*/


/*   HERO SECTOR
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.hero-sector {
    overflow: hidden;
    margin: 0;
    background:
        linear-gradient(
            110deg,
            var(--color-principal-suave) 0%,
            #ffffff 55%,
            #ffffff 100%
        );
        
        background:
        linear-gradient(
            110deg,
            #E5EEF2 0%,
            #F9FDFF 55%,
            #ffffff 100%
        );
}

#centro section.hero-sector .megaeditor {
    width: 100%;
    max-width: var(--contenedor-lg);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/* Contenedor
**************************************/

#centro section.hero-sector .hero-sector-contenedor {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.2fr);
    gap: clamp(30px, 65vw, 70px);
    
    grid-template-columns: 1fr 1.5fr;
    gap: 10px;
    
    align-items: center;
}


/* Contenido
**************************************/

#centro section.hero-sector .hero-sector-contenido {
    max-width: 620px;
}

#centro section.hero-sector .hero-sector-etiqueta {
    margin: 0 0 7px;

    /*color: var(--color-acento);*/
    color: var(--color-gris-medio);

    font-size: var(--texto-base);
    font-weight: var(--peso-normal);
    line-height: 1.2;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#centro section.hero-sector .hero-sector-contenido h1, 
#body_cms #centro #contenido section.hero-sector .hero-sector-contenido h1 {
    max-width: 20ch;
    margin: 0 0 10px;
    padding: 0;
    
    font-size: clamp(32px, 3vw, 50px);
    line-height: 1.08;
    font-weight: var(--peso-negrita);
    color: var(--color-secundario);
    text-align: left;
    text-transform: none;
  letter-spacing: 0;
}

#centro section.hero-sector .hero-sector-intro {
    max-width: 52ch;
    margin: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-destacado02);
}


/* Acciones
**************************************/

#centro section.hero-sector .hero-sector-acciones {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 28px;
}


/* Ventajas
**************************************/

#centro section.hero-sector .hero-sector-ventajas {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px;

    margin: 34px 0 0;
    padding: 0;

    list-style: none;
}

#centro section.hero-sector .hero-sector-ventajas li {
    display: flex;
    align-items: center;
    gap: 9px;

    max-width: 150px;

    color: var(--color-texto-suave);

    font-size: 12px;
    line-height: 1.1;
    font-weight: var(--peso-medio);
    font-weight: 500;
}
/*
#centro section.hero-sector .hero-sector-ventajas .icono-tpv {
    width: 20px;
    height: 20px;
}
*/


/* Imagen
**************************************/

#centro section.hero-sector .hero-sector-media {
    min-width: 0;
}

#centro section.hero-sector .hero-sector-imagen {
    display: block;

    width: 100%!important;
    height: auto!important;

  }
  
  
 

  /*//////////////////////////////////////////////////////////////////////////////////////
  BARRA DE VENTAJAS
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.barra-ventajas,
#body_cms #centro #contenido section.barra-ventajas {
    background-color: var(--color-principal-oscuro);
}

#centro section.barra-ventajas .megaeditor,
#body_cms #centro #contenido section.barra-ventajas .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: 30px 24px;
}


/* Lista
**************************************/

#centro section.barra-ventajas .barra-ventajas-lista,
#body_cms #centro #contenido section.barra-ventajas .barra-ventajas-lista {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;

    margin: 0;
    padding: 0;

    list-style: none;
}

#centro section.barra-ventajas .barra-ventajas-lista li,
#body_cms #centro #contenido section.barra-ventajas .barra-ventajas-lista li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin: 0;
    padding: 0;

    color: #ffffff;

    font-size: var(--texto-base);
    font-weight: var(--peso-medio);
    line-height: 1.35;
}


/* Iconos
**************************************/

#centro section.barra-ventajas .icono-tpv,
#body_cms #centro #contenido section.barra-ventajas .icono-tpv {
    color: var(--color-principal);
}


/*//////////////////////////////////////////////////////////////////////////////////////
 CAPACIDADES DEL SECTOR
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.sector-capacidades {
    background-color: var(--color-principal-muy-suave);
}

#centro section.sector-capacidades .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}

#centro section.sector-capacidades h2 {
    max-width: 32ch;
    margin: 0 auto 40px;

    text-align: center;
}


/* Grid
**************************************/

#centro section.sector-capacidades .sector-capacidades-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/* Capacidad
**************************************/

#centro section.sector-capacidades .sector-capacidad {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 20px;
    align-items: start;

    min-height: 150px;
    padding: 28px;

    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-md);
}

#centro section.sector-capacidades .sector-capacidad .icono-tpv {
    color: var(--color-principal);
}

#centro section.sector-capacidades .sector-capacidad-texto {
    min-width: 0;
}

#centro section.sector-capacidades .sector-capacidad h3, 
#body_cms #centro #contenido section.sector-capacidades .sector-capacidad h3{
    margin: 0 0 8px;
    font-size: var( --texto-destacado);
    text-align: left;
    font-weight: var(--peso-medio);
}

#centro section.sector-capacidades .sector-capacidad p {
    margin: 0;
    color: var(--color-texto-suave);
}


/*//////////////////////////////////////////////////////////////////////////////////////
  DESTACADO SECTOR
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.sector-destacado {
    background-color: var(--color-fondo);
 
}

#centro section.sector-destacado .megaeditor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(40px, 6vw, 80px);
    align-items: center;

    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/* Imagen
**************************************/

#centro section.sector-destacado .sector-destacado-media {
    min-width: 0;
}

#centro section.sector-destacado .sector-destacado-media img {
    display: block;
    width: 100%!important;
    height: auto!important;

    border-radius: var(--radio-lg);
}


/* Contenido
**************************************/

#centro section.sector-destacado .sector-destacado-contenido {
    min-width: 0;
}

#centro section.sector-destacado .sector-destacado-contenido h2 {
   /* max-width: 18ch;*/
    margin: 0 0 10px;
    text-align: left;
}

#centro section.sector-destacado .sector-destacado-contenido > .texto-destacado {
    max-width: 55ch;
    margin: 0;

    color: var(--color-texto-suave);
}


/* Lista destacada
**************************************/

#centro section.sector-destacado .sector-destacado-lista,
#body_cms #centro #contenido section.sector-destacado .sector-destacado-lista {
    display: grid;
    gap: 22px;
    margin-top: 34px;
    max-width: 90%;
}

#centro section.sector-destacado .sector-destacado-item,
#body_cms #centro #contenido section.sector-destacado .sector-destacado-item {
    position: relative;
    padding-left: 30px;
}

#centro section.sector-destacado .sector-destacado-item::before,
#body_cms #centro #contenido section.sector-destacado .sector-destacado-item::before {
    content: "";

    position: absolute;
    top: 0px;
    left: 0;

    display: block;
    width: 25px;
    height: 25px;

    background: var(--color-principal);

    -webkit-mask-image: url("/UserFiles/images/tabler-icons/check.svg");
    mask-image: url("/UserFiles/images/tabler-icons/check.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

#centro section.sector-destacado .sector-destacado-item h3,
#body_cms #centro #contenido section.sector-destacado .sector-destacado-item h3 {
    margin: 0 0 5px;
    font-size: var(--texto-destacado);
    font-weight: var(--peso-medio);
    text-align: left;
}

#centro section.sector-destacado .sector-destacado-item p,
#body_cms #centro #contenido section.sector-destacado .sector-destacado-item p {
    margin: 0;
    color: var(--color-texto-suave);
}

/* Destacado invertido
**************************************/

#centro section.sector-destacado.invertido .sector-destacado-media {
    order: 2;
}

#centro section.sector-destacado.invertido .sector-destacado-contenido {
    order: 1;
}



  
  /*//////////////////////////////////////////////////////////////////////////////////////
  FUNCIONALIDADES DEL SECTOR / MODULOS
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.sector-funcionalidades {
    background-color: var(--color-fondo-suave);
     padding-bottom: 150px;
}

#centro section.sector-funcionalidades .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/* Encabezado
**************************************/

#centro section.sector-funcionalidades h2,
#body_cms #centro #contenido section.sector-funcionalidades h2 {
    max-width: 32ch;
    margin: 0 auto 16px;

    text-align: center;
}

#centro section.sector-funcionalidades .sector-funcionalidades-intro {
    max-width: var(--contenedor-texto);
    margin: 0 auto 42px;

    color: var(--color-texto-suave);

    font-size: var(--texto-destacado);
    line-height: 1.45;
    text-align: center;
}


/* Grid
**************************************/

#centro section.sector-funcionalidades .sector-funcionalidades-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 45px;
}


/* Tarjeta
**************************************/

#centro section.sector-funcionalidades .sector-funcionalidad {
    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    overflow: hidden;

    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-md);
    
    position: relative;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}
#centro section.sector-funcionalidades .sector-funcionalidad:hover {
    transform: translateY(-5px);
    border-color: var(--color-borde-principal);
    box-shadow: 0 12px 30px rgba(21, 27, 43, 0.08);
}


/* Imagen
**************************************/

#centro section.sector-funcionalidades .sector-funcionalidad-imagen {
    aspect-ratio: 1000 / 550;
    overflow: hidden;

    background-color: var(--color-fondo-suave);
    overflow: hidden;
}

#centro section.sector-funcionalidades .sector-funcionalidad-imagen img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;
    
    transition: transform 0.4s ease;
}

#centro section.sector-funcionalidades .sector-funcionalidad:hover .sector-funcionalidad-imagen img {
    transform: scale(1.035);
}


/* Contenido
**************************************/

#centro section.sector-funcionalidades .sector-funcionalidad-contenido {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 24px;
}

#centro section.sector-funcionalidades .sector-funcionalidad h3,
#body_cms #centro #contenido section.sector-funcionalidades .sector-funcionalidad h3 {
    margin: 0 0 8px;

    font-size: var(--texto-destacado02);
    font-weight: var(--peso-medio);
    line-height: 1.3;
    text-align: left;
}
#centro section.sector-funcionalidades .sector-funcionalidad h3, 
#body_cms #centro #contenido section.sector-funcionalidades .sector-funcionalidad h3 {
    transition: color 0.25s ease;
}

#centro section.sector-funcionalidades .sector-funcionalidad:hover h3, 
#body_cms #centro #contenido section.sector-funcionalidades .sector-funcionalidad:hover h3{
    color: var(--color-principal);
}

#centro section.sector-funcionalidades .sector-funcionalidad-contenido > p {
    margin: 0 0 18px;
    font-size:var(--texto-base);

    color: var(--color-texto-suave);
}

#centro section.sector-funcionalidades .sector-funcionalidad-contenido > p:last-child {
    margin-top: auto;
    margin-bottom: 0;
}


/* Enlace
**************************************/

#centro section.sector-funcionalidades .lnk-ver-modulo {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: var(--color-principal);

    font-size: 16px;
    font-weight: var(--peso-medio);
    line-height: 1.3;
    text-decoration: none;
    
    margin-top: 25px;

    transition: color var(--transicion-rapida);
}

#centro section.sector-funcionalidades .lnk-ver-modulo::after {
    content: "→";
}

#centro section.sector-funcionalidades .lnk-ver-modulo:hover {
    color: var(--color-principal-hover);
    text-decoration: none;
}
#centro section.sector-funcionalidades .lnk-ver-modulo:hover::after {
    transform: translateX(4px);
}

/* Enlace extendido a toda la tarjeta
**************************************/
#centro section.sector-funcionalidades .lnk-ver-modulo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

#centro section.sector-funcionalidades .lnk-ver-modulo {
    position: relative;
    z-index: 2;
}


/* Accesibilidad
**************************************/
@media (prefers-reduced-motion: reduce) {

    #centro section.sector-funcionalidades .sector-funcionalidad,
    #centro section.sector-funcionalidades .sector-funcionalidad-imagen img {
        transition: none;
    }

    #centro section.sector-funcionalidades .sector-funcionalidad:hover {
        transform: none;
    }

    #centro section.sector-funcionalidades .sector-funcionalidad:hover .sector-funcionalidad-imagen img {
        transform: none;
    }

}



/*   BLOQUE PRECIO
//////////////////////////////////////////////////////////////////////////////////////*/
#centro section.bloque-precio {
overflow: visible;
margin-top: -150px;
  margin-bottom: 100px;
     
}
#centro section.bloque-precio .megaeditor {
/*display: flex;
  gap: 20px;
  justify-content: center;*/
  border: 8px solid var(--color-fondo);
  border-radius: var(--radio-lg);
  background-color: var(--color-fondo);
  width: fit-content;
  margin: 10px auto;
  padding: 50px 80px 60px 60px;
  min-width: 1024px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
.ilus-personaje {
  width: 400px;
  position: relative;
}
div.bloque-presupuesto {
  max-width: 700px;
  margin: 0;
  padding: 20px 30px;
  text-align: center;
}
/* PRESUPUESTO ---------------------------------------------------------------- */

div.bloque-presupuesto {
  max-width: 700px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#contenido div.megaeditor div.bloque-presupuesto h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  padding: 10px 0;
  margin-bottom: 15px;
  
  text-wrap: balance;
}
div.bloque-presupuesto ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.bloque-presupuesto ul li {
  display: block;
  margin: 0 0 10px 0;
  padding: 15px 30px;
  background-color: #e4e6e8;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  font-weight: 500;
  text-align: left;
  font-size: 20px;
  position: relative;
}
div.bloque-presupuesto ul li.recomendado::after {
  content: "Recomendado";
  display: inline-block;
  border-radius: 10px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 0 10px;
  color: #808080;
  margin-top: 5px;
  position: absolute;
  right: 130px;
}
div.bloque-presupuesto p.horas-regalo {
  margin: 0;
  font-size: 13px;
  padding: 5px 10px;
  font-weight: 400;
  text-align: center;
}
div.precio-presupuesto {
  background: #59626c;
  margin-left: 100px;
}
div.precio-presupuesto p {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  padding: 10px;
  letter-spacing: 1px;
}
div.precio-presupuesto p span {
  font-size: 16px;
  font-weight: 500;
  vertical-align: super;
}


.bloque-presupuesto li span.precio {
  float: right;
  font-size: 26px;
  line-height: 1;
  font-weight: 600;
}
.bloque-presupuesto li span.precio sup {
  font-size: 14px;
  vertical-align: middle;
  margin-left: 4px;
  font-weight: 400;
}
.bloque-presupuesto li span.tit-gratis {
  background-color: #d00;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .07em;
  margin-top: 4px;
  float: right;
}

.ilus-personaje {
  width: 400px;
  position: relative;
}
.ilus-personaje img {
  position: absolute;
  animation-duration: 3s;
  animation-name: caracteristica-animacion;
  animation-iteration-count: infinite;
  max-width: 500px;
  right: 0;
}

/* PRECIO + BOTONES --------------------------*/
#remate-propuesta-modulos {
display: flex;
padding-top: 15px;
}
.precio-modulo {
  float: right;
}
#remate-propuesta-modulos .precio-modulo {
  float: none;
}
.precio-principal {
text-align: center;
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  -webkit-border-radius: var(--radio-boton);
  -moz-border-radius: var(--radio-boton);
  border-radius: var(--radio-boton);
  padding: 0 20px;
  margin-right: 10px;
}
a.precio-principal {
  background-color: #1f3d4d;
  text-decoration: none;
  display: block;
  position: relative;
}
a.precio-principal:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1f2f37;
}
.precio-principal > span.tit-desde {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  margin-top: 18px;
}
.precio-principal span {
  font-size: 12px;
  text-align: left;
  font-weight: 400;
  line-height: 1.2;
}
.precio-principal span.preciomayor {
  font-size: 48px;
  display: inline-block;
  font-weight: 700;
}
.precio-principal span.preciomenor {
  font-size: 16px;
  line-height:  1;
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.precio-principal > span.restopreciomayor {
  display: inline-block;
}

.precio-principal span.preciomenor::before {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #fff;
  display: inline-block;
  transform: rotate(15deg);
  position: absolute;
  left: 0;
  top: 0;
}
.precio-secundario {
  margin-top: 5px;
  line-height: 1.2;
  font-size: 13px;
}

/**/
.contacto-propuesta {
   margin-left: auto;
}
.contacto-propuesta a {
display: inline-block;
background-color:var(--color-principal);
text-align: left;
line-height: 1;
color: #fff;
font-size: 21px;
font-weight: 600;
padding: 16px 35px 17px 15px;
  -webkit-border-radius: var(--radio-boton);
  -moz-border-radius: var(--radio-boton);
  border-radius: var(--radio-boton);
}
.contacto-propuesta a:hover {
padding: 16px 30px 17px 20px;
background-color:var(--color-principal-oscuro);
}
.contacto-propuesta a span {
display: block;
font-size: .7em;
font-weight: 500;
}


/*   PRECIO DEL SECTOR
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.sector-precio {
overflow: visible;
margin-top: -170px;
padding-bottom: 50px;
}

#centro section.sector-precio .megaeditor,
#body_cms #centro #contenido section.sector-precio .megaeditor {
    width: 100%;
    max-width: var(--contenedor-lg);
    margin: 0 auto;
    /*padding: var(--seccion-padding-lg) 24px;*/
    max-width: var(--contenedor-md);
}


/* Tarjeta principal
**************************************/

#centro section.sector-precio .sector-precio-card,
#body_cms #centro #contenido section.sector-precio .sector-precio-card {
text-align: center;
position: relative;
    padding: clamp(28px, 4vw, 54px);

    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-xl);

    box-shadow: 0 20px 48px rgba(21, 27, 43, 0.07);
}

/* Badge Verifactu
**************************************/
.precio-card-verifactu {
width: 150px;
height: 150px;
position: absolute;
top: 120px;
right: 100px;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

box-shadow: rgba(0, 63, 94, .2) 0px 15px 30px -12px;

transform: rotate(10deg);
}
.precio-card-verifactu img {
width: 100%!important;
height: auto!important;
}

/*****************/
#centro section.sector-precio .precio-card-verifactu img {
    transform-origin: center;
}

#centro section.sector-precio .precio-card-verifactu.verifactu-visible img {
    animation: verifactu-entrada 0.7s ease-out both;
}

@keyframes verifactu-entrada {
    0% {
        transform: rotate(0deg) scale(1);
    }

    45% {
        transform: rotate(200deg) scale(1.08);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    #centro section.sector-precio .precio-card-verifactu.verifactu-visible img {
        animation: none;
    }
}

/* Encabezado
**************************************/

#centro section.sector-precio .sector-precio-etiqueta,
#body_cms #centro #contenido section.sector-precio .sector-precio-etiqueta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;
    padding: 9px 18px;

    color: var(--color-principal);
    background-color: var(--color-principal-suave);

    border-radius: var(--radio-redondo);

    font-size: 14px;
    font-weight: var(--peso-medio);
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

#centro section.sector-precio .sector-precio-card > h2,
#body_cms #centro #contenido section.sector-precio .sector-precio-card > h2 {
    max-width: 18ch;
    margin: 0 auto 24px;

    text-align: center;
}


/* Resumen
**************************************/

#centro section.sector-precio .sector-precio-resumen,
#body_cms #centro #contenido section.sector-precio .sector-precio-resumen {
    margin-bottom: 34px;
    text-align: center;
    margin: 0 auto 34px;
  padding: 20px 40px;
  background: var(--color-principal-muy-suave);
  border-radius: var(--radio-md);
}

#centro section.sector-precio .sector-precio-cifra,
#body_cms #centro #contenido section.sector-precio .sector-precio-cifra {
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;

    margin: 0 0 8px;
}

#centro section.sector-precio .sector-precio-numero,
#body_cms #centro #contenido section.sector-precio .sector-precio-numero {
    color: var(--color-principal);

    font-size: clamp(64px, 9vw, 112px);
    font-weight: var(--peso-negrita);
    line-height: 0.95;
}

#centro section.sector-precio .sector-precio-unidad,
#body_cms #centro #contenido section.sector-precio .sector-precio-unidad {
    color: var(--color-principal);

    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: var(--peso-medio);
    line-height: 1.1;
}

#centro section.sector-precio .sector-precio-anual,
#body_cms #centro #contenido section.sector-precio .sector-precio-anual {
    margin: 0 0 10px;

    color: var(--color-texto-suave);

    font-size: 18px;
    line-height: 1.45;
}

#centro section.sector-precio .sector-precio-desde,
#body_cms #centro #contenido section.sector-precio .sector-precio-desde {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin: 0;

    color: var(--color-texto-suave);

    font-size: 16px;
    line-height: 1.4;
}

#centro section.sector-precio .sector-precio-desde strong,
#body_cms #centro #contenido section.sector-precio .sector-precio-desde strong {
    color: var(--color-principal);
    font-weight: var(--peso-medio);
}

#centro section.sector-precio .sector-precio-desde .icono-tpv,
#body_cms #centro #contenido section.sector-precio .sector-precio-desde .icono-tpv {
    color: var(--color-principal);
}


/* Desglose
**************************************/

#centro section.sector-precio .sector-precio-desglose,
#body_cms #centro #contenido section.sector-precio .sector-precio-desglose {
    overflow: hidden;

    margin-bottom: 22px;

    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-lg);
}

#centro section.sector-precio .sector-precio-linea,
#body_cms #centro #contenido section.sector-precio .sector-precio-linea {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;

    padding: 20px 20px 20px 18px;
    border-top: 1px solid var(--color-borde);
}

#centro section.sector-precio .sector-precio-linea:first-child,
#body_cms #centro #contenido section.sector-precio .sector-precio-linea:first-child {
    border-top: 0;
}

#centro section.sector-precio .sector-precio-icono,
#body_cms #centro #contenido section.sector-precio .sector-precio-icono {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;

    color: var(--color-principal);
    background-color: var(--color-principal-suave);

    border-radius: var(--radio-md);
}

#centro section.sector-precio .sector-precio-texto,
#body_cms #centro #contenido section.sector-precio .sector-precio-texto {
    min-width: 0;
    text-align: left;
}

#centro section.sector-precio .sector-precio-texto h3,
#body_cms #centro #contenido section.sector-precio .sector-precio-texto h3 {
    margin: 0 0 4px;

    font-size: 18px;
    font-weight: var(--peso-medio);
    line-height: 1.3;
    text-align: left;
}

#centro section.sector-precio .sector-precio-texto p,
#body_cms #centro #contenido section.sector-precio .sector-precio-texto p {
    margin: 0;

    color: var(--color-texto-suave);
    line-height: 1.45;
}

#centro section.sector-precio .sector-precio-valor,
#body_cms #centro #contenido section.sector-precio .sector-precio-valor {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: flex-end;

    color: var(--color-texto);
    text-align: right;
    white-space: nowrap;
}

#centro section.sector-precio .sector-precio-valor strong,
#body_cms #centro #contenido section.sector-precio .sector-precio-valor strong {
    font-size: 26px;
    font-weight: var(--peso-negrita);
    line-height: 1;
}

#centro section.sector-precio .sector-precio-badge,
#body_cms #centro #contenido section.sector-precio .sector-precio-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 14px;

    color: var(--color-principal);
    background-color: var(--color-principal-suave);

    border-radius: var(--radio-redondo);

    font-size: 13px;
    font-weight: var(--peso-medio);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

#centro section.sector-precio .sector-precio-extra,
#body_cms #centro #contenido section.sector-precio .sector-precio-extra {
    color: var(--color-texto);
}

#centro section.sector-precio .sector-precio-incluido,
#body_cms #centro #contenido section.sector-precio .sector-precio-incluido {
    font-size: 18px;
    font-weight: var(--peso-medio);
}


/* CTA
**************************************/

#centro section.sector-precio .sector-precio-cta,
#body_cms #centro #contenido section.sector-precio .sector-precio-cta {
    margin-bottom: 22px;
}


/* Meta inferior
**************************************/

#centro section.sector-precio .sector-precio-meta,
#body_cms #centro #contenido section.sector-precio .sector-precio-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 28px;

    margin: 0;
    padding: 0;

    list-style: none;
}

#centro section.sector-precio .sector-precio-meta li,
#body_cms #centro #contenido section.sector-precio .sector-precio-meta li {
    display: flex;
    align-items: center;
    gap: 8px;

    color: var(--color-texto-suave);

    font-size: 16px;
    line-height: 1.4;
}

#centro section.sector-precio .sector-precio-meta .icono-tpv,
#body_cms #centro #contenido section.sector-precio .sector-precio-meta .icono-tpv {
    color: var(--color-principal);
}

/*//////////////////////////////////////////////////////////////////////////////////////
  RESPONSIVE
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 1024px) {

    #centro section.hero-sector .hero-sector-contenedor {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr);
        gap: 40px;
    }

}

@media (max-width: 960px) {

/* Ventajas TOP
---------------------------------------------------------------------------------------*/
 #centro section.barra-ventajas .barra-ventajas-lista,
    #body_cms #centro #contenido section.barra-ventajas .barra-ventajas-lista {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 24px;
    }

    #centro section.barra-ventajas .barra-ventajas-lista li,
    #body_cms #centro #contenido section.barra-ventajas .barra-ventajas-lista li {
        justify-content: flex-start;
    }
/* Capacidades
---------------------------------------------------------------------------------------*/
    #centro section.sector-capacidades .sector-capacidades-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

/* Destacados
---------------------------------------------------------------------------------------*/
    #centro section.sector-destacado .megaeditor {
        gap: 40px;
    }
    
 /* Funcionalidades / Módulos
---------------------------------------------------------------------------------------*/  
    #centro section.sector-funcionalidades .sector-funcionalidades-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
       #centro section.sector-funcionalidades h2, #body_cms #centro #contenido section.sector-funcionalidades h2 {
  max-width: 100%;
  }

    
/* Precios Sectores
---------------------------------------------------------------------------------------*/ 
#centro section.sector-precio {
padding: 0 24px 100px;
}

}

@media (max-width: 767px) {

    #centro section.hero-sector .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.hero-sector .hero-sector-contenedor {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    #centro section.hero-sector .hero-sector-contenido {
        max-width: 680px;
    }

    #centro section.hero-sector .hero-sector-contenido h1 {
        max-width: 18ch;
    }

    #centro section.hero-sector .hero-sector-intro {
        font-size: 19px;
    }
    
  /* Destacados
---------------------------------------------------------------------------------------*/
    #centro section.sector-destacado .megaeditor {
        grid-template-columns: 1fr;

        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.sector-destacado .sector-destacado-contenido h2 {
        max-width: 22ch;
    }
    
        #centro section.sector-destacado.invertido .sector-destacado-media {
        order: 1;
    }

    #centro section.sector-destacado.invertido .sector-destacado-contenido {
        order: 2;
    }
    

 /* CAJA PRECIO sector
  ----------------------------------------------------------------------------------------*/  
   #centro section.sector-precio {
    padding: 0 24px 10px;
  }
  .precio-card-verifactu {
  right: -10px;
  }
     #centro section.sector-precio .megaeditor,
    #body_cms #centro #contenido section.sector-precio .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.sector-precio .sector-precio-linea,
    #body_cms #centro #contenido section.sector-precio .sector-precio-linea {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 16px;
    }

    #centro section.sector-precio .sector-precio-valor,
    #body_cms #centro #contenido section.sector-precio .sector-precio-valor {
        grid-column: 1 / -1;
        justify-content: flex-start;
        text-align: left;
        white-space: normal;
        padding-left: 80px;
    }

}


@media (max-width: 600px) {


/* Capacidades
---------------------------------------------------------------------------------------*/
    #centro section.sector-capacidades .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.sector-capacidades h2 {
        margin-bottom: 30px;
    }

    #centro section.sector-capacidades .sector-capacidades-grid {
        grid-template-columns: 1fr;
    }

    #centro section.sector-capacidades .sector-capacidad {
        min-height: 0;
        padding: 24px;
    }
/* DESTACADOS
---------------------------------------------------------------------------------------*/
  #centro section.sector-destacado .sector-destacado-contenido h2, 
  #centro section.sector-destacado .sector-destacado-contenido > .texto-destacado{
    max-width: 100%;
  }

/* Funcionalidades / Módulos
---------------------------------------------------------------------------------------*/
#centro section.sector-funcionalidades .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.sector-funcionalidades .sector-funcionalidades-intro {
        margin-bottom: 32px;
    }

    #centro section.sector-funcionalidades .sector-funcionalidades-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 480px) {

    #centro section.hero-sector .megaeditor {
        padding:
            var(--seccion-padding-sm)
            20px;
    }

    #centro section.hero-sector .hero-sector-acciones {
        flex-direction: column;
        align-items: stretch;
    }

    #centro section.hero-sector .hero-sector-acciones .btn {
        width: 100%;
    }

    #centro section.hero-sector .hero-sector-ventajas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    #centro section.hero-sector .hero-sector-ventajas li {
        max-width: none;
    }
   
   
/* Ventajas TOP
---------------------------------------------------------------------------------------*/
#centro section.barra-ventajas .megaeditor,
    #body_cms #centro #contenido section.barra-ventajas .megaeditor {
        padding: 20px;
    }

    #centro section.barra-ventajas .barra-ventajas-lista,
    #body_cms #centro #contenido section.barra-ventajas .barra-ventajas-lista {
        grid-template-columns: 1fr;
        gap: 14px;
    }

/* Capacidades
---------------------------------------------------------------------------------------*/
   #centro section.sector-capacidades .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.sector-capacidades .sector-capacidad {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 16px;
    }

    #centro section.sector-capacidades .sector-capacidad .icono-lg {
        width: 40px;
        height: 40px;
    }
    
     /* Destacados
---------------------------------------------------------------------------------------*/
#centro section.sector-destacado .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.sector-destacado .sector-destacado-lista {
        gap: 20px;
        margin-top: 30px;
    }

    #centro section.sector-destacado .sector-destacado-item {
        padding-top: 20px;
    }
    
   /* Funcionalidades / Módulos
---------------------------------------------------------------------------------------*/
#centro section.sector-funcionalidades .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.sector-funcionalidades .sector-funcionalidad-contenido {
        padding: 22px;
    }
  
  /* Precio sector
---------------------------------------------------------------------------------------*/ 

.precio-card-verifactu {
top: 130px;
  width: 110px;
  height: 110px;
  }
  
#centro section.sector-precio .megaeditor,
    #body_cms #centro #contenido section.sector-precio .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
        
        padding: 0;
    }

    #centro section.sector-precio .sector-precio-card,
    #body_cms #centro #contenido section.sector-precio .sector-precio-card {
        padding: 26px 20px;
    }

    #centro section.sector-precio .sector-precio-linea,
    #body_cms #centro #contenido section.sector-precio .sector-precio-linea {
        padding: 18px 16px;
    }

    #centro section.sector-precio .sector-precio-icono,
    #body_cms #centro #contenido section.sector-precio .sector-precio-icono {
        width: 48px;
        height: 48px;
    }

    #centro section.sector-precio .sector-precio-meta,
    #body_cms #centro #contenido section.sector-precio .sector-precio-meta {
        justify-content: flex-start;
    }

}
/*///////////////////// CSS DINÁMICO : TPV modulos //////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////
  MÓDULO REBU
//////////////////////////////////////////////////////////////////////////////////////*/

/*   NORMATIVA REBU
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.total.rebu-normativa {
    background: var(--color-principal-muy-suave);
}

#centro section.total.rebu-normativa .megaeditor {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 30px;
}

/* Cabecera
**************************************/

#centro section.total.rebu-normativa .rebu-normativa-cabecera {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

#centro section.total.rebu-normativa .rebu-normativa-cabecera h2 {
    margin: 0 0 20px;
}

#centro section.total.rebu-normativa .rebu-normativa-cabecera p {
    margin: 0;
    font-size: 21px;
    line-height: 1.5;
}

/* Grid
**************************************/

#centro section.total.rebu-normativa .rebu-normativa-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    max-width: 1240px;
    margin: 55px auto 0;
}

#centro section.total.rebu-normativa .rebu-normativa-item {
    display: grid;
     grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: 20px;
    row-gap: 8px;

    padding: 30px 25px;
    background: #fff;
    border: 1px solid #d9e4ef;
    border-radius: 24px;
}

    #centro section.total.rebu-normativa .rebu-normativa-icono {
        width: 44px;
        height: 44px;
    }

#centro section.total.rebu-normativa .rebu-normativa-item h3,
#body_cms #centro #contenido section.total.rebu-normativa .rebu-normativa-item h3 {
    margin: 0;
    text-align: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

#centro section.total.rebu-normativa .rebu-normativa-item p {
    grid-column: 2;
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #5d6e87;
}

/* Iconos
**************************************/

#centro section.total.rebu-normativa .rebu-normativa-icono {
    grid-column: 1;
    grid-row: 1 / span 2;

    width: 56px;
    height: 56px;

    background: var(--color-enlace-principal-01);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
/* Destacado final
**************************************/

#centro section.total.rebu-normativa .rebu-normativa-destacado {
background: var(--color-principal-destacado-claro);
    max-width: 900px;
    margin: 35px auto 0;
    font-size: 21px;
    line-height: 1.6;
    text-align: center;
    padding: 30px 40px;
    border-radius: 20px;
}


/*   EJEMPLO REBU
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.rebu-ejemplo .megaeditor {
    max-width: 1240px;
    margin: 0 auto;
    padding: 80px 30px;
}

/* Cabecera
**************************************/

#centro section.rebu-ejemplo .rebu-ejemplo-cabecera {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

#centro section.rebu-ejemplo .rebu-ejemplo-cabecera h2 {
    margin: 0 0 20px;
}

#centro section.rebu-ejemplo .rebu-ejemplo-cabecera p {
    margin: 0;
    font-size: 21px;
    line-height: 1.5;
}

/* Flujo
**************************************/

#centro section.rebu-ejemplo .rebu-ejemplo-flujo {
    display: grid;
    grid-template-columns: 1fr 70px 1fr 70px 1fr;
    align-items: stretch;
    margin-top: 55px;
}

#centro section.rebu-ejemplo .rebu-ejemplo-paso {
    position: relative;
    padding: 35px;
    background: #fff;
    border: 1px solid var(--color-borde);
    border-radius: 28px;
    text-align: center;
}

#centro section.rebu-ejemplo .rebu-ejemplo-numero {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    margin: 0 auto 22px;

    color: #fff;
    background: var(--color-principal);
    border-radius: 50%;

    font-size: 16px;
    font-weight: 700;
}

#centro section.rebu-ejemplo .rebu-ejemplo-etiqueta {
    display: block;
    margin-bottom: 8px;

    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

#centro section.rebu-ejemplo .rebu-ejemplo-paso strong {
    display: block;
    margin-bottom: 15px;

    font-size: 32px;
    line-height: 1.1;
}

#centro section.rebu-ejemplo .rebu-ejemplo-paso p {
    margin: 0;
    line-height: 1.6;
}

#centro section.rebu-ejemplo .rebu-ejemplo-resultado {
    background: var(--color-principal-muy-suave);
    border-color: var(--color-principal);
}

/* Flechas
**************************************/

#centro section.rebu-ejemplo .rebu-ejemplo-flecha {
    position: relative;
}

#centro section.rebu-ejemplo .rebu-ejemplo-flecha::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;

    height: 2px;
    background: var(--color-principal);
    transform: translateY(-50%);
}

#centro section.rebu-ejemplo .rebu-ejemplo-flecha::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;

    width: 10px;
    height: 10px;

    border-top: 2px solid var(--color-principal);
    border-right: 2px solid var(--color-principal);

    transform: translateY(-50%) rotate(45deg);
}

/*   REBU Y FACTURACIÓN
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.rebu-facturacion .megaeditor {
    max-width: 1240px;
    margin: 0 auto;
    padding: 80px 30px;
}

#centro section.rebu-facturacion .rebu-facturacion-contenido {
background: var(--color-principal-muy-suave);
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    align-items: start;
    
    border-radius: 28px;
    
    padding: 60px 80px;
}

/* Texto
**************************************/

#centro section.rebu-facturacion .rebu-facturacion-texto h2 {
    margin: 0 0 20px;
    text-align: left;
    font-size: 28px;
}

#centro section.rebu-facturacion .rebu-facturacion-texto p {
    margin: 0;
    font-size: 21px;
    line-height: 1.5;
}

/* Puntos
**************************************/

#centro section.rebu-facturacion .rebu-facturacion-puntos {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#centro section.rebu-facturacion .rebu-facturacion-punto {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

#centro section.rebu-facturacion .rebu-facturacion-punto h3,
#body_cms #centro #contenido section.rebu-facturacion .rebu-facturacion-punto h3 {
    margin: 0 0 8px;
    text-align: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

#centro section.rebu-facturacion .rebu-facturacion-punto p {
    margin: 0;
    line-height: 1.6;
}

/* Iconos
**************************************/

#centro section.rebu-facturacion .rebu-facturacion-icono {
    width: 34px;
    height: 34px;
    margin-top: 2px;

    background: var(--color-enlace-principal-01);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}



/*   PRECIO REBU
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.rebu-precio .megaeditor {
    max-width: 1000px;
    margin: 0 auto;
    padding: 80px 30px;
}

#centro section.rebu-precio .rebu-precio-contenido {
    text-align: center;
}

#centro section.rebu-precio .rebu-precio-etiqueta {
    display: block;
    margin-bottom: 12px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: .05em;
}

#centro section.rebu-precio .rebu-precio-contenido h2 {
    margin: 0 0 18px;
}

#centro section.rebu-precio .rebu-precio-intro {
    max-width: 760px;
    margin: 0 auto;

    font-size: 21px;
    line-height: 1.5;
}

/* Opciones
**************************************/

#centro section.rebu-precio .rebu-precio-opciones {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;

    max-width: 650px;
    margin: 45px auto 0;
}

#centro section.rebu-precio .rebu-precio-opcion {
    position: relative;

    padding: 30px 25px;

    background: #fff;
    border: 1px solid var(--color-borde);
    border-radius: 24px;
}

#centro section.rebu-precio .rebu-precio-opcion-destacada {
    background: var(--color-principal-muy-suave);
    border-color: var(--color-principal);
}

#centro section.rebu-precio .rebu-precio-periodo {
    display: block;
    margin-bottom: 8px;

    font-size: 16px;
    font-weight: 600;
}

#centro section.rebu-precio .rebu-precio-opcion strong {
    display: block;

    font-size: 36px;
    line-height: 1.1;
}

#centro section.rebu-precio .rebu-precio-opcion > span:last-child {
    display: block;
    margin-top: 4px;
    font-size: 16px;
}

#centro section.rebu-precio .rebu-precio-ahorro {
    position: absolute;
    top: -13px;
    left: 50%;

    padding: 5px 12px;

    color: #fff;
    background: var(--color-principal);
    border-radius: 20px;

    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;

    transform: translateX(-50%);
}

#centro section.rebu-precio .rebu-precio-ahorro-texto {
    margin: 18px 0 28px;
    font-size: 16px;
}







/*//////////////////////////////////////////////////////////////////////////////////////
  RESPONSIVE
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 960px) {

    #centro section.total.rebu-normativa .rebu-normativa-grid {
        grid-template-columns: 1fr;
        max-width: 760px;
    }
    
    /* EJEMPLO REBU ************************************/
        #centro section.rebu-ejemplo .rebu-ejemplo-flujo {
        grid-template-columns: 1fr;
        max-width: 650px;
        margin-right: auto;
        margin-left: auto;
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-flecha {
        height: 55px;
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-flecha::before {
        top: 10px;
        bottom: 10px;
        left: 50%;
        right: auto;

        width: 2px;
        height: auto;

        transform: translateX(-50%);
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-flecha::after {
        top: auto;
        right: auto;
        bottom: 9px;
        left: 50%;

        transform: translateX(-50%) rotate(135deg);
    }
    


}

@media (max-width: 767px) {

    #centro section.total.rebu-normativa .megaeditor {
        padding: 60px 25px;
    }

    #centro section.total.rebu-normativa .rebu-normativa-cabecera p {
        font-size: 18px;
    }

    #centro section.total.rebu-normativa .rebu-normativa-grid {
        margin-top: 40px;
        gap: 20px;
    }

    #centro section.total.rebu-normativa .rebu-normativa-item {
        padding: 30px 25px;
        border-radius: 24px;
    }

    #centro section.total.rebu-normativa .rebu-normativa-icono {
        width: 56px;
        height: 56px;
        margin-bottom: 20px;
    }

    #centro section.total.rebu-normativa .rebu-normativa-item h3 {
        font-size: 19px;
    }

    #centro section.total.rebu-normativa .rebu-normativa-item p,
    #centro section.total.rebu-normativa .rebu-normativa-destacado {
        font-size: 17px;
    }
    
    /* EJEMPLO REBU ********************************/
        #centro section.rebu-ejemplo .megaeditor {
        padding: 60px 25px;
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-cabecera p {
        font-size: 18px;
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-flujo {
        margin-top: 40px;
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-paso {
        padding: 30px 25px;
        border-radius: 24px;
    }

    #centro section.rebu-ejemplo .rebu-ejemplo-paso strong {
        font-size: 28px;
    }
    
/* REBU  FACTURACION ************************************/
#centro section.rebu-facturacion .megaeditor {
        padding: 60px 25px;
    }

    #centro section.rebu-facturacion .rebu-facturacion-contenido {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    #centro section.rebu-facturacion .rebu-facturacion-texto p {
        font-size: 18px;
    }

    #centro section.rebu-facturacion .rebu-facturacion-puntos {
        gap: 25px;
    }

    #centro section.rebu-facturacion .rebu-facturacion-punto {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 16px;
    }

    #centro section.rebu-facturacion .rebu-facturacion-icono {
        width: 30px;
        height: 30px;
    }

    #centro section.rebu-facturacion .rebu-facturacion-punto h3,
    #body_cms #centro #contenido section.rebu-facturacion .rebu-facturacion-punto h3 {
        font-size: 19px;
    }


}


@media (max-width: 600px) {


/* REBU  PRECIO ************************************/
    #centro section.rebu-precio .megaeditor {
        padding: 60px 25px;
    }

    #centro section.rebu-precio .rebu-precio-intro {
        font-size: 18px;
    }

    #centro section.rebu-precio .rebu-precio-opciones {
        grid-template-columns: 1fr;
        max-width: 360px;
        gap: 20px;
        margin-top: 40px;
    }

    #centro section.rebu-precio .rebu-precio-opcion {
        padding: 27px 20px;
    }

    #centro section.rebu-precio .rebu-precio-opcion-destacada {
        margin-top: 8px;
    }

    #centro section.rebu-precio .rebu-precio-opcion strong {
        font-size: 32px;
    }

}
/*///////////////////// CSS DINÁMICO : TPV Precios //////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////
  PÁGINA DE PRECIOS TARIFAS
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.precios-planes {
    background-color: var(--color-fondo);
}

#centro section.precios-planes .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}

p.p-remate-tarifas,
#centro section.tpv-sec  p.p-remate-tarifas {
text-align: center;
padding: 40px 20px 20px;
font-size: var(--texto-destacado);
}


/***************************************************************************************
  COMPONENTE
***************************************************************************************/

#centro section.precios-planes .tpv-precios-componente {
    position: relative;
    width: 100%;
    min-width: 0;
}


/***************************************************************************************
  SELECTORES RADIO
***************************************************************************************/

#centro section.precios-planes .tpv-precios-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}


/***************************************************************************************
  CABECERA
***************************************************************************************/

#centro section.precios-planes .tpv-precios-cabecera {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

#body_cms  #centro #contenido section.precios-planes .tpv-precios-cabecera h1 {
    margin: 0 0 10px;
    padding: 0;

    color: var(--color-texto);

    font-size: var(--titulo-h1);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-align: center;
    text-transform: none;
    letter-spacing: 0;
}

#centro section.precios-planes .tpv-precios-intro {
    margin: 0;
    padding: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-destacado);
    line-height: var(--line-height-texto);

    text-align: center;
}


/* Garantías
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-garantias {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px 36px;

    width: 100%;

    margin: 34px 0 0;
    padding: 0;

    list-style: none;
}

#centro section.precios-planes .tpv-precios-garantias li {
    display: flex;
    align-items: center;
    gap: 8px;

    width: auto;

    margin: 0;
    padding: 0;

    color: var(--color-texto);

    font-size: 14px;
    line-height: 1.3;

    list-style: none;
}

#centro section.precios-planes .tpv-precios-garantias .icono-tpv {
    color: var(--color-principal);
}


/***************************************************************************************
  PERIODICIDAD
***************************************************************************************/

#centro section.precios-planes .tpv-precios-periodicidad {
    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 100%;
    max-width: 500px;

    margin: 0 auto 60px;
    padding: 5px;

    background-color: var(--color-fondo-suave);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-redondo);
}

#centro section.precios-planes .tpv-precios-periodicidad label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-height: 52px;

    margin: 0;
    padding: 10px 18px;

    color: var(--color-texto-suave);
    background-color: transparent;

    border: 0;
    border-radius: var(--radio-redondo);

    font-size: var(--texto-destacado02);
    font-weight: var(--peso-medio);
    line-height: 1.2;
    text-align: center;

    cursor: pointer;

    transition:
        color var(--transicion-rapida),
        background-color var(--transicion-rapida);
}

#centro section.precios-planes .tpv-precios-periodicidad label span {
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;

    font-size: 12px;
    line-height: inherit;
}


/* Pago mensual activo
---------------------------------------------------------*/

#tpv-precios-mensual:checked
~ .tpv-precios-periodicidad
label[for="tpv-precios-mensual"] {
    color: #ffffff;
    background-color: var(--color-principal);
}


/* Pago anual activo
---------------------------------------------------------*/

#tpv-precios-anual:checked
~ .tpv-precios-periodicidad
label[for="tpv-precios-anual"] {
    color: #ffffff;
    background-color: var(--color-principal);
}


/***************************************************************************************
  GRID DE PLANES
***************************************************************************************/

#centro section.precios-planes .tpv-precios-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;

    width: 100%;
}


/***************************************************************************************
  PLAN
***************************************************************************************/

#centro section.precios-planes .tpv-precios-plan {
    display: flex;
    flex-direction: column;

    min-width: 0;
    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background-color: var(--color-fondo);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-md);

    box-shadow: 0 10px 30px rgba(21, 27, 43, 0.05);
}


/* Cabecera
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-plan-cabecera {
    position: relative;

    min-height: 230px;

    margin: 0;
    padding: 28px 26px 24px;

    background-color: var(--color-principal-muy-suave);
}

#centro section.precios-planes .tpv-precios-plan-cabecera h2 {
    margin: 0 0 6px;
    padding: 0;

    color: var(--color-texto);

    font-size: var(--texto-grande01);
    font-weight: var(--peso-negrita);
    line-height: 1.15;

    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}

#centro section.precios-planes .tpv-precios-plan-intro {
    margin: 0;
    padding: 0;
    
    min-height: 46px;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    font-weight: var(--peso-medio);
    line-height: 1.4;

    text-align: left;
}


/* Cuerpo
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-plan-cuerpo {
    display: flex;
    flex: 1;
    flex-direction: column;

    min-width: 0;
    width: 100%;

    padding: 26px;
}



/***************************************************************************************
  PRECIOS
***************************************************************************************/

#centro section.precios-planes .tpv-precios-importe {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 90px;

    margin: 5px 0 0;
    padding: 0;
}


#centro section.precios-planes .tpv-precios-valor {
    display: none;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* Precio mensual
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-valor-mensual {
    align-items: baseline;
    justify-content: center;
}


#centro section.precios-planes .tpv-precios-valor-mensual strong {
    display: inline-block;

    margin: 0;
    padding: 0;

    color: var(--color-texto);

    font-size: clamp(54px, 5vw, 68px);
    font-weight: var(--peso-negrita);
    line-height: 0.9;
    letter-spacing: -0.04em;
}


#centro section.precios-planes .tpv-precios-valor-mensual > span {
    display: inline-block;

    margin: 0 0 0 6px;
    padding: 0;

    color: var(--color-texto);

    font-size: 20px;
    font-weight: var(--peso-normal);
    line-height: 1;

    white-space: nowrap;
}


/* Precio anual
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-valor-anual {
    position: relative;

    align-items: flex-end;
    justify-content: center;
    gap: 14px;
}


/* Precio mensual tachado
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-precio-anterior {
    display: inline-block;

    margin: 0 0 12px;
    padding: 0;

    color: var(--color-texto-suave);

    font-size: 15px;
    font-weight: var(--peso-normal);
    line-height: 1;

    text-decoration: line-through;
    text-decoration-thickness: 1px;

    white-space: nowrap;
}


/* Precio anual actual
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-precio-actual {
    display: flex;
    align-items: baseline;
    justify-content: center;
}


#centro section.precios-planes .tpv-precios-precio-actual strong {
    display: inline-block;

    margin: 0;
    padding: 0;

    color: var(--color-texto);

    font-size: clamp(54px, 5vw, 68px);
    font-weight: var(--peso-negrita);
    line-height: 0.9;
    letter-spacing: -0.04em;
}


#centro section.precios-planes .tpv-precios-precio-actual > span {
    display: inline-block;

    margin: 0 0 0 6px;
    padding: 0;

    color: var(--color-texto);

    font-size: 20px;
    font-weight: var(--peso-normal);
    line-height: 1;

    white-space: nowrap;
}


/* Detalle de facturación
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-detalle {
    display: none;

    width: 100%;

    margin: 10px 0 0;
    padding: 0;

    color: var(--color-texto-suave);

    font-size: 12px;
    line-height: 1.35;

    text-align: center;
}


#centro section.precios-planes .tpv-precios-total-anterior {
    display: inline-block;

    margin-right: 6px;

    color: var(--color-gris-medio);

    text-decoration: line-through;
    text-decoration-thickness: 1px;
}


/* Plan Pro
---------------------------------------------------------*/

#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-valor-mensual strong,

#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-valor-mensual > span,

#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-precio-actual strong,

#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-precio-actual > span {
    color: #ffffff;
}


#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-precio-anterior {
    color: rgba(255, 255, 255, 0.85);
}


#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-detalle {
    color: rgba(255, 255, 255, 0.8);
}


#centro section.precios-planes
.tpv-precios-plan-pro
.tpv-precios-total-anterior {
    color: rgba(255, 255, 255, 0.55);
}


/* Precio anual seleccionado
---------------------------------------------------------*/

#tpv-precios-anual:checked
~ .tpv-precios-grid
.tpv-precios-valor-anual {
    display: flex;
}


#tpv-precios-anual:checked
~ .tpv-precios-grid
.tpv-precios-detalle-anual {
    display: block;
}


/* Precio mensual seleccionado
---------------------------------------------------------*/

#tpv-precios-mensual:checked
~ .tpv-precios-grid
.tpv-precios-valor-mensual {
    display: flex;
}


#tpv-precios-mensual:checked
~ .tpv-precios-grid
.tpv-precios-detalle-mensual {
    display: block;
}

/***************************************************************************************
  LISTA DE FUNCIONALIDADES
***************************************************************************************/

#centro section.precios-planes .tpv-precios-lista {
    display: flex;
    flex-direction: column;
    gap: 9px;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}

#centro section.precios-planes .tpv-precios-lista li {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    color: var(--color-texto);

    font-size: 13px;
    line-height: 1.4;

    list-style: none;
}

#centro section.precios-planes .tpv-precios-lista li > span:not(.icono-tpv) {
    display: block;
    flex: 1 1 auto;

    width: auto;
    min-width: 0;
    max-width: none;

    margin: 0;
    padding: 0;
}

#centro section.precios-planes .tpv-precios-lista .icono-tpv {
    flex: 0 0 17px;

    width: 17px;
    height: 17px;

    margin: 1px 0 0;
}


/* Incluidas
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-lista .incluido .icono-tpv {
    color: var(--color-principal);
}


/* No incluidas
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-lista .no-incluido {
    color: var(--color-gris-medio);
}

#centro section.precios-planes .tpv-precios-lista .no-incluido .icono-tpv {
    color: var(--color-gris-medio);
}


/***************************************************************************************
  PLAN PRO
***************************************************************************************/

#centro section.precios-planes .tpv-precios-plan-pro {
    border: 2px solid var(--color-principal-oscuro);
}

#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-plan-cabecera {
    background-color: var(--color-principal-oscuro);
}

#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-plan-cabecera h2,
#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-plan-intro,
#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-importe strong,
#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-importe span,
#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-detalle {
    color: #ffffff;
}

#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-plan-intro,
#centro section.precios-planes .tpv-precios-plan-pro .tpv-precios-detalle {
    opacity: 0.8;
}


/* Más popular
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-recomendado {
    position: absolute;
    top: 18px;
    right: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;

    margin: 0;
    padding: 7px 12px;

    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.15);

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: var(--radio-redondo);

    font-size: 12px;
    font-weight: var(--peso-medio);
    line-height: 1;
}


/***************************************************************************************
  MÓDULO PROFESIONAL
***************************************************************************************/

#centro section.precios-planes .tpv-precios-modulo {
    margin-top: 22px;
    padding-top: 20px;

    border-top: 1px solid var(--color-borde);
}

#centro section.precios-planes .tpv-precios-modulo label {
    display: block;

    width: 100%;

    margin: 0 0 8px;
    padding: 0;

    color: var(--color-texto);

    font-size: 13px;
    font-weight: var(--peso-medio);
    line-height: 1.3;
}

#centro section.precios-planes .tpv-precios-modulo select {
    display: block;

    width: 100%;
    min-height: 44px;

    margin: 0;
    padding: 8px 36px 8px 12px;

    color: var(--color-texto);
    background-color: var(--color-fondo);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-sm);

    font-family: inherit;
    font-size: 14px;

    box-sizing: border-box;
}


/***************************************************************************************
  MULTITIENDA
***************************************************************************************/

#centro section.precios-planes .tpv-precios-plan-multitienda {
    background-color: var(--color-fondo);
}


/* Grupos
---------------------------------------------------------*/

#centro section.precios-planes .tpv-precios-grupo {
    width: 100%;
}

#centro section.precios-planes .tpv-precios-grupo + .tpv-precios-grupo {
    margin-top: 22px;
}

#body_cms #centro #contenido section.precios-planes .tpv-precios-grupo h3 {
    margin: 0 0 9px;
    padding: 0;

    color: var(--color-texto);

    font-size: 14px;
    font-weight: var(--peso-negrita);
    line-height: 1.3;

    text-align: left;
}

#centro section.precios-planes .tpv-precios-lista-verde .icono-tpv {
    color: var(--color-exito);
}

/* ENLACE MULTITIENDA 
***************************************************************************************/
#enlace-multitienda {
background-color: var(--color-fondo-suave);
margin-top: 30px;
padding: 15px 20px;
border-radius: var(--radio-boton);
text-align: center;
color:  var(--color-gris-medio);
font-size: var(--texto-mini03);
}
#enlace-multitienda img {
max-width: 110px;
height: auto!important;
margin: -35px auto 5px;
}
#centro section.precios-planes #enlace-multitienda .tpv-precios-accion {
padding-top: 12px;
}

/***************************************************************************************
  FORMULARIO MULTITIENDA
***************************************************************************************/

#centro section.precios-planes .tpv-precios-form {
    display: flex;
    flex-direction: column;
    gap: 10px;

    width: 100%;

    margin: auto 0 0;
    padding: 26px 0 0;

    border: 0;
}

#centro section.precios-planes .tpv-precios-form input,
#centro section.precios-planes .tpv-precios-form select {
    display: block;

    width: 100%;
    min-width: 0;
    min-height: 44px;

    margin: 0;
    padding: 9px 12px;

    color: var(--color-texto);
    background-color: var(--color-fondo);
    background-color: var(--color-base);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-sm);

    font-family: inherit;
    font-size: 14px;
    line-height: 1.2;

    box-sizing: border-box;
}

#centro section.precios-planes .tpv-precios-form input::placeholder {
    color: var(--color-gris-medio);
}


/***************************************************************************************
  ACCIONES
***************************************************************************************/

#centro section.precios-planes .tpv-precios-accion {
    width: 100%;

    margin-top: auto;
    padding-top: 28px;
}

#centro section.precios-planes .tpv-precios-accion .btn,
#centro section.precios-planes .tpv-precios-form .btn {
    width: 100%;
}


/*//////////////////////////////////////////////////////////////////////////////////////

  PRECIOS · FUNCIONALIDADES PROFESIONALES
  
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.precios-profesionales,
#body_cms #centro #contenido section.precios-profesionales {
    background-color: var(--color-fondo-suave);
}

#centro section.precios-profesionales .megaeditor,
#body_cms #centro #contenido section.precios-profesionales .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/***************************************************************************************
  CABECERA
***************************************************************************************/

#centro section.precios-profesionales .precios-profesionales-cabecera,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-cabecera {
    max-width: 760px;
    margin: 0 auto 48px;

    text-align: center;
}

#centro section.precios-profesionales .precios-profesionales-etiqueta,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-etiqueta {
    display: block;

    margin: 0 0 12px;

    color: var(--color-principal);

    font-size: 14px;
    font-weight: var(--peso-negrita);
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#centro section.precios-profesionales h2,
#body_cms #centro #contenido section.precios-profesionales h2 {
    margin: 0 0 16px;

    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-wrap: balance;
}

#centro section.precios-profesionales .precios-profesionales-cabecera p,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-cabecera p {
    max-width: 65ch;
    margin: 0 auto;

    color: var(--color-texto-suave);

    font-size: var(--texto-destacado02);
    line-height: var(--line-height-texto);
}


/***************************************************************************************
  FUNCIONALIDADES
***************************************************************************************/

#centro section.precios-profesionales .precios-profesionales-grid,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


/* Tarjeta
---------------------------------------------------------*/

#centro section.precios-profesionales .precios-profesional,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional {
    display: flex;
    flex-direction: column;

    min-width: 0;
    padding: 28px;

    background-color: var(--color-fondo);
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-lg);
}


/* Icono / Precio
---------------------------------------------------------*/

#centro section.precios-profesionales .funcionalidad-icono-precio {
display: flex;
gap: 20px;
width: 100%;
    align-items: center;
    justify-content: space-between;
        margin: 0 0 22px;
}

/* Icono ***/
#centro section.precios-profesionales .precios-profesional-icono,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-icono {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;


    color: var(--color-principal);
    background-color: var(--color-principal-muy-suave);
    border-radius: var(--radio-md);
}

#centro section.precios-profesionales .precios-profesional-icono .icono-tpv,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-icono .icono-tpv {
    width: 24px;
    height: 24px;
}

/* Precio ***/
#centro section.precios-profesionales div.precios-profesional-precio {
text-align: right;
line-height: 1;

font-size: var(--texto-base);
color: var(--color-texto-suave);
}
#centro section.precios-profesionales .precios-profesional-precio,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-precio {
    color: var(--color-texto-suave);

    font-size: var(--texto-mini03);
    line-height: 1;
    text-align: right;
}

#centro section.precios-profesionales .precios-profesional-precio span,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-precio span {
    display: block;

    margin-bottom: 3px;

    font-size: var(--texto-mini01);
}

#centro section.precios-profesionales .precios-profesional-precio strong,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-precio strong {
    color: var(--color-texto);

    font-size: var(--texto-destacado02);
    font-weight: var(--peso-negrita);
}


/* Contenido
---------------------------------------------------------*/

#centro section.precios-profesionales .precios-profesional-contenido,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-contenido {
    display: flex;
    flex: 1;
    flex-direction: column;
}

#centro section.precios-profesionales .precios-profesional h3,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional h3 {
    margin: 0 0 12px;

    color: var(--color-texto);

    font-size: 20px;
    font-weight: var(--peso-negrita);
    line-height: 1.25;
    
    text-align: left;
}

#centro section.precios-profesionales .precios-profesional p,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional p {
    margin: 0 0 20px;

    color: var(--color-texto-suave);

    font-size: 15px;
    line-height: 1.6;
}


/* Sector
---------------------------------------------------------*/

#centro section.precios-profesionales .precios-profesional-sector,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-sector {
    display: block;

    margin: auto 0 18px;

    color: var(--color-texto-suave);

    font-size: 13px;
    font-weight: var(--peso-medio);
    line-height: 1.4;
}


/* Enlace
---------------------------------------------------------*/

#centro section.precios-profesionales .precios-profesional-enlace,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-enlace {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    color: var(--color-principal);

    font-size: 15px;
    font-weight: var(--peso-negrita);
    line-height: 1.4;

    text-decoration: none;
}

#centro section.precios-profesionales .precios-profesional-enlace::after,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-enlace::after, 
.precios-cumplimiento-item .precios-profesional-enlace::after {
    content: "→";

    margin-left: 7px;

    transition: transform var(--transicion-rapida);
}

#centro section.precios-profesionales .precios-profesional-enlace:hover::after,
#body_cms #centro #contenido section.precios-profesionales .precios-profesional-enlace:hover::after, 
.precios-cumplimiento-item .precios-profesional-enlace:hover::after{
    transform: translateX(4px);
}


/***************************************************************************************
  PIE
***************************************************************************************/

#centro section.precios-profesionales .precios-profesionales-pie,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-pie {
    max-width: 800px;
    margin: 36px auto 0;

    text-align: center;
}

#centro section.precios-profesionales .precios-profesionales-pie p,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-pie p {
    margin: 0;

    color: var(--color-texto-suave);

    font-size: 15px;
    line-height: 1.6;
}

#centro section.precios-profesionales .precios-profesionales-pie strong,
#body_cms #centro #contenido section.precios-profesionales .precios-profesionales-pie strong {
    color: var(--color-texto);
}


/*//////////////////////////////////////////////////////////////////////////////////////
  PRECIOS · NORMATIVA Y CUMPLIMIENTO
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.precios-cumplimiento {
    background-color: var(--color-fondo);
}

#centro section.precios-cumplimiento .megaeditor,
#body_cms #centro #contenido section.precios-cumplimiento .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/***************************************************************************************
  CABECERA
***************************************************************************************/

#centro section.precios-cumplimiento .precios-cumplimiento-cabecera,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-cabecera {
    max-width: 760px;
    margin: 0 auto 48px;

    text-align: center;
}

#centro section.precios-cumplimiento .precios-cumplimiento-cabecera h2,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-cabecera h2 {
    margin: 0 0 14px;

    color: var(--color-texto);

    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-align: center;
    text-wrap: balance;
}

#centro section.precios-cumplimiento .precios-cumplimiento-cabecera > p:last-child,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-cabecera > p:last-child {
    max-width: 62ch;
    margin: 0 auto;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}


/***************************************************************************************
  GRID
***************************************************************************************/

#centro section.precios-cumplimiento .precios-cumplimiento-grid,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/***************************************************************************************
  TARJETA
***************************************************************************************/

#centro section.precios-cumplimiento .precios-cumplimiento-item,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-item {
    display: flex;
    flex-direction: column;

    min-width: 0;
    padding: 24px;

    background-color: var(--color-fondo);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-lg);
}


/* Parte superior
---------------------------------------------------------*/

#centro section.precios-cumplimiento .precios-cumplimiento-superior,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-superior {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: 100%;
    margin: 0 0 10px;
}


/* Icono
---------------------------------------------------------*/

#centro section.precios-cumplimiento .precios-cumplimiento-icono,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-icono {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    color: var(--color-principal);
    background-color: var(--color-principal-muy-suave);

    border-radius: var(--radio-md);
}

#centro section.precios-cumplimiento .precios-cumplimiento-icono .icono-tpv,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-icono .icono-tpv {
    width: 22px;
    height: 22px;
    
    color: var(--color-gris-medio);
}


/* Badge incluido
---------------------------------------------------------*/

#centro section.precios-cumplimiento .precios-cumplimiento-badge,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 88px;
    padding: 7px 14px;

    color: var(--color-principal-oscuro);
    background-color: var(--color-principal-destacado-claro);

    border-radius: var(--radio-redondo);

    font-size: var(--texto-mini03);
    font-weight: var(--peso-medio);
    line-height: 1;
}


/* Precio
---------------------------------------------------------*/

#centro section.precios-cumplimiento .precios-cumplimiento-precio,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-precio {
    color: var(--color-texto-suave);

    font-size: var(--texto-mini03);
    line-height: 1;
    text-align: right;
}

#centro section.precios-cumplimiento .precios-cumplimiento-precio span,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-precio span {
    display: block;

    margin-bottom: 3px;

    font-size: var(--texto-mini01);
}

#centro section.precios-cumplimiento .precios-cumplimiento-precio strong,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-precio strong {
    color: var(--color-texto);

    font-size: var(--texto-destacado02);
    font-weight: var(--peso-negrita);
}


/* Contenido
---------------------------------------------------------*/

#centro section.precios-cumplimiento .precios-cumplimiento-contenido,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-contenido {
    display: flex;
    flex: 1;
    flex-direction: column;
}

#centro section.precios-cumplimiento .precios-cumplimiento-item h3,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-item h3 {
    margin: 0 0 8px;

    color: var(--color-texto);

    font-size: var(--texto-destacado);
    font-weight: var(--peso-negrita);
    line-height: 1.25;
    
    text-align: left;
}

#centro section.precios-cumplimiento .precios-cumplimiento-item p,
#body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-item p {
    margin: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-mini03);
    line-height: 1.55;
}

/*//////////////////////////////////////////////////////////////////////////////////////
  PRECIOS · MÁS POSIBILIDADES
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.precios-ampliaciones,
#body_cms #centro #contenido section.precios-ampliaciones {
    background-color: var(--color-fondo);
}

#centro section.precios-ampliaciones .megaeditor,
#body_cms #centro #contenido section.precios-ampliaciones .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/***************************************************************************************
  CABECERA
***************************************************************************************/

#centro section.precios-ampliaciones .precios-ampliaciones-cabecera,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-cabecera {
    max-width: 760px;
    margin: 0 auto 48px;

    text-align: center;
}

#centro section.precios-ampliaciones .precios-ampliaciones-cabecera h2,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-cabecera h2 {
    margin: 0 0 14px;

    color: var(--color-texto);

    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-align: center;
    text-wrap: balance;
}

#centro section.precios-ampliaciones .precios-ampliaciones-cabecera > p:last-child,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-cabecera > p:last-child {
    max-width: 62ch;
    margin: 0 auto;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}


/***************************************************************************************
  GRID
***************************************************************************************/

#centro section.precios-ampliaciones .precios-ampliaciones-grid,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}


/***************************************************************************************
  TARJETAS
***************************************************************************************/

#centro section.precios-ampliaciones .precios-ampliacion,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion {
    display: flex;
    flex-direction: column;

    min-width: 0;
    padding: 28px;

    background-color: var(--color-fondo-suave);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-lg);
}


/* Icono
---------------------------------------------------------*/

#centro section.precios-ampliaciones .precios-ampliacion-icono,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion-icono {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    margin: 0 0 22px;

    color: var(--color-principal);
    background-color: var(--color-fondo);

    border-radius: var(--radio-md);
}

#centro section.precios-ampliaciones .precios-ampliacion-icono .icono-tpv,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion-icono .icono-tpv {
    width: 24px;
    height: 24px;
}


/* Contenido
---------------------------------------------------------*/

#centro section.precios-ampliaciones .precios-ampliacion-contenido,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion-contenido {
    display: flex;
    flex: 1;
    flex-direction: column;
}

#centro section.precios-ampliaciones .precios-ampliacion h3,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion h3 {
    margin: 0 0 10px;

    color: var(--color-texto);

    font-size: 20px;
    font-weight: var(--peso-negrita);
    line-height: 1.25;
}

#centro section.precios-ampliaciones .precios-ampliacion p,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion p {
    margin: 0 0 22px;

    color: var(--color-texto-suave);

    font-size: 15px;
    line-height: 1.55;
}


/* Enlace
---------------------------------------------------------*/

#centro section.precios-ampliaciones .precios-ampliacion-enlace,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion-enlace {
    display: inline-flex;
    align-items: center;

    width: fit-content;
    margin-top: auto;

    color: var(--color-principal);

    font-size: 15px;
    font-weight: var(--peso-negrita);
    line-height: 1.4;

    text-decoration: none;
}

#centro section.precios-ampliaciones .precios-ampliacion-enlace::after,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion-enlace::after {
    content: "→";

    margin-left: 7px;

    transition: transform var(--transicion-rapida);
}

#centro section.precios-ampliaciones .precios-ampliacion-enlace:hover::after,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion-enlace:hover::after {
    transform: translateX(4px);
}


/***************************************************************************************
  PIE
***************************************************************************************/

#centro section.precios-ampliaciones .precios-ampliaciones-pie,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-pie {
    display: flex;
    flex-direction: column;
    align-items: center;

    max-width: 760px;
    margin: 38px auto 0;

    text-align: center;
}

#centro section.precios-ampliaciones .precios-ampliaciones-pie p,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-pie p {
    margin: 0 0 20px;

    color: var(--color-texto-suave);

    font-size: 15px;
    line-height: 1.6;
}

#centro section.precios-ampliaciones .precios-ampliaciones-pie strong,
#body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-pie strong {
    color: var(--color-texto);
}



/*//////////////////////////////////////////////////////////////////////////////////////
  PRECIOS · FORMULARIO TARIFAS
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section#script_5256 {
background-color: var(--color-fondo-suave);

padding: 40px 30px;

width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}



/*//////////////////////////////////////////////////////////////////////////////////////
  PRECIOS · TIENDA ONLINE
//////////////////////////////////////////////////////////////////////////////////////*/

#centro section.precios-ecommerce .megaeditor,
#body_cms #centro #contenido section.precios-ecommerce .megaeditor {
    width: 100%;
    max-width: var(--contenedor-xl);
    margin: 0 auto;
    padding: var(--seccion-padding-lg) 24px;
}


/***************************************************************************************
  CONTENEDOR
***************************************************************************************/

#centro section.precios-ecommerce .precios-ecommerce-contenido,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-contenido {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 54px;

    width: 100%;
    padding: 0 48px 0 20px;

    background-color: var(--color-fondo-suave);

    border: 1px solid var(--color-borde);
    border-radius: var(--radio-xl);

    overflow: hidden;
}


/***************************************************************************************
  IMAGEN
***************************************************************************************/

#centro section.precios-ecommerce .precios-ecommerce-media,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-media {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    height: 100%;
}

#centro section.precios-ecommerce .precios-ecommerce-media img,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-media img {
    display: block;

    width: 100%;
    max-width: 560px;
    height: auto;

    margin: 0 auto;
}


/***************************************************************************************
  CONTENIDO
***************************************************************************************/

#centro section.precios-ecommerce .precios-ecommerce-texto,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-texto {
    min-width: 0;
    padding: 42px 0;
}


/* Pretítulo
---------------------------------------------------------*/

#centro section.precios-ecommerce .precios-ecommerce-texto .pretitulo,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-texto .pretitulo {
    margin-bottom: 8px;
}


/* Título
---------------------------------------------------------*/

#centro section.precios-ecommerce .precios-ecommerce-texto h2,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-texto h2 {
    margin: 0 0 16px;

    color: var(--color-texto);

    font-size: var(--titulo-h2);
    font-weight: var(--peso-negrita);
    line-height: var(--line-height-titulo);

    text-align: left;
}


/* Introducción
---------------------------------------------------------*/

#centro section.precios-ecommerce .precios-ecommerce-intro,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-intro {
    max-width: 62ch;
    margin: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}


/***************************************************************************************
  VENTAJAS
***************************************************************************************/

#centro section.precios-ecommerce .precios-ecommerce-lista,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-lista {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin: 22px 0 18px;
    padding: 0;

    list-style: none;
}

#centro section.precios-ecommerce .precios-ecommerce-lista li,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-lista li {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    margin: 0;
    padding: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    line-height: 1.45;

    list-style: none;
}

#centro section.precios-ecommerce .precios-ecommerce-lista .icono-tpv,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-lista .icono-tpv {
    flex: 0 0 16px;

    width: 16px;
    height: 16px;

    margin-top: 3px;

    color: var(--color-texto);
}


/***************************************************************************************
  TIENDA EXISTENTE
***************************************************************************************/

#centro section.precios-ecommerce .precios-ecommerce-existente,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-existente {
    margin: 0;

    color: var(--color-texto-suave);

    font-size: var(--texto-base);
    line-height: var(--line-height-texto);
}

#centro section.precios-ecommerce .precios-ecommerce-existente strong,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-existente strong {
    color: var(--color-texto);
}


/***************************************************************************************
  ACCIÓN
***************************************************************************************/

#centro section.precios-ecommerce .precios-ecommerce-accion,
#body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-accion {
    margin-top: 20px;
}
















/*//////////////////////////////////////////////////////////////////////////////////////
  RESPONSIVE
//////////////////////////////////////////////////////////////////////////////////////*/


/*   HASTA 1024
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 1024px) {

    /* Planes
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #centro section.precios-planes .tpv-precios-plan-multitienda {
        grid-column: 1 / -1;
    }


    /* Multitienda
    ---------------------------------------------------------*/

    #centro section.precios-planes
    .tpv-precios-plan-multitienda
    .tpv-precios-plan-cuerpo {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 40px;
    }

    #centro section.precios-planes
    .tpv-precios-plan-multitienda
    .tpv-precios-grupo + .tpv-precios-grupo {
        margin-top: 0;
    }

    #centro section.precios-planes .tpv-precios-form {
        grid-column: 1 / -1;
    }
    
    /*Módulos PRO ---------------------------------------------*/
        #centro section.precios-profesionales .precios-profesionales-grid,
    #body_cms #centro #contenido section.precios-profesionales .precios-profesionales-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    
   /* funcionalidades Extra
    ---------------------------------------------------------*/     
        #centro section.precios-ampliaciones .precios-ampliaciones-grid,
    #body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    
   /* Tienda Online
    ---------------------------------------------------------*/  
       #centro section.precios-ecommerce .precios-ecommerce-contenido,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-contenido {
        gap: 36px;
        padding-right: 34px;
    }

}


/*   HASTA 767
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px) {

    /* Estructura
    ---------------------------------------------------------*/

    #centro section.precios-planes .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.precios-planes .tpv-precios-grid {
        grid-template-columns: 1fr;
    }

    #centro section.precios-planes .tpv-precios-plan-multitienda {
        grid-column: auto;
    }


    /* Multitienda
    ---------------------------------------------------------*/

    #centro section.precios-planes
    .tpv-precios-plan-multitienda
    .tpv-precios-plan-cuerpo {
        display: flex;
        flex-direction: column;
    }

    #centro section.precios-planes
    .tpv-precios-plan-multitienda
    .tpv-precios-grupo + .tpv-precios-grupo {
        margin-top: 22px;
    }


    /* Cabecera
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-cabecera {
        margin-bottom: 32px;
    }

    #centro section.precios-planes .tpv-precios-garantias {
        gap: 12px 22px;
    }


    /* Periodicidad
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-periodicidad {
        margin-bottom: 42px;
    }
    
    /* funcionalidades Cumplimiento legal
    ---------------------------------------------------------*/    
        #centro section.precios-cumplimiento .precios-cumplimiento-grid,
    #body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-grid {
        grid-template-columns: 1fr;
    }
    
   /* Tienda Online
    ---------------------------------------------------------*/
        #centro section.precios-ecommerce .precios-ecommerce-contenido,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-contenido {
        grid-template-columns: 1fr;
        gap: 0;

        padding: 28px;
    }


    /* Imagen
    ---------------------------------------------------------*/

    #centro section.precios-ecommerce .precios-ecommerce-media,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-media {
        order: 2;

        margin-top: 28px;
    }

    #centro section.precios-ecommerce .precios-ecommerce-media img,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-media img {
        max-width: 480px;
    }


    /* Texto
    ---------------------------------------------------------*/

    #centro section.precios-ecommerce .precios-ecommerce-texto,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-texto {
        order: 1;

        padding: 0;
    }
    

}


/*   HASTA 600
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {

    /* Garantías
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-garantias {
        flex-direction: column;
        align-items: flex-start;

        width: fit-content;

        margin-left: auto;
        margin-right: auto;
    }


    /* Tarjetas
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-plan-cabecera {
        min-height: 210px;
    }
    
    /* MÓDULOS PRO -------------------------------------------------*/
        #centro section.precios-profesionales .megaeditor,
    #body_cms #centro #contenido section.precios-profesionales .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.precios-profesionales .precios-profesionales-cabecera,
    #body_cms #centro #contenido section.precios-profesionales .precios-profesionales-cabecera {
        margin-bottom: 32px;
    }

    #centro section.precios-profesionales .precios-profesionales-grid,
    #body_cms #centro #contenido section.precios-profesionales .precios-profesionales-grid {
        grid-template-columns: 1fr;
    }
     /* funcionalidades Cumplimiento legal
    ---------------------------------------------------------*/    
    #centro section.precios-cumplimiento .megaeditor,
    #body_cms #centro #contenido section.precios-cumplimiento .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.precios-cumplimiento .precios-cumplimiento-cabecera,
    #body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-cabecera {
        margin-bottom: 32px;
    }
    
   /* funcionalidades Extra
    ---------------------------------------------------------*/  
     #centro section.precios-ampliaciones .megaeditor,
    #body_cms #centro #contenido section.precios-ampliaciones .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

    #centro section.precios-ampliaciones .precios-ampliaciones-cabecera,
    #body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-cabecera {
        margin-bottom: 32px;
    }

    #centro section.precios-ampliaciones .precios-ampliaciones-grid,
    #body_cms #centro #contenido section.precios-ampliaciones .precios-ampliaciones-grid {
        grid-template-columns: 1fr;
    }
    
   /* Tienda Online
    ---------------------------------------------------------*/
    
        #centro section.precios-ecommerce .megaeditor,
    #body_cms #centro #contenido section.precios-ecommerce .megaeditor {
        padding-top: var(--seccion-padding-md);
        padding-bottom: var(--seccion-padding-md);
    }

}


/*   HASTA 480
//////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) {

    /* Estructura
    ---------------------------------------------------------*/

    #centro section.precios-planes .megaeditor {
        padding:
            var(--seccion-padding-sm)
            20px;
    }


    /* Cabecera
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-intro br {
        display: none;
    }


    /* Periodicidad
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-periodicidad {
        padding: 4px;
    }

    #centro section.precios-planes .tpv-precios-periodicidad label {
        min-height: 48px;
        padding: 8px 10px;

        font-size: 14px;
    }

    #centro section.precios-planes .tpv-precios-periodicidad label span {
        display: none;
    }


    /* Tarjetas
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-plan-cabecera {
        padding: 24px 20px;
    }

    #centro section.precios-planes .tpv-precios-plan-cuerpo {
        padding: 22px 20px;
    }


    /* Precio
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-importe strong {
        font-size: 54px;
    }

    #centro section.precios-planes .tpv-precios-importe span {
        font-size: 18px;
    }


    /* Más popular
    ---------------------------------------------------------*/

    #centro section.precios-planes .tpv-precios-recomendado {
        top: 16px;
        right: 16px;
    }
    /* Módulos PRO ---------*/
        #centro section.precios-profesionales .megaeditor,
    #body_cms #centro #contenido section.precios-profesionales .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.precios-profesionales .precios-profesional,
    #body_cms #centro #contenido section.precios-profesionales .precios-profesional {
        padding: 24px 22px;
    }
    
   /* funcionalidades Cumplimiento legal
    ---------------------------------------------------------*/ 
    #centro section.precios-cumplimiento .megaeditor,
    #body_cms #centro #contenido section.precios-cumplimiento .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.precios-cumplimiento .precios-cumplimiento-item,
    #body_cms #centro #contenido section.precios-cumplimiento .precios-cumplimiento-item {
        padding: 22px 20px;
    }
    
   /* funcionalidades Extra
    ---------------------------------------------------------*/       
        #centro section.precios-ampliaciones .megaeditor,
    #body_cms #centro #contenido section.precios-ampliaciones .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.precios-ampliaciones .precios-ampliacion,
    #body_cms #centro #contenido section.precios-ampliaciones .precios-ampliacion {
        padding: 24px 22px;
    }
    
    /* Tienda Online
    ---------------------------------------------------------*/      
        #centro section.precios-ecommerce .megaeditor,
    #body_cms #centro #contenido section.precios-ecommerce .megaeditor {
        padding-left: 20px;
        padding-right: 20px;
    }

    #centro section.precios-ecommerce .precios-ecommerce-contenido,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-contenido {
        padding: 24px 20px;
    }

    #centro section.precios-ecommerce .precios-ecommerce-texto h2 br,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-texto h2 br {
        display: none;
    }

    #centro section.precios-ecommerce .precios-ecommerce-accion .btn,
    #body_cms #centro #contenido section.precios-ecommerce .precios-ecommerce-accion .btn {
        width: 100%;
    }

}
/*///////////////////// CSS DINÁMICO : TPV funcionalidades 2026 //////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////
  HERO FUNCION
//////////////////////////////////////////////////////////////////////////////////////*/


/* Contenedor
---------------------------------------------------------*/

#centro section.hero-funcion .hero-sector-contenedor {

    /*
    Hero sector:
    texto izquierda / imagen derecha

    Hero función:
    imagen izquierda / texto derecha
    */

    grid-template-columns: 1.5fr 1fr;
    gap: clamp(30px, 4vw, 70px);

}



/* Imagen
---------------------------------------------------------*/

#centro section.hero-funcion .hero-sector-media {

    order: 1;

}



#centro section.hero-funcion .hero-sector-imagen {

    display: block;

    width: 100%!important;
    height: auto!important;

}



/* Contenido
---------------------------------------------------------*/

#centro section.hero-funcion .hero-sector-contenido {

    order: 2;

}



/*//////////////////////////////////////////////////////////////////////////////////////
  RESPONSIVE
//////////////////////////////////////////////////////////////////////////////////////*/


/* Hasta 1024
////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1024px) {


/*   HERO
***************************************************************************************/
    #centro section.hero-funcion .hero-sector-contenedor {

        grid-template-columns: 1.2fr 1fr;
        gap: 40px;

    }


}


/* Hasta 767
////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {


/*   HERO
***************************************************************************************/
    #centro section.hero-funcion .hero-sector-contenedor {

        grid-template-columns: 1fr;

    }


    /*
    Orden móvil:
    primero contenido,
    después imagen
    */

    #centro section.hero-funcion .hero-sector-contenido {

        order: 1;

    }


    #centro section.hero-funcion .hero-sector-media {

        order: 2;

    }


}


/*//////////////////////////////////////////////////////////////////////////////////////
  CAPACIDADES FUNCION
//////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sector-capacidades.funcion .megaeditor {
padding: 30px 0;
}