/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */

@layer theme {
:root,
:host {
--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--spacing:.25rem;
--default-font-family:var(--font-sans);
--default-mono-font-family:var(--font-mono);
}
}
@layer base {
*,
:after,
:before,
::backdrop {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0;
}
::file-selector-button {
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0;
}
html, body{overflow-x:hidden;letter-spacing:.03em;}
html,
:host {
-webkit-text-size-adjust:100%;
tab-size:4;
line-height:1.5;
font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings:var(--default-font-feature-settings,normal);
font-variation-settings:var(--default-font-variation-settings,normal);
-webkit-tap-highlight-color:transparent;
}
hr {
height:0;
color:inherit;
border-top-width:1px;
}
abbr:where([title]) {
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size:inherit;
font-weight:inherit;
}
a {
color:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit;
}
b,
strong {
font-weight:bolder;
}
code,
kbd,
samp,
pre {
font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings:var(--default-mono-font-feature-settings,normal);
font-variation-settings:var(--default-mono-font-variation-settings,normal);
font-size:1em;
}
small {
font-size:80%;
}
sub,
sup {
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative;
}
sub {
bottom:-.25em;
}
sup {
top:-.5em;
}
table {
text-indent:0;
border-color:inherit;
border-collapse:collapse;
}
:-moz-focusring {
outline:auto;
}
progress {
vertical-align:baseline;
}
summary {
display:list-item;
}
ol,
ul,
menu {
list-style:none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
vertical-align:middle;
display:block;
}
img,
video {
max-width:100%;
height:auto;
}
button,
input,
select,
optgroup,
textarea {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0;
}
::file-selector-button {
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0;
}
:where(select:is([multiple],
[size])) optgroup {
font-weight:bolder;
}
:where(select:is([multiple],
[size])) optgroup option {
padding-inline-start:20px;
}
::file-selector-button {
margin-inline-end:4px;
}
::placeholder {
opacity:1;
}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder {
color:currentColor;
}
@supports (color:color-mix(in lab,
red,
red)) {
::placeholder {
color:color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize:vertical;
}
::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-date-and-time-value {
min-height:1lh;
text-align:inherit;
}
::-webkit-datetime-edit {
display:inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding:0;
}
::-webkit-datetime-edit {
padding-block:0;
}
::-webkit-datetime-edit-year-field {
padding-block:0;
}
::-webkit-datetime-edit-month-field {
padding-block:0;
}
::-webkit-datetime-edit-day-field {
padding-block:0;
}
::-webkit-datetime-edit-hour-field {
padding-block:0;
}
::-webkit-datetime-edit-minute-field {
padding-block:0;
}
::-webkit-datetime-edit-second-field {
padding-block:0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block:0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block:0;
}
::-webkit-calendar-picker-indicator {
line-height:1;
}
:-moz-ui-invalid {
box-shadow:none;
}
button,
input:where([type=button],
[type=reset],
[type=submit]) {
appearance:button;
}
::file-selector-button {
appearance:button;
}
::-webkit-inner-spin-button {
height:auto;
}
::-webkit-outer-spin-button {
height:auto;
}
[hidden]:where(:not([hidden=until-found])) {
display:none!important;
}
}
@layer components;
@layer utilities {
.visible {
visibility:visible;
}
.relative {
position:relative;
}
.start {
inset-inline-start:var(--spacing);
}
.table {
display:table;
}
.italic {
font-style:italic;
}
.antialiased {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
}
:root {
--blue:#003e75;
--deep:#002e58;
--navy:#001f3c;
--orange:#ef7c23;
--cream:#f3f0e9;
--ink:#102536;
--white:#fff;
--line:#10253629;
}
* {
box-sizing:border-box;
}
html {
scroll-behavior:smooth;
}
body {
background:var(--cream);
color:var(--ink);
margin:0;
font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;
}
button,
a {
font:inherit;
}
a {
color:inherit;
text-decoration:none;
}
button {
cursor:pointer;
}
h1,
h2,
h3,
p {
margin-top:0;
}
h1,
h2,
.hero-stat strong {
font-family:var(--font-display), Georgia, serif;
letter-spacing:-.035em;
font-weight:500;
}
h1 em,
h2 em {
font-weight:400;
}
.section {
padding:130px 5vw;
}
.section-label {
text-transform:uppercase;
letter-spacing:.18em;
align-items:center;
gap:16px;
margin-bottom:80px;
font-size:11px;
font-weight:700;
display:flex;
}
.section-label:after {
content:"";
background:var(--line);
flex:1;
height:1px;
}
.section-label span {
color:var(--orange);
}
.section-label.on-dark {
color:#fff;
}
.section-label.on-dark:after {
background:#ffffff2e;
}
.eyebrow {
color:var(--orange);
text-transform:uppercase;
letter-spacing:.18em;
font-size:11px;
font-weight:700;
}
.eyebrow.light {
color:#ff9850;
}
.site-header {
z-index:20;
color:#fff;
border-bottom:1px solid #ffffff3d;
align-items:center;
height:94px;
padding:0 4vw;
display:flex;
position:fixed;
inset:0 0 auto;
background:transparent;
transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;
}
.site-header.is-scrolled {
background:rgba(0,46,88,.88);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.brand {
width:210px;
}
.brand img {
width:155px;
height:auto;
}
.nav {
gap:clamp(20px,2.4vw,42px);
margin:auto;
font-size:13px;
font-weight:600;
display:flex;
}
.nav a {
position:relative;
}
.nav a:after {
content:"";
background:var(--orange);
width:0;
height:1px;
transition:width .25s;
position:absolute;
bottom:-9px;
left:0;
}
.nav a:hover:after {
width:100%;
}
.header-actions {
align-items:center;
gap:24px;
display:flex;
}
.lang {
color:#fff;
background:0 0;
border:0;
font-size:12px;
}
.lang-switcher {
position:relative;
}
.lang-current {
color:#fff;
background:transparent;
appearance:none;
border:0;
font-size:12px;
display:flex;
align-items:center;
gap:6px;
cursor:pointer;
padding:0;
font-family:inherit;
}
.lang-arrow {
display:inline-block;
font-size:10px;
transition:transform .25s ease;
}
.lang-current[aria-expanded="true"] .lang-arrow {
transform:rotate(180deg);
}
.lang-options {
list-style:none;
margin:0;
position:absolute;
top:calc(100% + 14px);
left:50%;
transform:translateX(-50%);
background:rgba(0,46,88,.96);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
border:1px solid #ffffff3d;
border-radius:8px;
padding:6px;
min-width:52px;
text-align:center;
}
.lang-options[hidden] {
display:none;
}
.lang-options a {
display:block;
color:#fff;
font-size:12px;
padding:6px 10px;
border-radius:4px;
}
.lang-options a:hover {
background:#ffffff1a;
}
.contact-link {
border-left:1px solid #ffffff40;
padding-left:24px;
font-size:13px;
}
.contact-link span,
.text-link span,
footer a span {
color:var(--orange);
margin-left:8px;
}
.menu-button {
background:0 0;
border:0;
width:36px;
display:none;
}
.menu-button span {
background:#fff;
height:1px;
margin:7px 0;
display:block;
}
.hero {
background:var(--deep);
color:#fff;
height:100svh;
min-height:720px;
position:relative;
overflow:hidden;
}

/* Hero interno riutilizzabile.
   Mantieni anche article-hero finché all.js usa questa classe come riferimento. */
.page-hero,
.page-hero.article-hero,
.news-list-hero,
.news-list-hero.article-hero {
min-height:270px;
padding:140px 5vw 65px;
color:#fff;
background:radial-gradient(circle at 85% 12%,#ef7c2333,transparent 26%),linear-gradient(125deg,var(--navy) 0%,var(--deep) 57%,#004981 100%);
display:flex;
align-items:flex-end;
position:relative;
overflow:hidden;
}
.page-hero:after,
.page-hero.article-hero:after,
.news-list-hero:after,
.news-list-hero.article-hero:after {
content:"";
width:58vw;
height:58vw;
border:1px solid #ffffff21;
border-radius:50%;
box-shadow:0 0 0 9vw #ffffff06,0 0 0 18vw #ffffff05;
pointer-events:none;
position:absolute;
right:-12vw;
bottom:-35vw;
}
.page-hero-inner,
.news-list-hero-inner {
width:min(90vw,1450px);
margin:0 auto;
position:relative;
z-index:1;
}
.page-hero h1,
.news-list-hero h1 {
max-width:980px;
margin:8px 0 22px;
color:#fff;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(58px,8vw,90px);
font-weight:500;
line-height:.9;
letter-spacing:.0em;
}
.page-hero-intro,
.news-list-intro {
max-width:580px;
margin:0;
color:#ffffffb8;
font-size:clamp(16px,1.4vw,20px);
line-height:1.55;
}
.hero>img {
object-fit:cover;
object-position:61% center;
}
.hero-overlay {
background:linear-gradient(90deg,#001a32eb 0%,#002647a1 42%,#001b3224 72%),linear-gradient(#0000 55%,#0014287a);
position:absolute;
inset:0;
}
.hero-content {
width:min(770px,70vw);
position:absolute;
top:51%;
left:8vw;
transform:translateY(-50%);
}
.hero h1 {
margin:30px 0 42px;
font-size:clamp(75px,9vw,148px);
line-height:.76;
}
.hero h1 em {
color:#d8e6ea;
}
.hero-copy {
color:#ffffffc2;
max-width:520px;
font-size:17px;
line-height:1.65;
}
.circle-link {
border:1px solid #ffffff80;
border-radius:50%;
place-items:center;
width:54px;
height:54px;
margin-top:38px;
transition:all .3s;
display:grid;
}
.circle-link:hover {
background:var(--orange);
border-color:var(--orange);
}
.hero-stat {
text-align:right;
position:absolute;
bottom:12vh;
right:5vw;
}
.hero-stat strong {
font-size:88px;
line-height:.8;
}
.hero-stat table td span{
color:var(--orange);
margin-left:6px;
font-size:20px;
}
.hero-stat p {
text-transform:uppercase;
letter-spacing:.15em;
margin-top:15px;
font-size:10px;
}
.holding-note {
text-transform:uppercase;
letter-spacing:.14em;
align-items:center;
gap:12px;
font-size:9px;
display:flex;
position:absolute;
top:112px;
right:4vw;
}
.holding-note img {
object-fit:cover;
}
.intro-main {
grid-template-columns:.7fr 2fr 1fr;
align-items:start;
gap:5vw;
display:grid;
}
.intro h2,
.section-heading h2,
.strategy h2,
.plants h2,
.news h2 {
margin-bottom:0;
font-size:clamp(54px,6.0vw,95px);
line-height:.92;
}
.intro h2 em,
.section-heading h2 em,
.news h2 em {
color:var(--blue);
}
.intro-copy {
padding-top:70px;
font-size:16px;
line-height:1.7;
}
.text-link {
border-bottom:1px solid var(--ink);
margin-top:32px;
padding-bottom:8px;
font-size:13px;
font-weight:700;
display:inline-block;
}
.stats-row {
border-top:1px solid var(--line);
grid-template-columns:repeat(4,1fr);
margin-top:120px;
padding-top:32px;
display:grid;
}
.stats-row>div {
border-right:1px solid var(--line);
padding:12px 30px;
}
.stats-row>div:first-child {
padding-left:0;
}
.stats-row>div:last-child {
border:0;
}
.stats-row strong {
font-family:var(--font-display);
color:var(--blue);
font-size:47px;
font-weight:500;
display:block;
}
.stats-row span {
text-transform:uppercase;
letter-spacing:.12em;
font-size:11px;
}
.history {
background:var(--blue);
color:#fff;
}
.history-head {
grid-template-columns:2fr 1fr;
align-items:end;
gap:10vw;
display:grid;
}
.history h2 {
margin:20px 0 0;
font-size:clamp(58px,6.4vw,105px);
line-height:.9;
}
.history h2 em {
color:#b9d4dc;
}
.history-head>p {
color:#ffffffab;
max-width:400px;
line-height:1.7;
}
.timeline-tabs {
scrollbar-width:thin;
scrollbar-color:#ffffff59 transparent;
border-bottom:1px solid #ffffff3b;
margin-top:100px;
display:flex;
overflow-x:auto;
}
.timeline-tabs button {
color:#ffffff80;
text-align:left;
white-space:nowrap;
background:0 0;
border:0;
border-bottom:3px solid #0000;
flex:1 0 118px;
padding:22px 8px 22px 0;
font-size:14px;
}
.timeline-tabs button.active {
color:#fff;
border-color:var(--orange);
}
.timeline-content {
border-bottom:1px solid #ffffff3b;
grid-template-columns:.35fr 1fr 1fr;
align-items:center;
gap:5vw;
min-height:250px;
display:grid;
}
.timeline-number {
font-family:var(--font-display);
color:#ffffff1f;
font-size:70px;
}
.timeline-content h3 {
font-family:var(--font-display);
margin:5px 0;
font-size:46px;
font-weight:500;
}
.timeline-content>p {
color:#ffffffa8;
line-height:1.65;
}
.strategy {
padding-top:150px;
}
.strategy-heading {
grid-template-columns:.7fr 2.4fr;
display:grid;
}
.strategy h2 {
margin:0;
}
.strategy-grid {
border-top:1px solid #ffffff40;
grid-template-columns:repeat(4,1fr);
margin-top:85px;
display:grid;
}
.strategy-grid article {
border-right:1px solid #fff3;
min-height:270px;
padding:30px 25px;
}
.strategy-grid article:first-child {
padding-left:0;
}
.strategy-grid article:last-child {
border-right:0;
}
.strategy-grid span {
color:var(--orange);
font-size:11px;
}
.strategy-icon {
color:#fff;
border:1px solid #ffffff59;
border-radius:50%;
place-items:center;
width:48px;
height:48px;
margin-top:32px;
font-size:24px;
font-style:normal;
display:grid;
}
.strategy-grid h3 {
font-family:var(--font-display);
margin:28px 0 20px;
font-size:30px;
font-weight:500;
}
.strategy-grid p {
color:#fff9;
font-size:14px;
line-height:1.6;
}
.section-heading {
grid-template-columns:2fr 1fr;
align-items:end;
gap:8vw;
margin-bottom:85px;
display:grid;
}
.section-heading>p {
max-width:400px;
line-height:1.65;
}
.activity-grid {
grid-template-columns:repeat(3,1fr);
gap:2px;
display:grid;
}
.activity-card {
color:#fff;
min-height:550px;
position:relative;
overflow:hidden;
}
.activity-card>img {
object-fit:cover;
transition:transform .7s;
}
.activity-card:hover>img {
transform:scale(1.04);
}
.activity-shade {
background:linear-gradient(#0022400d 35%,#001a32e0);
position:absolute;
inset:0;
}
.card-index {
font-size:11px;
position:absolute;
top:30px;
left:34px;
}
.card-content {
position:absolute;
bottom:102px;
left:38px;
}
.card-content .activity-power {
color:#fff;
letter-spacing:0;
align-items:flex-end;
gap:8px;
margin:0 0 22px;
display:flex;
}
.activity-power strong {
font-family:var(--font-display);
font-size:clamp(72px,7vw,112px);
font-weight:500;
line-height:.66;
}
.activity-power b {
color:#ff9950;
padding-bottom:2px;
font-size:17px;
}
.card-content h3 {
font-family:var(--font-display);
margin:0 0 15px;
font-size:46px;
font-weight:500;
line-height:.95;
}
.card-content span {
color:#ffffffad;
max-width:430px;
font-size:14px;
display:block;
}
.activity-card button {
color:#fff;
background:0 0;
border:1px solid #ffffff8c;
border-radius:50%;
width:48px;
height:48px;
position:absolute;
bottom:36px;
right:34px;
}
.plant-drawer-shell {
z-index:90;
-webkit-backdrop-filter:blur(7px);
backdrop-filter:blur(7px);
background:#00182fb3;
position:fixed;
inset:0;
}
.plant-drawer {
background:var(--cream);
width:min(820px,92vw);
color:var(--ink);
padding:60px clamp(26px,5vw,70px);
position:absolute;
top:0;
bottom:0;
right:0;
overflow-y:auto;
box-shadow:-25px 0 80px #0000003d;
}
.drawer-close {
z-index:2;
float:right;
border:1px solid var(--line);
background:var(--cream);
width:46px;
height:46px;
color:var(--deep);
border-radius:50%;
font-size:28px;
line-height:1;
position:sticky;
top:0;
}
.drawer-head h2 {
margin:14px 0;
font-size:clamp(50px,7vw,82px);
}
.drawer-head>p:last-child {
color:#667582;
max-width:480px;
line-height:1.6;
}
.drawer-map {
background:var(--deep);
height:190px;
margin:45px 0 30px;
position:relative;
overflow:hidden;
}
.drawer-map:before,
.drawer-map:after {
content:"";
border:1px solid #ffffff1a;
border-radius:50%;
position:absolute;
}
.drawer-map:before {
inset:-90px 12%;
}
.drawer-map:after {
inset:28px -90px;
}
.drawer-map i {
z-index:2;
border:2px solid var(--orange);
border-radius:50%;
width:8px;
height:8px;
position:absolute;
box-shadow:0 0 0 5px #ef7c232e;
}
.drawer-route {
background:linear-gradient(90deg,#0000,#fff6,#0000);
height:1px;
position:absolute;
top:50%;
left:8%;
right:8%;
transform:rotate(-8deg);
}
.drawer-list {
border-top:1px solid var(--line);
}
.drawer-list article {
border-bottom:1px solid var(--line);
grid-template-columns:45px 1fr auto;
align-items:center;
gap:18px;
padding:23px 0;
display:grid;
}
.drawer-list article>span {
color:var(--orange);
font-size:10px;
}
.drawer-list h3 {
font-family:var(--font-display);
margin:0 0 4px;
font-size:25px;
font-weight:500;
}
.drawer-list p,
.drawer-list small {
color:#71808b;
margin:0;
font-size:11px;
}
.drawer-list small {
text-transform:uppercase;
letter-spacing:.08em;
margin-top:5px;
display:block;
}
.drawer-list strong {
font-family:var(--font-display);
color:var(--blue);
text-align:right;
font-size:25px;
font-weight:500;
}
.plants {
background:var(--deep);
color:#fff;
}
.plants-grid {
grid-template-columns:.85fr 1.15fr;
align-items:center;
gap:8vw;
display:grid;
}
.plants-copy>p:not(.eyebrow) {
color:#ffffffa6;
max-width:470px;
margin:38px 0 55px;
line-height:1.7;
}
.plants h2 em {
color:#b9d4dc;
}
.plant-list {
border-top:1px solid #fff3;
}
.plant-list button {
color:#ffffff8c;
text-align:left;
background:0 0;
border:0;
border-bottom:1px solid #fff3;
grid-template-columns:50px 1fr 30px;
width:100%;
padding:20px 0;
display:grid;
}
.plant-list button.active {
color:#fff;
}
.plant-list button span {
color:var(--orange);
font-size:10px;
}
.plant-list button b {
font-family:var(--font-display);
font-size:24px;
font-weight:500;
}
.plant-list button i {
font-style:normal;
}
.world-map {
min-height:610px;
color:var(--deep);
background:#e5e8df;
border-radius:4px;
position:relative;
overflow:hidden;
}
.world-map>img {
object-fit:cover;
object-position:center;
}
.world-map:after {
content:"";
pointer-events:none;
position:absolute;
inset:0;
box-shadow:inset 0 0 0 1px #003e751f;
}
.map-country-tabs {
z-index:5;
background:#fffffff0;
gap:4px;
padding:5px;
display:flex;
position:absolute;
top:24px;
left:24px;
box-shadow:0 8px 30px #001e371f;
}
.map-country-tabs button {
color:var(--deep);
text-transform:uppercase;
letter-spacing:.08em;
background:0 0;
border:0;
padding:11px 14px;
font-size:10px;
font-weight:700;
}
.map-country-tabs button.active {
background:var(--blue);
color:#fff;
}
.continent {
filter:blur(.2px);
background:#003e7524;
position:absolute;
}
.americas {
clip-path:polygon(16% 0,83% 5%,100% 24%,67% 45%,76% 63%,52% 100%,32% 80%,34% 49%,0 27%);
border-radius:61% 39% 54% 46%/28% 49% 51% 72%;
width:24%;
height:58%;
top:18%;
left:9%;
transform:rotate(16deg);
}
.europe-africa {
clip-path:polygon(0 10%,65% 0,100% 18%,72% 36%,85% 58%,48% 100%,23% 77%,34% 48%);
border-radius:45% 55% 60% 40%;
width:22%;
height:52%;
top:23%;
left:43%;
transform:rotate(-8deg);
}
.asia {
clip-path:polygon(0 25%,17% 4%,72% 0,100% 28%,83% 68%,56% 77%,32% 100%,12% 62%);
border-radius:44% 56% 53% 47%;
width:35%;
height:39%;
top:15%;
right:8%;
transform:rotate(6deg);
}
.world-pin {
z-index:3;
color:var(--deep);
white-space:nowrap;
background:0 0;
border:0;
align-items:center;
gap:8px;
font-size:11px;
font-weight:700;
display:flex;
position:absolute;
}
.world-pin i {
border:2px solid var(--orange);
background:#fff;
border-radius:50%;
width:14px;
height:14px;
display:block;
box-shadow:0 0 0 7px #ef7c231f;
}
.world-pin.active i {
background:var(--orange);
box-shadow:0 0 0 12px #ef7c232e;
}
.world-pin.italy {
top:37%;
left:54%;
}
.world-pin.spain {
top:40%;
left:48%;
}
.world-pin.texas {
top:42%;
left:20%;
}
.world-stats {
z-index:4;
background:#ffffffeb;
grid-template-columns: 1fr 0.7fr 1fr;
align-items:end;
gap:30px;
padding:26px 30px;
display:grid;
position:absolute;
bottom:7%;
left:7%;
right:7%;
}
.world-stats>p {
color:var(--orange);
text-transform:uppercase;
letter-spacing:.14em;
margin:0;
font-size:9px;
}
.world-stats div {
flex-direction:column;
display:flex;
}
.world-stats strong {
font-family:var(--font-display);
font-size:42px;
font-weight:500;
line-height:1;
}
.world-stats span {
text-transform:uppercase;
letter-spacing:.1em;
margin-top:8px;
font-size:9px;
}
.board-kicker {
color:var(--orange);
text-transform:uppercase;
letter-spacing:.15em;
margin:0 0 22px;
font-size:10px;
}
.board-grid {
grid-template-columns:repeat(3,1fr);
gap:2px;
display:grid;
}
.board-member {
background:#fff;
padding:50px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
min-width:0;
}
.board-member>div {
background:#dde4e4;
  width: 100%;
  max-width: 250px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1 / 1;
}	
.board-member img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  
filter:saturate(.7);
transition:filter .35s,transform .6s;
}
.board-member:hover img {
filter:saturate();
transform:scale(1.070);
}
.board-member span {
color:var(--orange);
text-transform:uppercase;
letter-spacing:.14em;
margin:28px 30px 8px;
font-size:9px;
display:block;
}
.board-member h3 {
font-family:var(--font-display);
margin:0 30px;
font-size:34px;
font-weight:500;
}
.audit-panel {
background:#fff;
grid-template-columns:.55fr 1fr 1.2fr;
align-items:center;
gap:5vw;
margin-top:90px;
padding:64px;
display:grid;
}
.audit-logo {
border-right:1px solid var(--line);
place-items:center;
min-height:230px;
display:grid;
}
.audit-logo img {
object-fit:contain;
width:220px;
height:auto;
}
.audit-panel h2 {
margin:15px 0 0;
font-size:52px;
line-height:.95;
}
.audit-panel h2 em {
color:var(--blue);
}
.audit-copy p {
color:#5f707c;
font-size:14px;
line-height:1.65;
}
.coming-grid {
grid-template-columns:repeat(3,1fr);
gap:2px;
margin-top:2px;
display:grid;
}
.coming-grid article {
background:var(--blue);
color:#fff;
min-height:190px;
padding:32px;
}
.coming-grid span {
color:var(--orange);
font-size:12px;
}
.coming-grid h3 {
font-family:var(--font-display);
margin:48px 0 0;
font-size:28px;
font-weight:500;
}
.coming-grid p {
color:#ffffff94;
text-transform:uppercase;
letter-spacing:.12em;
margin:14px 0 0;
font-size:11px;
}
.news {
background:#fff;
}
.news-head {
justify-content:space-between;
align-items:end;
margin-bottom:80px;
display:flex;
}
.news-head>a {
border-bottom:1px solid;
padding-bottom:8px;
font-size:13px;
font-weight:700;
}
.news-grid {
grid-template-columns:1.6fr 1fr;
gap:2px;
display:grid;
}
.news-feature {
color:#fff;
min-height:500px;
position:relative;
overflow:hidden;
}
.news-feature img {
object-fit:cover;
}
.news-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    #001932 0%,
    rgba(0, 25, 50, 0.75) 20%,
    rgba(0, 25, 50, 0.25) 45%,
    transparent 70%
  );
}
.news-feature>div:last-child {
position:absolute;
bottom:42px;
left:40px;
right:40px;
}
.news-feature span,
.news-side span {
color:#ff9950;
text-transform:uppercase;
letter-spacing:.13em;
font-size:12px;
}
.news-feature h3 {
font-family:var(--font-display);
margin:18px 0 0;
font-size:40px;
font-weight:500;
line-height:1.06;
}
.news-side {
flex-direction:column;
display:flex;
}
.news-side a {
border-bottom:1px solid var(--line);
flex:1;
padding:20px 36px;
position:relative;
}
.news-side h3 {
font-family:var(--font-display);
max-width:90%;
margin-top:24px;
font-size:22px;
font-weight:500;
line-height:1.15;
}
.news-side i {
color:var(--orange);
font-style:normal;
position:absolute;
top:30px;
right:30px;
}
footer {
background:var(--navy);
color:#fff;
padding:130px 5vw 35px;
}
.footer {
background:var(--navy);
color:#fff;
padding:0px 5vw 35px;
}
.footer-cta {
border-bottom:1px solid #fff3;
grid-template-columns:.7fr 2fr 1fr;
align-items:end;
padding-bottom:110px;
display:grid;
}
.footer-cta h2 {
margin:0;
font-size:clamp(60px,7vw,110px);
line-height:.88;
}
.footer-cta h2 em {
color:#b9d4dc;
}
.footer-cta>a {
border:1px solid #ffffff4d;
justify-self:end;
padding:18px 22px;
}
.footer-bottom {
grid-template-columns:2fr 1fr 1fr .7fr;
gap:5vw;
padding:65px 0;
display:grid;
}
.footer-bottom img {
width:150px;
height:auto;
margin-bottom:20px;
}
.footer-bottom b {
text-transform:uppercase;
letter-spacing:.14em;
color:#ff9950;
font-size:10px;
}
.footer-bottom p,
.footer-bottom a {
color:#ffffffa6;
font-size:12px;
line-height:1.7;
}
.footer-bottom a:hover {
color:#fff;
}
.legal {
color:#ffffff73;
border-top:1px solid #fff3;
justify-content:space-between;
padding-top:25px;
font-size:12px;
display:flex;
}
.legal a:hover{color:#fff;}

@media (width<=1000px) {
.board-grid {
grid-template-columns:1fr;
}
.nav {
background:var(--deep);
flex-direction:column;
padding:35px 5vw;
display:none;
position:absolute;
top:94px;
left:0;
right:0;
}
.nav.open {
display:flex;
}
.menu-button {
display:block;
}
.contact-link {
display:none;
}
.intro-main {
grid-template-columns:1fr;
}
.intro-main>.eyebrow {
margin-bottom:0;
}
.intro-copy {
max-width:650px;
padding-top:10px;
}
.stats-row {
grid-template-columns:1fr 1fr;
}
.stats-row>div {
border-bottom:1px solid var(--line);
}
.strategy-heading,
.footer-cta {
grid-template-columns:1fr;
gap:30px;
}
.activity-grid {
grid-template-columns:1fr 1fr;
}
.activity-card:last-child {
grid-column:auto;
}
.audit-panel {
grid-template-columns:.6fr 1fr;
}
.audit-copy {
grid-column:span 2;
}
.footer-cta>a {
justify-self:start;
}
.footer-bottom {
grid-template-columns:1fr 1fr;
}
}
@media (width<=720px) {
.section {
padding:90px 24px;
}
.site-header {
height:80px;
padding:0 24px;
}
.brand {
width:auto;
margin-right:auto;
}
.brand img {
width:130px;
}
.header-actions {
gap:12px;
}
.nav {
padding:30px 24px;
top:80px;
}
.hero {
min-height:700px;
}
.hero-content {
width:calc(100% - 48px);
top:44%;
left:24px;
}
.hero h1 {
margin:25px 0 30px;
font-size:64px;
}
.hero-stat {
text-align:left;
bottom:55px;
left:24px;
right:auto;
}
.hero-stat strong {
font-size:54px;
}
.holding-note {
top:98px;
right:24px;
}
.section-label {
margin-bottom:55px;
}
.intro h2,
.section-heading h2,
.strategy h2,
.plants h2,
.news h2,
.history h2 {
font-size:50px;
}
.stats-row {
grid-template-columns:1fr;
margin-top:70px;
}
.stats-row>div {
border-right:0;
padding:25px 0;
}
.history-head,
.section-heading,
.plants-grid,
.news-grid {
grid-template-columns:1fr;
}
.history-head {
gap:35px;
}
.timeline-tabs {
margin-top:60px;
overflow-x:auto;
}
.timeline-tabs button {
min-width:90px;
}
.timeline-content {
grid-template-columns:1fr;
gap:15px;
padding:35px 0;
}
.timeline-number {
display:none;
}
.timeline-content h3 {
font-size:38px;
}
.strategy {
padding-top:100px;
}
.strategy-grid {
grid-template-columns:1fr;
margin-top:55px;
}
.strategy-grid article {
border-bottom:1px solid #fff3;
border-right:0;
min-height:auto;
padding:30px 0;
}
.strategy-grid h3 {
margin:25px 0 10px;
}
.activity-grid {
grid-template-columns:1fr;
}
.activity-card:last-child {
grid-column:auto;
}
.activity-card {
min-height:450px;
}
.card-content {
max-width:70%;
bottom:28px;
left:24px;
}
.card-content h3 {
font-size:44px;
}
.activity-card button {
bottom:24px;
right:22px;
}
.world-map {
min-height:520px;
margin-top:30px;
}
.world-pin span {
display:none;
}
.world-stats {
grid-template-columns:1fr 1fr;
gap:16px;
padding:20px;
}
.world-stats>p {
grid-column:span 2;
}
.world-stats strong {
font-size:32px;
}
.board-grid,
.coming-grid {
grid-template-columns:1fr;
}
.audit-panel {
grid-template-columns:1fr;
padding:34px 24px;
}
.audit-logo {
border-right:0;
border-bottom:1px solid var(--line);
}
.audit-copy {
grid-column:auto;
}
.audit-panel h2 {
font-size:44px;
}
.plant-drawer {
width:100vw;
}
.drawer-list article {
grid-template-columns:34px 1fr;
}
.drawer-list strong {
text-align:left;
grid-column:2;
}
.news-head {
flex-direction:column;
align-items:start;
gap:30px;
}
.news-feature {
min-height:500px;
}
.news-feature h3 {
font-size:35px;
}
.news-feature>div:last-child {
bottom:28px;
left:24px;
right:24px;
}
.footer-cta h2 {
font-size:54px;
}
.footer-bottom {
grid-template-columns:1fr;
}
.legal {
flex-direction:column;
gap:12px;
}
}
/* Responsive del componente hero interno */
@media (max-width:900px) {
.page-hero,
.page-hero.article-hero,
.news-list-hero,
.news-list-hero.article-hero {
min-height:510px;
padding-bottom:75px;
}
}
@media (max-width:620px) {
.page-hero,
.page-hero.article-hero,
.news-list-hero,
.news-list-hero.article-hero {
min-height:360px;
padding:135px 6vw 65px;
}
.page-hero-inner,
.news-list-hero-inner {
width:100%;
}
.page-hero h1,
.news-list-hero h1 {
font-size:clamp(52px,17vw,58px);
}
}
@media (prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto;
}
*,
:before,
:after {
transition-duration:.01ms!important;
}
}

/*importati*/

.__variable_cormorant_garamond_1sgvkr4{--font-display:'Cormorant Garamond',serif}
html{
scroll-padding-top:94px;
}
.site-header{
position:fixed;
background:transparent;
backdrop-filter:none;
-webkit-backdrop-filter:none;
transition:background .3s ease,backdrop-filter .3s ease;
}
.site-header.is-scrolled{
background:rgba(0,46,88,.78);
background:color-mix(in srgb, var(--deep) 78%, transparent);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.lang-switcher{
position:relative;
}
.lang-current{
color:#fff;
background:0 0;
-webkit-appearance:none;
appearance:none;
border:0;
font-size:12px;
display:flex;
align-items:center;
gap:6px;
cursor:pointer;
padding:0;
font-family:inherit;
}
.lang-arrow{
display:inline-block;
font-size:10px;
transition:transform .25s ease;
}
.lang-current[aria-expanded="true"] .lang-arrow{
transform:rotate(180deg);
}
.lang-options{
list-style:none;
margin:0;
position:absolute;
top:calc(100% + 14px);
left:50%;
transform:translateX(-50%);
background:rgba(0,46,88,.92);
background:color-mix(in srgb, var(--deep) 92%, transparent);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
border:1px solid #ffffff3d;
border-radius:8px;
padding:6px;
min-width:52px;
text-align:center;
}
.lang-options[hidden]{
display:none;
}
.lang-options a{
display:block;
color:#fff;
font-size:12px;
padding:6px 10px;
border-radius:4px;
text-decoration:none;
}
.lang-options a:hover{
background:#ffffff1a;
}
.activity-card[data-sigla]{
cursor:pointer;
}
.strategy-grid h3{
line-height:1.05;
}
.plants-map-col{
display:flex;
flex-direction:column;
align-items:flex-end;
width:100%;
}
.plants-map-col .world-map{
width:100%;
}
.plants-view-all{
margin-top:14px;
margin-bottom:0;
display:inline-flex;
align-items:center;
gap:10px;
background:#002e58;
-webkit-appearance:none;
appearance:none;
border:1px solid #ffffff4d;
color:#fff;
padding:12px 26px;
border-radius:999px;
font-size:13px;
font-weight:600;
letter-spacing:.02em;
cursor:pointer;
transition:background .25s ease,border-color .25s ease;
max-width:250px;width:100%;
float:right;
}
.plants-view-all:hover{
background:#2d557a;
border-color:#ffffff85;
}
.plants-overlay-tabs{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
gap:30px;
margin:0 36px 24px;
background:#fff;
}
.plants-tab{
display:flex;
flex-direction:column;
align-items:center;
gap:7px;
flex:1;
background:0 0;
-webkit-appearance:none;
appearance:none;
border:0;
color:#5b6b7c;
padding:0 0 12px;
min-width:60px;
font-family:inherit;
font-size:11px;
cursor:pointer;
position:relative;
}
.plants-tab i{
font-size:22px;
color:#002e58;
transition:color .2s ease;
}
.plants-tab span{
font-size:10px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
color:#5b6b7c;
}
.plants-tab b{
font-size:15px;
font-weight:800;
color:#002e58;
}
.plants-tab::after{
content:'';
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:0;
height:3px;
background:#ef7c23;
border-radius:2px;
transition:width .25s ease;
}
.plants-tab-sep{
flex:none;
width:1px;
align-self:stretch;
background:#00000014;
margin:2px 0;
}
.plants-tab:hover i{
color:#ef7c23;
}
.plants-tab.active i,
.plants-tab.active b{
color:#ef7c23;
}
.plants-tab.active::after{
width:70%;
}
.plants-country-tabs{
display:flex;
border-top:1px solid #00000012;
border-bottom:1px solid #00000012;
margin:0 36px 28px;
}
.plants-country-tab{
flex:1;
padding:18px 8px;
border-left:1px solid #00000012;
gap:6px;
}
.plants-country-tabs .plants-country-tab:last-child{
border-right:1px solid #00000012;
}
.plants-tab-country{
font-size:16px;
font-weight:800;
letter-spacing:.02em;
color:#002e58;
line-height:1;
transition:color .2s ease;
}
.plants-country-tab:hover .plants-tab-country{
color:#ef7c23;
}
.plants-country-tab.active .plants-tab-country,
.plants-country-tab.active b{
color:#ef7c23;
}
.plants-overlay{
display:none;
position:fixed;
inset:0;
z-index:1000;
padding:5vh 4vw;
background:rgba(255,255,255,.86);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
align-items:flex-start;
justify-content:center;
overflow-y:auto;
}
.plants-overlay.is-open{
display:flex;
}
.plants-overlay-panel{
width:min(1100px,100%);
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 30px 70px rgba(0,46,88,.22);
}
.plants-overlay-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:28px 36px 24px;
background:#fff;
color:#002e58;
}
.plants-overlay-eyebrow{
color:#ef7c23;
text-transform:uppercase;
letter-spacing:.18em;
font-size:11px;
font-weight:700;
display:block;
margin-bottom:6px;
}
.plants-overlay-title{
font-family:var(--font-display,serif);
font-size:clamp(24px,3vw,34px);
font-weight:500;
margin:0;
color:#002e58;
}
.plants-overlay-close{
background:0 0;
-webkit-appearance:none;
appearance:none;
border:1px solid #002e5833;
border-radius:50%;
color:#002e58;
width:40px;
height:40px;
flex:none;
font-size:20px;
line-height:1;
cursor:pointer;
}
.plants-overlay-close:hover{
background:#002e580d;
}
.plants-overlay-body{
padding:0 36px 40px;
}
.plants-overlay-loading{
color:#002e58;
font-size:14px;
text-align:center;
padding:40px 0;
}
.plant-list-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
gap:24px;
}
.plant-item{
border:1px solid #00000014;
border-radius:12px;
overflow:hidden;
background:#fff;
}
.plant-item-media{
height:150px;
background-size:cover;
background-position:center;
background-color:#002e58;
}
.plant-item-body{
padding:16px 18px 20px;
}
.plant-item-name{
font-weight:700;
font-size:15px;
color:#002e58;
margin:0 0 10px;
}
.plant-item-row{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
color:#333;
margin-bottom:6px;
}
.plant-item-row i{
color:#ef7c23;
}
.plant-item-note{
font-size:11px;
color:#777;
margin-left:4px;
}
.plants-overlay-empty{
text-align:center;
color:#002e58;
padding:40px 0;
}
.timeline-content div h3{line-height:60px;}

@media (width<=720px){
.plants-overlay{
padding:0;
}
.plants-overlay-panel{
width:100%;
min-height:100%;
border-radius:0;
}
.plants-overlay-head{
padding:20px 20px 16px;
}
.plants-overlay-tabs{
gap:20px;
margin:0 20px 16px;
}
.plants-country-tabs{
margin:0 20px 20px;
}
.plants-overlay-body{
padding:0 20px 32px;
}
.plant-list-grid{
grid-template-columns:1fr;
}
.timeline-content div h3{line-height:40px;}
}
.footer-cta-actions{
grid-column:3;
justify-self:end;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:12px;
transition:align-items .35s ease;
}
.footer-cta-actions a,
.footer-cta-btn{
border:1px solid #ffffff4d;
padding:18px 22px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:230px;
color:#fff;
text-decoration:none;
background:0 0;
-webkit-appearance:none;
appearance:none;
font-size:14px;
font-family:inherit;
cursor:pointer;
transition:background .25s ease,border-color .25s ease;
white-space:nowrap;
}
.footer-cta-btn{
background:#ef7c23;
border-color:#ef7c23;
font-weight:600;
}
.footer-cta-actions a:hover{
background:#ffffff1a;
}
.footer-cta-btn:hover{
background:#d96c18;
border-color:#d96c18;
}
.footer-contact-form{
overflow:hidden;
max-height:0;
opacity:0;
margin-top:0;
padding:0;
transition:max-height .45s ease,opacity .3s ease,margin-top .45s ease,padding .45s ease;
}
.footer-contact-form.is-open{
max-height:1400px;
opacity:1;
margin-top:40px;
padding:50px;
}
.footer-contact-form-inner{
background:rgba(255,255,255,.07);
padding:44px;
}
.cf-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px 32px;
}
.cf-field{
display:flex;
flex-direction:column;
gap:8px;
font-size:11px;
text-transform:uppercase;
letter-spacing:.08em;
color:#ffffffb3;
}
.cf-field-full{
grid-column:1/-1;
}
.cf-req{
color:#ef7c23;
}
.cf-field input,
.cf-field textarea{
background:0 0;
border:0;
border-bottom:1px solid #ffffff4d;
color:#fff;
font-size:15px;
font-family:inherit;
padding:8px 0;
text-transform:none;
letter-spacing:normal;
outline:none;
width:100%;
transition:border-color .2s ease;
}
.cf-field input:focus,
.cf-field textarea:focus{
border-color:#ef7c23;
}
.cf-field textarea{
resize:vertical;
min-height:90px;
}
.cf-antispam{
display:flex;
align-items:center;
gap:8px;
font-size:15px;
text-transform:none;
letter-spacing:normal;
color:#fff;
}
.cf-antispam input.cf-antispam-input{
width:3em;
max-width:3em;
flex:none;
text-align:center;
}
.cf-privacy{
display:flex;
align-items:flex-start;
gap:10px;
margin-top:28px;
font-size:13px;
color:#ffffffb3;
cursor:pointer;
}
.cf-privacy input{
margin-top:3px;
accent-color:#ef7c23;
}
.cf-privacy a{
color:#fff;
text-decoration:underline;
}
.cf-error{
display:block;
color:#ff9d6b;
font-size:13px;
margin-top:10px;
min-height:1em;
}
.cf-submit{
margin-top:24px;
}
@media (width<=720px){
.footer-cta-actions{
grid-column:1;
justify-self:start;
align-items:flex-start;
}
.footer-contact-form.is-open{
padding:20px;
}
.footer-contact-form-inner{
padding:26px 22px;
}
.cf-grid{
grid-template-columns:1fr;
}
}