/* WaterGradePro dark 3D design.
   Dark skin for GeneratePress plus a 3D header, in water cyan.
   This file is only loaded when the design is on for the request: the default look never sees it.
   Rules are scoped under "html body" to beat GeneratePress at equal specificity. */

@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/poppins-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* GeneratePress global colors, flipped to dark, plus the brand tokens */
:root{--contrast:#EAF0F5;--contrast-2:#AEB8C2;--contrast-3:#3A4552;--base:#1B232C;--base-2:#090C10;--base-3:#0E1217;--accent:#6FD3FA;
 --y:#1AB3EC;--y2:#6FD3FA;--y3:#D4F2FF;--yr:26,179,236;
 --bg:#090C10;--bg2:#0E1217;--surf:#10151B;--surf2:#151C23;--line2:#1D252E;--ink:#EAF0F5;--txt:#AEB8C2;--mut:#8792A0;--sep:#566170;
 --ff:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--ancho:min(1180px,92%)}

/* ---------------------------------------------------------------- base */
html body{background:var(--bg);color:var(--txt);font-family:var(--ff);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html body button,html body input,html body select,html body textarea{font-family:var(--ff)}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-family:var(--ff);color:#fff;font-weight:700;letter-spacing:-.02em;line-height:1.2}
html body ::selection{background:rgba(var(--yr),.35);color:#fff}
html body a{color:var(--y2);text-underline-offset:2px}
html body a:hover,html body a:focus{color:#fff}
html body :focus-visible{outline:2px solid var(--y2);outline-offset:2px}

/* ---------------------------------------------------------------- header and navigation */
html body .site-header{background:rgba(9,12,16,.97);border-bottom:1px solid var(--line2)}
html body .inside-header{width:var(--ancho);max-width:none;padding:18px 0}
html body .main-title{margin:0;font-size:19px;line-height:1;font-weight:700}
html body .main-title a,html body .main-title a:hover{color:#fff;font-family:var(--ff);font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
html body .main-title .wgp-logo-acc,html body .wgp-pie-logo .wgp-logo-acc{color:var(--y)}
html body .main-title .wgp-logo-pro,html body .wgp-pie-logo .wgp-logo-pro{margin-left:.3em}
/* Logo: the drop with its halo and the name on two lines. The rules above (.wgp-logo-acc) style the text logo, the fallback. */
html body .wgp-logo{display:inline-flex;align-items:center;gap:12px;vertical-align:middle}
html body .wgp-marca{position:relative;display:block;flex:0 0 auto;width:30px;height:42px}
html body .wgp-marca:before{content:"";position:absolute;inset:-34% -60%;background:radial-gradient(closest-side,rgba(var(--yr),.42),transparent 72%);animation:wgp-respira 4.2s ease-in-out infinite;pointer-events:none}
html body .wgp-gota{position:relative;z-index:1;display:block;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}
html body .wgp-brillo{position:absolute;z-index:2;top:-3px;right:-7px;width:12px;height:12px;opacity:0;pointer-events:none}
html body a.wgp-logo:hover .wgp-gota{transform:translateY(-2px) rotate(-2deg)}
html body a.wgp-logo:hover .wgp-brillo{animation:wgp-brillo .7s ease-out}
html body .wgp-nombre{display:block;font-family:var(--ff);font-weight:700;line-height:.98;letter-spacing:.06em;text-transform:uppercase;color:#fff}
html body .wgp-nombre b{display:block;font-weight:700;background:linear-gradient(90deg,var(--y2),var(--y) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .wgp-nombre b span{color:#fff;-webkit-text-fill-color:#fff}
html body .wgp-pie-logo .wgp-logo{gap:16px}
html body .wgp-pie-logo .wgp-marca{width:40px;height:56px}
@keyframes wgp-respira{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:.9;transform:scale(1.06)}}
@keyframes wgp-brillo{0%{opacity:0;transform:scale(.3) rotate(0)}35%{opacity:1;transform:scale(1) rotate(25deg)}100%{opacity:0;transform:scale(.6) rotate(60deg) translate(5px,-5px)}}
@media (prefers-reduced-motion:reduce){html body .wgp-marca:before,html body a.wgp-logo:hover .wgp-brillo{animation:none}html body a.wgp-logo:hover .wgp-gota{transform:none}}
html body .site-description{color:var(--mut)}
html body .main-navigation,html body .main-navigation ul ul{background:transparent}
html body .main-navigation ul ul{background:var(--surf);border:1px solid var(--line2);border-radius:12px}
html body .main-navigation .main-nav ul li a{color:#D5DCE3;font-weight:600;font-size:15px}
html body .main-navigation .main-nav ul li:hover>a,html body .main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--y2)}
html body .menu-toggle,html body .mobile-menu-control-wrapper .menu-toggle,html body .mobile-menu-control-wrapper .menu-toggle:hover{background:transparent;color:#fff;font-size:26px;padding:0 4px}
html body .menu-toggle .mobile-menu{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body .has-inline-mobile-toggle #site-navigation.toggled{background:var(--surf);border-radius:12px}
/* no menu yet: no toggle that opens an empty list */
html body .site-header:not(:has(#site-navigation li)) .menu-toggle,html body .site-header:not(:has(#site-navigation li)) #site-navigation{display:none}

/* ---------------------------------------------------------------- containers */
html body .site.grid-container{width:var(--ancho);max-width:none;background:transparent}
html body.no-sidebar .site-content .content-area{width:100%;flex:1 1 100%}
html body.separate-containers .inside-article,html body.separate-containers .comments-area,html body.separate-containers .page-header,html body.separate-containers .paging-navigation,html body .inside-page-header{background:var(--surf);border:1px solid var(--line2);border-radius:16px;color:var(--txt)}
html body .entry-meta{color:var(--mut);font-size:14px}
html body .entry-meta a{color:var(--y2)}
html body .entry-title a{color:#fff}
html body .entry-title a:hover{color:var(--y2)}
html body .page-header .page-title{font-size:clamp(1.6rem,3vw,2.2rem)}

/* ---------------------------------------------------------------- reading text */
html body .entry-content{color:var(--txt)}
html body .entry-content p,html body .entry-content li{color:var(--txt)}
html body .entry-content strong,html body .entry-content b{color:var(--ink);font-weight:600}
html body .entry-content h2{font-size:clamp(1.55rem,2.6vw,2rem);margin:2.2em 0 .7em}
html body .entry-content h3{font-size:1.3rem;margin:1.8em 0 .5em;color:#F2F6F9}
html body .entry-content ul li::marker,html body .entry-content ol li::marker{color:var(--y)}
html body .entry-content blockquote{margin:1.6em 0;padding:16px 22px;border-left:3px solid var(--y);border-radius:0 12px 12px 0;background:var(--surf);color:var(--ink);font-style:normal}
html body .entry-content blockquote p{color:var(--ink)}
html body .entry-content hr{border:0;border-top:1px solid var(--line2)}
html body .entry-content code,html body .entry-content kbd{padding:2px 6px;border-radius:6px;background:var(--surf2);color:var(--y3);font-size:.9em}
html body .entry-content figure img,html body .entry-content .wp-block-image img{border-radius:12px}
html body .entry-content figcaption,html body .wp-element-caption{color:var(--mut);font-size:13.5px}
html body .entry-content table{width:100%;margin:1.5em 0;border-collapse:separate;border-spacing:0;border:1px solid var(--line2);border-radius:14px;overflow:hidden;font-size:15px}
html body .entry-content th{background:var(--surf2);color:#fff;font-weight:600;text-align:left}
html body .entry-content th,html body .entry-content td{padding:11px 14px;border:0;border-bottom:1px solid var(--line2);color:var(--txt)}
html body .entry-content tr:last-child td{border-bottom:0}
html body .entry-content tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)}
/* WordPress's fixed table layout splits words in narrow columns: auto layout, whole words, and the figure scrolls if needed */
html body .entry-content .wp-block-table{overflow-x:auto;margin:1.5em 0}
html body .entry-content .wp-block-table table{margin:0}
html body .entry-content .wp-block-table .has-fixed-layout{table-layout:auto}
html body .entry-content .wp-block-table td,html body .entry-content .wp-block-table th{word-break:normal;overflow-wrap:normal}

/* ---------------------------------------------------------------- forms and buttons */
html body input[type="text"],html body input[type="email"],html body input[type="url"],html body input[type="password"],html body input[type="search"],html body input[type="tel"],html body input[type="number"],html body textarea,html body select{background:var(--bg2);color:var(--ink);border:1px solid var(--line2);border-radius:10px}
html body input[type="text"]:focus,html body input[type="email"]:focus,html body input[type="url"]:focus,html body input[type="password"]:focus,html body input[type="search"]:focus,html body input[type="tel"]:focus,html body input[type="number"]:focus,html body textarea:focus,html body select:focus{background:var(--bg2);color:#fff;border-color:rgba(var(--yr),.7)}
html body button:not(.menu-toggle),html body input[type="submit"],html body input[type="button"],html body a.button,html body .wp-block-button__link{background:linear-gradient(135deg,var(--y),var(--y2));color:#04121A;border:0;border-radius:999px;font-weight:700}
html body button:not(.menu-toggle):hover,html body input[type="submit"]:hover,html body input[type="button"]:hover,html body a.button:hover,html body .wp-block-button__link:hover,html body button:not(.menu-toggle):focus,html body a.button:focus{background:linear-gradient(135deg,var(--y),var(--y2));color:#04121A;filter:brightness(1.08)}
html body .search-form{display:flex;gap:10px;align-items:stretch;max-width:520px}
html body .search-form label{flex:1 1 auto;margin:0}
html body .search-form .search-field{width:100%;padding:12px 16px}
html body .search-form .search-submit{padding:0 20px}

/* ---------------------------------------------------------------- footer */
html body .site-footer,html body .site-info{background:#06080B;color:var(--mut)}
html body .site-info{border-top:1px solid var(--line2);font-size:14px}
html body .inside-site-info{width:var(--ancho);max-width:none;padding:26px 0}
html body .site-info a{color:var(--y2)}

/* ---------------------------------------------------------------- lists: home, archives and search as a card grid */
html body.wgp3d-lista .site-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:44px 0 40px}
html body.wgp3d-lista .site-main>*{grid-column:1/-1;margin:0}
html body.wgp3d-lista .site-main>article{grid-column:auto}
html body.wgp3d-lista .site-main>article .inside-article{display:flex;flex-direction:column;height:100%;padding:12px 12px 20px;transition:border-color .25s,translate .25s}
html body.wgp3d-lista .site-main>article .inside-article:hover{border-color:rgba(var(--yr),.5);translate:0 -3px}
html body.wgp3d-lista .site-main>article .post-image{order:-1;margin:0 0 14px}
html body.wgp3d-lista .site-main>article .post-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:11px}
html body.wgp3d-lista .site-main>article .entry-header,html body.wgp3d-lista .site-main>article .entry-summary,html body.wgp3d-lista .site-main>article footer.entry-meta{padding:0 6px}
html body.wgp3d-lista .site-main>article .entry-title{margin:0 0 6px;font-size:19px;line-height:1.3}
html body.wgp3d-lista .site-main>article .entry-summary p{font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body.wgp3d-lista .site-main>article footer.entry-meta{margin-top:auto;font-size:13px}

/* ---------------------------------------------------------------- 3D header */
html body .r3{--line:rgba(var(--yr),.22);color:var(--txt);font-size:16.5px;line-height:1.7;background:var(--bg)}
html body .r3 *{box-sizing:border-box}
html body .r3 p{padding:0;margin:0 0 14px}
html body .r3-hero{position:relative;overflow:hidden;isolation:isolate;padding:18px 0 88px;
 background:radial-gradient(820px 420px at 80% 38%,rgba(var(--yr),.16),transparent 66%),radial-gradient(640px 300px at 6% 0%,rgba(var(--yr),.07),transparent 70%),var(--bg);
 border-bottom:1px solid var(--line)}
html body .r3 .r3-migas{width:var(--ancho);margin:0 auto 34px;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;line-height:1.5;color:var(--mut);position:relative;z-index:3}
html body .r3 .r3-migas a{color:var(--y2);text-decoration:none}
html body .r3 .r3-migas a:hover{color:#fff}
html body .r3 .r3-sep{color:var(--sep);margin:0 4px}
html body .r3-hero-in{width:var(--ancho);margin:0 auto;display:grid;align-items:center;gap:52px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);position:relative;z-index:3}
html body .r3-sinfoto .r3-hero-in{grid-template-columns:minmax(0,1fr)}
html body .r3 .r3-pill{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:6px 15px;border:1px solid rgba(var(--yr),.45);border-radius:999px;background:rgba(var(--yr),.07);
 color:var(--y2);font-size:11.5px;font-weight:700;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}
html body .r3 .r3-pill b{width:7px;height:7px;border-radius:50%;background:var(--y);box-shadow:0 0 12px var(--y);animation:r3Latido 2s ease-in-out infinite}
html body .r3 .r3-h1{margin:0;padding:0;color:#fff;font-family:var(--ff);font-size:clamp(2rem,4.1vw,3.3rem);line-height:1.1;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
html body .r3 .r3-h1 em{font-style:normal;color:var(--y)}
html body .r3-barra{display:block;width:76px;height:4px;margin:22px 0;border-radius:4px;background:linear-gradient(90deg,var(--y),var(--y2));
 box-shadow:0 0 18px rgba(var(--yr),.6);transform-origin:left;animation:r3Barra 1s .45s cubic-bezier(.2,.7,.2,1) both}
html body .r3 .r3-firma{max-width:62ch;margin:0 0 18px;color:#C6CFD8;font-size:14.5px;line-height:1.65}
html body .r3 .r3-firma a{color:var(--y2);text-decoration:underline;text-underline-offset:2px}
html body .r3 .r3-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0}
html body .r3-meta span{padding:7px 14px;border:1px solid #23303B;border-radius:999px;background:#0F151B;color:#D3DAE0;font-size:13px;line-height:1.4}
html body .r3 .r3p-txt{max-width:60ch}
html body .r3 .r3p-txt p{margin:0 0 12px;padding:0;color:#C6CFD8;font-size:15.5px;line-height:1.65}
html body .r3 .r3p-txt>p:first-child{color:#E3E9EE;font-size:17.5px;line-height:1.6}
html body .r3 .r3p-txt .r3p-nota{margin-top:6px;color:var(--mut);font-size:13px}
html body .r3 .r3p-txt a{color:var(--y2);text-decoration:underline;text-underline-offset:2px}

/* entrance: translate only (never transform); the h1 never starts hidden */
html body .r3-hero-txt>*{animation:r3Entra .9s cubic-bezier(.2,.7,.2,1) both}
html body .r3-hero-txt>*:nth-child(2){animation-delay:.08s}
html body .r3-hero-txt>*:nth-child(3){animation-delay:.16s}
html body .r3-hero-txt>*:nth-child(4){animation-delay:.24s}
html body .r3-hero-txt>*:nth-child(5){animation-delay:.32s}
html body .r3-hero-txt>*:nth-child(6){animation-delay:.4s}
html body .r3-hero-txt>.r3-h1{animation-name:r3Sube}

/* grid floor moving toward the reader */
html body .r3-suelo{position:absolute;left:-15%;right:-15%;bottom:0;height:200px;z-index:1;pointer-events:none;overflow:hidden;
 transform:perspective(420px) rotateX(62deg);transform-origin:50% 100%;
 -webkit-mask-image:linear-gradient(to top,#000 5%,transparent 88%);mask-image:linear-gradient(to top,#000 5%,transparent 88%)}
html body .r3-suelo::before{content:"";position:absolute;left:0;right:0;top:-58px;bottom:0;
 background-image:linear-gradient(rgba(var(--yr),.2) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--yr),.2) 1px,transparent 1px);
 background-size:58px 58px;animation:r3Suelo 5s linear infinite}

/* the photo (or a 3D document) as a floating card over a ring of light with an orbit */
html body .r3-obj{position:relative;min-height:330px;padding:12px 0 74px;perspective:1100px;display:flex;align-items:center;justify-content:center}
html body .r3-card{position:relative;width:100%;max-width:540px;transform-style:preserve-3d;z-index:2;
 transform:rotateX(calc(7deg + var(--rx,0deg))) rotateY(calc(-15deg + var(--ry,0deg))) rotateZ(1deg);
 transition:transform .35s ease-out;animation:r3Flota 6s ease-in-out infinite}
html body .r3-hoja{position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#1A222B,#0D1116);border:1px solid rgba(var(--yr),.2)}
html body .r3-hoja.ha{transform:translateZ(-9px) translate(5px,4px)}
html body .r3-hoja.hb{transform:translateZ(-18px) translate(10px,8px);opacity:.8}
html body .r3-hoja.hc{transform:translateZ(-27px) translate(15px,12px);opacity:.55}
html body .r3-card .r3-fig{position:relative;margin:0;padding:10px;border-radius:18px;overflow:hidden;
 background:linear-gradient(160deg,#18202A 0%,#0E1318 55%,#131A21 100%);border:1px solid rgba(var(--yr),.45);
 box-shadow:0 34px 60px rgba(0,0,0,.75),0 0 44px rgba(var(--yr),.15),inset 0 1px 0 rgba(255,255,255,.08)}
html body .r3-card .r3-fig img{display:block;width:100%;max-width:100%;height:auto;margin:0;border-radius:11px;background:#10161C}
html body .r3-card .r3-fig figcaption{margin:9px 4px 1px;padding:0;color:var(--txt);font-size:12.5px;line-height:1.45;font-style:normal;text-align:left}
html body .r3-brillo{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:18px;pointer-events:none}
html body .r3-brillo i{position:absolute;top:-40%;bottom:-40%;left:-60%;width:60%;
 background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.13) 50%,transparent 70%);animation:r3Brillo 6s ease-in-out infinite}
html body .r3-aro{position:absolute;bottom:16px;left:50%;width:400px;height:90px;margin-left:-200px;border-radius:50%;
 border:1.5px solid rgba(var(--yr),.6);box-shadow:0 0 30px rgba(var(--yr),.33),inset 0 0 26px rgba(var(--yr),.2);animation:r3Aro 3s ease-in-out infinite}
html body .r3-aro.a2{width:500px;height:116px;margin-left:-250px;bottom:2px;border-color:rgba(var(--yr),.22);animation-delay:1.5s}
html body .r3-orbita{position:absolute;bottom:-138px;left:50%;width:400px;height:400px;margin-left:-200px;transform:scaleY(.24)}
html body .r3-orbita i{position:absolute;inset:0;animation:r3Gira 5.5s linear infinite}
html body .r3-orbita i::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;
 background:var(--y3);box-shadow:0 0 18px 6px rgba(var(--yr),.85)}
html body .r3-luz{position:absolute;bottom:30px;left:50%;width:360px;height:150px;margin-left:-180px;filter:blur(12px);
 background:radial-gradient(closest-side,rgba(var(--yr),.36),transparent);animation:r3Latido 3s ease-in-out infinite}

/* the 3D document: pages without a photo, home, archives and 404 */
html body .r3-pag .r3-card,html body .r3-portada .r3-card,html body .r3-archivo .r3-card,html body .r3-e404 .r3-card{max-width:440px}
html body .r3-pag .r3-hero,html body .r3-portada .r3-hero,html body .r3-archivo .r3-hero,html body .r3-e404 .r3-hero{padding-top:56px}
html body .r3p-doc{position:relative;display:flex;flex-direction:column;min-height:380px;margin:0;padding:28px 28px 20px;border-radius:18px;overflow:hidden;
 background:linear-gradient(160deg,#18212A 0%,#0F1419 58%,#141B22 100%);border:1px solid rgba(var(--yr),.45);
 box-shadow:0 34px 60px rgba(0,0,0,.75),0 0 44px rgba(var(--yr),.15),inset 0 1px 0 rgba(255,255,255,.08)}
html body .r3p-doc::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--y),var(--y2))}
html body .r3p-doc p{margin:0;padding:0}
html body .r3 .r3p-doc-k{display:flex;align-items:center;gap:11px;color:var(--y2);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.18em;text-transform:uppercase}
html body .r3p-ico{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(var(--yr),.35);
 background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236FD3FA' d='M12 2.5C8.4 7.1 5.5 10.9 5.5 14.4a6.5 6.5 0 0 0 13 0C18.5 10.9 15.6 7.1 12 2.5z'/%3E%3C/svg%3E") center/16px 16px no-repeat}
html body .r3 .r3p-doc-t{margin:20px 0 22px;color:#fff;font-family:var(--ff);font-size:25px;line-height:1.18;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
html body .r3 .r3p-doc-l{display:flex;flex-direction:column;gap:12px;flex:1 1 auto}
html body .r3p-doc-l i{display:block;height:8px;border-radius:6px;background:linear-gradient(90deg,#26313C,#1B232B)}
html body .r3p-doc-l i:nth-child(4n+1){background:linear-gradient(90deg,rgba(var(--yr),.4),#26313C 75%)}
html body .r3 .r3p-doc-pie{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:14px;border-top:1px dashed #27323D;color:var(--mut);font-size:11.5px;line-height:1.4;letter-spacing:.03em}
html body .r3 .r3p-doc-404{margin:16px 0 20px;font-family:var(--ff);font-size:104px;line-height:.95;font-weight:700;letter-spacing:-.05em;
 background:linear-gradient(135deg,#fff 15%,var(--y2) 55%,var(--y) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .r3p-doc--404 .r3p-doc-l i{opacity:.6}
/* home: what each NSF/ANSI standard covers */
html body .r3 .r3p-cert{display:flex;flex-direction:column;gap:9px;flex:1 1 auto;margin:0;padding:0;list-style:none}
html body .r3 .r3p-cert li{display:flex;align-items:center;gap:12px;margin:0;padding:9px 12px;border:1px solid #1F2933;border-radius:12px;background:rgba(255,255,255,.02);color:var(--txt);font-size:13px;line-height:1.35}
html body .r3 .r3p-cert li::before{content:"";flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(var(--yr),.6);
 background:rgba(var(--yr),.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%236FD3FA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px 11px no-repeat}
html body .r3 .r3p-cert b{flex:0 0 auto;min-width:92px;color:#fff;font-weight:600;font-size:12.5px;letter-spacing:.02em}

/* ---------------------------------------------------------------- reading column under the header */
html body.wgp3d-sing .inside-article{width:min(780px,100%);max-width:none;margin:44px auto 0;padding:0;background:transparent;border:0;border-radius:0}
html body.wgp3d-sing .site-main{margin:0 0 48px}
html body.wgp3d-sing .entry-content{margin-top:0;counter-reset:r3s}
html body.wgp3d-sing .entry-content>h2{position:relative;padding-top:30px;border-top:1px solid #1B232B}
html body.wgp3d-sing .entry-content>h2::after{content:"";position:absolute;top:-1px;left:0;width:56px;height:2px;background:var(--y);box-shadow:0 0 12px var(--y)}
html body.wgp3d-sing .entry-content>h2:not(#faq):not(#verdict):not(#bottom-line):not(#sources):not(.r3-sin-num){counter-increment:r3s;min-height:44px;padding-left:60px}
html body.wgp3d-sing .entry-content>h2:not(#faq):not(#verdict):not(#bottom-line):not(#sources):not(.r3-sin-num)::before{content:counter(r3s);position:absolute;left:0;top:26px;
 display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(var(--yr),.5);color:var(--y2);
 font-size:17px;font-weight:700;line-height:1;letter-spacing:0;background:linear-gradient(135deg,rgba(var(--yr),.2),rgba(var(--yr),.04));box-shadow:0 0 24px rgba(var(--yr),.15)}
/* the in-body index (.toc) carries the same numbers; FAQ, verdict and sources carry none */
html body.wgp3d-sing .entry-content .toc{margin:28px 0;padding:20px 22px;border:1px solid var(--line2);border-radius:16px;background:var(--surf)}
html body.wgp3d-sing .entry-content .toc ol{counter-reset:r3t;list-style:none;margin:0;padding-left:0}
html body.wgp3d-sing .entry-content .toc li{counter-increment:r3t;display:flex;gap:10px;margin:0 0 6px}
html body.wgp3d-sing .entry-content .toc li::before{content:counter(r3t) ".";flex:0 0 auto;min-width:22px;color:var(--y2);font-weight:700}
html body.wgp3d-sing .entry-content .toc li:has(>a[href="#faq"]),html body.wgp3d-sing .entry-content .toc li:has(>a[href="#verdict"]),html body.wgp3d-sing .entry-content .toc li:has(>a[href="#bottom-line"]),html body.wgp3d-sing .entry-content .toc li:has(>a[href="#sources"]){counter-increment:none}
html body.wgp3d-sing .entry-content .toc li:has(>a[href="#faq"])::before,html body.wgp3d-sing .entry-content .toc li:has(>a[href="#verdict"])::before,html body.wgp3d-sing .entry-content .toc li:has(>a[href="#bottom-line"])::before,html body.wgp3d-sing .entry-content .toc li:has(>a[href="#sources"])::before{content:""}
html body.wgp3d-e404 .inside-article .entry-content>p{color:var(--ink)}

/* scroll-linked reveal, CSS only: without support everything stays visible and still */
@supports (animation-timeline:view()){
 @media (prefers-reduced-motion:no-preference){
  html body.wgp3d-sing .entry-content>h2{animation:r3Aparece linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
  html body.wgp3d-sing .entry-content>figure,html body.wgp3d-sing .entry-content>.wp-block-image{animation:r3Aparece linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
 }
}

/* off screen, only the looping decoration pauses (diseno-3d.js); the entrance animations never do */
html body .r3-quieto .r3-obj,html body .r3-quieto .r3-obj *,html body .r3-quieto .r3-obj *::before,html body .r3-quieto .r3-obj *::after,
html body .r3-quieto .r3-suelo::before,html body .r3-quieto .r3-pill b{animation-play-state:paused !important}

@keyframes r3Entra{from{opacity:0;translate:0 24px}to{opacity:1;translate:none}}
@keyframes r3Sube{from{translate:0 18px}to{translate:none}}
@keyframes r3Barra{from{scale:0 1}to{scale:1 1}}
@keyframes r3Latido{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes r3Flota{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes r3Brillo{0%,50%{translate:0 0}100%{translate:330% 0}}
@keyframes r3Aro{0%,100%{opacity:.5;scale:1}50%{opacity:1;scale:1.05}}
@keyframes r3Gira{to{rotate:360deg}}
@keyframes r3Suelo{to{translate:0 58px}}
@keyframes r3Aparece{from{opacity:.25;translate:0 26px}to{opacity:1;translate:none}}

@media(max-width:980px){
 html body .r3-hero{padding:14px 0 54px}
 html body .r3-pag .r3-hero,html body .r3-portada .r3-hero,html body .r3-archivo .r3-hero,html body .r3-e404 .r3-hero{padding-top:30px}
 html body .r3-hero-in{grid-template-columns:1fr;gap:26px}
 html body .r3 .r3-migas{margin-bottom:24px}
 html body .r3-obj{min-height:0;padding:4px 0 60px}
 html body .r3-card{max-width:560px;margin:0 auto}
 html body .r3-aro{width:300px;height:70px;margin-left:-150px;bottom:12px}
 html body .r3-aro.a2{width:380px;height:90px;margin-left:-190px;bottom:2px}
 html body .r3-orbita{width:300px;height:300px;margin-left:-150px;bottom:-102px}
 html body.wgp3d-sing .inside-article{margin-top:30px}
 html body.wgp3d-lista .site-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:768px){
 html body .inside-header{padding:14px 0}
 html body .main-title{font-size:18px}
}
@media(max-width:600px){
 html body .r3 .r3-h1{font-size:clamp(1.65rem,7vw,2.1rem);line-height:1.14}
 html body .r3-card{transform:rotateX(5deg) rotateY(-7deg)}
 html body .r3-card .r3-fig{padding:7px;border-radius:15px}
 html body .r3-card .r3-fig img{border-radius:9px}
 html body .r3p-doc{min-height:0;padding:22px 20px 16px}
 html body .r3 .r3p-doc-t{margin:16px 0 18px;font-size:21px}
 html body .r3p-doc-l i:nth-child(n+6){display:none}
 html body .r3 .r3p-doc-404{font-size:80px}
 html body .r3 .r3p-cert li{padding:8px 10px;font-size:12.5px}
 html body .r3 .r3p-cert b{min-width:84px}
 html body .r3 .r3p-txt>p:first-child{font-size:16.5px}
 html body.wgp3d-sing .entry-content>h2:not(#faq):not(#verdict):not(#bottom-line):not(#sources):not(.r3-sin-num){padding-left:50px;min-height:38px}
 html body.wgp3d-sing .entry-content>h2:not(#faq):not(#verdict):not(#bottom-line):not(#sources):not(.r3-sin-num)::before{width:38px;height:38px;top:27px;font-size:15px;border-radius:10px}
 html body .entry-content>table{display:block;overflow-x:auto}
 html body .entry-content table{font-size:13.5px}
 html body .entry-content th,html body .entry-content td{padding:8px 10px}
 html body.wgp3d-lista .site-main{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 html body .r3 *,html body .r3 *::before,html body .r3 *::after{animation:none !important;transition:none !important}
}

/* ---------------------------------------------------------------- home page sections */
html body .entry-content .wgp-intro{color:var(--txt);max-width:66ch}
html body .wgp-temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;margin:26px 0 8px}
html body .wgp-tema,html body .wgp-agua-caja,html body .entry-content .wgp-pasos>li,html body .entry-content .wgp-recientes>li{background:linear-gradient(180deg,var(--surf2),var(--surf));border:1px solid var(--line2);border-radius:16px;padding:20px 20px 18px;box-shadow:0 14px 34px -22px rgba(0,0,0,.9)}
html body .wgp-tema{display:flex;flex-direction:column}
html body .entry-content .wgp-temas h3,html body .entry-content .wgp-agua h3,html body .entry-content .wgp-pasos h3,html body .entry-content .wgp-recientes h3{font-size:18px;line-height:1.3;margin:0 0 8px;color:var(--ink)}
html body .entry-content .wgp-temas p,html body .entry-content .wgp-agua p,html body .entry-content .wgp-pasos p,html body .entry-content .wgp-recientes p{font-size:15px;line-height:1.6;margin:0 0 12px;color:var(--txt)}
html body .entry-content .wgp-tema .wgp-std{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--line2);font-size:12.5px;font-weight:600;letter-spacing:.05em;color:var(--y2)}
html body .wgp-agua{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0 8px}
html body .wgp-agua-caja{background:linear-gradient(160deg,rgba(var(--yr),.12),rgba(var(--yr),.02) 70%);border-color:rgba(var(--yr),.32)}
html body .entry-content .wgp-agua-caja p:last-child{margin:0}
html body .entry-content .wgp-agua-caja a{color:var(--y2);font-weight:600}
html body .entry-content .wgp-pasos{counter-reset:wgpaso;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0 12px;padding:0}
html body .entry-content .wgp-pasos>li{margin:0;counter-increment:wgpaso}
html body .entry-content .wgp-pasos>li::before{content:"0" counter(wgpaso);display:block;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--y);margin-bottom:10px}
html body .entry-content .wgp-pasos p{margin:0}
html body .entry-content .wgp-mas a{font-weight:600;color:var(--y2);text-decoration:none}
html body .entry-content .wgp-mas a::after{content:" \2192";content:" \2192" / ""}
html body .entry-content .wgp-recientes{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:24px 0 12px;padding:0}
html body .entry-content .wgp-recientes>li{margin:0;padding:0;transition:transform .2s ease,border-color .2s ease}
html body .entry-content .wgp-recientes>li:hover{transform:translateY(-3px);border-color:rgba(var(--yr),.45)}
html body .entry-content .wgp-recientes a{display:block;padding:20px;text-decoration:none}
html body .entry-content .wgp-recientes p{margin:0}
/* ---------------------------------------------------------------- footer columns */
html body .wgp-pie{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:28px 40px;width:var(--ancho);margin:0 auto;padding:44px 0 30px}
html body .wgp-pie-logo{font-size:24px;font-weight:700;color:var(--ink);margin:0 0 14px}
html body .wgp-pie-marca p:not(.wgp-pie-logo){font-size:14.5px;line-height:1.6;color:var(--mut);margin:0;max-width:44ch}
html body .wgp-pie-t{font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin:0 0 10px}
html body .wgp-pie-col a{display:block;padding:5px 0;font-size:14.5px;color:var(--txt);text-decoration:none}
html body .wgp-pie-col a:hover{color:var(--y2)}
@media(max-width:700px){
 html body .wgp-pie{grid-template-columns:1fr 1fr;padding:34px 0 22px}
 html body .wgp-pie-marca{grid-column:1/-1}
}

/* ---------------------------------------------------------------- author */
/* John's photo (an AI-generated avatar) on the 3D card of /author/john/ and in the home page's "Who runs this site" card. It
   always carries its notice. */
html body .r3-card .wgp-autor-fig{max-width:380px;margin:0 auto}
html body .r3-card .wgp-autor-fig img{aspect-ratio:1/1;object-fit:cover}
html body .entry-content .wgp-quien{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:44px;align-items:center;margin:34px 0 26px;padding:38px 40px;border:1px solid var(--line2);border-radius:22px;background:radial-gradient(520px 420px at 18% 50%,rgba(var(--yr),.16),transparent 70%),linear-gradient(180deg,#111821,#0B1016)}
html body .entry-content .wgp-quien-foto{position:relative;margin:0;border-radius:16px;transform:perspective(900px) rotateY(7deg) rotateZ(-1deg);box-shadow:0 0 0 1px rgba(var(--yr),.55),0 26px 60px rgba(0,0,0,.55),0 0 46px rgba(var(--yr),.28)}
html body .entry-content .wgp-quien-foto:after{content:"";position:absolute;left:10%;right:10%;bottom:-5px;height:4px;border-radius:4px;background:var(--y);box-shadow:0 0 18px rgba(var(--yr),.8)}
html body .entry-content .wgp-quien-img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:16px;margin:0}
html body .entry-content .wgp-quien-eyebrow{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--y)}
html body .entry-content .wgp-quien h2{margin:0 0 18px;font-size:clamp(32px,4.2vw,46px);line-height:1.05;letter-spacing:-.015em}
html body .entry-content .wgp-quien h2 span{background:linear-gradient(90deg,#EAF0F5,#8FA3B5);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .entry-content .wgp-quien-cita{margin:0 0 18px;padding:0 0 0 18px;border-left:3px solid var(--y);border-radius:0;background:none;font-size:clamp(19px,2vw,23px);font-weight:700;line-height:1.35;color:#fff;font-style:normal}
html body .entry-content .wgp-quien-cita b{color:var(--y2)}
html body .entry-content .wgp-quien-who{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--mut)}
html body .entry-content .wgp-quien-who strong{color:#fff}
html body .entry-content .wgp-quien-who a{color:var(--y2);font-weight:700}
html body .entry-content .wgp-quien-politica{display:inline-flex;align-items:center;gap:10px;margin:0;padding:10px 16px;border:1px solid rgba(var(--yr),.38);border-radius:12px;background:rgba(var(--yr),.08);font-size:14px;font-weight:700;line-height:1.35;color:var(--y3)}
html body .entry-content .wgp-quien-politica i{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%2306202E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
@media(max-width:760px){
 html body .entry-content .wgp-quien{grid-template-columns:1fr;gap:26px;padding:26px 20px}
 html body .entry-content .wgp-quien-foto{width:100%;max-width:280px;margin:0 auto;transform:none}
}

/* ---------------------------------------------------------------- contact page */
/* The "Email" card on the left, sticky while scrolling, and the text with its numbered H2s on the right. The H2s stay direct
   children of .entry-content (the numbering needs them), so the grid is on .entry-content. Without :has(), the card sits on top. */
@media(min-width:900px){
 html body.wgp3d-sing .inside-article:has(.wgp-contacto-lado){width:min(1100px,100%)}
 html body .entry-content:has(>.wgp-contacto-lado){display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);column-gap:48px;align-items:start}
 html body .entry-content:has(>.wgp-contacto-lado)>*{grid-column:2;margin-top:0}
 html body .entry-content:has(>.wgp-contacto-lado)>h2{margin-top:1.5em}
 html body .entry-content:has(>.wgp-contacto-lado)>.wgp-contacto-lado{grid-column:1;grid-row:1/span 60;position:sticky;top:28px}
}
html body .wgp-contacto-lado{margin:0 0 28px;padding:24px 22px;border:1px solid rgba(var(--yr),.4);border-left:3px solid var(--y);border-radius:16px;background:linear-gradient(180deg,#121921,#0D1218);box-shadow:0 20px 50px -24px rgba(0,0,0,.7),0 0 30px -12px rgba(var(--yr),.35)}
html body .wgp-contacto-ico{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border:1px solid rgba(var(--yr),.5);border-radius:12px;background:rgba(var(--yr),.08);color:var(--y2)}
html body .wgp-contacto-lado .wgp-contacto-t{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--y)}
html body .wgp-contacto-lado p{margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--txt)}
html body .wgp-contacto-lado p:last-child{margin-bottom:0}
html body .wgp-contacto-lado a{color:var(--y2);font-weight:600}
html body .wgp-contacto-lado .wgp-contacto-correo{display:inline-block;margin:4px 0;padding:3px 9px;border:1px dashed rgba(var(--yr),.55);border-radius:8px;background:rgba(var(--yr),.08);text-decoration:none;word-break:break-all}
html body .wgp-contacto-form{margin:18px 0 8px;padding:26px 26px 22px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,#111821,#0C1117)}
html body .wgp-contacto-form p{margin:0 0 16px}
html body .wgp-contacto-form label{display:block;margin:0 0 7px;font-size:14px;font-weight:700;color:#fff}
html body .wgp-contacto-form label span{color:#FF7A7A}
html body .wgp-contacto-form input,html body .wgp-contacto-form textarea{display:block;width:100%;padding:12px 14px;border:1px solid #3A4552;border-radius:10px;background:#090C10;color:var(--ink);font:inherit;font-size:15px;line-height:1.5}
html body .wgp-contacto-form textarea{min-height:150px;resize:vertical}
html body .wgp-contacto-form input:focus,html body .wgp-contacto-form textarea:focus{outline:none;border-color:var(--y);box-shadow:0 0 0 3px rgba(var(--yr),.22)}
html body .wgp-contacto-envio{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:4px 0 0!important}
html body .wgp-contacto-envio button{padding:13px 28px;border:0;border-radius:12px;background:linear-gradient(135deg,#1AB3EC,#6FD3FA);color:#04121A;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px -10px rgba(var(--yr),.8)}
html body .wgp-contacto-envio button:hover{filter:brightness(1.06)}
html body .wgp-contacto-envio span{font-size:13px;color:var(--mut)}
html body .wgp-contacto-envio a{color:var(--y2)}
html body .wgp-contacto-ok,html body .wgp-contacto-error,html body .wgp-contacto-pausa{margin:18px 0;padding:18px 20px;border-radius:14px}
html body .wgp-contacto-pausa{border:1px solid rgba(var(--yr),.45);background:rgba(var(--yr),.08)}
html body .wgp-contacto-pausa p{margin:0;color:var(--ink)}
html body .wgp-contacto-pausa a{color:var(--y2);font-weight:600}
html body .wgp-contacto-ok{border:1px solid rgba(46,204,113,.45);background:rgba(46,204,113,.08)}
html body .wgp-contacto-error{border:1px solid rgba(255,122,122,.5);background:rgba(255,122,122,.08)}
html body .wgp-contacto-ok p,html body .wgp-contacto-error p,html body .wgp-contacto-error li{margin:0 0 8px;color:var(--ink)}
html body .wgp-contacto-ok a{color:var(--y2)}

/* ---------------------------------------------------------------- About page */
/* About page: the person with the photo (an AI-generated avatar), the promises around the drop, the method, honesty, trust,
   coverage, the health note, contact and related pages. These H2s live inside sections, so they are not numbered (numbering is
   for .entry-content>h2); the label carries the number (01 Person...). */
html body .entry-content .wgp-ab{margin:58px 0}
html body .entry-content .wgp-ab h2,html body .entry-content .wgp-ab-cta h2{margin:0 0 16px;font-size:clamp(28px,3.6vw,40px);line-height:1.08;letter-spacing:-.015em}
html body .entry-content .wgp-ab h2 span{background:linear-gradient(90deg,#EAF0F5,#8FA3B5);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .entry-content .wgp-ab h3{margin:0 0 6px;font-size:18px;line-height:1.3;color:#fff}
html body .entry-content .wgp-ab ul,html body .entry-content .wgp-ab ol{list-style:none;margin:0;padding:0}
html body .entry-content .wgp-ab-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--y)}
html body .entry-content .wgp-ab-eyebrow span{padding-right:10px;border-right:1px solid var(--line2);color:var(--mut);letter-spacing:.06em}
html body .entry-content .wgp-ab-t{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--y)}
html body .entry-content .wgp-ab-caja{padding:20px 22px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,#111821,#0C1117)}
html body .entry-content .wgp-ab-caja p{margin:0 0 10px;font-size:15px;line-height:1.6;color:var(--txt)}
html body .entry-content .wgp-ab-caja p:last-child{margin-bottom:0}
/* 01 person */
html body .entry-content .wgp-ab-persona{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:44px;align-items:center;padding:36px 38px;border:1px solid var(--line2);border-radius:22px;background:radial-gradient(520px 420px at 15% 50%,rgba(var(--yr),.15),transparent 70%),linear-gradient(180deg,#111821,#0B1016)}
html body .entry-content .wgp-ab-persona h2{font-size:clamp(26px,3vw,34px)}
html body .entry-content .wgp-ab-foto figcaption{position:absolute;left:12px;bottom:12px;margin:0;padding:5px 11px;border:1px solid rgba(var(--yr),.45);border-radius:999px;background:rgba(9,12,16,.82);font-size:12px;font-weight:600;color:var(--y3)}
html body .entry-content .wgp-ab-tachado li{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:10px 14px;border:1px solid var(--line2);border-radius:11px;background:rgba(255,255,255,.02);font-size:14.5px;line-height:1.45;color:var(--txt)}
html body .entry-content .wgp-ab-tachado li:before{content:"\2715";content:"\2715" / "";flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,122,122,.5);border-radius:50%;font-size:10.5px;font-weight:700;color:#FF7A7A}
/* promises around the drop */
html body .entry-content .wgp-ab-promesas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 170px repeat(2,minmax(0,1fr));gap:14px;align-items:center;margin:44px 0}
html body .entry-content .wgp-ab-promesa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:116px;padding:16px 10px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,#121A22,#0C1117);text-align:center}
html body .entry-content .wgp-ab-promesa b{font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.05;color:#fff}
@media(min-width:861px){html body .entry-content .wgp-ab-promesa:last-child b{font-size:clamp(22px,1.8vw,25px)}}
html body .entry-content .wgp-ab-promesa span{margin-top:6px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
html body .entry-content .wgp-ab-marca{position:relative;display:grid;place-items:center;height:190px}
html body .entry-content .wgp-ab-marca:before{content:"";position:absolute;inset:6% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--yr),.42),transparent 72%)}
html body .entry-content .wgp-ab-marca:after{content:"";position:absolute;left:12%;right:12%;bottom:10px;height:30px;border:1px solid rgba(var(--yr),.5);border-radius:50%;box-shadow:0 0 24px rgba(var(--yr),.35)}
html body .entry-content .wgp-ab-marca svg{position:relative;z-index:1;width:96px;height:136px;filter:drop-shadow(0 16px 30px rgba(var(--yr),.45))}
/* 02 method */
html body .entry-content .wgp-ab-pasos li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;margin:0 0 14px;padding:20px 22px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,#111821,#0C1117)}
html body .entry-content .wgp-ab-n{font-size:40px;font-weight:700;line-height:1;background:linear-gradient(180deg,var(--y2),var(--y));-webkit-background-clip:text;background-clip:text;color:transparent}
html body .entry-content .wgp-ab-pasos p{margin:0;font-size:15px;line-height:1.6;color:var(--txt)}
/* 03 honesty */
html body .entry-content .wgp-ab-honestidad{text-align:center}
html body .entry-content .wgp-ab-honestidad .wgp-ab-eyebrow{justify-content:center}
html body .entry-content .wgp-ab-honestidad h2 span{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--y2)}
html body .entry-content .wgp-ab-lead{max-width:62ch;margin:0 auto 26px;color:var(--txt)}
html body .entry-content .wgp-ab-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:left}
html body .entry-content .wgp-ab-dos li{position:relative;margin:0 0 8px;padding:9px 12px 9px 40px;border:1px solid var(--line2);border-radius:10px;font-size:14.5px;line-height:1.45;color:var(--txt)}
html body .entry-content .wgp-ab-dos li:before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%}
html body .entry-content .wgp-ab-si{border-color:rgba(var(--yr),.45)}
html body .entry-content .wgp-ab-si li:before{background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%2306202E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
html body .entry-content .wgp-ab-aviso li:before{border:1.5px solid var(--y2);background:radial-gradient(circle,var(--y2) 0 2.5px,transparent 3px)}
/* 04 trust */
html body .entry-content .wgp-ab-cuatro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .entry-content .wgp-ab-cuatro h3:before{content:"";display:block;width:34px;height:3px;margin:0 0 14px;border-radius:3px;background:linear-gradient(90deg,var(--y),var(--y2));box-shadow:0 0 12px rgba(var(--yr),.6)}
html body .entry-content .wgp-ab-chips{display:flex;flex-wrap:wrap;gap:8px}
html body .entry-content .wgp-ab-chips span{padding:4px 11px;border:1px solid rgba(var(--yr),.45);border-radius:999px;background:rgba(var(--yr),.08);font-size:12.5px;font-weight:700;color:var(--y3)}
html body .entry-content .wgp-ab-fondos{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:20px 24px;border:1px solid rgba(var(--yr),.4);border-radius:16px;background:linear-gradient(180deg,#121A22,#0C1117)}
html body .entry-content .wgp-ab-fondos p{margin:0;font-size:15px;line-height:1.6;color:var(--txt)}
html body .entry-content .wgp-ab-fondos .wgp-ab-t{margin:0 0 6px;font-size:12.5px;line-height:1.5;color:var(--y)}
html body .entry-content .wgp-ab-sello{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:12px 18px;border:1px solid rgba(var(--yr),.5);border-radius:14px;background:rgba(var(--yr),.08)}
html body .entry-content .wgp-ab-sello b{font-size:26px;line-height:1;color:#fff}
html body .entry-content .wgp-ab-sello span{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--y2)}
/* 05 coverage */
html body .entry-content .wgp-ab-temas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
html body .entry-content .wgp-ab-temas li{position:relative;padding:12px 14px 12px 40px;border:1px solid var(--line2);border-radius:12px;font-size:14.5px;line-height:1.5;color:var(--txt)}
html body .entry-content .wgp-ab-temas li:before{content:"";position:absolute;left:14px;top:15px;width:14px;height:18px;background:linear-gradient(160deg,var(--y2),var(--y));clip-path:path("M7 0C9 4 14 8 14 12A7 7 0 1 1 0 12C0 8 5 4 7 0Z")}
html body .entry-content .wgp-ab-temas b{color:#fff}
/* health note, contact and related pages */
html body .entry-content .wgp-ab-nota{display:flex;gap:14px;align-items:flex-start;margin:40px 0;padding:18px 20px;border:1px solid rgba(var(--yr),.4);border-radius:14px;background:rgba(var(--yr),.06)}
html body .entry-content .wgp-ab-nota p{margin:0;font-size:14.5px;line-height:1.6;color:var(--txt)}
html body .entry-content .wgp-ab-nota b{color:#fff}
html body .entry-content .wgp-ab-nota-ico{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--y);color:#04121A;font-weight:700}
html body .entry-content .wgp-ab-cta{margin:44px 0;padding:38px 30px;border:1px solid rgba(var(--yr),.45);border-radius:22px;background:radial-gradient(520px 260px at 50% 0,rgba(var(--yr),.18),transparent 70%),linear-gradient(180deg,#111821,#0B1016);text-align:center}
html body .entry-content .wgp-ab-cta-ico{display:inline-grid;place-items:center;width:52px;height:52px;margin:0 0 14px;border:1px solid rgba(var(--yr),.5);border-radius:14px;background:rgba(var(--yr),.1);color:var(--y2)}
html body .entry-content .wgp-ab-cta p{max-width:58ch;margin:0 auto 18px;color:var(--txt)}
html body .entry-content .wgp-ab-cta p:last-child{margin-bottom:0}
html body .entry-content .wgp-ab-cta-boton a{display:inline-block;padding:13px 28px;border-radius:12px;background:linear-gradient(135deg,#1AB3EC,#6FD3FA);color:#04121A;font-weight:700;text-decoration:none;box-shadow:0 12px 30px -12px rgba(var(--yr),.9)}
html body .entry-content .wgp-ab-relacionadas{margin:34px 0 10px;text-align:center}
html body .entry-content .wgp-ab-relacionadas ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
html body .entry-content .wgp-ab-relacionadas li{margin:0}
html body .entry-content .wgp-ab-relacionadas a{padding:6px 13px;border:1px solid var(--line2);border-radius:999px;font-size:13.5px;color:var(--txt);text-decoration:none}
html body .entry-content .wgp-ab-relacionadas a:hover{border-color:rgba(var(--yr),.6);color:var(--y2)}
@media(max-width:860px){
 html body .entry-content .wgp-ab-persona{grid-template-columns:1fr;gap:26px;padding:26px 20px}
 html body .entry-content .wgp-ab-foto{width:100%;max-width:280px;margin:0 auto;transform:none}
 html body .entry-content .wgp-ab-promesas{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .entry-content .wgp-ab-marca{grid-column:1/-1;order:-1;height:170px}
 html body .entry-content .wgp-ab-dos,html body .entry-content .wgp-ab-cuatro,html body .entry-content .wgp-ab-temas{grid-template-columns:1fr}
 html body .entry-content .wgp-ab-pasos li{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:18px}
 html body .entry-content .wgp-ab-n{font-size:30px}
 html body .entry-content .wgp-ab-fondos{flex-direction:column;align-items:flex-start}
}