/*
 Theme Name:   Mediants
 Theme URI:    https://ripollvende.com
 Description:  Tema para Ripoll Vende. Inversión inmobiliaria en Panamá. Hijo de Twenty Twenty-Five.
 Author:       Ripoll Vende
 Author URI:   https://ripollvende.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Requires at least: 6.7
 Tested up to: 6.9
 Requires PHP: 7.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  mediants
*/

/* Variables y base – Ripoll Vende (look Atamisa / tema inmobiliario premium) */
:root {
  --mediants-navy: #0d1b2a;
  --mediants-navy-light: #1b263b;
  --mediants-blue: #415a77;
  --mediants-slate: #5a6575;
  --mediants-white: #ffffff;
  --mediants-offwhite: #f7f8fa;
  --mediants-accent: #e8eaed;
  --mediants-gold: #c9a227;
  --mediants-gold-dark: #a6851e;
  --mediants-font-serif: 'Cormorant Garamond', 'Georgia', serif;
  --mediants-font-sans: 'Source Sans 3', 'Helvetica Neue', sans-serif;
  --mediants-container: min(1240px, 100% - 2rem);
  --mediants-section-padding: clamp(3.5rem, 7vw, 5.5rem);
  --mediants-radius: 12px;
  --mediants-radius-sm: 8px;
  --mediants-shadow: 0 4px 20px rgba(0,0,0,0.08);
  --mediants-shadow-hover: 0 12px 40px rgba(0,0,0,0.12);
}

body {
  font-family: var(--mediants-font-sans);
  color: var(--mediants-navy);
  background: var(--mediants-offwhite);
}

.mediants-wrap {
  max-width: var(--mediants-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Títulos */
h1, h2, h3, .mediants-serif {
  font-family: var(--mediants-font-serif);
  font-weight: 600;
}

/* Botones */
.mediants-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  font-family: var(--mediants-font-sans);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 4px;
  transition: opacity 0.2s, transform 0.2s;
}

.mediants-btn:hover {
  opacity: 0.9;
  transform: translateY(1px);
}

.mediants-btn--primary {
  background: var(--mediants-gold);
  color: var(--mediants-white);
  border: 2px solid var(--mediants-gold);
}

.mediants-btn--primary:hover {
  background: var(--mediants-gold-dark);
  border-color: var(--mediants-gold-dark);
  color: var(--mediants-white);
}

.mediants-btn--outline {
  background: transparent;
  color: var(--mediants-white);
  border: 2px solid var(--mediants-white);
}

.mediants-btn--outline:hover {
  background: var(--mediants-white);
  color: var(--mediants-navy);
}

/* Secciones oscuras */
.mediants-bg-navy {
  background: var(--mediants-navy);
  color: var(--mediants-white);
}

.mediants-bg-navy .mediants-btn--outline {
  color: var(--mediants-white);
  border-color: var(--mediants-white);
}

.mediants-bg-navy .mediants-btn--primary {
  background: var(--mediants-gold);
  color: var(--mediants-white);
  border-color: var(--mediants-gold);
}

.mediants-bg-navy .mediants-btn--primary:hover {
  background: var(--mediants-gold-dark);
  border-color: var(--mediants-gold-dark);
  color: var(--mediants-white);
}