/*
 * ARFO – stilurile blocurilor din editor și secțiunile din care se compun paginile (prima pagină, Despre noi,
 * Donează). Portate din design/acasa.html. Stilurile blocurilor (Supratitlu, butoanele colorate, listele) sunt
 * în content.css, ca să meargă și în articole.
 *
 * O secțiune e un bloc Grup <section> pe toată lățimea, cu clasele „sec s-…”, care conține un grup .container.
 * Textele, butoanele și listele sunt blocuri obișnuite; cardurile automate (evenimente, echipă, articole)
 * sunt blocurile ARFO din inc/blocks.php. Se încarcă și în editor, ca paginile să arate la fel acolo.
 */

/* ---------------------------------------------------------------------------
 * Secțiunile
 * ------------------------------------------------------------------------ */

.sec{position:relative}
:is(.entry-content,.is-root-container) > .alignfull + .alignfull{margin-top:0}

/* În grilele și rândurile secțiunilor, distanțele vin din „gap”, nu din marginile automate ale editorului. */
.sec :is(.hero-grid,.hero-visual,.hero-proof,.stats-card,.stat,.section-head,.domains-head,.res-head,.domain-grid,.domain,.bento,.ev-recurring,.video-grid,.res-grid,.courses,.about-grid,.initiatives,.compare,.cmp,.values-head,.values-grid,.value,.cities-grid,.contact-row,.map-card,.donate-grid,.donate-card,.donate-inner,.news-grid,.report,.posts-head,.members) > *{margin-block:0}
/* Între capul secțiunii și conținut */
.sec .container > :is(.section-head,.domains-head,.res-head,.team-head,.donate-head){margin-bottom:clamp(36px,5vw,56px)}
.sec .container > :is(.section-head,.domains-head,.res-head,.team-head,.donate-head) + *{margin-top:0}

/* Capul secțiunii */
.sec .section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.sec .section-head > .is-style-intro{max-width:30em}
.sec h2.wp-block-heading{font-size:clamp(1.95rem,1.25rem + 2.5vw,3.15rem);letter-spacing:-.03em;line-height:1.08}

