/**
 * PH Portfolio — Paleta de PRUEBA «Lando» (2026-10-13)
 * Referencia: landonorris.com (valores de sus variables CSS). Experimento solo de color, reversible:
 *  - Se carga el último en TODAS las páginas del front (también ?home=v1, ?case=v1, candado, etc.), y no se carga con ?palette=orig.
 *  - Rollback: (a) ?palette=orig · (b) PH_PALETTE_LANDO=false en functions.php · (c) restaurar functions.php del backup y borrar este archivo.
 * Regla de uso: el lima #D2FF00 en claro NUNCA como texto/enlace/línea fina (solo relleno con texto #111112 encima);
 * como texto en claro se usa #566600 (var(--pl-acc)).
 */

/* ---------- 0. Tokens globales (todo el sitio, incluidas las plantillas v1 que solo usan style.css) ---------- */
:root{
  --ph-accent:#566600; --ph-accent-bright:#566600; --ph-accent-dark:#566600;
  --ph-accent-bg:rgba(210,255,0,.22); --ph-accent-12:rgba(210,255,0,.30); --ph-accent-18:rgba(210,255,0,.40);
  --ph-accent-20:rgba(210,255,0,.45); --ph-accent-25:rgba(210,255,0,.55); --ph-accent-opacity:rgba(86,102,0,.9);
  --ph-text-primary:#282C20; --ph-text-secondary:#5B604E; --ph-text-muted:#5B604E; --ph-text-body-sm:#5B604E;
  --ph-bg:#F4F4ED; --ph-bg-warm:#F4F4ED; --ph-bg-surface:#FBFBF7; --ph-bg-alt:#FBFBF7; --ph-bg-placeholder:#EBECE1;
  --ph-border:#D5D8C9; --ph-separator:#D5D8C9;
  --ph-home-bg:#F4F4ED; --ph-home-bg-alt:#FBFBF7; --ph-home-tag-bg:rgba(210,255,0,.28);
}
html[data-theme="dark"]{
  --ph-accent:#D2FF00; --ph-accent-bright:#D2FF00; --ph-accent-dark:#D2FF00;
  --ph-accent-bg:rgba(210,255,0,.10); --ph-accent-12:rgba(210,255,0,.14); --ph-accent-18:rgba(210,255,0,.20);
  --ph-accent-20:rgba(210,255,0,.22); --ph-accent-25:rgba(210,255,0,.28); --ph-accent-opacity:rgba(210,255,0,.9);
  --ph-text-primary:#F4F4ED; --ph-text-secondary:#B4B8A5; --ph-text-muted:#B4B8A5; --ph-text-body-sm:#B4B8A5;
  --ph-bg:#282C20; --ph-bg-warm:#282C20; --ph-bg-surface:#31362A; --ph-bg-alt:#31362A; --ph-bg-placeholder:#31362A;
  --ph-border:#3B3C38; --ph-separator:#3B3C38;
  --ph-home-bg:#282C20; --ph-home-bg-alt:#31362A; --ph-home-tag-bg:rgba(210,255,0,.12);
}
.ph-spread__handle{color:#282C20}

/* ---------- 1. Tokens de las páginas v2: modo claro (derivado) ---------- */
body.phx-body{
  --pl-fill:#D2FF00; --pl-on-fill:#111112; --pl-acc:#566600; --pl-band:#282C20;
  --phx-primary:#D2FF00; --phx-on-primary:#111112;
  --phx-bg:#F4F4ED; --phx-bg-2:#FBFBF7; --phx-ink:#282C20; --phx-ink-2:#5B604E; --phx-line:#D5D8C9;
  --ph-accent:#566600; --ph-accent-bright:#566600; --ph-accent-dark:#566600;
  --ph-accent-bg:rgba(210,255,0,.22); --ph-accent-12:rgba(210,255,0,.30); --ph-accent-18:rgba(210,255,0,.40);
  --ph-accent-20:rgba(210,255,0,.45); --ph-accent-25:rgba(210,255,0,.55); --ph-accent-opacity:rgba(86,102,0,.9);
  --ph-home-tag-bg:rgba(210,255,0,.28);
  --ph-text-muted:#5B604E; --ph-text-secondary:#5B604E; --ph-text-body-sm:#5B604E;
  --ph-border:#D5D8C9; --ph-separator:#D5D8C9;
}
/* ---------- 2. Tokens: modo oscuro (principal) ---------- */
html[data-theme="dark"] body.phx-body{
  --pl-acc:#D2FF00; --pl-band:#111112;
  --phx-bg:#282C20; --phx-bg-2:#31362A; --phx-ink:#F4F4ED; --phx-ink-2:#B4B8A5; --phx-line:#3B3C38;
  --ph-accent:#D2FF00; --ph-accent-bright:#D2FF00; --ph-accent-dark:#D2FF00;
  --ph-accent-bg:rgba(210,255,0,.10); --ph-accent-12:rgba(210,255,0,.14); --ph-accent-18:rgba(210,255,0,.20);
  --ph-accent-20:rgba(210,255,0,.22); --ph-accent-25:rgba(210,255,0,.28); --ph-accent-opacity:rgba(210,255,0,.9);
  --ph-home-tag-bg:rgba(210,255,0,.12);
  --ph-text-muted:#B4B8A5; --ph-text-secondary:#B4B8A5; --ph-text-body-sm:#B4B8A5;
  --ph-border:#3B3C38; --ph-separator:#3B3C38;
}
::selection{background:#D2FF00;color:#111112}

/* ---------- 3. Acento usado como texto, enlace, línea o punto (claro #566600, oscuro lima) ---------- */
.phx em{color:var(--pl-acc)}
.phx :focus-visible{outline:2px solid var(--pl-acc)}
.phx-burger{color:var(--pl-acc)}
.phx-about__groups h4{color:var(--pl-acc)}
body.phx-body .ph-gate-form__field input:focus,body.phx-body .ph-gate-form__field input:focus-visible{border-color:var(--pl-acc);box-shadow:0 0 0 1px var(--pl-acc)}
body.phx-body .ph-gate__contact a:hover{color:var(--pl-acc)}
.phx-footer__heart{color:var(--pl-acc)}
.phx-h2__tag{color:var(--pl-acc)}
.phx-h2__title em{color:var(--pl-acc)}
.phx-w2__kicker{color:var(--pl-acc)}
.phx-w2__h em{color:var(--pl-acc)}
.phx-w2__card a:hover h3{color:var(--pl-acc)}
.phx-case .ph-section-tag__text{color:var(--pl-acc)}
.phx-case .ph-section__heading em,.phx-case .ph-section__heading i{color:var(--pl-acc)}
.phx-case .ph-section-nav__item.is-active .ph-section-nav__dot{background:var(--pl-acc)}
.phx-next__mark{background:var(--pl-acc)}
.phx-next__link svg{color:var(--pl-acc)}
.phx-next__title em{color:var(--pl-acc)}
.phx-more__card:hover .phx-more__head svg{color:var(--pl-acc)}
.phx-more__all a svg{color:var(--pl-acc)}
.phx-case .ph-cards .ph-card__num{color:var(--pl-acc)}
.phx-case .ph-timeline__num{color:var(--pl-acc)}
.phx-case .ph-timeline__desc li::before{background:var(--pl-acc)}
.phx-case .ph-reflection-box__mark{color:var(--pl-acc)}
.phx-card__title em{color:var(--pl-acc)}
.phx-card__link:hover .phx-card__arrow{color:var(--pl-acc)}

/* Dentro de superficies de acento, el énfasis va en tinta */
.phx-menu em,.phx-folder__body em,.phx-ch em,.phx-contact em{color:var(--phx-on-primary)}

/* ---------- 4. Elementos con fondo de acento: texto #111112 (antes blanco) ---------- */
body.phx-menu-open .phx-hdr .phx-logo,body.phx-menu-open .phx-hdr .phx-logo-iso{background:#111112}
body.phx-menu-open .phx-hdr .phx-burger{border-color:#111112;color:#111112}
.phx-menu,.phx-menu nav a,.phx-menu__text p,.phx-menu__text p:first-child,.phx-menu__about h2,.phx-menu__about h2 em,.phx-menu__contact .phx-menu__mail{color:#111112}
.phx-menu nav a:hover{color:rgba(17,17,18,.62)}
.phx-menu__contact a:hover,.phx-menu__contact .phx-menu__mail:hover{border-color:#111112}
.phx-menu__about{border-left-color:rgba(17,17,18,.45);scrollbar-color:rgba(17,17,18,.45) transparent}
.phx-menu__about li,.phx-menu__cols--2 h5,.phx-menu__cols--meta h4{border-top-color:rgba(17,17,18,.4)}
@media (max-width:900px){.phx-menu__about{border-top-color:rgba(17,17,18,.45)}}
.phx-menu__deco{stroke:rgba(17,17,18,.18)}
.phx-menu__foot .phx-theme{border-color:#111112;color:#111112}
.phx-menu__foot .phx-theme:hover{background:#111112;color:#D2FF00}
.phx-folder__body h3,.phx-folder__num,.phx-folder__meta{color:#111112}
.phx-folder__body .phx-tag{border-color:rgba(17,17,18,.6);color:#111112}
.phx-folder__body .phx-cta{border-color:#111112;color:#111112}
.phx-folder__link:hover .phx-cta{background:#111112;color:#D2FF00}
body.phx-body .ph-gate__icon{color:#111112}
body.phx-body .ph-gate-form__submit{color:#111112}
body.phx-body .ph-gate-form__submit:focus-visible{outline-color:var(--pl-acc)}
body.phx-body .ph-gate__backdrop{background:rgba(17,17,18,.6)}
body.phx-body .ph-gate__box{box-shadow:0 30px 70px -20px rgba(17,17,18,.45)}
body.phx-body .ph-gate-form__error{color:#B3261E}
html[data-theme="dark"] body.phx-body .ph-gate-form__error{color:#FF9B8F}
.phx-contact__links a:hover{background:#111112;color:#D2FF00}
.phx-hero__down:hover{color:#111112}

/* Cabecera de la ficha (banda lima): texto, logo y filetes en #111112 */
.phx-ch__title,.phx-ch__title em,.phx-ch__title i,.phx-ch__intro,.phx-ch__intro p,.phx-ch .phx-ch__row,.phx-ch .phx-ch__row span{color:#111112}
.phx-ch .phx-ch__row span{border-right-color:rgba(17,17,18,.45)}
.phx-ch__tags li{border-color:rgba(17,17,18,.6);color:#111112}
body:not(.phx-menu-open) .phx-hdr:not(.is-solid) .phx-logo,body:not(.phx-menu-open) .phx-hdr:not(.is-solid) .phx-logo-iso{background:#111112}
body:not(.phx-menu-open) .phx-hdr:not(.is-solid) .phx-burger{border-color:#111112;color:#111112}
.phx-ch__cover{box-shadow:0 30px 60px -30px rgba(17,17,18,.35)}

/* Tintes derivados del acento: más opacidad en claro para que se perciban */
.phx-footer--end{background:color-mix(in srgb,#D2FF00 26%,var(--phx-bg))}
.phx-card__ph{background:color-mix(in srgb,#D2FF00 24%,var(--phx-bg))}
html[data-theme="dark"] .phx-footer--end{background:color-mix(in srgb,#D2FF00 10%,var(--phx-bg))}
html[data-theme="dark"] .phx-card__ph{background:color-mix(in srgb,#D2FF00 10%,var(--phx-bg))}

/* Marcadores de imagen y sombras */
.phx-peek,.phx-w2__img{background:linear-gradient(135deg,#31362A,#5B604E)}
.phx-peek{box-shadow:0 0 0 1px rgba(40,44,32,.16),0 6px 18px rgba(40,44,32,.10),0 1px 3px rgba(40,44,32,.08)}
html[data-theme="dark"] .phx-peek{box-shadow:0 0 0 1px rgba(244,244,237,.18),0 6px 18px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}

/* Visor de imágenes (superficie oscura) */
.ph-lightbox{background:rgba(17,17,18,.94);color:#F4F4ED}
.ph-lightbox::backdrop{background:rgba(17,17,18,.6)}
.ph-lightbox__cap-desc{color:rgba(244,244,237,.72)}
.ph-lightbox__close{border-color:rgba(244,244,237,.4);background:rgba(17,17,18,.55);color:#F4F4ED}
.ph-lightbox__close:hover{background:rgba(244,244,237,.16)}

/* ---------- 5. Botón de menú y logo sobre el hero oscuro ---------- */
body.phx-over-dark:not(.phx-menu-open) .phx-hdr .phx-burger{color:#D2FF00}
body.phx-over-dark:not(.phx-menu-open) .phx-hdr .phx-logo,body.phx-over-dark:not(.phx-menu-open) .phx-hdr .phx-logo-iso{background:#F4F4ED}

/* ---------- 6. Hero v3 (siempre sobre banda oscura) ---------- */
.phx-h3{--h3-bg:#282C20;--h3-ink:#F4F4ED;--h3-acc:#D2FF00}
html[data-theme="dark"] .phx-h3{--h3-bg:#111112}
.phx-h3__eyebrow{color:#F4F4ED}
.phx-h3__hint{background:rgba(244,244,237,.25)}
.phx-h3__stmt em{color:var(--h3-acc)}
.phx-h3__bar{background:var(--h3-acc)}

/* ---------- 7. Ajustes en modo oscuro (base de la prueba) ---------- */
/* Secciones/superficies: gris neutro en vez del verdoso (proyectos en la home, bloques de la ficha) */
html[data-theme="dark"] body.phx-body{--phx-bg-2:#3B3C38}
/* Cabecera de la ficha: negra, como la banda del hero */
html[data-theme="dark"] .phx-ch{background:#111112;color:#F4F4ED}
html[data-theme="dark"] .phx-ch__title,html[data-theme="dark"] .phx-ch__intro,html[data-theme="dark"] .phx-ch__intro p,html[data-theme="dark"] .phx-ch .phx-ch__row,html[data-theme="dark"] .phx-ch .phx-ch__row span{color:#F4F4ED}
html[data-theme="dark"] .phx-ch__title em,html[data-theme="dark"] .phx-ch__title i{color:#D2FF00}
html[data-theme="dark"] .phx-ch .phx-ch__row span{border-right-color:rgba(244,244,237,.4)}
html[data-theme="dark"] .phx-ch__tags li{border-color:rgba(244,244,237,.5);color:#F4F4ED}
html[data-theme="dark"] body:not(.phx-menu-open) .phx-hdr:not(.is-solid) .phx-logo,html[data-theme="dark"] body:not(.phx-menu-open) .phx-hdr:not(.is-solid) .phx-logo-iso{background:#F4F4ED}
html[data-theme="dark"] body:not(.phx-menu-open) .phx-hdr:not(.is-solid) .phx-burger{color:#D2FF00}

/* 1.31.3 — papel claro (gris blanco roto) en oscuro: sección Proyectos y fondos de imagen; las superficies con texto siguen en gris #3B3C38 */
html[data-theme="dark"] body.phx-body{--pl-paper:#E4E4DC}
html[data-theme="dark"] .phx-work{background:var(--pl-paper);color:#282C20;--phx-ink:#282C20;--phx-ink-2:#5B604E;--phx-line:#D5D8C9;--pl-acc:#566600}
html[data-theme="dark"] .phx-ch__cover,html[data-theme="dark"] .phx-more__img,html[data-theme="dark"] .phx-card__img,
html[data-theme="dark"] .phx-case .phx-media .ph-image-block:not(.ph-image-block--hscroll) img{background:var(--pl-paper)}
/* encabezado oscuro-sobre-claro: mientras la sección Proyectos pasa bajo la barra, logo y menú van en tinta */
html[data-theme="dark"] body.phx-over-light:not(.phx-menu-open) .phx-hdr .phx-logo,html[data-theme="dark"] body.phx-over-light:not(.phx-menu-open) .phx-hdr .phx-logo-iso{background:#282C20}
html[data-theme="dark"] body.phx-over-light:not(.phx-menu-open) .phx-hdr .phx-burger{color:#566600}

/* 1.31.5 — Ficha (single) en oscuro: fondo de papel blanco roto con tinta oscura; la banda de cabecera sigue negra */
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo){
  --phx-bg:#E4E4DC; --phx-bg-2:#F0F0E8; --phx-ink:#282C20; --phx-ink-2:#5B604E; --phx-line:#D5D8C9; --pl-acc:#566600;
  --ph-accent:#566600; --ph-accent-bright:#566600; --ph-accent-dark:#566600;
  --ph-accent-bg:rgba(210,255,0,.22); --ph-accent-12:rgba(210,255,0,.30); --ph-accent-18:rgba(210,255,0,.40);
  --ph-accent-20:rgba(210,255,0,.45); --ph-accent-25:rgba(210,255,0,.55); --ph-accent-opacity:rgba(86,102,0,.9);
  --ph-text-muted:#5B604E; --ph-text-secondary:#5B604E; --ph-text-body-sm:#5B604E; --ph-border:#D5D8C9; --ph-separator:#D5D8C9;
}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo){--ph-text-primary:#282C20;color:#282C20}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-footer--end{background:color-mix(in srgb,#D2FF00 26%,var(--phx-bg))}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-card__ph{background:color-mix(in srgb,#D2FF00 24%,var(--phx-bg))}
/* enlaces del cuerpo (antes literales #C23A00 / #FF7A3D) */
.phx-case .ph-body-text a{color:#566600}
html[data-theme="dark"] .phx-case .ph-body-text a{color:#D2FF00}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-body-text a{color:#566600}

/* 1.31.7 — Ficha: lima de relleno en tags y pequeños acentos del cuerpo (texto #111112 sobre lima) */
html[data-theme="dark"] .phx-ch__tags li{background:transparent;border-color:#D2FF00;color:#D2FF00}
body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-section-tag__text,
body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-timeline__num{display:inline-block;background:#D2FF00;color:#111112;padding:6px 10px 5px;line-height:1;border-radius:999px}
body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-body-text strong,
body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-callout__content strong{background:linear-gradient(transparent 58%,rgba(210,255,0,.85) 58%);color:inherit;padding:0 .1em}

/* 1.31.8 — Ficha (oscuro): los acentos oliva pasan a lima. Formas = lima con filo de tinta para que se vean sobre el papel; texto = tinta con marcador lima (el lima como letra no se lee sobre blanco roto) */
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo){--pl-acc:#D2FF00;--ph-accent:#D2FF00;--ph-accent-bright:#D2FF00;--ph-accent-dark:#D2FF00}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-section-nav__item.is-active .ph-section-nav__dot{background:#D2FF00;box-shadow:0 0 0 1.5px #282C20;opacity:1}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-timeline__desc li::before{background:#D2FF00;box-shadow:0 0 0 1px #282C20}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-next__mark{background:#D2FF00;filter:drop-shadow(0 0 1px #282C20) drop-shadow(0 0 1px #282C20)}
html[data-theme="dark"] body.single-case-study .phx-next__link svg,html[data-theme="dark"] body.single-case-study .phx-case .ph-reflection-box__mark{color:#566600!important;filter:none!important}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) :is(.phx-case .ph-section__heading em,.phx-case .ph-section__heading i,.phx-next__title em,.phx-card__title em,.phx-case .ph-cards .ph-card__num,.phx-case .ph-body-text a){color:#282C20;background:linear-gradient(transparent 58%,#D2FF00 58%);padding:0 .06em}

/* 1.31.9 — Ficha (oscuro): fondos de imagen distintos del papel de la página; punto de navegación sin filo */
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-section-nav__item.is-active .ph-section-nav__dot{box-shadow:none}
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-section-nav__label{background:#D2FF00;color:#111112}

/* ==========================================================================
   1.32.1 — Ajustes visuales (2026-10-16). Una sola versión: la oscura. El selector de tema queda oculto (header.php fuerza dark).
   Rollback: restaurar palette-lando.css, header.php y phx-header.php del backup 2026-10-16-1530-ajustes-visuales.
   ========================================================================== */
.phx-menu__foot .phx-theme{display:none!important}

/* 1 · Candado: el borde del campo se ve siempre (antes igual al fondo de la caja) */
html[data-theme="dark"] body.phx-body .ph-gate-form__field input{border-color:#8A8E7C}
html[data-theme="dark"] body.phx-body .ph-gate-form__field input:hover{border-color:#B4B8A5}
html[data-theme="dark"] body.phx-body .ph-gate-form__field input:focus,html[data-theme="dark"] body.phx-body .ph-gate-form__field input:focus-visible{border-color:#D2FF00;box-shadow:0 0 0 1px #D2FF00}

/* 2 · «seleccionados» en lima */
html[data-theme="dark"] .phx-work h2 em{color:#D2FF00}

/* 3 · Hero: indicador de scroll sutil (chevrón fino que respira), centrado abajo */
.phx-h3__hint{left:50%;right:auto;transform:translateX(-50%);bottom:clamp(24px,5vh,44px);width:18px;height:18px;border:0;border-radius:0;background:transparent;overflow:visible;opacity:.55;animation:phx-chev 2.4s ease-in-out infinite}
.phx-h3__hint::after{content:"";position:absolute;inset:auto;left:2px;top:0;width:12px;height:12px;border:solid #F4F4ED;border-width:0 1.5px 1.5px 0;background:transparent;transform:rotate(45deg);animation:none}
@keyframes phx-chev{0%,100%{transform:translate(-50%,0);opacity:.3}50%{transform:translate(-50%,6px);opacity:.7}}
@media (prefers-reduced-motion:reduce){.phx-h3__hint{animation:none;opacity:.55}}

/* 5 · Menú overlay: todo el texto en tinta sobre el lima (antes quedaban en blanco contacto, LinkedIn e idioma) */
.phx-menu__contact h4,.phx-menu__contact a,.phx-menu__foot a,.phx-menu__foot .phx-lang a{color:#111112}
.phx-menu__foot a.active,.phx-menu__foot a:hover{border-color:#111112}
.phx-menu__about h2{max-width:none;font-size:clamp(34px,3.6vw,52px)}

/* 7 · Archivo: cabecera con el enlace de vuelta bajo el título, a la izquierda */
.phx-ch--archive .phx-ch__in{display:block}
.phx-ch--archive .phx-ch__intro{padding-top:0;margin-top:clamp(18px,2.4vw,28px);max-width:none}
.phx-ch--archive .phx-archive__back{color:#F4F4ED}
.phx-ch--archive .phx-archive__back:hover{color:#D2FF00}

/* 7 · Ficha */
/* título y datos del proyecto más juntos */
.phx-ch__facts{margin-top:clamp(14px,1.4vw,20px)}
/* «En cifras»: menos aire hasta las cifras; 3 cajas → 3 columnas (con 4 o más se mantiene 4) */
.phx-case .ph-section--cards{row-gap:clamp(8px,1vw,16px)}
.phx-case .ph-section--cards .ph-section-tag{margin-bottom:0}
.phx-case .ph-cards--25:has(> .ph-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.phx-case .ph-cards--25:has(> .ph-card:nth-child(3):last-child){grid-template-columns:1fr}}
/* filete sobre cada cifra: tinta suave (el gris claro no se veía sobre el papel) */
html[data-theme="dark"] body.single-case-study .phx-case .ph-cards:not(.ph-cards--100) .ph-card{border-top-color:rgba(40,44,32,.5)!important}
/* título y párrafo alineados al borde superior de la imagen o elemento de apoyo */
.phx-case .phx-row--media{align-items:start}
.phx-case .phx-row--media .phx-main,.phx-case .phx-row--media .phx-media{align-self:start}
/* comillas de la cita y flecha de «Siguiente caso»: sin filo, en oliva (contrasta con el papel) */
html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) :is(.phx-next__link svg,.phx-more__card:hover .phx-more__head svg,.phx-more__all a svg,.phx-card__link:hover .phx-card__arrow,.phx-case .ph-reflection-box__mark),html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-next__link svg,html[data-theme="dark"] body:is(.single-case-study,.page-template-page-archivo) .phx-case .ph-reflection-box__mark{color:#566600;filter:none}
/* sliders: puntos y flechas dentro del propio marco, sobre una pastilla oscura */
.phx-case .ph-simple-frame__controls,.phx-case .ph-monitor-frame__pagination{position:relative;z-index:3;height:0;margin-top:0;top:-32px;align-items:flex-start;pointer-events:none}
.phx-case .ph-simple-frame__controls{padding:0 12px}
.phx-case .ph-simple-frame__controls .swiper-pagination{flex:0 0 auto;margin:0 auto}
.phx-case .ph-simple-frame__controls .swiper-pagination-bullet,.phx-case .ph-monitor-frame__pagination .swiper-pagination-bullet{pointer-events:auto;width:8px;height:8px;margin:0;background:#F4F4ED;opacity:.7;box-shadow:0 0 0 4px rgba(17,17,18,.62)}
.phx-case .ph-simple-frame__controls .swiper-pagination,.phx-case .ph-monitor-frame__pagination{gap:12px}
.phx-case .ph-simple-frame__controls .swiper-pagination-bullet-active,.phx-case .ph-monitor-frame__pagination .swiper-pagination-bullet-active{background:#D2FF00;opacity:1}
.phx-case .ph-simple-frame__controls .swiper-button-prev,.phx-case .ph-simple-frame__controls .swiper-button-next{pointer-events:auto;width:34px;height:34px;padding:0;border-radius:50%;background:rgba(17,17,18,.62);color:#F4F4ED;display:inline-flex;align-items:center;justify-content:center;margin-top:-13px}
.phx-case .ph-simple-frame__controls .swiper-button-prev:hover,.phx-case .ph-simple-frame__controls .swiper-button-next:hover{background:#111112;color:#D2FF00}
/* sliders: se pueden ampliar como el resto de imágenes */
.phx-case .ph-simple-frame.has-lightbox,.phx-case .ph-monitor-frame.has-lightbox{position:relative}
.phx-case .has-lightbox-slider .ph-slider{cursor:zoom-in}
.phx-case .has-lightbox-slider .ph-lightbox-trigger{z-index:4}
.phx-case .has-lightbox-slider:hover .ph-lightbox-trigger{opacity:1}

/* 1.32.4 — Pie de página: una sola franja inferior con © + menú + «volver arriba» (template-parts/phx-footer.php) */
.phx-ft{background:#282C20;color:#F4F4ED;padding:22px var(--phx-gutter);margin-top:clamp(48px,6vw,96px)}
.phx-ft__base{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;max-width:1440px;margin:0 auto;font-size:14px;color:#B4B8A5}
.phx-ft__nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;color:#F4F4ED}
.phx-ft__nav a{border-bottom:1px solid transparent;padding-bottom:2px;transition:color .2s,border-color .2s}
.phx-ft__nav a:hover{color:#D2FF00;border-color:#D2FF00}
.phx-ft__top{all:unset;box-sizing:border-box;cursor:pointer;width:38px;height:38px;border-radius:50%;background:#D2FF00;color:#111112;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}
.phx-ft__top:hover{transform:translateY(-3px)}
.phx-ft__top:focus-visible{outline:2px solid #F4F4ED;outline-offset:3px}
@media (max-width:700px){.phx-ft__base{justify-content:center;text-align:center}}

/* 1.32.4 — Con la barra horizontal visible (scroll), el icono del menú pasa a tinta como el logo */
html[data-theme="dark"] body.phx-body:not(.phx-menu-open) .phx-case .phx-hdr.is-solid .phx-burger{color:#282C20}
html[data-theme="dark"] body.phx-over-light:not(.phx-menu-open) .phx-hdr .phx-burger{color:#282C20}

/* 1.32.5 — Móvil: carpetas con lo esencial (título, rol, tipo de negocio y botón; sin número, duración ni empresa) */
@media (max-width:900px){
  .phx-folder .phx-hide-m,.phx-folder .phx-tag--emp{display:none}
  /* menú overlay: el primer ítem no queda recortado bajo la cabecera y «Me llamo Pablo» sube */
  .phx-menu__in{padding-top:124px}
  .phx-menu__side{justify-content:flex-start;gap:24px}
  .phx-menu__side .phx-menu__foot{margin-top:0}
  .phx-menu__about{margin-top:20px;padding-top:22px}
}

/* 1.32.6 — Titular del hero: con «productos altamente regulados» va en 4 líneas con saltos fijos (FR más largo, tipografía algo menor) */
@media (min-width:761px){
  .phx-h3__in{container-type:inline-size}
  .phx-h3__stmt{font-size:min(clamp(38px,6.2vw,90px),7.8cqw);white-space:nowrap}
  html[lang^="fr"] .phx-h3__stmt{font-size:min(clamp(34px,5.9vw,86px),6.9cqw)}
}

/* 1.32.11 — «Proyectos seleccionados» todo en tinta; ficha sin pie: la franja de «Siguiente caso» cierra la página con un tinte lima sutil */
html[data-theme="dark"] .phx-work h2 em{color:inherit}
.phx-case .phx-next{background:#D4D5CC;padding-block:clamp(56px,7vw,104px);margin-top:clamp(24px,4vw,56px)}