
/* Piccolo V2.0 — complementos de cobertura, sin tocar estilos originales */
.exp-hub-section{position:relative;overflow:hidden;padding:clamp(70px,7vw,105px) 0;background:radial-gradient(ellipse at 90% 5%,rgba(14,174,150,.12),transparent 48%),linear-gradient(145deg,#f2f9f5,#ffffff 50%,#edf7f2);border-top:1px solid rgba(2,94,78,.13);border-bottom:1px solid rgba(2,94,78,.14)}
.exp-hub-section::after{content:"";position:absolute;right:-110px;top:45px;width:310px;height:310px;border:2px solid rgba(16,135,111,.07);border-radius:42%;transform:rotate(27deg);pointer-events:none}
.exp-hub-section .container{position:relative;z-index:1}
.exp-overline{font:800 12px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.16em;color:#187b68;text-transform:uppercase;margin:0 0 12px}
.exp-hub-intro{max-width:720px;margin-bottom:30px}
.exp-hub-intro h2{font:500 clamp(38px,4.6vw,65px)/1.13 var(--serif,Georgia,serif);letter-spacing:-.04em;color:#122c27;margin:0 0 20px}
.exp-hub-intro h2 em{color:#087b6b}
.exp-hub-intro>p:last-child{font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#425b51;margin:0}
.exp-hub-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.exp-hub-groups>div{min-width:0;padding:25px;border:1px solid rgba(10,97,76,.12);border-radius:17px;background:rgba(255,255,255,.72);box-shadow:0 12px 40px rgba(12,72,50,.035)}
.exp-hub-groups h3{font:700 clamp(18px,2vw,22px)/1.35 var(--sans,Arial,sans-serif);margin:0 0 16px;color:#16372e}
.exp-hub-grid{display:grid;gap:9px}
.exp-hub-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:9px;background:#f3faf6;border:1px solid rgba(25,104,77,.08);color:#143a30;font:700 16px/1.5 var(--sans,Arial,sans-serif);transition:background-color .2s,transform .2s,color .2s}
.exp-hub-grid a span:last-child{font-size:20px;color:#168975}
.exp-hub-grid a:hover,.exp-hub-grid a:focus-visible{background:#daf5ea;color:#053d31;transform:translateX(2px)}
.exp-turdera{display:grid;grid-template-columns:auto 1fr auto;gap:21px;align-items:center;margin-top:26px;padding:26px 30px;border-radius:17px;background:linear-gradient(114deg,#0e2823,#09211c 65%,#063d33);color:#fff;box-shadow:0 16px 45px rgba(13,56,43,.15)}
.exp-turdera-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;border:1px solid rgba(128,220,182,.28);font-size:30px;color:#6be7ca}
.exp-turdera .exp-overline{font-size:11px;color:#93e7d0}
.exp-turdera h3{font:500 clamp(27px,3vw,38px)/1.2 var(--serif,Georgia,serif);letter-spacing:-.02em;margin:0 0 8px}
.exp-turdera p:last-child{font-size:16px;line-height:1.7;color:#d8e9e3;margin:0;max-width:71ch}
.exp-turdera>a{font:700 15px/1.4 var(--sans,Arial,sans-serif);display:flex;align-items:center;gap:10px;background:#e8fcf3;border-radius:8px;color:#0a382e;padding:14px 18px;white-space:nowrap}
.exp-turdera>a:hover,.exp-turdera>a:focus-visible{background:#bff3de}
@media(max-width:900px){.exp-hub-groups{grid-template-columns:1fr}.exp-turdera{grid-template-columns:auto 1fr}.exp-turdera>a{grid-column:2;justify-self:start}}
@media(max-width:640px){.exp-hub-section{padding:62px 0}.exp-hub-groups>div{padding:18px}.exp-hub-grid a{padding:12px;font-size:16px}.exp-turdera{grid-template-columns:1fr;padding:24px;gap:12px}.exp-turdera-icon{width:45px;height:45px}.exp-turdera>a{grid-column:1;white-space:normal}.exp-hub-intro h2{font-size:40px}}