/* Fotografia mare */
.s-hero{overflow:hidden;padding:clamp(40px,6vw,84px) 0 clamp(128px,13vw,184px);background:linear-gradient(180deg,rgba(255,255,255,0) 62%,#fff 100%),radial-gradient(900px 520px at 90% 6%,rgba(44,48,114,.09),transparent 62%),radial-gradient(720px 480px at -4% 100%,rgba(242,191,16,.2),transparent 62%),#fff}
.sec .hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(48px,6vw,96px);align-items:center}
.s-hero h1.wp-block-heading{position:relative;z-index:0;font-size:clamp(2.45rem,1.25rem + 4.1vw,4.55rem);letter-spacing:-.035em;line-height:1.03}
.s-hero h1 .script{display:block;top:0;width:max-content;max-width:100%;margin-top:.04em;padding:0 .25em .05em 0;font-size:1.62em;line-height:.95}
.s-hero h1 .script::after{content:"";position:absolute;left:-3%;bottom:.02em;z-index:-1;width:100%;height:.3em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 30' preserveAspectRatio='none'%3E%3Cpath d='M4 22C70 6 170 4 296 14' fill='none' stroke='%23f2bf10' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.sec .hero-text > h1{margin-bottom:.4em}
.sec .hero-text > h1 + *{margin-top:0}
.s-hero p.is-style-mare{max-width:33em}
.s-hero p.is-style-mare strong{padding:0 3px;font-weight:800;color:var(--ink);background:linear-gradient(transparent 60%,rgba(242,191,16,.55) 60%)}
.sec .hero-text > .wp-block-buttons{gap:14px;margin-top:34px;margin-bottom:40px}
.sec .hero-text > .wp-block-buttons + *{margin-top:0}
.s-hero .wp-block-button:not([class*="is-style-"]) > .wp-block-button__link{box-shadow:0 14px 28px -14px rgba(196,28,36,.8)}
.sec .hero-proof{display:flex;align-items:center;gap:16px;max-width:30em;font-size:.93rem;line-height:1.45;color:var(--muted)}
.sec .hero-proof strong{color:var(--ink)}
.avatars{display:flex;flex:none}
.avatars img{width:44px;height:44px;margin-left:-12px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 8px rgba(26,28,71,.15)}
.avatars img:first-child{margin-left:0}
.sec .hero-visual{position:relative;width:min(116%,590px);aspect-ratio:2560/2029}
.sec .hero-visual::before{content:"";position:absolute;inset:8% -4.5% -7% 6%;border-radius:36px 170px 36px 36px;background:var(--yellow);transform:rotate(3.5deg)}
.sec .hero-visual::after{content:"";position:absolute;top:-9%;left:1%;width:14px;height:14px;border-radius:50%;background:var(--blue);box-shadow:23px 0 0 var(--yellow),46px 0 0 var(--red)}
.sec .hero-visual > .hero-photo{position:relative;height:100%;overflow:hidden;border-radius:36px 170px 36px 36px;background:linear-gradient(135deg,var(--blue-100),var(--blue-50));box-shadow:var(--shadow-lg)}
.sec .hero-visual > .hero-photo img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover}
.sec .hero-visual > .hero-circle{position:absolute;left:-9%;bottom:-11%;z-index:1;width:25%;aspect-ratio:1;overflow:hidden;border:6px solid #fff;border-radius:50%;box-shadow:var(--shadow)}
.sec .hero-visual > .hero-circle img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover}
.sec .hero-visual > :is(.float-card,.wp-block-arfo-next-event){position:absolute;right:-5%;bottom:-15%;z-index:2}
.sec .hero-visual > .wp-block-arfo-next-event:not(.float-card) .float-card{position:relative}
.float-card{display:flex;align-items:center;gap:14px;max-width:290px;padding:14px 20px 14px 14px;border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow-lg);transition:transform .25s}
a.float-card:hover{transform:translateY(-3px)}
.float-card .d{display:grid;place-content:center;flex:none;width:58px;height:62px;border-radius:16px;background:var(--red);color:#fff;text-align:center;line-height:1}
.float-card .d b{display:block;font-size:1.45rem;font-weight:800}
.float-card .d small{display:block;margin-top:3px;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.float-card .t{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.float-card strong{display:block;margin:2px 0;font-size:1rem;line-height:1.25;color:var(--ink)}
.float-card .m{display:block;font-size:.84rem;line-height:1.35;color:var(--muted)}

/* Cifrele (urcă peste fotografia mare) */
:is(.entry-content,.is-root-container) > .alignfull.s-stats{z-index:2;margin-top:clamp(-120px,-9vw,-80px)}
.sec .stats-card{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:clamp(30px,4vw,50px) clamp(16px,3vw,36px);border-radius:var(--radius-lg);background:var(--blue);color:#fff;box-shadow:var(--shadow-lg)}
.sec .stats-card::after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border:30px solid rgba(242,191,16,.16);border-radius:50%}
.sec .stat{position:relative;z-index:1;padding:0 clamp(14px,2.2vw,30px);border-left:1px solid rgba(255,255,255,.14)}
.sec .stat:first-child{border-left:0}
.sec .stat > p.stat-num{margin-bottom:10px;font-size:clamp(2.2rem,1.5rem + 2.1vw,3.4rem);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}
.sec .stat:first-child > p.stat-num{color:var(--yellow)}
.sec .stat > p.stat-label{font-size:.95rem;line-height:1.45;color:var(--blue-200)}

/* Ce facem */
.sec .domains-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:end}
.sec .domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;counter-reset:domeniu}
.sec .domain{position:relative;overflow:hidden;padding:clamp(28px,3.2vw,42px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--soft);counter-increment:domeniu;transition:transform .3s,box-shadow .3s,background-color .3s}
.sec .domain:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow)}
.sec .domain::before{content:counter(domeniu,decimal-leading-zero);content:counter(domeniu,decimal-leading-zero) / "";position:absolute;right:30px;top:18px;font-size:4.6rem;font-weight:800;line-height:1;color:rgba(44,48,114,.07)}
.sec .domain > .wp-block-arfo-icon{margin-bottom:22px}
.sec .domain > h3{margin-bottom:10px;font-size:1.38rem}

