:root {
  --ar-ink: #203329;
  --ar-muted: #627065;
  --ar-green: #2f6f45;
  --ar-green-dark: #194b32;
  --ar-lime: #a9c26b;
  --ar-sand: #f4efe3;
  --ar-paper: #fffdf8;
  --ar-earth: #9b6842;
  --ar-line: rgba(32, 51, 41, .14);
  --ar-shadow: 0 18px 50px rgba(41, 52, 43, .09);
}

.arenace-editorial,
.arenace-editorial * { box-sizing: border-box; }

.arenace-editorial {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: var(--ar-ink);
  background:
    radial-gradient(circle at 8% 14%, rgba(169,194,107,.14), transparent 23rem),
    linear-gradient(180deg, #fbfaf5 0%, #fff 38%, #f8f5ec 100%);
  font-size: 17px;
  line-height: 1.7;
}

.arenace-editorial h1,
.arenace-editorial h2,
.arenace-editorial h3,
.arenace-editorial h4 { color: var(--ar-ink); line-height: 1.12; letter-spacing: -.025em; margin: 0; }
.arenace-editorial h2 { font-size: clamp(2rem, 4vw, 3.35rem); max-width: 18ch; }
.arenace-editorial h3 { font-size: 1.25rem; }
.arenace-editorial p { margin: 0 0 1em; }
.arenace-editorial a { color: var(--ar-green); }

.ar-hero {
  min-height: 420px;
  display: grid;
  align-items: end;
  color: #fff;
  background:
    linear-gradient(115deg, rgba(14,50,31,.96), rgba(42,98,61,.86) 58%, rgba(122,142,75,.62)),
    repeating-linear-gradient(128deg, transparent 0 55px, rgba(255,255,255,.035) 56px 58px);
  position: relative;
  overflow: hidden;
}
.ar-hero::after { content:""; position:absolute; inset:auto 0 0; height:8px; background:linear-gradient(90deg,var(--ar-earth),#d8b06a,var(--ar-green)); }
.ar-hero__inner { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 100px 0 76px; position:relative; z-index:2; }
.ar-hero h1 { color:#fff; font-size:clamp(3rem,8vw,6.8rem); max-width: 12ch; margin:.08em 0 .22em; }
.ar-hero .ar-lead { max-width:760px; color:rgba(255,255,255,.84); font-size:clamp(1.12rem,2.2vw,1.45rem); line-height:1.5; }
.ar-eyebrow { color:var(--ar-green); font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:.75rem; margin:0 0 1rem!important; }
.ar-hero .ar-eyebrow { color:#dce8af; }

.ar-hero-nature { width:min(36vw,460px); height:300px; position:absolute; right:4vw; bottom:34px; z-index:1; opacity:.46; pointer-events:none; }
.ar-wind-tree { width:13px; height:118px; position:absolute; bottom:0; border-radius:10px 10px 2px 2px; background:rgba(222,235,176,.62); transform-origin:50% 100%; animation:ar-tree-sway 5.8s ease-in-out infinite alternate; }
.ar-wind-tree i { width:92px; height:112px; display:block; position:absolute; left:50%; bottom:78px; border-radius:48% 52% 43% 57%; background:rgba(217,233,167,.27); border:2px solid rgba(235,242,203,.44); transform:translateX(-50%) rotate(-4deg); box-shadow:28px 15px 0 -13px rgba(215,232,164,.22),-27px 20px 0 -15px rgba(230,239,190,.2); }
.ar-wind-tree--one { left:16%; height:105px; animation-delay:-1.7s; }
.ar-wind-tree--two { left:53%; height:146px; transform:scale(1.12); animation-delay:-3.2s; }
.ar-wind-tree--three { right:10%; height:88px; transform:scale(.82); animation-delay:-.8s; }
.ar-falling-leaf { width:15px; height:9px; position:absolute; top:-20px; border-radius:90% 15% 90% 15%; background:rgba(230,239,190,.66); animation:ar-leaf-fall 8s linear infinite; }
.ar-falling-leaf--one { left:12%; animation-delay:-1s; }
.ar-falling-leaf--two { left:42%; animation-delay:-5.2s; animation-duration:10s; }
.ar-falling-leaf--three { left:69%; animation-delay:-3.5s; animation-duration:7.2s; }
.ar-falling-leaf--four { left:88%; animation-delay:-6.4s; animation-duration:9.2s; }
@keyframes ar-tree-sway { from { transform:rotate(-1.5deg); } to { transform:rotate(2.2deg); } }
@keyframes ar-leaf-fall { 0% { transform:translate(0,-20px) rotate(0); opacity:0; } 12% { opacity:.9; } 55% { transform:translate(44px,150px) rotate(260deg); } 100% { transform:translate(-20px,320px) rotate(620deg); opacity:0; } }

.ar-project-hero-photo { width:min(1180px,calc(100% - 40px)); min-height:360px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr); margin:-46px auto 0; overflow:hidden; position:relative; z-index:3; border:1px solid rgba(45,73,50,.16); border-radius:28px; background:#fffdf6; box-shadow:0 24px 70px rgba(30,53,37,.18); }
.ar-project-hero-photo img { width:100%; height:100%; min-height:360px; display:block; object-fit:cover; }
.ar-project-hero-photo figcaption { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:clamp(24px,3vw,34px); overflow:hidden; }
.ar-project-hero-photo figcaption strong { max-width:100%; color:var(--ar-green-dark); font-family:Georgia,serif; font-size:clamp(1.3rem,2.1vw,2rem); line-height:1.18; white-space:normal; overflow-wrap:anywhere; hyphens:auto; }
.ar-project-hero-photo figcaption span { color:var(--ar-muted); line-height:1.55; }
.ar-project-gallery { display:grid; grid-template-columns:1.3fr .85fr .85fr; gap:14px; }
.ar-project-gallery figure { min-width:0; margin:0; overflow:hidden; border-radius:20px; background:#fff; box-shadow:var(--ar-shadow); }
.ar-project-gallery img { width:100%; height:270px; display:block; object-fit:cover; transition:transform .45s ease; }
.ar-project-gallery figure:first-child img { height:340px; }
.ar-project-gallery figure:hover img { transform:scale(1.025); }
.ar-project-gallery figcaption { padding:16px 18px 18px; color:#526157; font-size:.84rem; line-height:1.45; }
.ar-inline-project-photo { width:min(44%,390px); float:right; margin:0 0 26px 34px; overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 16px 42px rgba(31,59,39,.14); }
.ar-inline-project-photo img { width:100%; height:250px; display:block; object-fit:cover; }
.ar-inline-project-photo figcaption { padding:14px 17px 16px; color:#526157; font-size:.82rem; line-height:1.45; }
.ar-prose--wide::after { content:""; display:block; clear:both; }

.ar-page { width:min(1180px, calc(100% - 40px)); margin:0 auto; padding:48px 0 54px; }
.ar-section { margin:0 0 54px; scroll-margin-top: 90px; }
.ar-section-heading { display:grid; gap:12px; margin-bottom:36px; }
.ar-section-heading > p:last-child { color:var(--ar-muted); max-width:720px; margin:0; }
.ar-prose { max-width:680px; }
.ar-prose--wide { max-width:890px; }
.ar-prose h2 { margin:0 0 26px; }
.ar-intro { font-size:clamp(1.25rem,2.4vw,1.72rem); line-height:1.52; color:#35473d; }
.ar-note { color:var(--ar-muted); font-size:.88rem; }
.ar-role { font-size:1.18rem; font-weight:700; color:var(--ar-green); }

.ar-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--ar-line); border:1px solid var(--ar-line); border-radius:22px; overflow:hidden; margin-bottom:96px; box-shadow:var(--ar-shadow); }
.ar-kpis article { background:var(--ar-paper); padding:30px; min-height:150px; display:flex; flex-direction:column; justify-content:center; }
.ar-kpis strong { color:var(--ar-green-dark); font-size:clamp(2rem,4vw,3.2rem); line-height:1; }
.ar-kpis span { color:var(--ar-muted); margin-top:10px; }
.ar-kpis .ar-kpi-photo { grid-column:span 2; min-height:150px; padding:0; overflow:hidden; }
.ar-kpis .ar-kpi-photo img { width:100%; height:100%; min-height:150px; display:block; object-fit:cover; }

.ar-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,1fr); gap:clamp(40px,7vw,100px); align-items:center; }
.ar-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ar-card-grid article { background:rgba(255,255,255,.86); border:1px solid var(--ar-line); border-radius:18px; padding:28px; box-shadow:0 10px 32px rgba(41,52,43,.05); }
.ar-card-grid h3 { margin:12px 0 10px; }
.ar-card-grid p { color:var(--ar-muted); margin:0; }
.ar-icon { width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:#eaf1d7; color:var(--ar-green-dark); font-size:1.5rem; }

.ar-timeline { list-style:none; margin:34px 0 0; padding:0; position:relative; }
.ar-timeline::before { content:""; position:absolute; left:94px; top:10px; bottom:10px; width:2px; background:linear-gradient(var(--ar-green),#cfb27a); }
.ar-timeline li { display:grid; grid-template-columns:76px 1fr; gap:48px; position:relative; padding:0 0 24px; }
.ar-timeline li::before { content:""; position:absolute; left:87px; top:7px; width:16px; height:16px; border-radius:50%; background:var(--ar-paper); border:4px solid var(--ar-green); }
.ar-timeline time { color:var(--ar-green); font-weight:900; text-align:right; }
.ar-timeline h3 { margin-bottom:8px; }
.ar-timeline p { margin:0; max-width:720px; color:var(--ar-muted); }

.ar-chart { margin:0; padding:30px; border-radius:22px; background:#f6f1e5; border:1px solid rgba(155,104,66,.18); box-shadow:var(--ar-shadow); }
.ar-chart figcaption { font-weight:800; font-size:1.1rem; margin-bottom:26px; }
.ar-bar { display:grid; grid-template-columns:minmax(130px,1fr) minmax(120px,2fr) 54px; gap:12px; align-items:center; margin:14px 0; font-size:.9rem; }
.ar-bar i { height:11px; border-radius:999px; background:rgba(47,111,69,.12); overflow:hidden; }
.ar-bar i::before { content:""; display:block; width:var(--value); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ar-green),var(--ar-lime)); }
.ar-bar b { text-align:right; }
.ar-chart-note { margin:-14px 0 24px!important; color:var(--ar-muted); font-size:.78rem; line-height:1.45; }
.ar-data-dashboard { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch; }
.ar-data-dashboard>.ar-chart { min-width:0; }
.ar-page-memories .ar-data-dashboard > .ar-chart:nth-child(4) { position:relative; }
.ar-page-memories .ar-data-dashboard > .ar-chart:nth-child(4)::after { content:""; position:absolute; left:calc(100% + 24px); top:0; width:calc(100% + 24px); height:100%; border-radius:22px; background:url("https://alicanterenace.es/wp-content/uploads/2026/06/IMG20260605101247-scaled.jpg") center/cover no-repeat; box-shadow:var(--ar-shadow); }
.ar-area-chart,.ar-metric-chart,.ar-climate-chart { grid-column:span 2; }
.ar-area-stack { min-height:92px; display:flex; overflow:hidden; border-radius:16px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); }
.ar-area-stack i { flex:0 0 var(--share); min-width:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 3px; color:#fff; background:var(--color); font-style:normal; font-size:.68rem; text-align:center; }
.ar-area-stack b { font-size:1.25rem; line-height:1; }
.ar-area-chart ul { display:flex; flex-wrap:wrap; gap:8px 18px; margin:18px 0 0; padding:0; list-style:none; color:var(--ar-muted); font-size:.78rem; }
.ar-metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.ar-metric-grid article { padding:20px; border-radius:15px; background:#fff; border:1px solid var(--ar-line); }
.ar-metric-grid strong { display:block; color:var(--ar-green-dark); font-size:1.55rem; line-height:1; }
.ar-metric-grid span { display:block; margin-top:10px; color:var(--ar-muted); font-size:.8rem; line-height:1.45; }
.ar-climate-chart { display:grid; grid-template-columns:220px 1fr; gap:32px; align-items:center; }
.ar-climate-chart>figcaption { grid-column:1/-1; }
.ar-gauge { width:190px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--ar-green) 0 35%,#e4e1d3 35% 100%); position:relative; }
.ar-gauge::after { content:""; position:absolute; inset:22px; border-radius:50%; background:#f6f1e5; }
.ar-gauge span { position:relative; z-index:1; display:grid; text-align:center; }
.ar-gauge b { color:var(--ar-green-dark); font-size:2rem; text-align:center; }
.ar-gauge small { max-width:120px; color:var(--ar-muted); line-height:1.25; }
.ar-climate-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.ar-climate-facts p { margin:0; padding:18px; border-left:3px solid var(--ar-earth); background:#fff; color:var(--ar-muted); font-size:.82rem; }
.ar-climate-facts strong { display:block; margin-bottom:5px; color:var(--ar-green-dark); font-size:1.25rem; }
.ar-sources { padding:32px; border-radius:22px; background:#eef2df; }
.ar-sources ul { margin:0; padding-left:20px; }
.ar-sources li { margin:8px 0; }

.ar-stack-chart { display:flex; flex-direction:column; gap:7px; }
.ar-layer { color:#fff; padding:15px 20px; border-radius:10px; display:flex; justify-content:space-between; gap:20px; }
.ar-layer span { opacity:.82; font-size:.86rem; }
.ar-layer--tree { background:#315f3f; margin-inline:15%; }
.ar-layer--shrub { background:#658448; margin-inline:10%; }
.ar-layer--herb { background:#9c9d54; margin-inline:5%; }
.ar-layer--soil { background:#8a603f; }

.ar-ecosystem { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto; gap:16px; align-items:center; }
.ar-ecosystem article { min-height:230px; border:1px solid var(--ar-line); border-radius:22px; padding:28px; background:#fff; }
.ar-ecosystem article span,.ar-process article>span { display:inline-grid; place-items:center; min-width:38px; height:38px; padding:0 8px; border-radius:12px; background:#eaf1d7; color:var(--ar-green); font-weight:900; font-size:.8rem; }
.ar-ecosystem h3,.ar-process h3 { margin:20px 0 10px; }
.ar-ecosystem p,.ar-process p { color:var(--ar-muted); margin:0; }
.ar-ecosystem>i { color:var(--ar-earth); font-size:1.6rem; font-style:normal; }

.ar-process { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ar-process article { min-width:0; border-top:3px solid var(--ar-green); padding:28px 22px; background:#fff; box-shadow:0 10px 32px rgba(41,52,43,.05); border-radius:0 0 16px 16px; }
.ar-process--illustrated article { padding-top:18px; overflow:hidden; }
.ar-card-grid article,.ar-process article { overflow:hidden; }
.ar-card-photo { height:142px; margin:-28px -28px 22px; overflow:hidden; background:#e6ecdc; }
.ar-process .ar-card-photo { height:125px; margin:-28px -22px 20px; }
.ar-card-photo img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.88) contrast(.97); transition:transform .42s ease,filter .42s ease; }
.ar-carbon-factor-grid .ar-factor-visual { display:none; }
.ar-card-grid article:hover .ar-card-photo img,.ar-process article:hover .ar-card-photo img { transform:scale(1.035); filter:saturate(1) contrast(1); }
.ar-step-visual,.ar-result-visual,.ar-factor-visual { height:112px; display:grid; place-items:center; margin:-18px -22px 20px; position:relative; overflow:hidden; color:#1f5a3b; background:linear-gradient(145deg,#eef3da,#dce9c8); }
.ar-step-visual::before,.ar-result-visual::before,.ar-factor-visual::before { position:relative; z-index:2; font-family:Georgia,serif; font-size:3.25rem; line-height:1; text-shadow:0 3px 0 rgba(255,255,255,.55); }
.ar-step-visual::after,.ar-result-visual::after,.ar-factor-visual::after { content:""; width:110px; height:110px; position:absolute; right:-36px; bottom:-45px; border:1px solid rgba(47,111,69,.18); border-radius:50%; box-shadow:0 0 0 18px rgba(255,255,255,.14); }
.ar-step-visual i,.ar-result-visual i,.ar-factor-visual i { width:42px; height:3px; position:absolute; left:18px; bottom:18px; border-radius:10px; background:rgba(155,104,66,.42); box-shadow:10px -7px 0 rgba(155,104,66,.2); transform:rotate(-7deg); }
.ar-step-visual::before { content:""!important; width:116px; height:78px; border-radius:14px; background-color:#f7f4df; box-shadow:0 8px 18px rgba(32,78,49,.16),inset 0 0 0 2px rgba(47,111,69,.16); }
.ar-step-visual--look::before,.ar-step-visual--diagnose::before { background:radial-gradient(circle at 73% 28%,#f1bf58 0 8px,transparent 9px),radial-gradient(circle at 33% 54%,transparent 0 17px,#286443 18px 22px,transparent 23px),linear-gradient(45deg,transparent 61%,#286443 62% 67%,transparent 68%),linear-gradient(160deg,transparent 49%,#82a565 50% 69%,#d3bd83 70%); }
.ar-step-visual--question::before { background:radial-gradient(ellipse at 36% 42%,#fff 0 24px,transparent 25px),radial-gradient(ellipse at 72% 60%,#d7e8c1 0 20px,transparent 21px),radial-gradient(circle at 36% 39%,#2d6b45 0 4px,transparent 5px),radial-gradient(circle at 50% 39%,#2d6b45 0 4px,transparent 5px),radial-gradient(circle at 64% 58%,#7d954f 0 3px,transparent 4px),#edf2d8; }
.ar-step-visual--prepare::before,.ar-step-visual--define::before { background:linear-gradient(#2f6f45,#2f6f45) 22px 17px/72px 8px no-repeat,repeating-linear-gradient(#96ad75 0 4px,transparent 4px 12px) 27px 36px/62px 34px no-repeat,linear-gradient(#fff,#fff); }
.ar-step-visual--action::before,.ar-step-visual--restore::before { background:radial-gradient(circle at 58% 32%,#5f914c 0 22px,transparent 23px),radial-gradient(circle at 40% 39%,#84aa61 0 18px,transparent 19px),linear-gradient(#7c5234,#7c5234) 54px 45px/10px 28px no-repeat,radial-gradient(circle at 24% 60%,#d99065 0 8px,transparent 9px),linear-gradient(160deg,transparent 65%,#bea670 66%); }
.ar-step-visual--review::before { background:linear-gradient(90deg,#3d7a4d 0 18%,transparent 18% 28%,#7ea35c 28% 58%,transparent 58% 68%,#c29c5e 68% 100%) 23px 27px/70px 35px no-repeat,#fff; }
.ar-step-visual--continuity::before { background:radial-gradient(circle at 24% 63%,#6e9a50 0 10px,transparent 11px),radial-gradient(circle at 50% 48%,#5f8b48 0 15px,transparent 16px),radial-gradient(circle at 80% 31%,#416e3c 0 21px,transparent 22px),linear-gradient(#795036,#795036) 77px 45px/7px 25px no-repeat,linear-gradient(160deg,transparent 70%,#c0a875 71%); }
.ar-step-visual--calculate::before { background:repeating-linear-gradient(90deg,#d7e6c5 0 14px,transparent 14px 21px) 25px 35px/66px 32px no-repeat,linear-gradient(#2f6f45,#2f6f45) 25px 16px/66px 13px no-repeat,#fff; }
.ar-step-visual--reduce::before { background:linear-gradient(#4b8053,#4b8053) 23px 20px/16px 48px no-repeat,linear-gradient(#77a15e,#77a15e) 50px 33px/16px 35px no-repeat,linear-gradient(#a4bb72,#a4bb72) 77px 48px/16px 20px no-repeat,#fff; }

.ar-result-grid { grid-template-columns:repeat(4,1fr); }
.ar-result-grid article,.ar-carbon-factor-grid article { overflow:hidden; padding-top:18px; }
.ar-result-visual,.ar-factor-visual { margin:-18px -28px 22px; }
.ar-result-visual--cooperation::before { content:"∞"; }
.ar-result-visual--knowledge::before { content:"⌘"; }
.ar-result-visual--report::before { content:"▥"; }
.ar-result-visual--lasting::before { content:"◎"; }
.ar-factor-visual--growth::before { content:"♧"; }
.ar-factor-visual--survival::before { content:"✓"; }
.ar-factor-visual--soil::before { content:"≋"; }
.ar-factor-visual--time::before { content:"◷"; }
.ar-factor-visual--risk::before { content:"△"; }
.ar-factor-visual--additionality::before { content:"＋"; }

.ar-callout { display:flex; justify-content:space-between; align-items:center; gap:48px; padding:44px; background:var(--ar-green-dark); color:#fff; border-radius:24px; }
.ar-callout h2 { color:#fff; }
.ar-callout p:not(.ar-eyebrow) { max-width:760px; color:rgba(255,255,255,.78); margin:.8rem 0 0; }
.ar-callout .ar-eyebrow { color:#dce8af; }
.ar-button { display:inline-flex!important; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:0; border-radius:999px; background:var(--ar-green); color:#fff!important; text-decoration:none!important; font-weight:800; line-height:1.2; cursor:pointer; white-space:nowrap; }
.ar-callout .ar-button { background:#e9edc5; color:var(--ar-green-dark)!important; }
.ar-button--disabled { background:#d6d6cf; color:#777!important; cursor:default; }

.ar-chip-list { display:flex; flex-wrap:wrap; gap:12px; }
.ar-chip-list span { padding:12px 18px; border:1px solid var(--ar-line); border-radius:999px; background:#fff; font-weight:700; }
.ar-memory-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.ar-memory { padding:28px; min-height:260px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--ar-line); border-radius:18px; background:#fff; }
.ar-memory>span { color:var(--ar-muted); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }
.ar-memory>strong { font-size:3rem; color:var(--ar-green-dark); }
.ar-memory p { color:var(--ar-muted); flex:1; }
.ar-partner-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.ar-partner-grid article { min-height:108px; display:grid; place-items:center; text-align:center; padding:22px; border-radius:16px; border:1px solid var(--ar-line); background:#fff; font-weight:800; }
.ar-partner-grid--institutional article { background:#edf3e3; border-color:rgba(47,111,69,.2); }

.ar-panel { padding:34px; background:var(--ar-sand); border:1px solid rgba(155,104,66,.18); border-radius:22px; }
.ar-panel h3 { font-size:1.7rem; margin-bottom:14px; }
.ar-panel--accent { background:var(--ar-green-dark); color:#fff; }
.ar-panel--accent h3 { color:#fff; }
.ar-panel--accent p { color:rgba(255,255,255,.8); }
.ar-kicker { color:#dce8af; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }
.ar-check-list { list-style:none; padding:0; margin:24px 0; }
.ar-check-list li { position:relative; padding-left:28px; margin:10px 0; }
.ar-check-list li::before { content:"✓"; position:absolute; left:0; color:var(--ar-green); font-weight:900; }

.ar-warning { margin-top:34px; padding:24px 28px; border-left:5px solid #d39a3d; border-radius:0 14px 14px 0; background:#fff5dc; }
.ar-warning strong { display:block; margin-bottom:6px; }
.ar-warning p { margin:0; color:#5f5440; }

.ar-species-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.ar-species-card { min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--ar-line); border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(41,52,43,.05); }
.ar-species-card img { width:100%; height:270px; min-height:0; display:block; object-fit:contain; background:linear-gradient(145deg,#fbf7ea,#f0ead8); }
.ar-species-card>div { min-width:0; flex:1; padding:24px; }
.ar-species-card>div>span { color:var(--ar-green); text-transform:uppercase; letter-spacing:.12em; font-size:.7rem; font-weight:800; }
.ar-species-card h3 { margin:6px 0 2px; font-size:1.55rem; }
.ar-species-card h4 { margin:18px 0 5px; font-size:.95rem; }
.ar-species-card p { font-size:.9rem; line-height:1.55; margin:0 0 10px; }
.ar-scientific { color:var(--ar-muted); font-style:italic; }
.ar-curiosity { padding-top:10px; border-top:1px solid var(--ar-line); }

.ar-certificate { display:grid; grid-template-columns:1.1fr .9fr; gap:55px; padding:52px; color:#fff; background:linear-gradient(135deg,#203d2c,#416345); border-radius:24px; }
.ar-certificate h2,.ar-certificate h3 { color:#fff; }
.ar-certificate .ar-eyebrow { color:#dce8af; }
.ar-certificate p { color:rgba(255,255,255,.78); }
.ar-certificate li { margin-bottom:10px; }
.ar-illustration-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ar-illustration-grid article { padding:28px; border:1px solid var(--ar-line); border-radius:20px; background:#fff; }
.ar-illustration-grid svg { width:100%; height:auto; background:#f2f2df; border-radius:14px; fill:none; stroke:var(--ar-green); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.ar-illustration-grid h3 { margin:22px 0 8px; }
.ar-illustration-grid p { color:var(--ar-muted); margin:0; }
.ar-learning-visual { height:150px; margin:-10px -10px 22px; position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(155deg,#eef2d9,#dce8c6); }
.ar-learning-visual::before { position:absolute; inset:0; display:grid; place-items:center; color:#286542; font-family:Georgia,serif; font-size:4.4rem; line-height:1; }
.ar-learning-visual::after { content:""; width:140px; height:70px; position:absolute; left:-22px; bottom:-35px; border-radius:50%; background:rgba(155,104,66,.22); box-shadow:100px 20px 0 rgba(47,111,69,.12),210px -5px 0 rgba(169,194,107,.22); }
.ar-learning-visual i { width:12px; height:18px; position:absolute; z-index:2; top:24px; border-radius:70% 30% 70% 30%; background:#6ca5b1; transform:rotate(42deg); }
.ar-learning-visual i:nth-child(1) { left:18%; }
.ar-learning-visual i:nth-child(2) { left:27%; top:48px; transform:scale(.7) rotate(42deg); }
.ar-learning-visual i:nth-child(3) { right:17%; top:34px; transform:scale(.8) rotate(42deg); }
.ar-learning-visual--water::before { content:"≋"; }
.ar-learning-visual--pollination::before { content:"✿"; color:#617c36; }
.ar-learning-visual--pollination i { border-radius:50%; background:#d49a30; box-shadow:9px 0 0 #5e4934; transform:rotate(-14deg); }
.ar-learning-visual--observe::before { content:"⌕"; }
.ar-learning-visual--observe i { width:48px; height:4px; top:auto; left:auto!important; right:20px; bottom:28px; border-radius:5px; background:#9b6842; box-shadow:0 -10px 0 rgba(155,104,66,.6),0 -20px 0 rgba(155,104,66,.35); transform:none!important; }

.ar-pyramid { display:flex; flex-direction:column; align-items:center; gap:8px; }
.ar-pyramid>div { width:var(--w); padding:11px 18px; display:flex; justify-content:space-between; gap:16px; color:#fff; background:linear-gradient(90deg,var(--ar-green-dark),var(--ar-green)); border-radius:8px; }
.ar-pyramid span { font-size:.82rem; opacity:.8; }

.ar-profile-intro { display:grid; grid-template-columns:minmax(300px,.8fr) 1.2fr; gap:70px; align-items:center; margin-bottom:52px; }
.ar-profile-photo { border-radius:28px; overflow:hidden; background:#ddd; box-shadow:var(--ar-shadow); }
.ar-profile-photo img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center top; display:block; }
.ar-profile-intro h2 { font-size:clamp(2.8rem,6vw,5rem); }
.ar-anchor-nav { display:flex; flex-wrap:wrap; gap:10px; padding:15px; margin-bottom:96px; border-block:1px solid var(--ar-line); }
.ar-anchor-nav a { padding:9px 15px; text-decoration:none; font-weight:800; }
.ar-quote { max-width:950px; margin-inline:auto; padding:65px 0; text-align:center; }
.ar-quote blockquote { margin:0; color:var(--ar-green-dark); font-size:clamp(2rem,5vw,4.1rem); font-weight:800; line-height:1.15; letter-spacing:-.035em; }
.ar-quote p { margin-top:24px; color:var(--ar-muted); }

.ar-contact-details { margin:32px 0; border-top:1px solid var(--ar-line); }
.ar-contact-details p { display:grid; grid-template-columns:120px 1fr; padding:16px 0; margin:0; border-bottom:1px solid var(--ar-line); }
.ar-contact-form { padding:32px; border:1px solid var(--ar-line); border-radius:22px; background:#fff; box-shadow:var(--ar-shadow); }
.ar-contact-form label { display:grid; gap:7px; margin-bottom:17px; font-size:.88rem; font-weight:800; }
.ar-contact-form input,.ar-contact-form textarea,.ar-contact-form select { width:100%; min-height:48px; padding:11px 13px; border:1px solid #b9c2ba; border-radius:10px; background:#fff; color:var(--ar-ink); font:inherit; }
.ar-contact-form textarea { resize:vertical; }
.ar-contact-form input:focus,.ar-contact-form textarea:focus,.ar-contact-form select:focus { outline:3px solid rgba(47,111,69,.18); border-color:var(--ar-green); }
.ar-field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ar-contact-form .ar-captcha { grid-template-columns:1fr 100px; align-items:center; padding:17px; border-radius:12px; background:var(--ar-sand); }
.ar-contact-form .ar-consent { display:flex; align-items:flex-start; font-weight:400; }
.ar-contact-form .ar-consent input { width:18px; min-height:18px; margin-top:5px; }
.ar-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.ar-form-notice { margin-bottom:16px; padding:15px 18px; border-radius:10px; font-weight:700; }
.ar-form-notice--success { background:#e4f3e4; color:#245b36; }
.ar-form-notice--error { background:#fde7e1; color:#8b3224; }

/* Ilustración editorial común: paisaje mediterráneo + relato propio de cada página */
.ar-editorial-vignette {
  width:min(1180px,calc(100% - 40px));
  min-height:260px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);
  margin:-42px auto 0;
  overflow:hidden;
  position:relative;
  z-index:3;
  border:1px solid rgba(45,73,50,.16);
  border-radius:28px;
  background:#fffdf6;
  box-shadow:0 24px 70px rgba(30,53,37,.18);
}
.ar-vignette-landscape { min-height:260px; background:#e9f0d6; }
.ar-vignette-landscape svg { width:100%; height:100%; min-height:260px; display:block; }
.ar-vignette-landscape .ar-sun { fill:#f3bd4c; filter:drop-shadow(0 0 16px rgba(243,189,76,.35)); }
.ar-vignette-landscape .ar-birds,.ar-vignette-landscape .ar-roots,.ar-vignette-landscape .ar-person,.ar-vignette-landscape .ar-seedling { fill:none; stroke:#294c38; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.ar-vignette-landscape .ar-back-hill { fill:#9daf72; opacity:.78; }
.ar-vignette-landscape .ar-tree-trunk { fill:#805a3c; }
.ar-vignette-landscape .ar-tree-crown { fill:#426f46; stroke:#d4df92; stroke-width:3; }
.ar-vignette-landscape .ar-path { fill:#dab885; opacity:.85; }
.ar-editorial-vignette figcaption { display:flex; flex-direction:column; justify-content:center; padding:30px; }
.ar-editorial-vignette figcaption>strong { font-family:Georgia,serif; color:var(--ar-green-dark); font-size:clamp(1.45rem,2.5vw,2.15rem); line-height:1.18; }
.ar-editorial-vignette ol { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:10px; }
.ar-editorial-vignette li { display:flex; align-items:center; gap:11px; color:#435348; font-weight:750; }
.ar-editorial-vignette li span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#e9efd5; color:var(--ar-green); font-size:.68rem; font-weight:900; }
.ar-editorial-vignette li+li::before { content:""; width:18px; height:1px; margin-left:-29px; margin-right:0; background:#b2c083; }
.ar-page-history .ar-vignette-landscape .ar-tree-crown,.ar-page-founder .ar-vignette-landscape .ar-tree-crown { fill:#477c4e; }
.ar-page-habitat .ar-vignette-landscape .ar-front-hill,.ar-page-education .ar-vignette-landscape .ar-front-hill { filter:saturate(1.28); }
.ar-page-carbon .ar-vignette-landscape .ar-sky { opacity:.82; }
.ar-page-team .ar-vignette-landscape .ar-path,.ar-page-partners .ar-vignette-landscape .ar-path { fill:#c89563; }

/* Reforestación: proceso territorial, paisajes e indicadores */
.ar-restoration-journey { display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.ar-restoration-journey::before { content:""; position:absolute; left:6%; right:6%; top:37px; height:4px; border-radius:10px; background:linear-gradient(90deg,#aa744d,#c7a158,#739456,#2f6f45); }
.ar-restoration-journey article { padding:0 15px; text-align:center; position:relative; z-index:1; }
.ar-restoration-journey span { width:74px; height:74px; display:grid; place-items:center; margin:0 auto 20px; border:7px solid #f9f6ed; border-radius:50%; color:#fff; background:var(--ar-green); box-shadow:0 0 0 2px rgba(47,111,69,.18); font-weight:900; }
.ar-restoration-journey article:nth-child(1) span { background:#9b6842; }
.ar-restoration-journey article:nth-child(2) span { background:#a77d49; }
.ar-restoration-journey article:nth-child(3) span { background:#82934d; }
.ar-restoration-journey h3 { margin-bottom:9px; }
.ar-restoration-journey p { color:var(--ar-muted); font-size:.88rem; line-height:1.55; }

.ar-zone-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.ar-zone-card { grid-column:span 2; min-height:440px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--ar-line); border-radius:22px; background:#fff; box-shadow:0 14px 38px rgba(41,52,43,.07); }
.ar-zone-card:nth-child(4) { grid-column:2/span 2; }
.ar-zone-card:nth-child(5) { grid-column:4/span 2; }
.ar-zone-card>span,.ar-zone-card>h3,.ar-zone-card>p,.ar-zone-card>b { margin-left:24px; margin-right:24px; }
.ar-zone-card>span { margin-top:22px; color:var(--ar-green); text-transform:uppercase; letter-spacing:.11em; font-size:.72rem; font-weight:900; }
.ar-zone-card h3 { margin-top:7px; font-size:1.5rem; }
.ar-zone-card p { flex:1; margin-top:10px; color:var(--ar-muted); font-size:.92rem; line-height:1.58; }
.ar-zone-card>b { align-self:flex-start; margin-bottom:24px; padding:7px 11px; border-radius:999px; color:#425437; background:#edf1d8; font-size:.72rem; }
.ar-zone-map { height:168px; flex:0 0 168px; margin:0; overflow:hidden; background:#e9efd9; }
.ar-zone-map img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .4s ease; }
.ar-zone-card:hover .ar-zone-map img { transform:scale(1.025); }
.ar-zone-card-link { position:absolute; inset:0; z-index:5; border-radius:inherit; }
.ar-zone-card-link:focus-visible { outline:4px solid #d5ac55; outline-offset:3px; }
.ar-catalogue-link { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(0,1fr); gap:36px; align-items:center; padding:22px; border:1px solid var(--ar-line); border-radius:24px; background:#fff; box-shadow:var(--ar-shadow); }
.ar-catalogue-link figure { height:310px; margin:0; overflow:hidden; border-radius:17px; }
.ar-catalogue-link img,.ar-inline-section-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.ar-catalogue-link h2 { margin-bottom:15px; }
.ar-inline-section-photo { min-height:330px; margin:0; overflow:hidden; border-radius:22px; box-shadow:var(--ar-shadow); }
.ar-hero-carousel { min-width:0; min-height:360px; position:relative; overflow:hidden; }
.ar-hero-carousel img { position:absolute; inset:0; opacity:0; animation:ar-hero-slides 25s infinite; }
.ar-hero-carousel img:nth-child(2) { animation-delay:5s; }.ar-hero-carousel img:nth-child(3) { animation-delay:10s; }.ar-hero-carousel img:nth-child(4) { animation-delay:15s; }.ar-hero-carousel img:nth-child(5) { animation-delay:20s; }
@keyframes ar-hero-slides { 0%,16%{opacity:1;transform:scale(1)} 20%,96%{opacity:0;transform:scale(1.035)} 100%{opacity:1} }
.ar-zone-illustration { height:150px; position:relative; overflow:hidden; background:linear-gradient(#dcebc6 0 58%,#b6a370 59%); }
.ar-zone-illustration::before,.ar-zone-illustration::after { content:""; position:absolute; left:-8%; bottom:24px; width:70%; height:78px; border-radius:50% 55% 0 0; background:#78935b; transform:rotate(5deg); }
.ar-zone-illustration::after { left:42%; bottom:18px; width:72%; height:96px; background:#526f49; transform:rotate(-7deg); }
.ar-zone-illustration i { position:absolute; z-index:2; bottom:18px; width:10px; height:46px; border-radius:8px 8px 0 0; background:#77583d; }
.ar-zone-illustration i::before { content:""; position:absolute; left:50%; bottom:26px; width:42px; height:42px; border-radius:48% 52% 44% 56%; background:#315d3b; transform:translateX(-50%); box-shadow:13px 4px 0 #4f794a,-11px 5px 0 #66834d; }
.ar-zone-illustration i:nth-child(1) { left:20%; }
.ar-zone-illustration i:nth-child(2) { left:52%; transform:scale(.78); }
.ar-zone-illustration i:nth-child(3) { left:78%; transform:scale(.6); }
.ar-zone-card--ridge .ar-zone-illustration { background:linear-gradient(#e9e1bd 0 55%,#b99b69 56%); }
.ar-zone-card--ridge .ar-zone-illustration::before,.ar-zone-card--ridge .ar-zone-illustration::after { clip-path:polygon(0 100%,48% 0,100% 100%); border-radius:0; background:#9b805c; }
.ar-zone-card--recover .ar-zone-illustration { filter:saturate(.72); }
.ar-zone-card--coast .ar-zone-illustration { background:linear-gradient(#d8eff0 0 51%,#6eabc0 52% 74%,#d6bd82 75%); }
.ar-zone-card--coast .ar-zone-illustration::after { background:#779450; }
.ar-zone-card--wetland .ar-zone-illustration { background:linear-gradient(#e4edcd 0 48%,#8cb7a5 49% 74%,#b5a878 75%); }
.ar-zone-card--wetland .ar-zone-illustration i { width:4px; height:50px; background:#526d37; }
.ar-zone-card--wetland .ar-zone-illustration i::before { width:5px; height:48px; border-radius:0; background:#77934f; box-shadow:10px 8px 0 #6d8a45,-10px 5px 0 #8ca259; }

.ar-recovery-chart>div { display:grid; grid-template-columns:165px 1fr; gap:12px; align-items:center; margin:15px 0; font-size:.85rem; }
.ar-recovery-chart i { height:18px; overflow:hidden; border-radius:999px; background:rgba(47,111,69,.1); }
.ar-recovery-chart i::before { content:""; display:block; width:var(--value); height:100%; border-radius:inherit; background:linear-gradient(90deg,#b37c4d,#c2a45a 35%,#6f954e 70%,#2f6f45); }
.ar-recovery-chart ol { list-style:none; display:flex; justify-content:space-between; gap:8px; padding:13px 0 0; margin:24px 0 0; border-top:1px solid rgba(155,104,66,.2); color:var(--ar-muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; }

@media (max-width: 1000px) {
  .ar-catalogue-link { grid-template-columns:1fr; }
  .ar-kpis { grid-template-columns:repeat(2,1fr); }
  .ar-card-grid,.ar-process,.ar-memory-grid { grid-template-columns:repeat(2,1fr); }
  .ar-species-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ar-result-grid { grid-template-columns:repeat(2,1fr); }
  .ar-ecosystem { grid-template-columns:1fr; }
  .ar-ecosystem>i { transform:rotate(90deg); justify-self:center; }
  .ar-illustration-grid { grid-template-columns:1fr; }
  .ar-editorial-vignette { grid-template-columns:1fr 310px; }
  .ar-restoration-journey { grid-template-columns:repeat(3,1fr); row-gap:38px; }
  .ar-restoration-journey::before { display:none; }
  .ar-zone-grid { grid-template-columns:repeat(2,1fr); }
  .ar-zone-card,.ar-zone-card:nth-child(4),.ar-zone-card:nth-child(5) { grid-column:auto; }
  .ar-project-hero-photo { grid-template-columns:1fr 300px; }
  .ar-project-gallery { grid-template-columns:1fr 1fr; }
  .ar-project-gallery figure:first-child { grid-column:1/-1; }
  .ar-metric-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 760px) {
  .ar-page-memories .ar-data-dashboard > .ar-chart:nth-child(4)::after { display:none; }
  .arenace-editorial { font-size:16px; }
  .ar-hero { min-height:360px; }
  .ar-hero__inner { padding:80px 0 58px; }
  .ar-page { padding-top:50px; }
  .ar-section { margin-bottom:68px; }
  .ar-split,.ar-certificate,.ar-profile-intro { grid-template-columns:1fr; gap:32px; }
  .ar-card-grid,.ar-process,.ar-memory-grid,.ar-partner-grid { grid-template-columns:1fr; }
  .ar-callout { align-items:flex-start; flex-direction:column; padding:30px; }
  .ar-bar { grid-template-columns:1fr 48px; }
  .ar-bar i { grid-column:1/-1; grid-row:2; }
  .ar-bar b { grid-column:2; grid-row:1; }
  .ar-layer { margin-inline:0; flex-direction:column; gap:0; }
  .ar-species-card { grid-template-columns:1fr; }
  .ar-species-card img { height:290px; min-height:0; }
  .ar-timeline::before { left:12px; }
  .ar-timeline li { grid-template-columns:1fr; gap:8px; padding-left:40px; }
  .ar-timeline li::before { left:5px; }
  .ar-timeline time { text-align:left; }
  .ar-project-hero-photo { grid-template-columns:1fr; margin-top:-24px; }
  .ar-project-hero-photo img { min-height:260px; height:260px; }
  .ar-project-gallery,.ar-data-dashboard { grid-template-columns:1fr; }
  .ar-project-gallery figure:first-child,.ar-area-chart,.ar-metric-chart,.ar-climate-chart { grid-column:auto; }
  .ar-project-gallery img,.ar-project-gallery figure:first-child img { height:240px; }
  .ar-climate-chart { grid-template-columns:1fr; }
  .ar-climate-chart>figcaption { grid-column:auto; }
  .ar-gauge { margin:auto; }
  .ar-climate-facts { grid-template-columns:1fr; }
  .ar-certificate { padding:32px; }
  .ar-field-row { grid-template-columns:1fr; gap:0; }
  .ar-contact-form { padding:22px; }
  .ar-contact-form .ar-captcha { grid-template-columns:1fr; }
  .ar-profile-photo { max-width:430px; }
  .ar-editorial-vignette { width:min(100% - 26px,1180px); grid-template-columns:1fr; margin-top:-24px; }
  .ar-vignette-landscape,.ar-vignette-landscape svg { min-height:190px; }
  .ar-editorial-vignette figcaption { padding:24px; }
  .ar-restoration-journey { grid-template-columns:1fr; }
  .ar-restoration-journey article { display:grid; grid-template-columns:64px 1fr; text-align:left; column-gap:16px; }
  .ar-restoration-journey span { grid-row:1/3; width:58px; height:58px; margin:0; border-width:5px; }
  .ar-restoration-journey h3 { align-self:end; }
  .ar-zone-grid { grid-template-columns:1fr; }
  .ar-species-grid { grid-template-columns:1fr; }
  .ar-inline-project-photo { width:100%; float:none; margin:0 0 28px; }
  .ar-hero-nature { width:48vw; right:-5vw; opacity:.28; }
}

@media (max-width: 480px) {
  .ar-page,.ar-hero__inner { width:min(100% - 26px,1180px); }
  .ar-kpis { grid-template-columns:1fr; }
  .ar-kpis article { min-height:125px; padding:24px; }
  .ar-kpis .ar-kpi-photo { grid-column:auto; }
  .ar-chart { padding:22px; }
  .ar-recovery-chart>div { grid-template-columns:1fr; gap:5px; }
}

@media (prefers-reduced-motion: reduce) {
  .ar-wind-tree,.ar-falling-leaf { animation:none!important; }
  .ar-zone-map img,.ar-project-gallery img { transition:none!important; }
}