@charset "utf-8";
@import url('fonts/bryant/font.css');

:root {
	--font-base: 'BryantPro-Regular';
	--font-accent: 'BryantPro-Regular';
	--font-bold: 'BryantPro-Bold';
	--font-medium: 'BryantPro-Medium';
}

/* RESET */
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 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address { display: block; }

html { font-size: 16px; transition: all 0.5s ease-out 0s; }

body { width: 100%; max-width: 100%; color: #002832; font-family: var(--font-base); line-height: 1.2em; text-align: center; background: #EEEEDB; }
a { text-decoration: none; }

* { box-sizing: border-box; }

/* classes */
.cleaner { clear: both; }
.centered { text-align: center; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.row { clear: both; }
.onLeft { clear: left; float: left; }
.onRight { clear: right; float: right; }

.wrapper { margin: 0 auto; width: 1000px; height: 100%; position: relative; }

.hidden { display: none; }
.hide-field { height: 0px !important; overflow: hidden; }
.data { display: none; }
.dataHidden { display: none; }

.scroll-less { overflow: hidden; }
.nowrap { white-space: nowrap; }

.vertical-aligner { display: flex; align-items: center; height: 100%; }
.vertical-aligner > div { margin: 0 auto; }

/**/
body { background: url('') repeat center center #EEEEDB; background-size: cover; background-attachment: fixed; }
	body:before { content: none; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url('imgs/pattern_light.svg') repeat center center transparent; background-size: 50%; background-attachment: fixed; opacity: 0.5; }
body[dev-mode="false"] .showOnDev { height: 0px !important; overflow: hidden !important; }

.row { box-sizing: border-box; position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center; }
.row .container { position: relative; max-width: 600px; height: 100%; margin: 0 auto; }

/**/
.page { padding: 0rem 1.5rem 3rem; transition: all 0.5s ease-out 0s; }
.page h2 { margin: 0rem 0 4rem; font-size: 2.1rem; font-weight: 700; line-height: 1.1em; text-align: left; }
.page h3 { margin: 2rem 0 1rem; color: #f00; font-size: 1.8rem; font-weight: 700; line-height: 1.1em; text-align: left; }
.page h2 + h3 { margin-bottom: 2rem; }
.page .h2-desc { margin: 3rem 0 3rem; font-size: 1.5rem; font-weight: 700; line-height: 1.1em; text-align: left; }

/*
body { overflow-x: hidden; }
*/
.page h2:not(.not-sticky) { position: sticky; top: 0px; margin-bottom: 0rem; padding: 1.1rem 2.8rem 0.9rem 0; color: #fff; }
	.page h2:not(.not-sticky):before { content: ''; display: block; position: absolute; top: 0px; left: -13px; width: calc(100% + 26px); height: 100%; background: #002832; z-index: -1; }
	.page h2:not(.not-sticky):after { content: none; display: block; position: absolute; top: 0px; left: -13px; width: calc(100% + 26px); height: 100%; background: url('imgs/pattern_dark.svg') repeat center center transparent; background-size: 50%; background-attachment: fixed; opacity: 0.5; z-index: -1; }
.page h2 + div { margin-top: 2rem; }
/*
#page-1 h2 { background: url('../imgs/bg_me.jpg') no-repeat bottom center transparent; background-size: cover; background-attachment: fixed; }
*/

/**/
#topbar { position: fixed; height: auto; z-index: 10; }
#topbar .container { max-width: calc(100% - 20px); }
#topbar #menu { position: relative; z-index: 0; }
#topbar #menu { _display: none; }
#topbar #menu .menu_overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; z-index: -1; transition: all 0.3s ease-out 0s; }

#topbar #menu .menu_trigger { display: flex; position: relative; padding: 0; background-color: transparent; border: none; cursor: pointer; z-index: 2; transition: all 0.3s ease-out 0s; }
#topbar #menu .menu_trigger { float: right; margin: 12px 20px 0px; background: rgba(0,40,50,1); }
/*
#topbar #menu .menu_trigger svg { transform: scale(1.2); }
*/
	.line { fill: none; stroke: white; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
	.line1 { stroke-dasharray: 60 207; stroke-width: 6; }
	.line2 { stroke-dasharray: 60 60; stroke-width: 6; }
	.line3 { stroke-dasharray: 60 207; stroke-width: 6; }
	.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
	.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; }
	.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
#topbar #menu .menu_trigger .menu_label { padding: 11px; color: #EEEEDB; font-family: var(--font-base); font-size: 14px; font-weight: 600; }
#topbar #menu .menu_trigger .menu_label { padding-top: 12px; }
#topbar #menu .menu_trigger .menu_label { display: none; }

#topbar #menu .menu_content { display: block; _display: none; position: fixed; top: 0px; right: -320px; width: 320px; max-width: 100vw; min-height: 100vh; padding: 140px 20px 40px; background: #002832; z-index: 1; transition: all 0.3s ease-out 0s; }
#topbar #menu .menu_content { z-index: -1; padding: 1rem 0rem 1rem 1rem; }
#topbar #menu .menu_content .menu_content_scroll { height: calc(100vh - 3rem); padding-right: 1rem; overflow: auto; }
#topbar #menu .menu_content .menu_item { position: relative; margin: 0rem; padding: 0.6rem 0.2rem; color: #EEEEDB; font-family: var(--font-base); font-size: 0.9rem; font-weight: 600; line-height: 1.2em; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.1); cursor: pointer; }
#topbar #menu .menu_content .menu_item { padding: 0.9rem 0.2rem 0.7rem; font-size: 1.2rem; line-height: 1.2em; }
#topbar #menu .menu_content .menu_item br { display: inline; }

/*
#topbar #menu .menu_content .menu_item:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0px; width: 0%; height: 3px; background: rgba(215,43,54,1); transition: all 0.6s ease-out 0s; }
#topbar #menu .menu_content .menu_item:hover:after { width: 100%; }
*/
#topbar #menu .menu_content .menu_item:before { content: ''; display: block; position: absolute; bottom: -3px; left: -6px; width: 6px; height: 6px; background: #EEEEDB; border-radius: 50px; transition: all 0.6s ease-out 0s; }
#topbar #menu .menu_content .menu_item:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0px; width: 0%; height: 2; background: rgba(215,43,54,1); transition: all 0.6s ease-out 0s; }
	#topbar #menu .menu_content .menu_item:hover:after { width: 100%; }
	#topbar #menu .menu_content .menu_item:hover:before { left: calc(100% - 3px); }
#topbar #menu .menu_content .sm { display: block; margin: 20px 0px 0px; text-align: center; }
#topbar #menu .menu_content .sm a { display: inline-block; width: 48px; height: 48px; margin: 4px; line-height: 1em; }
@media only screen and ( max-width: 780px ) {
	#topbar #menu .menu_trigger { background: rgba(0,40,50,1); }
}
@media only screen and ( max-width: 660px ) {
	#topbar #menu .menu_trigger { margin: 0.7rem 0px 0px; }
}
@media only screen and ( max-height: 520px ) {
	#topbar #menu .menu_content { _padding-top: 90px; }
}

#topbar #menu.opened .menu_overlay { display: block; opacity: 1; z-index: 0; }
#topbar #menu.opened .menu_content { right: 0px; z-index: 1; }

@media only screen and ( max-width: 600px ) {
	#topbar #menu .menu_trigger .menu_label { display: none; }
}
@media only screen and ( max-width: 400px ) {
	#topbar #menu .menu_trigger { _margin: 8px 0px 0px; }
}
@media only screen and ( max-width: 420px ) {
	#topbar .container { height: 100px; padding: 0px; }
}

/**/
#header { padding-top: 60px; padding-bottom: 40px; color: #fff; text-align: center; background: url('../imgs/bg.jpg') no-repeat center center #002832; background-size: cover; _background-attachment: fixed; }
#header .container { _max-width: 480px; }

#header .pre-title { margin: 0.6rem 0 1.5rem; font-family: 'BryantPro-Bold'; font-size: 2.2rem; font-weight: 400; line-height: 1.2em; }
#header .pre-title { margin: -0.5rem 0 0.6rem; }

/*
#header #logo { width: 260px; max-width: 60%; margin: 0px 0px 40px; }
*/
#header #logo, 
#header #logo_printable { max-width: 90%; margin: 80px 0px 40px; }
#header #logo_printable { display: none; }

#header .introduction { max-width: 480px; margin: 0 auto; }
#header .introduction p { margin: 0 0 1.4em; font-family: var(--font-accent); font-size: 1.1rem; line-height: 1.2em; }

#header .link { margin: 7rem 0rem 6rem; font-size: 1.3rem; font-weight: 400; line-height: 1em; letter-spacing: 0.1rem; transition: all 0.5s ease-out 0s; }
	#header .link a { color: #fff; text-decoration: none; }
	#header .link a:hover { text-decoration: underline; }
	#header .link strong { font-size: 1.1em; font-weight: 800; }

#header .promos { margin: 4rem 0; }
#header .promos img { background: #333; }

#header .logos { margin: 80px 0px; }
#header .logos img { margin: 16px; height: 60px; transition: all 0.5s ease-out 0s; }
#header .logos img { width: 40%; height: auto; vertical-align: middle; }

#header .rrss { margin: 2.5rem 0 5rem; font-size: 1.3rem; font-weight: 400; line-height: 1em; letter-spacing: 1px; }
#header .rrss .boxed { width: 500px; max-width: 100%; margin: 0 auto; padding: 1.25rem; _white-space: nowrap; border: 1px solid #fff; transition: all 0.5s ease-out 0s; }
	#header .rrss .boxed:first-of-type { font-size: 1.2rem; border-bottom: 0px; }
#header .rrss .sm { margin: 1.25rem 0px 4rem; }
	#header .rrss .sm a { box-sizing: border-box; display: inline-block; padding: 10px 0px 0px; }
	#header .rrss .sm a img { width: 44px; height: 44px; }
	
#header .franquicias { margin: 6rem 0 6rem; color: #fff; font-size: 1.3rem; font-weight: 400; line-height: 1.2em; }
	#header .franquicias a { display: inline-block; margin: 10px 0px 0px; color: #fff; text-decoration: none; }
	#header .franquicias a:hover { text-decoration: underline; }

#header .signature { margin: 4rem 0 5rem; color: #fff; text-align: left; }
	#header .signature img { width: 240px; }
	#header .signature a.text { display: inline-block; float: right; margin: 30px 0px 0px; color: #fff; font-family: var(--font-accent); font-size: 1.4rem; text-decoration: none; }
	#header .signature a.text:hover { text-decoration: underline; }

#header .location { margin: 2rem 0 1.2rem; font-family: 'BryantPro-Bold'; font-size: 1.4rem; font-weight: 400; line-height: 1.1em; text-transform: uppercase; letter-spacing: 3px; opacity: 0.5; }
	#header .location strong { font-weight: 500; }

#header .slideDown { margin: 0.5rem 0 0.2rem; }
	#header .slideDown img { width: 60px; cursor: pointer; }

#header { padding-top: 1.6rem; padding-bottom: 1rem; }
#header #logo, 
#header #logo_printable { margin: 0px; }
#header .rrss, 
#header .slideDown { display: none; } 

/**/
.smart-rows { display: flex; flex-wrap: wrap; justify-content: space-between; }
.smart-rows .product-row { width: 100%; }

@media only screen and ( min-width: 441px ) {
	.smart-rows .product-row.highlighted { width: 49%; }
	
	.smart-rows .product-row.highlighted.full-size { width: 100%; }
	
	.smart-rows .product-row.highlighted.wide { width: 100%; background: #EEECF1; }
	.smart-rows .product-row.highlighted.wide .pr-hl-thumbnail { width: 49%; }
}

/**/
.product-row { margin: 0 0 0.7rem; padding: 0 0 0.4rem; border-bottom: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.4); }
.product-row:last-of-type { border-bottom: 0px; }

.product-row .pr-info { width: calc(100% - 7rem); }
.product-row .pr-title { margin: 0 0 0.2rem; font-family: var(--font-accent); font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: left; }
.product-row .pr-description { max-width: 80%; margin: 0 0 0.2rem; font-size: 1rem; font-weight: 400; line-height: 1.2em; text-align: left; transition: all 0.5s ease-out 0s; }
.product-row .pr-price { float: right; width: 7rem; font-size: 1.4rem; font-weight: 600; line-height: 1.2em; text-align: right; }

.product-row .badge_sintacc { display: none; }
.product-row.badge_sintacc_wrapper {  }
.product-row.badge_sintacc_wrapper .pr-title { display: flex; flex-direction: row-reverse; align-items: start; }
.product-row.badge_sintacc_wrapper .pr-title span { width: 100%; }
.product-row.badge_sintacc_wrapper .pr-title span img { display: none !important; } /* eliminar al quitar de la descripción */
/*
*/
.product-row.badge_sintacc_wrapper .pr-description { content: 'Una descripción modelo, de más de una línea. Veamos cómo queda con los productos Sin TACC.'; }
.product-row .badge_sintacc { display: inline-block; }
/*
.product-row .badge_sintacc { margin: -0.2rem 0.6rem -0.7rem 0px; }
*/
.product-row .badge_sintacc { align-self: center; width: 30px; margin: -1rem 0.6rem -1rem 0; }

	/*
	.product-row.hl, 
	.hl_rows .product-row { margin: 0 0 0.4rem; padding: 0 0 0.3rem; }
	
	.product-row.hl .pr-info, 
	.hl_rows .product-row .pr-info { width: calc(100% - 10rem); }
	.product-row.hl .pr-title, 
	.hl_rows .product-row .pr-title { font-family: var(--font-bold); font-size: 2.3rem; font-weight: 400; line-height: 1.2em; }
	.product-row.hl .pr-description, 
	.hl_rows .product-row .pr-description { font-family: var(--font-medium); font-size: 1.5rem; font-weight: 400; line-height: 1.1em; }
	.product-row.hl .pr-price, 
	.hl_rows .product-row .pr-price { width: 11rem; font-family: var(--font-bold); font-size: 2.3rem; font-weight: 400; line-height: 1.2em; }
	*/

/*
.product-row.hl-box { display: flex; flex-direction: column; justify-content: flex-end; }
.product-row.hl-box { margin: 2rem 0 4rem; padding: 0; height: 100vw; max-height: 600px; background: url() no-repeat center bottom transparent; background-size: cover; border: 0.4rem solid rgba(255,255,255,1); }
.product-row.hl-box .pr-hl-box-content { padding: 1.6rem; background: rgba(0,0,0,0.5); }
.product-row.hl-box .pr-hl-box-content .pr-title, 
.product-row.hl-box .pr-hl-box-content .pr-description, 
.product-row.hl-box .pr-hl-box-content .pr-price { line-height: 1.2em; }

.product-row.hl-poster { position: relative; margin: 2rem 0 4rem; padding: 0; border: 0.4rem solid rgba(255,255,255,1); z-index: -1; }
.product-row.hl-poster img { width: 100%; }
.product-row.hl-poster .pr-hl-poster-content { position: absolute; bottom: 0px; padding: 1.6rem; background: rgba(0,0,0,0.5); }
.product-row.hl-poster .pr-hl-poster-content .pr-title, 
.product-row.hl-poster .pr-hl-poster-content .pr-description, 
.product-row.hl-poster .pr-hl-poster-content .pr-price { line-height: 1.2em; }
*/

.product-row.hl-macro { position: relative; margin: 1.2rem 0rem 1.6rem; margin: 0.5rem 0rem 0.5rem; padding: 0; border: 1px solid #002832; overflow: hidden; z-index: 0; border-radius: 6px; }
.product-row.hl-macro img { width: 100%; margin-bottom: -3px; }
.product-row.hl-macro:before { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 110px; background: linear-gradient(180deg, rgba(0,40,50,0) 0%, rgba(0,40,50,1) 100%); }
.product-row.hl-macro .pr-hl-macro-content { position: absolute; bottom: 0px; padding: 0.4rem 0.8rem 0.8rem; color: #fff; }
.product-row.hl-macro .pr-hl-macro-content .pr-info { width: 100%; }
.product-row.hl-macro .pr-hl-macro-content .pr-title { font-size: 1.6rem; line-height: 1em; text-shadow: 0px 0px 10px #002832; }
.product-row.hl-macro .pr-hl-macro-content .pr-description { font-size: 1.2rem; line-height: 1em; }
.product-row.hl-macro .pr-price { position: absolute; top: 0px; right: 0px; width: auto; padding: 0.7rem 0.6rem 0.5rem; color: #fff; font-size: 1.6rem; line-height: 1em; background: #002832; border-bottom-left-radius: 6px; }

@media only screen and ( min-width: 441px ) {
	.product-row.hl-macro .pr-hl-macro-content .pr-description { max-width: none; }
}
/*
	@media only screen and ( max-width: 400px ) {
		.product-row.hl-macro .pr-hl-macro-content { padding-left: 0.9rem; padding-right: 0.9rem; }
	}
*/

.smart-rows .product-row.highlighted.hl-splitted { width: 100%; }
.smart-rows .product-row.highlighted.hl-splitted.wide .pr-hl-thumbnail { width: 50%; }
@media only screen and ( min-width: 661px ) {
	.smart-rows .product-row.highlighted.hl-splitted:not(.wide) { width: 49%; }
}

.product-row.hl-splitted { position: relative; min-height: 200px; margin: 1.2rem 0rem 1.6rem; margin: 0.5rem 0rem 0.5rem; padding: 0; background: rgba(0,0,0,0.03); border: 0px solid rgba(0,0,0,0.03); overflow: hidden; z-index: 0; border-radius: 6px; }
.product-row.hl-splitted { display: flex; flex-direction: row-reverse; align-items: stretch; box-shadow: 0px 15px 40px -10px rgba(0,0,0,0.2); }
.product-row.hl-splitted .pr-hl-thumbnail { position: relative; width: 50%; background: url('') no-repeat center center transparent; background-size: cover; }
.product-row.hl-splitted .pr-hl-content { display: flex; align-self: stretch; position: relative; bottom: 0px; width: 50%; padding: 0.8rem 0.8rem 0.8rem; background: #fff; }
	/*
	.product-row.hl-splitted .pr-hl-content:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('imgs/pattern_dark.svg') repeat center center transparent; background-size: 100rem; opacity: 0.05; }
	*/
.product-row.hl-splitted .pr-hl-content .pr-hl-info { align-self: center; }
/*
.product-row.hl-splitted .pr-hl-splitted-content .pr-info { width: 100%; }
*/
.product-row.hl-splitted .pr-hl-content .pr-title, 
.product-row.hl-splitted .pr-hl-content .pr-description, 
.product-row.hl-splitted .pr-hl-content .pr-price { float: none; width: 100%; }
.product-row.hl-splitted .pr-hl-content .pr-title { margin-bottom: 0.4rem; }
.product-row.hl-splitted .pr-hl-content .pr-description { margin-bottom: 0.8rem; }
/*
.product-row.hl-splitted .pr-hl-content .pr-price { text-align: left; }
.product-row.hl-splitted .pr-hl-content .pr-price div { display: inline-block; width: auto; padding: 0.6rem 0 0; text-align: left; border-top: 0px solid rgba(0,40,50,0.3); }
*/
.product-row.hl-splitted .pr-hl-content .pr-price { position: relative; padding: 0.6rem 0 0; text-align: left; }
.product-row.hl-splitted .pr-hl-content .pr-price:before { content: ''; display: block; position: absolute; top: 0px; width: 1.1rem; height: 2px; background: rgba(0,40,50,1); }

@media only screen and ( min-width: 441px ) {
}

/**/
.product-row.highlighted + .product-row:not(.highlighted) { margin-top: 1rem; }
/*
.product-row.highlighted  { margin-bottom: 0.5rem; }
.product-row.highlighted + .product-row:not(.highlighted) { margin-top: 1.6rem; }
.product-row:not(.highlighted) + .product-row.highlighted { margin-top: 1.6rem; }
*/

/* .iconized-table */
/* default table presumed for 1 title col + 4 price cols */
.iconized-table { margin: 0 0 1.2rem; padding: 1rem; background: #fff; border-radius: 6px; }
.iconized-table .it_row { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1rem 0rem 1.4rem; border-top: 1px solid #B2BEC1; }
	.iconized-table .it_row:first-of-type { border-top: 0px; }
.iconized-table .it_row .it_col { width: 23%; }
.iconized-table .it_row .it_col.it_title { width: 100%; }

.iconized-table .it_row .it_col .it_leyend { margin: 0.2rem 0 0; font-family: var(--font-bold); font-size: 1.4rem; font-weight: 400; line-height: 1em; text-align: center; white-space: nowrap; }
.iconized-table .it_row .it_col.it_title { margin: 0 0 0.6rem; padding: 0.2rem 0 0; font-family: var(--font-bold); font-size: 1.8rem; font-size: 1.6rem; font-weight: 400; line-height: 1em; text-align: left; }
.iconized-table .it_row .it_col.it_title .it_title_description { font-family: var(--font-base); font-size: 1.2rem; font-weight: 400; line-height: 1em; }
	.iconized-table .it_row .it_col.it_title .it_title_description:before { content: "("; }
	.iconized-table .it_row .it_col.it_title .it_title_description:after { content: ")"; }
.iconized-table .it_row .it_col .price { display: block; padding: 0.5rem 0.8rem 0.4rem; color: #fff; font-family: var(--font-bold); font-size: 1.1rem; font-weight: 500; line-height: 1em; text-align: center; white-space: nowrap; background: #B2BEC1; border-radius: 20px; }

@media only screen and ( min-width: 501px ) {
	.iconized-table { padding-top: 0.8rem; padding-bottom: 0.6rem; }
	.iconized-table .it_row .it_col { width: 76px; margin: 0.3rem 0 0; padding: 0 0.2rem 0; }
	.iconized-table .it_row .it_col.it_title { width: calc(100% - (76px * 4)); margin: 0; }
	.iconized-table .it_row .it_col .price { padding-left: 0.1rem; padding-right: 0.1rem; }

	.iconized-table .it_row .it_col.it_title .it_title_description { display: block; padding: 0.2rem 0 0; }
		.iconized-table .it_row .it_col.it_title .it_title_description:before { content: none; }
		.iconized-table .it_row .it_col.it_title .it_title_description:after { content: none; }
	
	.iconized-table .it_row .it_col.it_col_empty { display: none; }
	
	.iconized-table .it_row .it_col.it_title.it_span-1 { width: calc(100% - (76px * 3)); }
	.iconized-table .it_row .it_col.it_title.it_span-2 { width: calc(100% - (76px * 2)); }
}
@media only screen and ( max-width: 340px ) {
	.iconized-table .it_row .it_col .price { padding: 0.5rem 0.2rem 0.4rem; font-size: 1rem; font-weight: 400; line-height: 1em; }
}
	
	/*
	.iconized-table .it_row.it_cols-3 .it_col { width: 23%; }
	.iconized-table .it_row.it_cols-3 .it_col.it_title { width: 100%; }
	@media only screen and ( min-width: 501px ) {
		.iconized-table .it_row.it_cols-3 .it_col.it_title { width: calc(100% - 18% * 2); }
	}
	@media only screen and ( max-width: 501px ) {
		.iconized-table .it_row.it_cols-3 { justify-content: start; }
	}
	*/
	
	/*
	.iconized-table .it_row.it_cols-5 .it_col { width: 23%; }
	.iconized-table .it_row.it_cols-5 .it_col.it_title { width: 100%; }
	@media only screen and ( min-width: 501px ) {
		.iconized-table .it_row.it_cols-5 .it_col { width: 17%; }
		.iconized-table .it_row.it_cols-5 .it_col.it_title { width: calc(100% - 18% * 4); }
	}
	@media only screen and ( min-width: 501px ) {
		.iconized-table .it_row.it_cols-5 .it_col { width: calc(73px + 0.4rem); }
		.iconized-table .it_row.it_cols-5 .it_col.it_title { width: calc(100% - (77px + 0.4rem) * 4); }
	}
	*/


/* .menu-e */
#page-1 { margin-bottom: 4rem; background: url('../imgs/bg_me.jpg') no-repeat bottom center transparent; background-size: cover; }
.menu-e.cols { display: flex; transition: all 0.5s ease-out 0s; }
.menu-e.cols .col_1 { width: 45%; transition: all 0.5s ease-out 0s; }
.menu-e.cols .col_2 { width: 55%; transition: all 0.5s ease-out 0s; }

.menu-e { margin: 0 0 6rem 0; font-size: 1rem; font-weight: 400; line-height: 1.2em; text-align: left; }

.page.page_menu-e h3 { margin: 2rem 0 2rem; color: #fff; }
	.page.page_menu-e h3:not(:nth-of-type(1)) { margin-top: 4rem; }
.page.page_menu-e h3 span { font-weight: 100; }

.menu-e .price { margin-right: 26px; font-size: 3rem; font-weight: 700; line-height: 3.8rem; text-align: right; }
.menu-e .description { margin: 0 0 1.8rem; font-family: var(--font-accent); font-size: 1.6rem; font-weight: 700; line-height: 1.2em; }
.menu-e .small { font-size: 0.9rem; }
.menu-e p { margin: 0 0 1.4rem; }

.menu-e .product-row {  }
.menu-e .product-row .pr-title { font-size: 1.3rem; line-height: 1.2em; }
.menu-e .product-row .pr-description { max-width: 60%; }

/* #wines */
.wines_logos { display: flex; justify-content: space-around; margin: 1rem 0 2rem !important; }
.wines_logos img { width: 40%; max-width: 200px; margin: 16px; vertical-align: middle; transition: all 0.5s ease-out 0s; }

#wines {}
#wines .product-row { margin: 0 0 0.4rem; padding: 0 0 0.3rem; }

/**/
#bottom-bar { padding: 1.5rem; }

@media only screen and ( max-width: 600px ) {
	html { font-size: 14px; }
	
	.menu-e.cols { display: block; }
		.menu-e.cols .col_1, 
		.menu-e.cols .col_2 { width: 100%; }
	.menu-e .price { text-align: left; }
	
	#header .introduction p { font-size: 1.3rem; }
	#header .rrss .boxed { width: 400px; }
	
	#header .signature { text-align: center; }
	#header .signature a.text { float: none; display: block; }

	.product-row .pr-description { max-width: none; }
}
@media only screen and ( max-width: 420px ) {
	#header .rrss .boxed { width: 80%; }
}
@media only screen and ( max-width: 400px ) {
	html { font-size: 13px; }
	
	.page { padding-left: 1rem; padding-right: 1rem; }
	
	#header { padding-top: 1.5rem; }
	
	#header .logos img { height: 70px; }
	#header .logos img { width: 200px; height: auto; }
	
	#header .location strong { display: block; }
	#header .location span { display: none; }
}

/***/
body { background-color: #ECECFB; }

.page h2:not(.not-sticky) { position: relative; color: #002832; background: transparent; }
	.page h2:not(.not-sticky):before { content: none; }

.page h2 { font-family: 'BryantPro-Bold'; z-index: 1; }
.page h2 + div { margin-top: 1rem; }

.stripe-0 { background: #002832; }
.stripe-1 { background: #ECECFB; }
	.page.stripe-1 .product-row:not(.highlighted) { border-color: #FFFFFF; }
	.page.stripe-1 h2:not(.not-sticky) { position: sticky; }
	.page.stripe-1 h2:not(.not-sticky):before { content: ''; background: #ECECFB; }
.stripe-2 { background: #FFFFFF; }
	.page.stripe-2 h2:not(.not-sticky) { position: sticky; }
	.page.stripe-2 h2:not(.not-sticky):before { content: ''; background: #FFFFFF; }
	.page.stripe-2 .product-row.highlighted { border: 1px solid rgba(0,0,0,0.03); }
	.page.stripe-2 .product-row:not(.highlighted) { border-color: rgba(0,40,50,0.1); }
.stripe-3 { background: #EEEEDB; }
	.page.stripe-3 h2:not(.not-sticky) { position: sticky; }
	.page.stripe-3 h2:not(.not-sticky):before { content: ''; background: #EEEEDB; }
	.page.stripe-3 .product-row:not(.highlighted) { border-color: rgba(255,255,255,1); }

.supra-title { margin: 0rem; padding: 3rem 0px 0px; font-family: 'BryantPro-Bold'; font-size: 2.6rem; line-height: 1.1em; text-align: center; }
@media only screen and ( max-width: 400px ) {
	.supra-title span { display: block; height: 0px; overflow: hidden; }
}

.page.stripe-0 { margin-bottom: 3rem; padding-bottom: 0px; }
.row.full-width .container { max-width: 100%; }
.row.full-width .container .supra-title { padding: 2rem 0px 1.8rem; color: #fff; }

/*
body { background: #EEEEDB; }
body:before { content: ''; }

.stripe-1, 
.stripe-2, 
.stripe-3 { background: transparent !important; }

	.page.stripe-1 h2:not(.not-sticky):before, 
	.page.stripe-2 h2:not(.not-sticky):before, 
	.page.stripe-3 h2:not(.not-sticky):before { background: transparent !important; }

.page h2:not(.not-sticky) { position: relative; color: #002832; background: #EEEEDB !important; }
	.page h2:not(.not-sticky):after { content: ''; display: block; position: absolute; top: 0px; left: -13px; width: calc(100% + 26px); height: 100%; background: url('imgs/pattern_light.svg') repeat center center transparent; background-size: 50%; background-attachment: fixed; opacity: 0.5; z-index: -1; }

*/
/**/
/*
.product-row#pi-chocotorta { background: url('../../_repo/cards_bg-fixes/bg_pi-chocotorta.jpg') repeat-x center center #fff !important; }
.product-row#pi-tiramisu { background: url('../../_repo/cards_bg-fixes/bg_pi-tiramisu.jpg') repeat-x center center #fff !important; }
*/

/**/
body.printable .cat_cafeteria .product-row:last-of-type { border-bottom: 1px solid rgba(255,255,255,1); }
@media print {
	#topbar #menu { display: none; }
	#logo { display: none; }
	#logo_printable { display: inline-block !important; }
	
	.page .product-row:not(.highlighted) { border-color: rgba(0,40,50,0.1) !important; }
}