/* iMac */
@media screen and (min-width: 1640px) {
	/* section.pagina {width: calc(100% - 32em); padding: 0 16em} */
	
	
}

/* Macbook */
@media screen and (min-width: 1334px) and (max-width: 1639px) {
	/* section.pagina .contenedor{width: calc(100% - 16em); padding: 0 8em} */
}




/* Laptop */
@media screen and (min-width: 1160px) and (max-width: 1440px) {


}

@media screen and (min-width: 1080px) and (max-width: 1261px) {


}




/* Celulares */
@media screen and (min-width: 231px) and (max-width: 640px) {


}

/* Tabletas */

@media screen and (min-width: 641px) and (max-width: 1079px) {


}



@media screen and (min-width: 231px) and (max-width: 1079px) {

	body.freeze {overflow: hidden !important}
  .topbar-text {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
	width: calc(100vw - 1rem);
  }

  .marquee-inner {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 16s linear infinite;
  }

  /* aquí duplicamos */
  .marquee-inner::after {
    content: "  " attr(data-text);
    padding-left: 2rem;
  }

  @keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
	
	 /* degradado en extremos */
  .topbar-text::before,
  .topbar-text::after {
    content: "";
    position: absolute;
    top: 0;
    width: 32px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
  }

  .topbar-text::before {
    left: 0;
    background: linear-gradient(to right, var(--color-contraste) 0%, rgba(255,255,255,0) 100%);
  }

  .topbar-text::after {
    right: 0;
    background: linear-gradient(to left, var(--color-contraste) 0%, rgba(255,255,255,0) 100%);
  }
	
	.topheader .contenedor {padding: .5rem; width: calc(100% - 1rem) }
	
		.bd-newsletter-popup__modal#newsletter .thumb {display: none;}
				.bd-newsletter-popup__modal#newsletter .titulos {padding: 2rem;}
				.bd-newsletter-popup__modal#newsletter form .custom-radio span.texto {font-size: 12px}
	header {height: auto; min-height: 60px;  margin: 0; }
	header .espacio {padding: .75rem 1rem; width: calc(100% - 2rem); max-width: auto; gap: 0; }
	
	header .espacio .centro {display: none;}
	header.act {background-color: #f0f0f0 !important}
	header.act .espacio {gap: 2rem 0;}
	header.act .espacio .izq,
	header.act .espacio .der {order: 1; flex: 0 1 50%;}
	header.act .espacio .centro {display: flex; flex-direction: column; order: 2; flex: 0 1 100%;}
	header.act nav.menu ul {flex-direction: column; gap: 0;
		border-width: 1px;
		border-style: solid;
	}
		header.act nav.menu ul li {width: 100%; order: 1; padding:0; gap: 0; background-color: transparent !important; color: #f0f0f0;
			border-bottom-width: 1px;
			border-bottom-style: solid;
	}
	
	header.act nav.menu ul li:hover {background-color: transparent !important}
	
	header.act nav.menu ul li a {background-color: var(--color-contraste); }
	header.act nav.menu ul li:hover a {color: var(--color-contraste); background-color: var(--color-principal)}
	
	header.act nav.menu ul li a {color: #f0f0f0}
	header.act nav.menu ul li:nth-child(3) a {background-color: transparent !important;}
	
	header.act nav.menu ul li:nth-last-child {border-bottom: 0 !important}
	
	header.act nav.menu ul li i {display: none;}
	
		header.act nav.menu ul li#inicio {order: 0;}
		header.act nav.menu .logo figure {min-height: 80px}
		header.act nav.menu a {font-size: 1.5rem; padding: .5rem 0;}
	
		header.act nav.menu>ul>li>ul {position: relative; top: 0; display: block !important; border: 0 !important;
		border-top-width: 1px !important;
		border-top-style: solid !important;
	}
	
	header.act nav.menu>ul>li>ul>li {border-color: var(--color-contraste)}
	
		header.act nav.menu ul>li>ul>li:nth-child(3) a,
		header.act nav.menu>ul>li>ul>li a{background-color: #f0f0f0 !important;}
	
	header.act nav.menu>ul>li ul li:hover {background-color: transparent !important}
	header.act nav.menu>ul>li ul li:hover a {color: #f0f0f0 !important; background-color: var(--color-contraste) !important;}
	
	
	header.act nav.menu>ul>li>ul>li:last-child {border-bottom: 0 !important}
	
	header.act nav.menu>ul>li>ul>li a {color: var(--color-contraste) !important; }
	


	header .espacio .der,
	header .espacio .izq{flex: 0 1 3rem; gap: .5rem; z-index: 2;}
	header .espacio .der {align-items: center; justify-content: end;}
	header .espacio .izq {gap: 1rem;align-items: start;}
	header .espacio .izq nav.redes a {color: var(--color-claro)}

	
	header a#menu {display: inline-flex; position: relative;top: inherit; left: inherit; font-size: 1.5rem; color: var(--color-contraste);}
	header nav.redes {display: none;}
	header .logo {width: 4rem; min-height: 2rem;  flex: auto; max-width: inherit; z-index: 0; 
	}
		
	header .logo figure.icono {min-height: 2rem; background-position: center; background-size: contain}

	body#home header .logo {top: 100vw;}
	body#home header .logo,
	body.proyecto header .logo {filter: invert();}
	

	/* Slider Banners */

	section.slider .contenedor {flex-direction: column !important;}
	
	.espacio.fijo {width: 60vw}
	
	main { padding-bottom: 0; z-index: 5}

	figure.fotograma {min-height: 100vh}
	figure.imagen {height: min(20vh, 6rem)}
	section.post.proyecto figure.portada {background-attachment: inherit;}
	
	

	h1 {font-size: 1.5em}
	h2 { font-size: 1.5em; }
	h3 {font-size: 1.5rem}
	h4 {font-size: .75em}
	p {font-size: 1rem;}


	
	section input,	section select,	section button, form .custom-radio.terminos {font-size: 10pt !important}
	
		section input,
		section select,
		section button,
		 {font-size: 10pt}

		section form button,
		section form input[type="submit" i],
		section form .cart-action button {font-size: 8pt}

				section#pedido textarea {margin: 0 !important}
				section#pedido form .pago-tarjeta .quarter {width:calc(42% - 42px) !important; flex: inherit;}



		ul.grid li.producto a.thumbnail figure.imagen,
		.producto a.thumbnail figure.imagen {height: calc(((100vw - 2rem)/2)*1.02) !important}

	a.thumbnail figure.imagen {height: calc(((100vw - 2rem)/2)*1.02)}
	
	/* Carrito */
	
	.bdtheme-cart-panel__inner h3.display {padding: 1rem 2rem !important; }
	
		.bdtheme-cart-panel {
			width: 100% !important;
			position: fixed !important;
			top: 0 !important;
			right: 0 !important;
			height: 100dvh !important;
			z-index: 9999 !important;
		}
	
		.bdtheme-cart-panel__inner {
			max-width: 100% !important;
			width: 100% !important;
			height: 100dvh !important;
			max-height: 100dvh !important;
		}
	
		.cart-body {
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch;
		}
	
		.overlayCart {
			display: none;
		}
	
	section.aside {min-height: auto}


	/* Contenedores p1rem g2 */
	section#portada.pagina .contenedor,
	section#cafe-verde.quote .contenedor,
	section.post.proyecto .contenedor,
	section.pagina .contenedor,
	section#portada .titulo,
	section#portada .parrafo,
	.contenedor {
		padding: 2rem 1rem; width: calc(100% - 2rem); flex-direction: column; gap: 2rem;}
		
		/* Contenedores p1rem g.5 */
		section.blog.pagina figure.fotograma .encabezado
		{
			padding: 2rem 1rem;
			width: calc(100% - 2rem);
			flex-direction: column;
			gap: 0.5rem;
			text-align: center;
		}
		
		/* Contenedores pt 4rem p1rem */
		section.pagina .contenedor,
		section#about.pagina .contenedor,
		section.pagina.seccion article,
		section.post.product .contenedor,
		section.pagina.seccion:nth-child(4) article
		{
			padding: 4rem 1rem !important;
			width: calc(100% - 2rem) !important;
			flex-direction: column;
			gap: 2rem;
		}
		
		section.blog.pagina .contenedor
		{
			padding: 4rem 2rem;
			width: calc(100% - 4rem);
			flex-direction: column;
			gap: 2rem;
		}

	/* Contenedores p0rem column */
		section#blog .contenedor,
		section#pedido .bloque.orden.contacto {flex-direction: column !important;}

	section#blog .contenedor .encabezado,
		section#pedido .bloque.orden.contacto .columna.dos { padding: 0 !important; width: 100% !important}
	
	/* Contenedor p4rem p2rem */
	section#perfil .contenedor article .encabezado,
	section#perfil .contenedor article .texto
	{padding: 2rem !important; width: calc(100% - 4rem) !important}


	.slick-track {flex-wrap: wrap;}
	.slick-prev,
	.slick-next {top: 50% !important; color: transparent !important; }
		.slick-prev{left: 1rem !important; }
		.slick-next{right: 1rem !important; }
	
	
	.slick-dots {bottom: 0 !important}
	
	section button.slick-prev,
	section button.slick-next {font-size: 0pt !important; width: 2rem; height: 2rem}
	
	
	
	section {top: 92px !important}
	
	section#portada.pagina,
	section#about.pagina,
	#quienes-somos section.pagina.seccion,
	section.pagina,
	section.break,
	section.post.product,
	section#perfil {top: 0 !important}
	
	section .encabezado {align-items: center; justify-content: center;}
	section .encabezado :is(h2, p){text-align: center;}
	section .encabezado.row .flex.col a {display: flex; flex-direction: column; gap: 1rem; align-items: center;}
	

	/* Width 100% */
	
	:is(section.slider figure h2) {font-size: .75rem}
	:is(section .encabezado.row ) {flex-direction: column !important; flex: auto !important}
	:is(section#colecciones .encabezado .flex.col) {width: 100%; flex: auto !important}
	

    #modalInfo .contenedor.cuidados .encabezado {flex: auto;}
    #modalInfo .cuidados .flex.row figure {flex: 0 1 4rem; min-height: 4rem; height: 4rem}
    #modalInfo .contenedor.cuidados h6 {text-align: left; font-size: 8pt;}
    
	section.image {min-height: calc(100vh - 92px); justify-content: start}
	
	section.post article {width: 100%; padding: 0}

		.columna.dos,
		.columna.tres,
		.columna.cuatro,
		section#hero ul.grid,
		section aside {width: 100%; flex: 1 0; gap: 1em; }

		ul.grid {grid-template-columns: repeat(8,1fr);}

		span.boton {width: 100%;}
		span.boton a {width: calc(100% - 2rem);text-align: center; flex: inherit; padding: 1rem; border-radius: 4px; font-size: 10pt}
		
			
			ul.grid.tres li,
			ul.grid.cuatro li {grid-column: span 8}
			section#ocasiones ul.grid li h4 {width: calc(100% - 5rem); text-align: center}
			
			ul.grid.uno li {flex-direction: column;}
			ul.grid.uno li a {width: 100%}
			
		section.post.galeria ul.grid {gap: 0}
		
		
/* Secciones */
	section#portada.image {min-height: calc(100vh - 76px);}
	section#portada.image figure.imagenfondo {
			background-position: center;
			background-size: cover;
	}
	section#portada.image .scroll {padding: 4rem 2rem !important}
	
	section.slider {min-height: 60vh;}
	section.slider .contenedor {padding: 4rem 2rem !important; width: calc(100% - 4rem) !important}
	section.slider .caja.row {flex-direction: column !important;
	width: 100% !important; height: 75vh;
		
	}
	section.slider .caja span.boton {width: auto !important}
	
	section.slider .texto {flex: auto !important; order: 2;}
	section.slider .imagen {flex: auto !important; order: 1}
	section#banners button.slick-prev,
	section#banners button.slick-next {
		top: calc(100% - 2rem) !important
	}
	section#banners .slick-dots {bottom: 10px !important}
	
section#banners.slider .fotograma {width: 100%; flex: auto;min-height: 40vh; background-size: cover;}

	#origen-lucrecia .imagenfondo {background-size: 166vh}

section.image .contenedor {padding: 0 2rem 6rem!important; width: calc(100% - 4rem ) !important; flex-direction: column; min-height: calc(100vh - 92px - 6rem)}

section.image figure.imagenfondo {background-size: 100%; background-attachment: inherit; opacity: .14}
		section.image .contenedor .item {order: 1; flex: auto;}
		section.image .contenedor .columna {order: 2; gap: 1rem; flex: auto; bottom: 0} 
			section.image figure.imagen {height: calc(50vh - 2rem); background-size: cover;}
			section.image .encabezado h2.display {font-size: 2.5rem}
			section.image h3 {font-size: 1rem}
			section.image h6 {font-size: 12px}
			section.image .encabezado p {font-size: 12px}

	section#cafe-verde.quote {min-height: 90vh}
	section#cafe-verde.quote .contenedor {gap: 1rem !important}
	section#cafe-verde.quote h2.display {font-size: 3rem}
	section#cafe-verde.quote figure.texturafondo {background-size: 162vw 108vh}

section#blog.link .contenedor h2.display {font-size: 2.5rem}
section#blog.link .contenedor .texto {
	width: calc(100% - 4rem);
	padding: 2rem;
}
section#blog.link .contenedor .caja h3.display {font-size: 2rem; text-align: center;}
	
	section#blog ul.grid {gap: 2rem}
	section#blog ul.grid li a.thumbnail,
	section#blog ul.grid li .caja {grid-column: span 8}
	section#blog ul.grid li a.thumbnail {order: 1 !important;}
	section#blog ul.grid li .caja {order: 2 !important; width: calc(100% - 4rem); padding: 2rem}
	
	section.blog.pagina figure.fotograma .encabezado .flex {align-items: center !important}
	section.blog.pagina figure.fotograma .encabezado h1 {font-size: 3rem; text-align: center}
	section.blog.pagina figure.fotograma .encabezado h3 {font-size: 1rem; text-align: center;}

	body#quiero-exportar section#portada, body#cafe-verde section#portada, body#clientes-b2b section#portada,
	body#quiero-exportar section#portada .contenedor,
	body#cafe-verde section#portada .contenedor,
	body#clientes-b2b section#portada .contenedor {
		min-height: 20vh;
	}
	
	section.break .contenedor {gap: 2rem; padding: 4rem 1rem}
	section.break ul.grid.servicios {gap: 0rem;}
	section.break ul.grid.servicios li {grid-column: span 10}
	ul.grid.servicios li figure.imagen {height: 180px}
	ul.grid.servicios li figure .caja {width: calc(100% - 2rem); padding: 1rem; height: calc(100% - 2rem)}
	ul.grid.servicios li figure .caja h4 {font-size: 1.5rem}
	
	
/* HOME */
section#portada h1.display,
section#portada.pagina h1.display {font-size: 3rem}

/* Tarjeta producto */

.producto .caja .ficha .precio {
flex: 0 1 100% !important;
border: 0 !important;
border-bottom: 1px solid var(--color-secundario);
}

.producto .caja .ficha .gramajes {flex: 0 1 100% !important; border: 0; border-top: 1px solid var(--color-secundario)}
li#colombia.producto .caja .ficha .gramajes {border-color: var(--azul)}

ul.grid li.producto figure.imagen {height: auto; flex: 1; align-self: stretch; min-height: 40vh; background-size: contain}

	.merch ul.grid li {border: 1px solid var(--color-contraste) !important}
	.merch ul.grid {border: 0 !important; gap: 2rem;}
	ul.grid li.producto a.thumbnail figure.imagen,
	.producto a.thumbnail figure.imagen {padding: 0 !important; width: 100% !important}

	section.pagina.seccion .contenedor {position: relative;}
	section.pagina.seccion:nth-child(odd) article {order: 1}
	section.pagina.seccion:nth-child(even) article {order: 1}
	section.pagina.seccion:nth-child(odd) aside.imagen {order: 2}
	section.pagina.seccion:nth-child(even) aside.imagen {order: 2}
	
	section.pagina.seccion article {z-index: 2;}
	section.pagina.seccion aside.imagen {width: 100%; height: 70vh; padding: 0; top: 0; position: sticky; z-index: 3;}
	section.pagina.seccion aside figure.fotograma {margin: 0; width: 100%; min-height: 70vh; background-attachment: inherit !important; background-size: cover !important; background-position: center !important;}
	section.pagina.seccion:nth-child(4) figure.fotograma,
	section.pagina.seccion:nth-child(3) figure.fotograma {min-height: 70vh !important;}
	
	#quienes-somos section.banner figure.imagenfondo {background-attachment: inherit;}

	section.post.product .contenedor {padding-top: 0 !important}
		section.post.product .destacada {flex-direction: column !important;}
		section.post.product figure.fotograma {order: 1; flex: 0 1 100% !important; width: 100%; min-height: 60vh !important;}
		section.post article {order: 2; flex: 0 100% !important; width: 100% !important;}
		section.post.product aside {order: 3; flex: 0 100%; width: 100%; margin: 2rem 0 0}
	
	section.post.product.merch .contenedor-galeria {padding: 0 !important; width: 100% !important; flex: auto; flex-direction: column !important;
	 background-color: rgba(255,255,255,0.95); border-radius: .5rem;
		margin: 2rem 0;
	}
	section.post.product.merch .contenedor-galeria figure.fotograma {flex: auto !important}
	section.post.product.merch .contenedor-galeria ul.galeria {flex-direction: row !important}
	section.post.product aside.galeria-producto {margin: 0; }
	section.post.product figure.fotograma {min-height: 45vh !important}
	section.post.merch ul.galeria {flex-direction: row; width: 100%; padding-bottom: 2rem}
	section.post.merch ul.galeria li {border-radius: 0; background-color: transparent}

			section aside #tabulador {margin: 0 !important; width: 100% !important}

			section.post.product .variedad h5 {font-size: 10px !important}
			section.post.product article h2.display {font-size: 2.5rem}
			section.post.product article p {font-size: 12px !important}

			section.post.product form.cart .bd-attr-buttons {flex: 0 1 64% !important}

						form.cart .quantity.bd-qty input.qty {font-size: 1.5rem !important}

			.bd-variacion-molido .bd-attr-buttons .bd-attr-btn:nth-child(3) {border-bottom-width: 1px; border-bottom-style: solid;}

body#colombia .bd-variacion-molido .bd-attr-buttons .bd-attr-btn:nth-child(3) {border-color: var(--azul)}


section#perfil .contenedor {flex-direction: column !important; border: 0;}
	section#perfil .contenedor article .encabezado h3 p {font-size: 1.5rem}
section#perfil .contenedor aside {width: calc(100% - 8rem); padding: 2rem 4rem; flex: auto; border: 0; border-bottom-width: 1px; border-bottom-style: solid;}
section#perfil .contenedor article {width: 100% ; padding: 0; border: 0;border-bottom-width: 1px;	border-bottom-style: solid; flex: auto !important}
section#perfil .contenedor aside.galeria {width: 100% !important; padding: 0 !important; border: 0;border-bottom-width: 1px;	border-bottom-style: solid; flex: auto !important}
section#perfil .gallery-slides {gap: 0 !important}

	section#perfil .contenedor aside.galeria .carrusel figure.imagen {height: 50vh}

body#finalizar-compra section.pagina.std .contenedor {width: calc(100% - 2rem) !important; padding: 2rem 1rem !important}
.wc-block-components-checkout-order-summary__title { padding: 2rem 1rem !important;}
.wc-block-components-main {max-width: calc(100vw - 2rem) !important;}
.wp-block-woocommerce-checkout-order-summary-block {padding: 2rem 1rem}


/* Blog */

section.blog.pagina figure.fotograma {min-height: 50vh;}


/* Páginas */

body#cafe-verde section#portada .encabezado,
body#consultoria section#portada .encabezado {justify-content: start;}


	section.post.product figure.imagenfondo {background-repeat: repeat; background-position: center}
		section.post.producto .contenedor {padding: 1.5rem 1em; width: calc(100% - 2em); gap: 1em}
		section.post.producto .destacada {overflow: hidden; width: 100%;aspect-ratio: inherit; max-height: inherit; order: 2; padding-top: 4rem}
		section.post.producto .destacada figure.fotograma { min-height: calc((100vw - 2rem) *1.02); width: 100%; flex: auto}
	
			section.banner.pagina .contenedor span.boton a {padding: .5rem 1rem}
		
		section.post.producto .destacada ul.galeria{order: 2; width: 100%; flex-direction: row;}
				section.post ul.galeria li {min-width: 5rem; min-height: calc(8rem * 1.02); width: auto; flex: 1 0}
				section.post ul.galeria li figure.thumb {max-height: 180px !important;}
		
				
		section.post.producto article {width: 100%; padding: 0; order: 1}
		section.post.producto .contenedor article .encabezado {align-items: start !important; justify-content: center;}
			section.post.producto .colores span.flex {gap: .5rem;}


				section#pedido .columna.pedido .item .producto h6.colores figure{width: 1.5rem; height: 1.5rem; min-height: 1.5rem}
				section.post.producto .colores span.flex figure {width: 2rem; height: 2rem; min-height: 2rem}
				section.post.producto .colores span.flex p {font-size: 14px}
				section#pedido span.messages.alerta {font-size: 12px}

                section.post.producto .form-add-to-cart,
                section form .cart-action button {width: auto; margin:0;}
				section.post.producto .form-add-to-cart {width: 100%;}
				section.post.producto .botones {justify-content: space-around}
				section form .cart-action .btn-add-to-cart {font-size: 8pt !important; padding: 1rem}
	
				section#newsletter .encabezado {flex: auto}
				section#newsletter .formulario {max-width: inherit}


	    #cart {position: relative !important; top: 0 !important; min-height: auto !important; width: 100vw !important; z-index: 1 !important;}
		#cart.hide .contenedor {padding: 0 0 !important}
		#cart .contenedor {width: calc(100% - 2rem) !important; padding: 2rem 1rem 4rem!important; min-height: auto !important}
		#cart .flex.g4 {gap: 2rem !important}
			#cart .pedido .item .flex.colores {gap: 1rem}
			#cart .pedido .item h4 {font-family: 'Playfair Display',serif;}
			#cart .item h4.precio {font-family: inherit; font-size: 8pt;}
            .pedido .item .producto h6 {font-size: 10px;}

			section.post.galeria .contenedor {padding: 0;}
	
	

		section#pedido .contenedor { padding: 0em !important; width: calc(100% - 0rem) !important}
		section#pedido .columna.dos {width: calc(100% - 2rem) !important; padding: 2rem 1rem !important}
		section#pedido .columna.pedido {order:2; width: calc(100% - 4rem) !important; margin: 0 1rem !important; padding: 1rem !important}
		section#pedido .columna.formatos {order:1}

			.formatos section.checkout-step{width: calc(100% - 2rem) !important; gap: 1rem !important; min-height: auto !important; padding: 2rem 1rem !important }
				.btn-pill {padding: 1rem !important; width: 100%}
		
			section#pedido .columna.pedido {padding: 2em 1em; width: calc(100% - 2em); gap: 1em}
			section#pedido .columna.pedido .item h4 {font-size: 10pt}
						section#pedido .columna.pedido .item .producto h4 {font-family: 'Playfair Display',serif;}
							section#pedido .columna.pedido .item .producto h6.colores {gap: .5rem; align-items: center;}

				section.checkout-step h2 {font-size: 1.5rem !important; line-height: 1.2 !important;}
				section.checkout-step .row.firmas {flex-direction: column !important;}
				section.checkout-step button {margin: 0 !important}
				section.checkout-step .next-step {background-color: var(--color-principal);}
				section.checkout-step button.next-step:disabled {background-color: var(--color-claro);}
				section.checkout-step .actions.g2 {gap: 1rem !important}


				section.checkout-step select {min-height: 40px !important}

			section#pedido .columna.pedido span {font-size: .75em}
			section#pedido form {gap: 1em;}
				section#pedido form .half {width: calc(100% - 10px)}

		section.image.banner {min-height: 50vh; overflow: hidden;}
			section.image.banner figure.imagenfondo {display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100%; background-attachment: inherit; background-size: cover}
			section.image.banner figure.imagenfondo .contenedor {align-self: stretch; padding: 0 2em; height: 100%; width: calc(100% - 4em);}
						section#ocasiones ul.grid li h4 {width: calc(100% - 2rem); padding: 1rem}
	

	
	section.pagina.std h1 {font-size: 24pt}
	
	section.pagina.std .contenedor {width: calc(100% - 2rem);padding: 4rem 1rem !important}
	
	section.pagina.std .contenedor .columna {width: 100%}
	
	section.pagina.std ul li {font-size: 12px}
	
	:is(body#inicio footer, body#quienes-somos footer){z-index: 5;}
	footer {min-height: auto;}
		footer .espacio {gap: 1em; width: calc(100% - 4em); padding: 2em}
		footer .columna .logo {width: 100%; max-width: inherit;}
		footer .logopie figure {background-position: center;}

		footer .columna.cuatro {gap: .5rem}

		footer .columna.correo h4,
		footer nav.menu a {font-size: 8pt}
				footer .columna.correo h4.display {font-size: 12pt}
								footer nav.redes i {font-size: 1rem}

		footer .columna.logopie,
		footer .columna.terms {flex: 1 0 100%; flex-direction: column !important;}
		footer .columna.contacto {order: 4; flex: 1 0 calc(40% - 1em);}
		footer .columna.correo {flex: 1 0 55%; order: 5; width: 55%; align-items: start;}
	footer .columna.copyright {order: 8;}
	
	
	/* Colores personalizados */
	body#gesha .topbar-text::before,
	body#cafe-verde .topbar-text::before {
		background: linear-gradient(to right, var(--verde-bg) 0%, rgba(255,255,255,0) 100%);
	}
	body#gesha .topbar-text::after,
	body#cafe-verde .topbar-text::after {
		background: linear-gradient(to left, var(--verde-bg) 0%, rgba(255,255,255,0) 100%);
	}
	
	
	body#colombia .topbar-text::before {
		background: linear-gradient(to right, var(--azul-bg) 0%, rgba(255,255,255,0) 100%);
	}
	
	body#colombia .topbar-text::after {
		background: linear-gradient(to left, var(--azul-bg) 0%, rgba(255,255,255,0) 100%);
	}
	
	
	body#gesha a#menu .linea,
	body#cafe-verde a#menu .linea {background-color: var(--verde-bg)}
	
	body#gesha .bdtheme-cart-icon,
	body#cafe-verde .bdtheme-cart-icon {color: var(--verde-bg)}
	
	
	
		
}



/* iPad Pro */
@media only screen  and (min-device-height: 1024px)  and (max-device-height: 1366px)  and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 1.5) {



}