/* YES Corporate Colors */
:root {
  --yes-primary: #FF0000;    /* Rojo */
  --yes-secondary: #800080;  /* Violeta */
  --yes-accent: #FFD700;     /* Amarillo opaco */
}

/* Optimización de espaciado */
.section {
  padding: 50px 0;  /* Reducido de los valores originales */
}

.section-sm {
  padding: 35px 0;
}

.section-md {
  padding: 45px 0;
}

.section-lg {
  padding: 60px 0;
}

/* Reducir espacios entre elementos */
.row-30 {
  margin-bottom: -20px;
}

.row-30 > * {
  margin-bottom: 20px;
}

/* Ajustar espaciado en cards y elementos de contenido */
.card-classic {
  margin-bottom: 25px;
}

.tour-minimal {
  margin-bottom: 25px;
}

/* Optimizar espaciado en secciones específicas */
.breadcrumbs-custom {
  padding: 30px 0;
}

.footer-classic-main {
  padding: 40px 0;
}

/* Ajustar márgenes en elementos de texto */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 15px;
}

p {
  margin-bottom: 15px;
}

/* Optimizar espaciado en elementos de formulario */
.form-wrap {
  margin-bottom: 20px;
}

/* Override primary colors */
.button-primary,
.button-primary:focus {
  background-color: var(--yes-primary);
  border-color: var(--yes-primary);
}

.button-primary:hover,
.button-primary:active {
  background-color: var(--yes-secondary);
  border-color: var(--yes-secondary);
}

/* Links and accents */
a:hover {
  color: var(--yes-primary);
}

.link-1:hover {
  color: var(--yes-primary);
}

/* Headers and titles */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--yes-primary);
}

/* Navigation */
.rd-navbar-creative .rd-navbar-nav > li > a:hover {
  color: var(--yes-primary);
}

/* Accent elements */
.box-9-link-inner:hover {
  background-color: var(--yes-accent);
}

/* Form elements */
.form-input:focus {
  border-color: var(--yes-primary);
}

/* Custom backgrounds */
.bg-primary {
  background-color: var(--yes-primary);
}

.bg-secondary {
  background-color: var(--yes-secondary);
}

/* Optimizar espaciado en dispositivos móviles */
@media (max-width: 768px) {
  .section {
    padding: 40px 0;
  }
  
  .section-sm {
    padding: 25px 0;
  }
  
  .section-md {
    padding: 35px 0;
  }
  
  .section-lg {
    padding: 45px 0;
  }
  
  .row-30 {
    margin-bottom: -15px;
  }
  
  .row-30 > * {
    margin-bottom: 15px;
  }
}