/* RNK COMP > LIVELO */
.rnk-comp-livelo { position: fixed; top: 0; display: flex; align-items: center; height: var(--rnk-barra-livelo-height); background-image: linear-gradient(to right, #E50091 20%, #190F55 20%); background-position: center; overflow: hidden; z-index: 1046; }
.rnk-comp-livelo p { font: normal 9px 'Roboto', sans-serif; color: #fff; margin: 0; }
.rnk-comp-livelo .rnk-text-group { padding-left: 24px; }
.rnk-comp-livelo .rnk-texto-destaque { font-size: 18px; }
.rnk-comp-livelo .rnk-texto-destaque span { color: #E50091; }
.rnk-comp-livelo .rnk-img-phone-livelo { position: absolute; left: calc(20% - 50px); }
.rnk-comp-livelo .rnk-logo-outline-livelo { position: absolute; left: 20%; width: 180px; height: 50px; background-position: top; }
.rnk-comp-livelo .btn { font: normal 11px 'Roboto', sans-serif; border-radius: 50px; padding: 6px 20px; height: auto; text-transform: initial; }
.rnk-comp-livelo .rnk-logo-outline-livelo { background-image: url('https://drogariaspacheco.vteximg.com.br/arquivos/rnk-logo-outline-livelo.png'); }
.rnk-comp-livelo .rnk-logo-livelo { order: -6; }

	@media(max-width: 1200px) {
		.rnk-comp-livelo { background-image: linear-gradient(to right, #E50091 10%, #190F55 10%); z-index: 1040; }
		.rnk-comp-livelo .rnk-img-phone-livelo { left: calc(20% - 150px); }
		.rnk-comp-livelo .rnk-logo-outline-livelo { display: none; }
	}
	
	@media(max-width: 992px) {
		.rnk-comp-livelo { background-image: linear-gradient(to right, #E50091 0, #190F55 0); }
		.rnk-comp-livelo .rnk-text-group { padding-left: 8px; }
		.rnk-comp-livelo .rnk-img-phone-livelo,
		.rnk-comp-livelo .btn-politica-de-frete { display: none; }
	}
	
	@media(max-width: 576px) {
		.rnk-comp-livelo p { font-size: 8px; }
		.rnk-comp-livelo .rnk-texto-destaque { font-size: 12px; }
		.rnk-comp-livelo .btn { font-size: 9px; padding: 4px 10px; }
		.rnk-comp-livelo .rnk-logo-livelo[src*="rnk-logo-livelo-v2"] { width: 68px; }
	}

	@media(max-width: 375px) {
		.rnk-comp-livelo p { font-size: 6px; }
		.rnk-comp-livelo .rnk-texto-destaque { font-size: 10px; }
		.rnk-comp-livelo .rnk-logo-livelo[src*="rnk-logo-livelo-v2"] { width: 46px; }
	}

/* RNK BODY > LIVELO */
.rnk-body-livelo main { padding-top: calc(var(--rnk-header-height-desk) + var(--rnk-barra-livelo-height) + 20px); }
/* .rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app[hidden="hidden"]) .rnk-container-header { top: var(--rnk-barra-livelo-height); } */
.rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app:not([hidden="hidden"])) .rnk-container-header { top: var(--rnk-barra-fixa-height); }

	@media(max-width: 992px) {
		/* RNK BODY > LIVELO + DEPARTAMENTO, MARCA, BUSCA CHAORDIC E COLECAO */
		.rnk-body-livelo.rnk-body-departamento main,
		.rnk-body-livelo.rnk-body-marca main,
		.rnk-body-livelo.rnk-body-busca-chaordic main,
		.rnk-body-livelo.rnk-body-colecao main { padding-top: calc(var(--rnk-header-height-mobi-default) + var(--rnk-barra-livelo-height) + 15px); }
        .rnk-body-livelo.rnk-body-campanha main { padding-top: calc(var(--rnk-header-height-mobi-default) + var(--rnk-barra-livelo-height) - 10px); }
        .rnk-body-livelo.rnk-body-busca-chaordic-vazia main { padding-top: calc(var(--rnk-header-height-mobi-default) + var(--rnk-barra-livelo-height) - 20px); }

        /* .rnk-body-livelo.rnk-body-departamento main .rnk-container-barra-fixa-filtros,
		.rnk-body-livelo.rnk-body-marca main .rnk-container-barra-fixa-filtros,
		.rnk-body-livelo.rnk-body-busca-chaordic main .rnk-container-barra-fixa-filtros,
        .rnk-body-livelo.rnk-body-campanha main .rnk-container-barra-fixa-filtros,
		.rnk-body-livelo.rnk-body-colecao main .rnk-container-barra-fixa-filtros { transform: translateY(calc(var(--rnk-header-height-mobi-compact) - 3px)); top: 0; } */

        .rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app:not([hidden="hidden"])).rnk-body-departamento main .rnk-container-barra-fixa-filtros,
		.rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app:not([hidden="hidden"])).rnk-body-marca main .rnk-container-barra-fixa-filtros,
		.rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app:not([hidden="hidden"])).rnk-body-busca-chaordic main .rnk-container-barra-fixa-filtros,
        .rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app:not([hidden="hidden"])).rnk-body-campanha main .rnk-container-barra-fixa-filtros,
		.rnk-body-livelo:has(.rnk-comp-barra-fixa-baixe-app:not([hidden="hidden"])).rnk-body-colecao main .rnk-container-barra-fixa-filtros { top: calc(var(--rnk-header-height-mobi-default) + var(--rnk-barra-livelo-height) - 40px); }


        /* RNK BODY > PDS SERVICOS */
        .rnk-body-livelo.rnk-body-pds-servicos main { padding-top: calc(var(--rnk-header-height-desk) + var(--rnk-barra-livelo-height) - 20px); }
        .rnk-body-livelo.rnk-body-pds-servicos.rnk-body-pds-consultas main { padding-top: calc(var(--rnk-header-height-desk) + var(--rnk-barra-livelo-height) - 10px); }
        .rnk-body-livelo.rnk-body-portal-servicos main { padding-top: calc(var(--rnk-header-height-desk) + var(--rnk-barra-livelo-height)); }
        
	}
	
	@media(min-width: 992px) {
		.rnk-body-livelo .rnk-container-header-offcanvas-menu.offcanvas-top { top: calc(var(--rnk-header-height-desk) + var(--rnk-barra-livelo-height)); }
	}