/* Réplica de iipsicologica.es — colores y medidas de la web original (plantilla Wix de 980 px) */
:root{
  --gris:#4A4A4A; --gris-t:#717070; --gris-c:#AAA8A8; --claro:#F3F3F3;
  /* Tipografía original: DIN Next Light (licencia exclusiva de Wix). Barlow Light es la alternativa libre más parecida. */
  --din:'DIN Next LT Pro Light','DINNextLTPro-Light','DIN Next W01 Light','Barlow',sans-serif;
  --open:'Open Sans',Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{font-family:var(--din);font-weight:300;color:var(--gris);-webkit-font-smoothing:antialiased}
a{color:inherit}
p,h1,h2,h3,h4,h5,h6,ul,address{margin:0;padding:0;font-weight:inherit;font-style:normal}
img{display:block;border:0}
.abs{position:absolute}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;padding:8px 12px}
.skip:focus{left:8px;top:8px}

/* ---------- ESTRUCTURA ---------- */
.page{position:relative;min-width:980px;overflow:hidden}
.c{position:absolute;top:0;left:50%;width:980px;height:100%;margin-left:-490px}
.foot{position:absolute;left:0;right:0;height:514px;background:var(--gris-t);border-top:4px solid var(--claro)}
.foot .c{height:100%}

/* cabecera */
.h1-titulo{position:absolute;left:187px;top:76px;display:block;font-size:0;line-height:0}
.titulo{width:600px;height:24px}
#nav{position:absolute;left:1px;top:205px}
.menu{display:flex;list-style:none;height:26px}
.menu li{height:26px}
.menu li:nth-child(1){width:119px} .menu li:nth-child(2){width:165px} .menu li:nth-child(3){width:149px}
.menu li+li{border-left:1px solid var(--gris)}
.menu a{display:block;padding-left:10px;font-size:14px;line-height:26px;color:var(--gris);text-decoration:none}
.menu a.on,.menu a:hover{color:var(--gris-t)}
.hline{position:absolute;left:14px;top:240px;width:951px;height:5px;border-top:1px solid var(--gris)}
.burger{display:none}

/* contenido */
.h2{font-family:var(--din);font-weight:300;font-size:24px;line-height:30px;color:var(--gris-t);white-space:nowrap}
.bar{font-weight:700}
.sub{display:flex;align-items:center;justify-content:center;height:44px;font-family:var(--din);font-weight:300;font-size:24px;line-height:33.6px;color:var(--gris);text-decoration:none;white-space:nowrap}
.sub.cur{color:var(--gris-c)}
a.sub:hover{color:var(--gris-t)}
.line{height:5px;border-top:1px solid var(--gris)}
.deco{pointer-events:none}
img.abs{object-fit:cover}
.txt{z-index:1;overflow-wrap:break-word}
.txt a{color:inherit;text-decoration:none}
.map{border:0}

/* estilos de texto de la web original */
.s0,.s1{font-size:14px;line-height:1.2;color:var(--gris)}
.s0{text-align:justify}
.s5{font-family:var(--open);font-weight:400;font-size:45px;line-height:63px;color:var(--gris-t)}
.s6{font-family:var(--open);font-weight:400;font-size:22px;line-height:30.8px;color:var(--gris-t)}
.s7{font-size:14px;line-height:19.6px;color:var(--gris)}
.s8,.s10{font-family:var(--open);font-weight:400;font-size:19px;line-height:26.6px;color:var(--gris-t)}
.s9{font-family:var(--open);font-weight:400;font-size:30px;line-height:42px;color:var(--gris-t)}
.s10{text-align:justify}
.s11{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:21px;text-align:justify;color:var(--gris)}
.s12{font-size:14px;line-height:19.6px;text-align:justify;color:var(--gris)}

