body.widais-about-page{
background:#050505 !important;
color:#f7f7f2;
}

body.widais-about-page .widais-about-container{
width:calc(100vw - 48px);
max-width:none;
}

body.widais-about-page .widais-about-header,
body.widais-about-page .footer-legal{
background:#050505 !important;
border-color:rgba(255,255,255,.14) !important;
box-shadow:none !important;
}

body.widais-about-page .widais-about-shell{
display:grid;
gap:10px;
margin-top:0;
width:100%;
}

body.widais-about-page .widais-about-hero{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(220px,.42fr);
gap:28px;
align-items:stretch;
min-height:360px;
padding:clamp(30px,4.2vw,58px);
border:1px solid rgba(255,255,255,.14);
border-radius:32px;
background:#050505 !important;
box-shadow:none;
isolation:isolate;
}

body.widais-about-page .widais-about-hero::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.74) 48%, rgba(5,5,5,.9) 100%),
radial-gradient(circle at 16% 6%, rgba(216,255,79,.24), transparent 35%),
radial-gradient(circle at 82% 22%, rgba(111,231,255,.22), transparent 35%),
radial-gradient(circle at 58% 92%, rgba(255,111,145,.14), transparent 36%);
pointer-events:none;
}

body.widais-about-page .widais-about-map{
position:absolute;
inset:-18% -8%;
z-index:-2;
opacity:.52;
filter:saturate(1.15) contrast(1.1);
}

body.widais-about-page .widais-about-hero-copy{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
max-width:980px;
z-index:1;
}

body.widais-about-page .widais-about-contrast-head span{
display:inline-flex;
width:max-content;
margin-bottom:16px;
padding:7px 11px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
font-size:.68rem;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#f2c84b;
background:rgba(255,255,255,.035);
}

body.widais-about-page .widais-about-hero h1{
margin:0;
max-width:1080px;
font-family:"Arial Black", Impact, sans-serif;
font-size:clamp(3.2rem,8.8vw,9.6rem);
line-height:.82;
letter-spacing:-.08em;
text-transform:uppercase;
color:#fff;
}

body.widais-about-page .widais-about-hero p{
max-width:860px;
margin:22px 0 0;
font-size:clamp(1.04rem,1.35vw,1.34rem);
line-height:1.55;
color:rgba(255,255,255,.76);
}

body.widais-about-page .widais-about-hero-mark{
position:relative;
z-index:1;
display:grid;
place-items:center;
min-height:100%;
padding:22px;
border:1px solid rgba(255,255,255,.16);
border-radius:28px;
background:rgba(255,255,255,.035);
}

body.widais-about-page .widais-about-hero-mark img{
display:block;
width:min(74%, 260px);
height:auto;
filter:drop-shadow(0 18px 44px rgba(0,0,0,.35));
}

body.widais-about-page .widais-about-principles{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}

body.widais-about-page .widais-about-principle,
body.widais-about-page .widais-about-contrast,
body.widais-about-page .widais-about-peace{
border:1px solid rgba(255,255,255,.14);
border-radius:28px;
background:#050505 !important;
box-shadow:none;
}

body.widais-about-page .widais-about-principle{
position:relative;
overflow:hidden;
padding:clamp(24px,2.7vw,36px);
min-height:290px;
display:flex;
flex-direction:column;
}

body.widais-about-page .widais-about-principle::after{
content:"";
position:absolute;
inset:auto 18px 18px auto;
width:92px;
height:92px;
border:1px solid rgba(255,255,255,.08);
border-radius:30px;
background:radial-gradient(circle at 30% 30%, rgba(242,200,75,.16), transparent 62%);
opacity:.8;
pointer-events:none;
}

body.widais-about-page .widais-about-principle > span{
display:grid;
place-items:center;
width:54px;
height:54px;
margin-bottom:auto;
border:1px solid rgba(242,200,75,.42);
border-radius:18px;
font-size:.82rem;
font-weight:950;
letter-spacing:.08em;
color:#f2c84b;
background:rgba(242,200,75,.08);
}

body.widais-about-page .widais-about-principle:nth-child(1) > span{
border-color:rgba(216,255,79,.52);
color:#d8ff4f;
background:rgba(216,255,79,.08);
}

