/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://www.acompañantesenmadrid.com
 Description:  Child theme de Hello Elementor
 Author:       PyTHOR RG General Service 
 Author URI:   https://www.acompañantesenmadrid.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Aquí irán tus estilos personalizados */

/*--------------------------------------------------------------
0. GOOGLE FONTS & VARIABLES CSS
--------------------------------------------------------------*/


/* 2) Definir variables de color y tipografía */
:root {
  /* Tipografías */
  --font-heading: 'Playfair Display', serif;
  --font-body:    'Montserrat', sans-serif;

  /* Paleta de colores */
  --color-primary:    #d66999; /* rosa suave */
  --color-secondary:  #2d2d2d; /* gris oscuro para textos */
  --color-accent:     #6f4a8e; /* púrpura suave */
  --color-bg-card:    #fafafa; /* fondo muy claro */
  --color-border:     #e0e0e0; /* borde suave */
}

/*--------------------------------------------------------------
1. APLICAR TIPOGRAFÍAS Y COLORES GLOBALES
--------------------------------------------------------------*/

/* Cuerpo de la página */
body {
  font-family: var(--font-body);
  color: var(--color-secondary);
}

/* Titulares */
h1, h2, h3, .masajista-title, .archive-title {
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 500;
}

/* Enlaces */
a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color .2s;
}
a:hover,
a:focus {
  color: var(--color-accent);
}

/* Botones (como el de WhatsApp) 
.btn-whatsapp {
  background-color: var(--color-primary);
  color: #fff !important;
}
.btn-whatsapp:hover {
  background-color: var(--color-accent);
}*/

/* Tarjetas de archivo */
.masajista-item {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
}

/* Ficha individual */
.masajista-single {
  background-color: #fff;
}


/*--------------------------------------------------------------
AJUSTES DE ARCHIVO: SUBTÍTULO Y BREADCRUMB
--------------------------------------------------------------*/
.archive-subtitle {
  font-size: 1rem;
  color: #666;
  margin: .5rem 0 1.5rem;
  line-height: 1.5;
  font-family: var(--font-body);
}

.breadcrumb {
  font-size: .9rem;
  margin-bottom: 2rem;
  color: #555;
}
.breadcrumb a {
  color: var(--color-primary);
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--color-accent);
}
.breadcrumb span {
  color: #333;
  font-weight: 500;
}

/* Breadcrumb en plantilla Single */
.breadcrumb {
  font-size: .9rem;
  margin-bottom: 1rem;
  color: #555;
}
.breadcrumb a {
  color: var(--color-primary);
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--color-accent);
}
.breadcrumb span {
  color: #333;
  font-weight: 500;
}