/* Psicologia Viva - capa visual canonica PV (preview local 2026-08-30) */
:root{
  --pv-navy:#082d63;
  --pv-navy-deep:#061d3b;
  --pv-blue:#087ad7;
  --pv-cyan:#08a9c3;
  --pv-ink:#11243d;
  --pv-muted:#53677d;
  --pv-line:#dbe4ea;
  --pv-ivory:#f7f3ec;
  --pv-warm:#fbfaf7;
  --pv-white:#fff;
}

body.pv-unified{color:var(--pv-ink);background:var(--pv-warm)}
body.pv-unified :focus-visible{outline:3px solid var(--pv-cyan);outline-offset:4px}

/* Header: misma expresion visual; se preservan enlaces y arquitectura de cada pagina. */
body.pv-unified nav{
  min-height:70px;height:70px;padding:0 clamp(20px,4vw,64px);
  background:rgba(251,250,247,.97);border-bottom:1px solid var(--pv-line);
  box-shadow:0 8px 28px rgba(8,45,99,.05)
}
body.pv-unified .nav-logo{color:var(--pv-navy);font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:600}
body.pv-unified .nav-logo span{color:var(--pv-cyan)}
body.pv-unified .nav-logo svg{width:28px;height:28px}
body.pv-unified .nav-links a,body.pv-unified .nav-dd>span{color:var(--pv-muted)}
body.pv-unified .nav-links a:hover,body.pv-unified .nav-links a.active,body.pv-unified .nav-dd:hover>span{color:var(--pv-navy)}
body.pv-unified .nav-dropdown-menu,body.pv-unified .nav-dd-menu{background:var(--pv-warm);border-color:var(--pv-line);box-shadow:0 16px 36px rgba(8,45,99,.10)}
body.pv-unified .nav-burger span{background:var(--pv-navy)}
body.pv-unified .nav-cta,body.pv-unified .btn-primary{
  background:#07508e;border-color:#07508e;color:var(--pv-white);border-radius:4px;
  transition:background .2s,color .2s,border-color .2s,transform .2s
}
body.pv-unified .nav-cta:hover,body.pv-unified .nav-cta:active,body.pv-unified .nav-cta:visited,
body.pv-unified .btn-primary:hover,body.pv-unified .btn-primary:active,body.pv-unified .btn-primary:visited{
  background:var(--pv-navy);border-color:var(--pv-navy);color:var(--pv-white);opacity:1
}