body.widais-about-page .widais-about-principle:nth-child(2) > span{
border-color:rgba(111,231,255,.52);
color:#6fe7ff;
background:rgba(111,231,255,.08);
}

body.widais-about-page .widais-about-principle:nth-child(3) > span{
border-color:rgba(255,111,145,.52);
color:#ff6f91;
background:rgba(255,111,145,.08);
}

body.widais-about-page .widais-about-principle h2{
margin:26px 0 12px;
font-family:"Arial Black", Impact, sans-serif;
font-size:clamp(1.45rem,2.8vw,2.6rem);
line-height:.9;
letter-spacing:-.06em;
text-transform:uppercase;
color:#fff;
}

body.widais-about-page .widais-about-principle p{
margin:0;
font-size:1rem;
line-height:1.5;
color:rgba(255,255,255,.68);
}

body.widais-about-page .widais-about-contrast{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:minmax(340px,.42fr) minmax(0,.58fr);
gap:clamp(18px,2.4vw,34px);
padding:clamp(28px,3.8vw,54px);
isolation:isolate;
}

body.widais-about-page .widais-about-contrast::before{
display:none;
}

body.widais-about-page .widais-about-contrast-head{
display:flex;
flex-direction:column;
justify-content:center;
min-height:100%;
padding:0;
border:0;
border-radius:0;
background:transparent;
}

body.widais-about-page .widais-about-contrast-grid{
display:grid;
grid-template-columns:1fr;
gap:10px;
}

body.widais-about-page .widais-about-contrast-grid article{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:68px minmax(0,1fr) 34px 68px minmax(0,1fr);
align-items:center;
gap:12px;
min-height:94px;
padding:14px;
border:1px solid rgba(255,255,255,.13);
border-radius:26px;
background:
linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),
rgba(5,5,5,.62);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

body.widais-about-page .widais-about-contrast-grid article::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
background:linear-gradient(180deg, rgba(255,111,145,.8), rgba(216,255,79,.95), rgba(111,231,255,.75));
opacity:.9;
}

body.widais-about-page .widais-about-contrast-grid small{
position:relative;
z-index:1;
display:grid;
place-items:center;
height:36px;
margin:0;
border:1px solid rgba(255,255,255,.12);
border-radius:15px;
font-size:.62rem;
font-weight:950;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(255,255,255,.54);
background:rgba(255,255,255,.035);
}

body.widais-about-page .widais-about-contrast-grid small:first-child{
color:#ff9eb5;
border-color:rgba(255,111,145,.22);
background:rgba(255,111,145,.06);
}

body.widais-about-page .widais-about-contrast-grid small:nth-of-type(2){
color:#d8ff4f;
border-color:rgba(216,255,79,.34);
background:rgba(216,255,79,.08);
}

body.widais-about-page .widais-about-contrast-grid strong,
body.widais-about-page .widais-about-contrast-grid b{
position:relative;
z-index:1;
display:block;
font-size:clamp(.95rem,1.05vw,1.12rem);
line-height:1.18;
letter-spacing:-.02em;
color:rgba(255,255,255,.55);
}

body.widais-about-page .widais-about-contrast-grid b{
color:#fff;
font-weight:850;
}

body.widais-about-page .widais-about-contrast-grid em{
position:relative;
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid rgba(111,231,255,.55);
border-radius:13px;
background:linear-gradient(135deg, rgba(216,255,79,.14), rgba(111,231,255,.1));
box-shadow:0 0 18px rgba(111,231,255,.16);
}

body.widais-about-page .widais-about-contrast-grid em::before{
content:"";
position:absolute;
width:15px;
height:2px;
border-radius:999px;
background:linear-gradient(90deg, #d8ff4f, #6fe7ff);
transform:translateX(-1px);
}

body.widais-about-page .widais-about-contrast-grid em::after{
content:"";
position:absolute;
width:8px;
height:8px;
border-top:2px solid #6fe7ff;
border-right:2px solid #6fe7ff;
border-radius:1px;
transform:translate(4px,0) rotate(45deg);
}

body.widais-about-page .widais-about-contrast-head h2{
margin:0;
max-width:560px;
font-family:"Arial Black", Impact, sans-serif;
font-size:clamp(2.35rem,5.4vw,7rem);
line-height:.84;
letter-spacing:-.08em;
text-transform:uppercase;
background:none;
-webkit-background-clip:initial;
background-clip:border-box;
color:#fff;
}

body.widais-about-page .widais-about-peace{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr);
gap:clamp(24px,3.2vw,46px);
padding:clamp(28px,3.8vw,54px);
isolation:isolate;
}