/* Pictogramele (blocul „Pictogramă ARFO”) */
.arfo-icon{display:grid;place-items:center;flex:none}
.arfo-icon.chip{width:58px;height:58px;border-radius:18px;color:#fff}
.arfo-icon.chip .ico{width:28px;height:28px}
.arfo-icon.chip-blue{background:var(--blue)}
.arfo-icon.chip-red{background:var(--red)}
.arfo-icon.chip-yellow{background:var(--yellow);color:var(--blue-900)}
.arfo-icon.chip-ink{background:var(--blue-900)}
.arfo-icon.ic{width:54px;height:54px;border-radius:16px}
.arfo-icon.ic-white{background:rgba(255,255,255,.16);color:#fff}

/* Evenimente: evenimentul mare, cardurile și întâlnirile recurente */
.s-events{background:var(--soft)}
.sec .bento,.bento-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sec .bento > .bento-items{display:contents}
.sec .bento > .wp-block-arfo-events:not(.bento-items){grid-column:1/-1}
.sec .bento .ev-feature{grid-column:span 2;min-height:360px;margin:0}
.sec .ev-recurring{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--yellow-100);border-radius:var(--radius-lg);background:var(--yellow-50)}
.sec .ev-recurring > h3{margin:2px 0 4px;font-size:1.14rem}
.rec{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s}
a.rec:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.rec .ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px}
.rec strong{display:block;margin-bottom:3px;font-size:.97rem;line-height:1.3;color:var(--ink)}
.rec > span > span{display:block;font-size:.86rem;line-height:1.45;color:var(--muted)}

/* Povești (video) */
.s-stories{overflow:hidden;background:var(--blue-900);color:#fff}
.s-stories::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 420px at 92% 0%,rgba(196,28,36,.38),transparent 62%),radial-gradient(720px 520px at 0% 100%,rgba(242,191,16,.17),transparent 62%);pointer-events:none}
.s-stories > .container{position:relative}
.s-stories p.is-style-supratitlu{color:var(--yellow)}
.s-stories h2.wp-block-heading{color:#fff}
.s-stories h2 .script{font-size:1.45em;color:var(--yellow)}
.s-stories p.is-style-intro{color:var(--blue-200)}
.sec .video-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px}
.sec .video-grid > .video:first-child{grid-row:span 2;aspect-ratio:auto;min-height:100%}