/* Lenguaje grafico comun */
.pv-concept{position:relative;isolation:isolate;min-height:430px;color:var(--pv-white)}
.pv-concept::before,.pv-concept::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;inset:10%}
.pv-concept::after{inset:23%;border-style:dashed;border-color:rgba(8,169,195,.62)}
.pv-node{position:absolute;display:grid;place-items:center;text-align:center;min-width:118px;min-height:52px;padding:10px 16px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#0f4b83;color:#fff;font-size:12px;font-weight:700;line-height:1.25;z-index:2}
.pv-node--core{left:50%;top:50%;transform:translate(-50%,-50%);width:156px;height:156px;border-radius:50%;background:var(--pv-white);color:var(--pv-navy);box-shadow:0 0 0 20px rgba(8,169,195,.14)}
.pv-line{position:absolute;height:1px;background:rgba(255,255,255,.32);transform-origin:left center;z-index:1}
.pv-concept-label{position:absolute;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#68d8e8}

/* Investigacion / MIRHO */
body.pv-investigacion .hero{margin-top:70px;padding:82px clamp(24px,6vw,90px);background:var(--pv-navy);display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:clamp(40px,6vw,90px);align-items:center}
body.pv-investigacion .hero::before{background:radial-gradient(circle at 78% 48%,rgba(8,169,195,.14),transparent 38%)}
body.pv-investigacion .hero-copy-block{position:relative;z-index:2}
body.pv-investigacion .hero-label{color:#68d8e8}
body.pv-investigacion .hero-title{color:#fff}
body.pv-investigacion .hero-title em{color:#c5d8ea}
body.pv-investigacion .hero-body{color:#dbe4ea}
body.pv-investigacion .hero-rule{color:#c5d8ea;border-color:rgba(255,255,255,.2)}
.mirho-map{min-height:470px}
.mirho-map .pv-node--core{width:144px;height:144px}
.mirho-map .m1{left:2%;top:46%}.mirho-map .m2{left:19%;top:12%}.mirho-map .m3{left:45%;top:3%}.mirho-map .m4{right:4%;top:22%}.mirho-map .m5{right:3%;bottom:12%}.mirho-map .m6{left:28%;bottom:2%}
.mirho-map .pv-concept-label{right:9%;top:4%}
body.pv-investigacion .cuadernos{background:#eef5ff;color:var(--pv-ink)}
body.pv-investigacion .cuadernos .section-label{color:var(--pv-cyan)}
body.pv-investigacion .cuadernos .section-title,body.pv-investigacion .cuaderno-body h3{color:var(--pv-navy)}
body.pv-investigacion .cuadernos .section-body,body.pv-investigacion .cuaderno-body p,body.pv-investigacion .cuaderno-ht{color:var(--pv-muted)}
body.pv-investigacion .cuaderno-item{background:#fff;border-color:var(--pv-line);border-left:3px solid var(--pv-cyan)}
body.pv-investigacion .cuaderno-item:hover{background:#f7fbfd}
body.pv-investigacion .cuaderno-num{color:#bcd7e6}
body.pv-investigacion .badge-pending{background:#eef5ff;color:var(--pv-muted);border-color:#c5d8ea}
body.pv-investigacion .regla{background:var(--pv-navy);position:relative;overflow:hidden}
body.pv-investigacion .regla::before{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:-80px;top:-130px}
body.pv-investigacion footer{background:var(--pv-navy-deep);border-color:rgba(255,255,255,.12)}
body.pv-investigacion .footer-logo,body.pv-investigacion .footer-links a{color:#c5d8ea}
body.pv-investigacion .footer-logo span,body.pv-investigacion .footer-links a:hover{color:#68d8e8}

/* Laboratorio */
body.pv-laboratorio .hero{margin-top:70px;min-height:650px;padding:74px clamp(24px,6vw,88px);background:var(--pv-navy);grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr);align-items:center}
body.pv-laboratorio .hero::before{background:radial-gradient(circle at 74% 48%,rgba(8,169,195,.16),transparent 42%)}
body.pv-laboratorio .hero-left{padding:0}
body.pv-laboratorio .hero-eyebrow{color:#68d8e8}
body.pv-laboratorio .hero-eyebrow::after{background:#68d8e8}
body.pv-laboratorio .hero-headline{color:#fff}
body.pv-laboratorio .hero-headline em{color:#68d8e8}
body.pv-laboratorio .hero-sub{color:#dbe4ea}
body.pv-laboratorio .hero-cat{color:#fff;border-color:rgba(255,255,255,.28)}
body.pv-laboratorio .hero-cat:hover,body.pv-laboratorio .hero-cat.active{background:#0f4b83;border-color:#68d8e8;color:#fff}
body.pv-laboratorio .hero-right{width:100%;padding:0}
.lab-map{min-height:510px}
.lab-map .pv-node--core{width:176px;height:176px}
.lab-map .l1{left:4%;top:11%}.lab-map .l2{left:42%;top:0}.lab-map .l3{right:2%;top:22%}.lab-map .l4{right:3%;bottom:14%}.lab-map .l5{left:38%;bottom:0}.lab-map .l6{left:0;bottom:21%}
.lab-map .pv-concept-label{right:4%;top:3%}
body.pv-laboratorio .autores-section{background:#eef5ff}
body.pv-laboratorio .autores-header h2{color:var(--pv-navy)}
body.pv-laboratorio .autores-header h2 em{color:var(--pv-blue)}
body.pv-laboratorio .autores-header p{color:var(--pv-muted)}
body.pv-laboratorio .autores-grid{background:var(--pv-line)}
body.pv-laboratorio .autor-card{background:#fff}
body.pv-laboratorio .autor-num{color:#bcd7e6}
body.pv-laboratorio .autor-name{color:var(--pv-navy)}
body.pv-laboratorio .autor-campo{color:var(--pv-muted)}
body.pv-laboratorio .autor-concepto{color:var(--pv-cyan)}
body.pv-laboratorio .libro-spine-bateson,body.pv-laboratorio .libro-spine-luhmann,body.pv-laboratorio .libro-spine-porges,body.pv-laboratorio .libro-spine-gergen,body.pv-laboratorio .libro-spine-nardone{background:linear-gradient(150deg,var(--pv-navy),#0f4b83)}
body.pv-laboratorio .dic-cta{background:var(--pv-navy);position:relative;overflow:hidden}
body.pv-laboratorio .dic-cta::before{content:"";position:absolute;inset:-60% 55% -60% -10%;border:1px solid rgba(255,255,255,.18);border-radius:50%}
body.pv-laboratorio .dic-cta-text,body.pv-laboratorio .dic-preview{position:relative;z-index:1}
body.pv-laboratorio .dic-cta-text h2{color:#fff}
body.pv-laboratorio .dic-cta-text h2 em{color:#68d8e8}
body.pv-laboratorio .dic-cta-text p{color:#dbe4ea}
body.pv-laboratorio .btn-cream{background:var(--pv-cyan);color:var(--pv-navy);font-weight:700}
body.pv-laboratorio .btn-cream:hover{background:#fff;color:var(--pv-navy)}
body.pv-laboratorio .dic-preview{background:rgba(255,255,255,.16)}
body.pv-laboratorio .dic-preview-item{background:#0f4b83}
body.pv-laboratorio .dic-preview-item:hover{background:var(--pv-blue)}
body.pv-laboratorio .dic-preview-num,body.pv-laboratorio .dic-preview-arrow{color:#68d8e8}
body.pv-laboratorio .dic-preview-name{color:#fff}

/* Psicoterapia online */
body.pv-psicoterapia .page-hero{margin-top:70px;padding:70px 5vw;background:var(--pv-navy);color:#fff;position:relative;overflow:hidden}
body.pv-psicoterapia .page-hero::after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-260px;top:-190px}
body.pv-psicoterapia .hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);align-items:center;position:relative;z-index:1}
body.pv-psicoterapia .hero-lead{color:#dbe4ea}
body.pv-psicoterapia .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
body.pv-psicoterapia .btn-outline:hover,body.pv-psicoterapia .btn-outline:active{background:#fff;color:var(--pv-navy);border-color:#fff}
body.pv-psicoterapia .ventajas-box{display:none}
.therapy-map{min-height:380px}
.therapy-map::before{border-color:var(--pv-white);opacity:.34}
.therapy-map::after{border-color:var(--pv-cyan);opacity:.78}
.therapy-map .pv-node{background:var(--pv-cyan);border-color:var(--pv-white);color:var(--pv-navy)}
.therapy-map .pv-node--core{width:150px;height:150px;background:var(--pv-white);color:var(--pv-navy);border-color:var(--pv-white)}
.therapy-map .t1{left:2%;top:44%;min-width:112px}.therapy-map .t2{right:2%;top:44%;min-width:112px}.therapy-map .t3{left:50%;bottom:0;transform:translateX(-50%);min-width:126px}
.therapy-map .pv-concept-label{right:4%;top:4%;color:var(--pv-cyan)}
.therapy-map .therapy-line{background:var(--pv-cyan);opacity:.72;z-index:1}
.therapy-map .therapy-line--person{left:18%;top:50%;width:32%}
.therapy-map .therapy-line--context{left:50%;top:50%;width:32%}
.therapy-map .therapy-line--change{left:50%;top:50%;width:31%;transform:rotate(90deg)}
.therapy-benefits{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}
.therapy-benefits .ventajas-title{color:#68d8e8;margin-bottom:10px}
.therapy-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.therapy-benefits .ventaja-item{padding:8px 0 8px 20px;border-bottom:1px solid rgba(255,255,255,.12);color:#dbe4ea;font-size:12px;line-height:1.45}
.therapy-benefits .ventaja-item::before{color:#68d8e8;left:0}
body.pv-psicoterapia .evidencia-bg{background:#eef5ff;color:var(--pv-ink)}
body.pv-psicoterapia .evidencia-bg .section-eyebrow{color:var(--pv-navy)}
body.pv-psicoterapia .evidencia-bg .section-title{color:var(--pv-navy)}
body.pv-psicoterapia .evidencia-bg .section-title em{color:var(--pv-blue)}
body.pv-psicoterapia .evidencia-bg .section-lead,body.pv-psicoterapia .evidencia-bg p{color:var(--pv-muted)}
body.pv-psicoterapia .evidencia-bg .evidencia-sources{font-size:.8rem;color:var(--pv-muted);margin-top:1rem}
body.pv-psicoterapia .evidencia-bg .stat-num{color:var(--pv-blue)}
body.pv-psicoterapia .evidencia-bg .stat-label,body.pv-psicoterapia .evidencia-bg .stat-desc{color:var(--pv-ink)}
body.pv-psicoterapia .evidencia-bg .stat-item{border-color:var(--pv-line)}
body.pv-psicoterapia .cta-band{background:var(--pv-navy);position:relative;overflow:hidden}
body.pv-psicoterapia .cta-band::before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.16);border-radius:50%;left:-210px;top:-240px}
body.pv-psicoterapia .cta-band p{color:#dbe4ea}
body.pv-psicoterapia footer{background:var(--pv-navy-deep)}
body.pv-psicoterapia .footer-tagline,body.pv-psicoterapia .footer-links a,body.pv-psicoterapia .footer-copy,body.pv-psicoterapia .footer-reg{color:#c5d8ea}
body.pv-psicoterapia .footer-links a:hover{color:#fff}

@media(max-width:1024px){
  body.pv-unified nav{height:64px;min-height:64px}
  body.pv-laboratorio nav .nav-cta{display:none}
  body.pv-investigacion .hero,body.pv-laboratorio .hero{margin-top:64px;grid-template-columns:1fr;padding:60px 34px}
  body.pv-investigacion .hero-copy-block{max-width:720px}
  body.pv-laboratorio .hero-right{display:block}
  body.pv-psicoterapia .page-hero{margin-top:64px}
  body.pv-psicoterapia .hero-inner{grid-template-columns:1fr}
  .therapy-map{max-width:600px;width:100%;margin:12px auto 0}
  .therapy-benefits{max-width:720px;margin-left:auto;margin-right:auto}
}

@media(max-width:680px){
  body.pv-unified nav .nav-links.open{top:64px;background:var(--pv-warm)}
  body.pv-unified .nav-logo{font-size:19px}
  body.pv-investigacion .hero,body.pv-laboratorio .hero,body.pv-psicoterapia .page-hero{padding:52px 20px 44px}
  body.pv-investigacion .hero-title,body.pv-laboratorio .hero-headline{font-size:42px}
  .pv-concept{min-height:390px;transform:scale(.92);transform-origin:center}
  .pv-node{min-width:92px;padding:8px 11px;font-size:10px}
  .pv-node--core{width:126px!important;height:126px!important;min-width:126px}
  .mirho-map .m1{left:-2%}.mirho-map .m4{right:-2%}.mirho-map .m5{right:-2%}.mirho-map .m6{left:22%}
  .lab-map{min-height:420px}.lab-map .l1{left:-3%}.lab-map .l3{right:-3%}.lab-map .l4{right:-3%}.lab-map .l6{left:-4%}
  .therapy-map{min-height:320px;transform:scale(.96)}.therapy-map .t1{left:-3%}.therapy-map .t2{right:-3%}.therapy-map .t3{bottom:2px}
  .therapy-map .therapy-line--person{left:17%;width:33%}.therapy-map .therapy-line--context{width:33%}.therapy-map .therapy-line--change{width:28%}
  .therapy-benefits-grid{grid-template-columns:1fr}
  body.pv-investigacion .cuadernos,body.pv-investigacion .regla,body.pv-laboratorio .autores-section,body.pv-laboratorio .dic-cta{padding-left:24px;padding-right:24px}
}

@media(prefers-reduced-motion:reduce){body.pv-unified *,body.pv-unified *::before,body.pv-unified *::after{scroll-behavior:auto!important;transition:none!important}}