body.widais-about-page .widais-about-peace::before{
display:none;
}

body.widais-about-page .widais-about-peace-copy{
display:flex;
flex-direction:column;
justify-content:center;
}

body.widais-about-page .widais-about-peace-copy span{
display:inline-flex;
width:max-content;
margin-bottom:16px;
padding:7px 11px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
font-size:.68rem;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:#d8ff4f;
background:rgba(255,255,255,.04);
}

body.widais-about-page .widais-about-peace-copy h2{
margin:0;
max-width:720px;
font-family:"Arial Black", Impact, sans-serif;
font-size:clamp(2.35rem,5.2vw,6.8rem);
line-height:.84;
letter-spacing:-.08em;
text-transform:uppercase;
color:#fff;
}

body.widais-about-page .widais-about-peace-copy h2{
background:linear-gradient(135deg, #fff 0%, #d8ff4f 34%, #6fe7ff 68%, #ff8bb0 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}

body.widais-about-page .widais-about-peace-copy p{
max-width:680px;
margin:22px 0 0;
font-size:clamp(1rem,1.22vw,1.22rem);
line-height:1.55;
color:rgba(255,255,255,.74);
}

body.widais-about-page .widais-about-peace-grid{
display:grid;
grid-template-columns:1fr;
gap:10px;
align-content:stretch;
}

body.widais-about-page .widais-about-peace-grid article{
--peace-color:rgba(216,255,79,.95);
--peace-soft-a:rgba(216,255,79,.18);
--peace-soft-b:rgba(119,246,167,.12);
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:42px minmax(0,1fr);
align-items:center;
gap:16px;
min-height:118px;
padding:18px;
border:1px solid rgba(255,255,255,.13);
border-radius:26px;
background:rgba(255,255,255,.035);
color:#fff;
isolation:isolate;
}

body.widais-about-page .widais-about-peace-grid article:nth-child(1){
--peace-color:rgba(216,255,79,.95);
--peace-soft-a:rgba(216,255,79,.24);
--peace-soft-b:rgba(119,246,167,.16);
border-color:rgba(216,255,79,.30);
}

body.widais-about-page .widais-about-peace-grid article:nth-child(2){
--peace-color:rgba(111,231,255,.95);
--peace-soft-a:rgba(111,231,255,.22);
--peace-soft-b:rgba(184,162,255,.16);
border-color:rgba(111,231,255,.30);
}

body.widais-about-page .widais-about-peace-grid article:nth-child(3){
--peace-color:rgba(255,111,145,.95);
--peace-soft-a:rgba(255,111,145,.22);
--peace-soft-b:rgba(255,189,107,.16);
border-color:rgba(255,111,145,.30);
}

body.widais-about-page .widais-about-peace-grid article::before{
content:"";
position:absolute;
inset:-42%;
z-index:0;
background:
radial-gradient(circle at 18% 22%, var(--peace-soft-a), transparent 30%),
radial-gradient(circle at 88% 12%, var(--peace-soft-b), transparent 28%),
radial-gradient(circle at 68% 92%, rgba(255,255,255,.075), transparent 30%);
filter:blur(2px);
opacity:.95;
animation:widaisAboutPeaceBubbleFlow 9s ease-in-out infinite alternate;
pointer-events:none;
}

body.widais-about-page .widais-about-peace-grid article:nth-child(2)::before{
animation-duration:10.5s;
animation-delay:-2s;
}

body.widais-about-page .widais-about-peace-grid article:nth-child(3)::before{
animation-duration:11.5s;
animation-delay:-4s;
}

body.widais-about-page .widais-about-peace-grid article::after{
content:"";
position:absolute;
inset:16px auto auto 18px;
z-index:2;
width:18px;
height:18px;
border:1px solid var(--peace-color);
border-radius:8px;
background:var(--peace-color);
box-shadow:0 0 28px var(--peace-color);
}

body.widais-about-page .widais-about-peace-grid strong,
body.widais-about-page .widais-about-peace-grid p{
position:relative;
z-index:2;
}

body.widais-about-page .widais-about-peace-grid strong{
grid-column:2;
font-family:inherit;
font-size:clamp(1.05rem,1.35vw,1.45rem);
line-height:1;
letter-spacing:-.035em;
text-transform:none;
color:#fff;
}

body.widais-about-page .widais-about-peace-grid p{
grid-column:2;
margin:0;
color:rgba(255,255,255,.66);
font-size:.94rem;
font-weight:650;
line-height:1.38;
}

@keyframes widaisAboutPeaceBubbleFlow{
0%{
transform:translate3d(-3%, -2%, 0) rotate(0deg) scale(1);
}
50%{
transform:translate3d(4%, 3%, 0) rotate(8deg) scale(1.06);
}
100%{
transform:translate3d(-1%, 5%, 0) rotate(-6deg) scale(1.03);
}
}

@media (prefers-reduced-motion: reduce){
body.widais-about-page .widais-about-peace-grid article::before{
animation:none;
}
}

body.widais-about-page .footer-legal .footer-group > a{
color:rgba(255,255,255,.72) !important;
}

body.widais-about-page .footer-legal .footer-group > a:hover{
color:#fff !important;
}

body.widais-about-page .widais-about-route-banner{
margin-top:clamp(4px,.5vw,6px) !important;
}

@media (max-width: 900px){
body.widais-about-page .widais-about-hero,
body.widais-about-page .widais-about-contrast,
body.widais-about-page .widais-about-peace{
grid-template-columns:1fr;
}

body.widais-about-page .widais-about-principles{
grid-template-columns:1fr;
}

body.widais-about-page .widais-about-contrast-head{
gap:0;
}

body.widais-about-page .widais-about-contrast-grid{
grid-template-columns:1fr;
}

body.widais-about-page .widais-about-peace-grid{
grid-template-columns:1fr;
}

}

@media (max-width: 640px){
body.widais-about-page .widais-about-container{
width:calc(100vw - 32px);
padding:0;
}

body.widais-about-page .widais-about-shell{
margin-top:0;
}

body.widais-about-page .widais-about-hero,
body.widais-about-page .widais-about-contrast,
body.widais-about-page .widais-about-peace{
padding:22px;
border-radius:26px;
}

body.widais-about-page .widais-about-hero h1{
font-size:clamp(2.4rem,18vw,4.5rem);
}

body.widais-about-page .widais-about-hero-mark{
min-height:210px;
}

body.widais-about-page .widais-about-principle{
min-height:220px;
}

body.widais-about-page .widais-about-contrast-grid article{
grid-template-columns:1fr;
gap:10px;
}

body.widais-about-page .widais-about-contrast-head{
padding:0;
}

body.widais-about-page .widais-about-contrast-grid em{
transform:rotate(90deg);
}

body.widais-about-page .widais-about-peace-grid article{
min-height:190px;
}

}

/* 1377: white headline treatment for the About focus statement. */
body.widais-about-page .widais-about-peace-copy h2{
background:none !important;
-webkit-background-clip:border-box !important;
background-clip:border-box !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
text-shadow:0 0 18px rgba(255,255,255,.10) !important;
}

/* 1378: align the Paz/Exito accent dot with each card block. */
body.widais-about-page .widais-about-peace-grid article::after{
inset:auto !important;
position:relative !important;
grid-column:1 !important;
grid-row:1 !important;
justify-self:center !important;
align-self:center !important;
width:16px !important;
height:16px !important;
border-radius:999px !important;
transform:none !important;
}

body.widais-about-page .widais-about-peace-grid strong{
grid-row:1 !important;
align-self:center !important;
}

body.widais-about-page .widais-about-peace-grid p{
grid-row:2 !important;
}

/* 1380: tighten title-to-copy spacing inside Paz/Exito cards. */
body.widais-about-page .widais-about-peace-grid article{
column-gap:16px !important;
row-gap:1px !important;
}