/* Resurse */
.sec .res-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:end}
.sec .res-head > .wp-block-buttons{justify-content:flex-end}
.sec .res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.res-tile{display:flex;align-items:flex-start;gap:18px;height:100%;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
a.res-tile:hover{border-color:var(--blue-200);box-shadow:var(--shadow);transform:translateY(-3px)}
.res-tile .ic{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px}
.res-tile h3{margin:2px 0 4px;font-size:1.1rem}
.res-tile p{margin:0;font-size:.92rem;line-height:1.5;color:var(--muted)}
.res-tile .go{align-self:center;margin-left:auto;color:var(--blue-200);transition:color .2s,transform .2s}
a.res-tile:hover .go{color:var(--blue);transform:translateX(4px)}
.sec .courses{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:22px 26px;border-radius:24px;background:var(--blue-50)}
.sec .container > .courses{margin-top:28px}
.sec .courses > p.courses-label{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.sec .courses > ul.wp-block-list.is-style-pastile{flex:1 1 320px;gap:12px}

/* Pastile cu pictogramă (blocul „Card cu legătură”, forma Pastilă) */
.sec .initiatives{display:flex;flex-wrap:wrap;gap:10px}
.pill .ico{width:18px;height:18px;color:var(--red)}
a.pill:hover .ico{color:var(--yellow)}

/* Despre noi */
.s-about{background:linear-gradient(180deg,#fff 0%,var(--blue-50) 100%)}
.sec .about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.sec .about-text > p{font-size:1.06rem}
.s-about p.is-style-mare{max-width:none;font-size:clamp(1.12rem,1.02rem + .4vw,1.3rem);line-height:1.55;font-weight:500;color:var(--ink)}
.s-about p.is-style-mare strong{font-weight:800}
.sec .about-text > .initiatives{margin-top:28px}
.sec .compare{display:grid}
.sec .cmp{padding:28px 30px;border-radius:26px}
.sec .cmp > h3{margin-bottom:14px;font-size:1.12rem}
.sec .cmp li{font-size:.97rem}
.sec .cmp-old{border:1.5px dashed var(--blue-200);background:rgba(255,255,255,.7);color:var(--muted);--list-icon:#9ca1c4}
.sec .cmp-old > h3{color:var(--muted)}
.sec .cmp-new{position:relative;background:var(--blue);color:#fff;box-shadow:var(--shadow-lg);--list-icon:var(--yellow)}
.sec .cmp-new > h3{color:#fff}
.sec .compare > .cmp-new{margin-top:24px}
.sec .cmp-new::before{content:"";position:absolute;left:50%;top:-36px;width:48px;height:48px;margin-left:-24px;border:5px solid var(--blue-50);border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1c47' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12l7 7 7-7'/%3E%3C/svg%3E") center/22px no-repeat}
.sec .container > .values{margin-top:clamp(64px,8vw,104px)}
.sec .values-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px}
.sec .values > .values-head{margin-bottom:28px}
.sec .values > .values-head + *{margin-top:0}
.sec .values-head > h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.sec .values-head > p{color:var(--muted)}
.sec .values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:valoare}
.sec .value{display:grid;grid-template-columns:40px minmax(0,1fr);align-content:start;column-gap:16px;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:#fff;counter-increment:valoare}
.sec .value::before{content:counter(valoare,decimal-leading-zero);content:counter(valoare,decimal-leading-zero) / "";grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--blue-50);font-size:.9rem;font-weight:800;color:var(--blue)}
.sec .value:nth-child(3n+2)::before{background:var(--red-50);color:var(--red)}
.sec .value:nth-child(3n)::before{background:var(--yellow);color:var(--blue-900)}
.sec .value > *{grid-column:2}
.sec .value > h4{margin:4px 0;font-size:1.02rem}
.sec .value > p{font-size:.92rem;line-height:1.5;color:var(--muted)}

/* Echipa și membrii */
.sec .team-head{max-width:44em;margin-inline:auto;text-align:center}
.sec .team-head p.is-style-supratitlu{justify-content:center}
.sec .team-head p.is-style-intro{margin-inline:auto}
.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 14px;margin:0;padding:0;list-style:none}
.team-grid > .member{width:146px;margin:0;text-align:center}
.member .ph{width:128px;aspect-ratio:1;margin:0 auto 14px;padding:4px;border-radius:50%;background:conic-gradient(var(--blue) 0 33.3%,var(--yellow) 33.3% 66.6%,var(--red) 66.6% 100%);transition:transform .3s}
.member:hover .ph{transform:rotate(-6deg) scale(1.03)}
.member .ph img,.member .ph > span{display:block;width:100%;height:100%;border:4px solid #fff;border-radius:50%;object-fit:cover}
.member .ph > span{display:grid;place-items:center;background:var(--blue-50);font-size:2rem;font-weight:800;color:var(--blue)}
.member strong{display:block;font-size:.98rem;line-height:1.3;color:var(--ink)}
.member > span{display:block;margin-top:4px;font-size:.82rem;line-height:1.35;color:var(--muted)}
.sec .container > p.team-more{margin-top:36px;text-align:center}
.sec .container > .members{margin-top:clamp(56px,7vw,88px);padding-top:clamp(36px,4vw,48px);border-top:1px solid var(--line)}
.sec .members > p.members-label{margin-bottom:22px;text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:arfo-marquee 70s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee ul{display:flex;gap:12px;margin:0;padding:0 6px;list-style:none}
.marquee li{margin:0;padding:12px 20px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:.92rem;font-weight:600;line-height:1.3;white-space:nowrap;color:var(--ink)}
@keyframes arfo-marquee{to{transform:translateX(-50%)}}

/* Orașe */
.s-cities{background:var(--soft)}
.sec .cities-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(48px,6vw,88px);align-items:center}
.s-cities ul.wp-block-list.is-style-pastile{gap:8px}
.sec .cities-text > ul.wp-block-list{margin-top:26px;margin-bottom:34px}
.sec .cities-text > ul.wp-block-list + *{margin-top:0}
.s-cities ul.wp-block-list.is-style-pastile > li{gap:7px;padding:7px 14px;border-color:var(--line);font-size:.87rem}
.s-cities ul.wp-block-list.is-style-pastile > li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.sec .contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.sec .map-card{position:relative;padding:clamp(20px,3vw,36px);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}
.sec .map-card > p.map-badge{position:absolute;left:-16px;top:-20px;z-index:1;padding:14px 20px;border-radius:20px;background:var(--red);font-size:.8rem;font-weight:600;line-height:1.15;color:#fff;box-shadow:var(--shadow)}
.sec .map-badge strong{display:block;font-size:1.9rem;font-weight:800;color:#fff}
.sec .map-card .wp-block-image img{border-radius:0}

/* Susține-ne */
.s-donate{overflow:hidden;background:var(--yellow-50)}
.s-donate::before{content:"Mulțumim";content:"Mulțumim" / "";position:absolute;right:-1%;top:-.12em;font-family:var(--script);font-size:clamp(7rem,15vw,14.5rem);line-height:1;color:rgba(242,191,16,.32);pointer-events:none;-webkit-user-select:none;user-select:none}
.s-donate > .container{position:relative}
.sec .donate-head{max-width:44em}
.sec .donate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sec .donate-card,.sec .donate-inner{display:flex;flex-direction:column;gap:12px}
.sec .donate-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--yellow-100);border-radius:28px;background:#fff}
.sec .donate-card > h3,.sec .donate-inner > h3{margin-top:6px;font-size:1.2rem}
.sec :is(.donate-card,.donate-inner) > p{flex:1;font-size:.95rem}
.sec :is(.donate-card,.donate-inner) .wp-block-button__link{min-height:46px;padding:12px 20px;font-size:.95rem;line-height:1.25}
.sec .donate-main{border-color:transparent;background:var(--red);color:#fff;box-shadow:0 30px 60px -30px rgba(196,28,36,.75)}
.sec .donate-main > h3{color:#fff}
.sec .donate-main > p{color:rgba(255,255,255,.9)}
.sec .donate-photo{padding:0}
.sec .donate-photo > .donate-media{height:150px;overflow:hidden;background:var(--blue-100)}
.sec .donate-media img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:62% 35%}
.sec .donate-inner{flex:1;padding:22px 28px 28px}

/* Raportul anual și blogul */
.sec .news-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:32px}
.sec .report{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(28px,4vw,46px);border-radius:var(--radius-lg);background:var(--blue);color:#fff}
.sec .report::after{content:"";position:absolute;left:-60px;bottom:-80px;width:200px;height:200px;border:24px solid rgba(242,191,16,.18);border-radius:50%}
.sec .report > *{position:relative;z-index:1}
.sec .report p.is-style-supratitlu{color:var(--yellow)}
.sec .report h3.wp-block-heading{font-size:clamp(1.55rem,1.25rem + 1vw,2rem);color:#fff}
.sec .report p:not([class]){color:var(--blue-100)}
.sec .report .report-cover{width:150px;transform:rotate(6deg)}
.sec .report .report-cover img{display:block;border-radius:10px;box-shadow:0 26px 50px -18px rgba(0,0,0,.6)}
.sec .posts-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.sec .news-list > .posts-head{margin-bottom:18px}
.sec .news-list > .posts-head + *{margin-top:0}
.sec .posts-head > h3{font-size:1.5rem}
.news-posts{display:grid;gap:16px}
.news-post{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:24px;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s}
.news-post:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.news-post > img,.news-post > .post-ph{width:128px;height:128px;border-radius:16px;object-fit:cover}
.news-post > .post-ph{display:grid;place-items:center;background:var(--blue-50)}
.news-post > .post-ph img{width:70%;height:auto}
.news-post time{font-size:.82rem;font-weight:700;letter-spacing:.03em;color:var(--red)}
.news-post h4{margin:6px 0 0;font-size:1.04rem;line-height:1.38}

/* ---------------------------------------------------------------------------
 * Ecrane mai mici
 * ------------------------------------------------------------------------ */
@media (max-width:1120px){
  .sec .donate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  .sec .bento,.bento-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec .bento .ev-feature{grid-column:1/-1}
  .sec .res-grid,.sec .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sec .hero-grid,.sec .domains-head,.sec .res-head,.sec .about-grid,.sec .cities-grid,.sec .news-grid{grid-template-columns:minmax(0,1fr)}
  .sec .hero-grid > .hero-visual{width:min(100%,560px);margin:28px auto 40px}
  .sec .res-head > .wp-block-buttons{justify-content:flex-start}
  .sec .stats-card{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .sec .stat:nth-child(3){border-left:0}
  .sec .video-grid{grid-template-columns:minmax(0,1fr)}
  .sec .video-grid > .video:first-child{grid-row:auto;aspect-ratio:16/9;min-height:0}
}
@media (max-width:640px){
  .sec .domain-grid,.sec .res-grid,.sec .values-grid,.sec .donate-grid,.sec .bento,.bento-items{grid-template-columns:minmax(0,1fr)}
  .sec .bento .ev-feature{min-height:0}
  .sec .hero-visual > :is(.float-card,.wp-block-arfo-next-event){right:-2%;bottom:-24%}
  .float-card{max-width:232px;gap:10px;padding:10px 14px 10px 10px;border-radius:18px}
  .float-card .d{width:48px;height:52px;border-radius:13px}
  .float-card .d b{font-size:1.2rem}
  .float-card .t{font-size:.6rem;letter-spacing:.08em}
  .float-card strong{font-size:.9rem}
  .float-card .m{font-size:.78rem}
  .sec .hero-visual > .hero-circle{left:-3%;bottom:-16%;width:27%;border-width:4px}
  .sec .hero-visual::after{top:-8%;left:2%}
  .sec .report{grid-template-columns:minmax(0,1fr)}
  .sec .report .report-cover{width:120px;justify-self:center}
  .news-post{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .news-post > img,.news-post > .post-ph{width:96px;height:96px}
  .team-grid > .member{width:calc(50% - 10px)}
  .member .ph{width:116px}
  .sec .stat{padding:0 12px}
  .sec .map-card > p.map-badge{left:-6px;top:-16px}
}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee-track{width:auto;animation:none}
  .marquee ul{flex-wrap:wrap;justify-content:center}
  .marquee ul[aria-hidden]{display:none}
  .marquee li{white-space:normal;text-align:center}
}