<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
{# <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet"> #}
{# <link rel="preconnect" href="https://fonts.gstatic.com"> #}
{# <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> #}
{# <link rel="preconnect" href="https://fonts.gstatic.com"> #}
{# <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet"> #}
<style>
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6u9w4BMUTPHh7USSwaPGR_p.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6u9w4BMUTPHh7USSwiPGQ.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6uyw4BMUTPHjxAwXjeu.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6uyw4BMUTPHjx4wXg.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6u9w4BMUTPHh50XSwaPGR_p.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url("{{absolute_url(asset('assets/css/fonts/Lato/S6u9w4BMUTPHh50XSwiPGQ.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
{
# MONTSERRAT #
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2'))}}") format('woff2');
unicode-range: U + 460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2'))}}") format('woff2');
unicode-range: U + 400-045F, U + 490-0491, U + 4B0-04B1, U + 2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2'))}}") format('woff2');
unicode-range: U + 102-0103, U + 110-0111, U + 128-0129, U + 168-0169, U + 1A0-01A1, U + 1AF-01B0, U + 1EA0-1EF9, U + 20 AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2'))}}") format('woff2');
unicode-range: U + 460-052F, U + 1C80-1C88, U + 20B4, U + 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2'))}}") format('woff2');
unicode-range: U + 400-045F, U + 490-0491, U + 4B0-04B1, U + 2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2'))}}") format('woff2');
unicode-range: U + 102-0103, U + 110-0111, U + 128-0129, U + 168-0169, U + 1A0-01A1, U + 1AF-01B0, U + 1EA0-1EF9, U + 20 AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Montserrat/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
{
# Quicksand #
}
/* vietnamese */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Quicksand/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58m-wi40.woff2'))}}") format('woff2');
unicode-range: U + 102-0103, U + 110-0111, U + 128-0129, U + 168-0169, U + 1A0-01A1, U + 1AF-01B0, U + 1EA0-1EF9, U + 20 AB;
}
/* latin-ext */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Quicksand/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58i-wi40.woff2'))}}") format('woff2');
unicode-range: U + 100-024F, U + 259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("{{absolute_url(asset('assets/css/fonts/Quicksand/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58a-wg.woff2'))}}") format('woff2');
unicode-range: U + 0-00FF, U + 131, U + 152-0153, U + 2BB-02BC, U + 2C6, U + 2 DA, U + 2 DC, U + 2000-206F, U + 2074, U + 20 AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U+FEFF, U+FFFD;
}
.header-left {
display: inline-block;
text-align: left;
width: 500px;
vertical-align: middle;
}
.header-right {
text-align: right;
float: right;
vertical-align: middle;
}
.img-logo-dotto {
height: 70px;
display: inline-block;
padding: 0 0 0 0;
max-width: 225px;
margin-top: 10px;
}
.text-client {
font-family: 'Lato', sans-serif;
font-size: 24px;
color: #353535;
font-weight: bold;
height:65px;
margin-top:10px;
}
.img-logo-client{
height:80px;
margin: 0px auto;
display:inline-block;
margin-left:5px;
padding: 0 0 0 0;
max-width: 240px;
}
</style>
</head>
<body>
<div style="padding:25px 50px;">
<div class="header-left">
{% if result_report.reportLogo %}
{% if result_report.reportLogo.showLogoJD %}
<img class="img-logo-dotto" src="{{absolute_url(asset('assets/img/LogoCentrodeGenéticaJorgeDotto_-11.png'))}}" alt="" alt="">
{% endif %}
{% else %}
<img class="img-logo-dotto" src="{{absolute_url(asset('assets/img/LogoCentrodeGenéticaJorgeDotto_-11.png'))}}" alt="" alt="">
{% endif %}
{% if result_report.reportLogo %}
{% if result_report.reportLogo.path %}
<img class="img-logo-client" src="{{absolute_url(asset('uploads/section/images/'~ result_report.reportLogo.path))}}" alt="" alt="">
{% endif %}
{% else %}
{% if result_report.reportGeneratorSecond %}
{% if result_report.reportGeneratorSecond.reportGenerator %}
{% for logo_client in result_report.reportGeneratorSecond.reportGenerator.reportLogos %}
{% if logo_client.clientLogoAll %}
{% if logo_client.path %}
<img class="img-logo-client" src="{{absolute_url(asset('uploads/section/images/'~ logo_client.path))}}" alt="" alt="">
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endif %}
{#
{% if result_report.reportLogo %}
{% if result_report.reportLogo.path %}
<img style="height:50px;" src="{{absolute_url(asset('/uploads/section/images/'~ result_report.reportLogo.path))}}" alt="" alt="">
{% endif %}
{% endif %}
#}
</div>
<div class="header-right">
<div class="text-client">
{{result_report.client}}
</div>
<div style="margin: 0px auto;display:block"></div>
</div>
</div>
</body>
</html>