/*
Theme Name: RE/MAX Espacio
Theme URI: https://remaxespacio.com.ar/
Author: RE/MAX Espacio
Description: Tema a medida para RE/MAX Espacio, La Plata. Incluye buscador de propiedades, conexión automática con el listado de la oficina en RE/MAX, páginas de zonas y de barrios cerrados, y panel propio de ajustes.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Uso privado de RE/MAX Espacio
Text Domain: remax-espacio
*/

/* ------------------------------------------------------------------
   Base común a todo el sitio.
   El diseño de cada página vive en assets/css/<pagina>.css
   ------------------------------------------------------------------ */

:root{
  --red:#CC1430;--red-d:#a8102a;--black:#0D0D0D;--dark:#111;--dark2:#1a1a1a;
  --white:#fff;--gray:#F5F5F5;--gray2:#EEE;--text:#1A1A1A;--muted:#666;--border:#E0E0E0;
  --font:'Montserrat',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}

/* Logos de los botones de compartir */
.art-share .share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--dark);
  transition:color .18s, background .18s;
}
.art-share .share-btn svg{display:block;}
/* El fondo del círculo pasa a rojo al pasar el mouse, así que el logo va en blanco */
.art-share .share-btn:hover{color:#fff;}
.art-share .share-btn.copiado{background:#1d7a4d;color:#fff;}

/* Llamado a la acción al final de cada nota */
.art-cta-final{
  background:var(--gray);
  border-top:3px solid var(--red);
}
.art-cta-final .btn-red{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:var(--red);
  color:#fff;
  font-weight:700;
  font-size:15px;
  padding:14px 28px;
  border-radius:6px;
  text-decoration:none;
  transition:background .2s;
}
.art-cta-final .btn-red:hover{background:var(--red-d);}
.art-cta-final .btn-red svg{flex:none;}

/* Pie legal al final de cada nota del blog */
.art-legal{
  margin:40px 0 0;
  padding:18px 20px;
  border-left:3px solid var(--red);
  background:var(--gray);
  border-radius:0 6px 6px 0;
}
.art-resp{
  font-size:13px;
  font-weight:700;
  color:var(--text);
  margin:0 0 6px;
  line-height:1.5;
}
.art-aviso{
  font-size:12.5px;
  color:var(--muted);
  margin:0;
  line-height:1.6;
}

/* La barra del admin no debe tapar el encabezado fijo */
body.admin-bar .site-header{top:32px;}
@media screen and (max-width:782px){
  body.admin-bar .site-header{top:46px;}
}