/* pie (posiciones relativas al borde superior del pie) */
.foot .c>*{position:absolute}
.f-logo{left:28px;top:54px;width:243px;height:124px}
.f-txt{left:60px;top:192px;width:200px;text-align:center;color:#fff;font-size:14px;line-height:1.2}
.f-form{left:459px;top:32px;width:467px;height:271px}
.f-form>*{position:absolute}
.fld{left:0;width:100%;background:var(--gris);border:0;border-radius:0;color:#fff;font-family:var(--din);font-weight:300;font-size:14px;padding:3px 3px 3px 5px;outline:none}
.fld::placeholder{color:var(--claro);opacity:1}
.fld:focus{box-shadow:0 0 0 2px var(--claro)}
.f-nombre{top:0;height:29px} .f-email{top:34px;height:29px}
.f-msg{top:68px;height:130px;padding:10.5px 10px 3px 5px;resize:none}
.chk{left:0;top:213px;width:13px;height:13px;margin:0}
.lbl{font-size:14px;line-height:17px;color:var(--claro);white-space:nowrap}
.f-acepto{left:24px;top:211px}
.f-priv-form{left:230px;top:211px;text-decoration:underline}
.btn{left:414px;top:228px;width:53px;height:31px;background:var(--gris);border:0;border-radius:0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:21px;padding:0;cursor:pointer}
.f-s1{left:60px;top:303px;width:186px;height:127px} .f-s2{left:408px;top:304px;width:186px;height:127px} .f-s3{left:740px;top:304px;width:186px;height:127px}
.f-link{width:200px;text-align:center;font-size:14px;line-height:17px;color:#fff;text-decoration:none}
.f-aviso{left:173px;top:477px} .f-priv{left:506px;top:477px}

/* ---------- MÓVIL (Wix dibuja la versión móvil a 320 px y la escala al ancho de la pantalla) ---------- */
@media (max-width:750px){
  .page{width:320px;min-width:0}
  .c{left:0;margin-left:0;width:320px}
  .foot{height:1269px}
  .h1-titulo,.hline{display:none}
  .burger{display:flex;position:fixed;top:20px;left:250px;width:50px;height:50px;border:0;border-radius:4px;background:var(--gris);align-items:center;justify-content:center;cursor:pointer;z-index:20;padding:0}
  .burger svg{width:20px;height:17px;stroke:#fff;stroke-width:1px;overflow:visible}
  .burger .x{display:none}
  .page.open .burger .b{display:none}
  .page.open .burger .x{display:block}
  #nav{position:fixed;top:70px;left:21px;width:278px;z-index:19;display:none;border-bottom:1px solid #fff}
  .page.open #nav{display:block}
  .menu{display:block;height:auto}
  .menu li{width:auto!important;height:auto;background:var(--gris);border-left:0!important;border-bottom:1px solid #fff}
  .menu li:last-child{border-bottom:0}
  .menu a{height:48px;line-height:48px;padding-left:17px;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff}
  .menu a.on{background:#0099FF;color:#fff}
  .menu a:hover{color:#fff}
  .s0,.s1{font-size:15px;line-height:18.4px}
  .s7,.s12{font-size:15px;line-height:21px}
  .f-logo{left:20px;top:16px;width:280px;height:143px}
  .f-txt{left:20px;top:169px;width:280px}
  .f-form{left:20px;top:226px;width:280px;height:393px}
  .fld{font-size:16px}
  .f-nombre{top:0;height:45px} .f-email{top:55px;height:45px}
  .f-msg{top:110px;height:150px;font-size:14px}
  .chk{left:10px;top:279px}
  .f-acepto{display:none}
  .f-priv-form{left:34px;top:283px;font-size:15px;line-height:18px}
  .btn{left:114px;top:362px;z-index:2}
  .f-s1{left:20px;top:588px;width:280px;height:191px} .f-s2{left:20px;top:789px;width:280px;height:191px} .f-s3{left:20px;top:1000px;width:280px;height:191px}
  .f-link{left:20px;width:280px;font-size:15px;line-height:18px;color:var(--gris)}
  .f-priv{top:1201px} .f-aviso{top:1226px}
}