<!-- RP 240327 Detail page - Changed classes -->
<!-- RP 240328 Style fixes - Changed style and removed classes -->
<!-- RP 240411 Style fixes - Changed style and added classes -->
<div style="background-image: linear-gradient(rgba(3, 49, 135, 0.92), rgba(3, 49, 135, 0.92)), url(/images/page-header-2.jpg)" class="bg-top bg-no-repeat bg-cover">
<!-- RP 240327 Detail page - Changed classes -->
<!-- RP 240328 Style fixes - Added style -->
<!-- RP 240411 Style fixes - Removed style and changed classes -->
<div class="container py-10 lg:py-12 md:pl-10 lg:pl-16 2xl:px-36 grid gap-6">
<nav class="n7-breadcrumb " aria-label="Breadcrumb">
<ol class="flex flex-wrap">
<li>
<a class="inline-flex items-center p-1 text-xs text-white hover:underline" href="#">
Home
<svg class="inline-block align-middle fill-current w-4 h-4 text-white/50 ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</li>
<li>
<a class="inline-flex items-center p-1 text-xs text-white hover:underline" href="#">
livello 1
<svg class="inline-block align-middle fill-current w-4 h-4 text-white/50 ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--chevron-right" />
</svg>
</a>
</li>
<li>
<a class="inline-flex items-center p-1 text-xs text-white font-bold hover:underline" href="#" aria-current="page">
livello 2
</a>
</li>
</ol>
</nav>
<div class="grid gap-2">
<span class="n7-category n7-category--outline n7-category--outline-reverse n7-category--sm">
patologie più comuni
</span>
<!-- RP 240326 List page - Changed classes -->
<h1 class="n7-display-heading-6 lg:n7-heading-1 n7-content-inverse">Glaucoma</h1>
</div>
<span class="text-sm lg:text-base font-medium n7-content-inverse">3 TRATTAMENTI</span>
<p class="text-lg lg:text-xl n7-content-inverse">Questo disturbo è tra le cause principali di cecità nel mondo adulto. Spesso asintomatico nelle sue fasi iniziali, il glaucoma può progredire inosservato fino a quando la compromissione della vista diventa evidente. Una diagnosi precoce è fondamentale per rallentarne la progressione, attraverso terapie mirate a ridurre la pressione oculare.</p>
<a href="url" class="n7-link w-fit text-sm n7-content-inverse hover:n7-content-inverse">
Per saperne di più
<svg class="inline-block align-middle fill-current w-1e h-1e ml-2" aria-hidden="true" focusable="false" role="img">
<use xlink:href="../../icons.svg#mini--arrow-small-down" />
</svg>
</a>
</div>
</div>
<!-- RP 240327 Detail page - Changed classes -->
<!-- RP 240328 Style fixes - Changed style and removed classes -->
<!-- RP 240411 Style fixes - Changed style and added classes -->
<div style="background-image: {{bkgOverlay}}, url({{bkgImage}})" class="{{ classes }}">
<!-- RP 240327 Detail page - Changed classes -->
<!-- RP 240328 Style fixes - Added style -->
<!-- RP 240411 Style fixes - Removed style and changed classes -->
<div class="container py-10 lg:py-12 md:pl-10 lg:pl-16 2xl:px-36 grid gap-6">
{% render '@breadcrumb', {items: [{label : 'Home'}, { label : 'livello 1'}, { label : 'livello 2'}], reverseColor: true}, true %}
<div class="grid gap-2">
{% if category %}{% render '@category--reverse', { text: category, classes: 'n7-category--outline n7-category--outline-reverse n7-category--sm'}, true %}{% endif %}
<!-- RP 240326 List page - Changed classes -->
<h1 class="n7-display-heading-6 lg:n7-heading-1 n7-content-inverse">{{ title }}</h1>
</div>
{% if treatments %}<span class="text-sm lg:text-base font-medium n7-content-inverse">{{treatments}}</span>{% endif %}
{% if description %}<p class="text-lg lg:text-xl n7-content-inverse">{{description|safe}}</p>{% endif %}
{% render '@link', { label: link.label, href: link.href, hasIcon: true, icon: link.icon, classes: 'w-fit text-sm n7-content-inverse hover:n7-content-inverse' }, true %}
</div>
</div>
{
"minisiteHidden": true,
"bkgImage": "/images/page-header-2.jpg",
"bkgOverlay": "linear-gradient(rgba(3, 49, 135, 0.92), rgba(3, 49, 135, 0.92))",
"classes": "bg-top bg-no-repeat bg-cover",
"category": "patologie più comuni",
"title": "Glaucoma",
"treatments": "3 TRATTAMENTI",
"description": "Questo disturbo è tra le cause principali di cecità nel mondo adulto. Spesso asintomatico nelle sue fasi iniziali, il glaucoma può progredire inosservato fino a quando la compromissione della vista diventa evidente. Una diagnosi precoce è fondamentale per rallentarne la progressione, attraverso terapie mirate a ridurre la pressione oculare.",
"link": {
"label": "Per saperne di più",
"icon": "mini--arrow-small-down",
"href": "url"
}
}
No notes defined.