:root {
	--header_height: 350px;
	--footer_height: 120px;
	--page-width: 1000px;
    --color1: #8e001c;
    --color2: #5a5a5a;
    --color3: #323232;
    --color4: #2b2c30;
    --fuenteheader: sans-serif;
    --fuentepage: sans-serif;
    --page-padding-t: 10px;
    --page-padding-b: 50px;
    --page-padding-h: 15px;
    --page-font-size: 14px;
    --title-width: 420px;
    --line-height: 16px;
    --line-horizontal-size: 250px;
    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-normal: 400;
    --background-services: #e6e6e6;
    --background-footer: #cccccc;
    --politicas-text-size: 12px;
    --title-mt: 70px;
}

@font-face {
    font-family: acumin;
    src: url('../fonts/Acumin Variable Concept.ttf');
}

p {
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: var(--line-height);
}
p:has(:not(strong)){
}
p:has(strong),
p.mt {
	padding-top: 12px;
}
p.mt.x2 {
	padding-top: 24px;
}
.italic {
	font-style: italic;
}

html, body {
	margin: 0px;
	background: var(--color4);
	font-family: acumin;
}

header {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	width: var(--page-width);
	height: var(--header_height);
	background-color: var(--color1);
	background-image: url('../img/header.png');
	background-size: var(--page-width) var(--header_height);
	color: white;
}

header .logo {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 249px;
	height: calc(var(--header_height) - 20px);
}

header h1,
header h2 {
	width: 100%;
	font-size: 34px;
	text-align: center;
	margin-top: var(--title-mt);
	font-weight: var(--font-weight-black);
}

header h1 {
	margin-bottom: 10px;
}

header h1.less10mt {
	margin-top: calc(var(--title-mt) - 10px);
}

header h1.less20mt {
	margin-top: calc(var(--title-mt) - 20px);
}

header h1.less30mt {
	margin-top: calc(var(--title-mt) - 30px);
}


header h2 {
	margin-top: 15px;
	font-size: 16px;
	font-weight: var(--font-weight-bold);
}

.line-horizontal {
	width: var(--line-horizontal-size);
	margin: 0px calc(calc(100% - var(--line-horizontal-size)) / 2);
	height: 25px;
	background-size: var(--line-horizontal-size) 25px;
	background-repeat: 0px;
	background-image: url('../img/LineaPunteada-Horizontal.png');
}

header p {
	width: calc(100% - 400px);
	font-size: 12px;
	text-align: justify;
	padding: 0px 200px;
}

footer {
	position: relative;
	width: var(--page-width);
	height: var(--footer_height);
	background: var(--background-footer);
}

footer .left {
	position: absolute;
	top: 20px;
	left: 50px;
	height: 80px;
	width: 140px;
	background-size: 140px 80px;
	background-repeat: no-repeat;
}


footer .left.yosoyfema {
	background-image: url('../img/yosoyfema.png');
}


footer .right {
	position: absolute;
	top: 30px;
	right: 50px;
	background-image: url('../img/logofema.png');
	height: 60px;
	width: 140px;
	background-size: 140px 60px;
	background-repeat: no-repeat;
}

section#content {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}

section#content .page {
	padding-top: var(--page-padding-t);
	padding-bottom: var(--page-padding-b);
	padding-left: var(--page-padding-h);
	padding-right: var(--page-padding-h);
	min-height: calc(100vh - var(--header_height) - var(--footer_height) - var(--page-padding-t) - var(--page-padding-b));
	background: white;
	width: calc(var(--page-width) - calc(var(--page-padding-h) * 2));
	font-family: var(--fuentepage);
	font-size: var(--page-font-size);
	text-align: justify;
}

section#content .page section {
	padding-top: 20px;
	min-height: 50px;
	padding-left: 80px;
	padding-right: 80px;
}

section#content .page section h3 {
	width: 100%;
	font-weight: var(--font-weight-black);
}

section#content .page section .services {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

section#content .page section .services .service-description {
	display: flex;
	width: calc(calc(100% - 100px) / 2);
	min-height: 100px;
	background-color: var(--background-services);
	align-items: center;
}

section#content .page section .services .service-description img {
	width: 80px;
	height: 100px;
	margin-left: 20px;
}

section#content .page section .services .service-description div {
	width: calc(100% - 80px);
	height: 100%;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

section#content .page section .services .service-description div p {
	text-align: justify;
	line-height: 12px;
}

section#content .page section .services .line-vertical {
	display: inline-block;
	width: 100px;
	min-height: 100px;
	background-image: url('../img/LineaPunteada-Vertical.png');
	background-size: 100px 100px;
	background-repeat: no-repeat;
	background-position: center;
}

#politicas p {
	position: relative;
	padding-left: 30px;
	font-size: var(--politicas-text-size);
}

#politicas p.dot::before{
  content:url('../img/Bullet_20.png');
  position:absolute; /*or absolute*/
  left:-0px;
  top:0px;
}

#politicas p.dot.mt::before{
  content:url('../img/Bullet_20.png');
  position:absolute; /*or absolute*/
  left:-0px;
  top:12px;
}

#politicas p.nopadding {
	padding-left: 0px;
}

.black {
	font-weight: var(--font-weight-black);
}

.bold {
	font-weight: var(--font-weight-bold);
}