/*
 Theme Name: Bali
 Description: El tema principal de la página web de balistockstone
 Version: 1.0
 Text Domain: bali
*/

/* Red_Hat_Display */
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* SemiBold */
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red_Hat_Display';
    src: url('/wp-content/themes/bali/assets/fonts/static/RedHatDisplay-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


/* TAN MON CHERI */
@font-face {
    font-family: 'TAN Mon Cheri';
    src: url('/wp-content/themes/bali/assets/fonts/TAN_MON_CHERI/TAN-MON%20CHERI.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.font-tan-mon-cheri {
    font-family: 'TAN Mon Cheri', sans-serif;
}

/* Base */
.font-tan-mon-cheri {
    font-family: 'TAN Mon Cheri', sans-serif;
}

/* Tamaño pequeño */
.font-tan-mon-cheri-sm {
    font-family: 'TAN Mon Cheri', sans-serif;
    font-size: 1.2rem;
}

/* Tamaño mediano */
.font-tan-mon-cheri-md {
    font-family: 'TAN Mon Cheri', sans-serif;
    font-size: 1.8rem;
}

/* Tamaño grande */
.font-tan-mon-cheri-lg {
    font-family: 'TAN Mon Cheri', sans-serif;
    font-size: 2.2rem;
}

body {
    margin: 0;
    font-family: 'Red_Hat_Display', sans-serif; /* Toda la web usa Red_Hat_Display */
    color: #eee; /* texto principal */
    background-color: #fff;
}


/* COLORS */

.dark {
	background-color: #20252D;	
}

.black {
	background-color: #000;	
}

.ocre {
	color: #CD7A01;
}

.olive {
	color: #617960;
}

/* RESPONSIVE LOGO */
.responsive-logo {
    max-width: 150px;  /* Como máximo 150px en pantallas grandes */
    width: auto;       /* mantiene proporción */
	height: auto;      /* Mantiene la proporción */
	flex-shrink: 0;    /* Evita que el logo se reduzca o estire por flex */
}

@media (max-width: 768px) {
    .responsive-logo {
        max-width: 120px;  /* Más pequeño en móviles */
    }
}

@media (max-width: 480px) {
    .responsive-logo {
        max-width: 100px;   /* Aún más pequeño en móviles muy pequeños */
    }
}


/* HEADER */

.site-header {
  width: 100%;
  background: white;
}

.header-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 15px 25px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  box-sizing: border-box;
}

/* LOGO */
.header-logo img {
  max-height: 100px;
  width: auto;
}

/* MENÚ PRINCIPAL */
.header-menu ul.menu {
  display: flex;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-menu a {
  text-decoration: none;
  color: #CD7A01;
  font-weight: 600;
  white-space: nowrap;
  font-size: 22px;
  letter-spacing: 0.05em;
}

/* IDIOMAS */
.header-lang ul.menu {
  display: flex;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-lang img {
  display: block;
}


@media (max-width: 992px) {

  .header-inner {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .header-logo {
    width: 100%;
  }

  .header-menu {
    width: 100%;
  }

  .header-menu a {
    font-size: 24px;
  }
	
  .header-menu ul.menu {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }

  .header-lang {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
}

/* FOOTER */
.contacto {
	padding: 5rem 2rem;
}

/* LOGO */
.contacto-logo {
	max-width: 160px;
	margin-bottom: 3rem;
}

/* ITEMS */
.contacto-item {
	padding: 2rem 1rem;
}

/* TEXTO BASE */
.contacto-titulo {
	font-weight: 600;
	letter-spacing: 1px;
}

.contacto-texto {
	line-height: 1.6;
}

/* 📱 MÓVIL: MUY GRANDE */
@media (max-width: 767px) {
	.contacto-titulo {
		font-size: 2.0rem;
	}

	.contacto-texto {
		font-size: 1.4rem;
	}

}

/* 🖥️ PC: PROPORCIONADO */
@media (min-width: 768px) {
	.contacto-titulo {
		font-size: 1.6rem;
	}

	.contacto-texto {
		font-size: 1.2rem;
	}
}


/* RESPONSIVE CENTER IMAGE */

.responsive-center-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;   /* tamaño máximo en PC */
    width: auto;         /* mantiene proporción */
    height: auto;        /* mantiene proporción */
    flex-shrink: 0;      /* si está dentro de un flex */
}

@media (max-width: 768px) {
    .responsive-center-img {
        max-width: 200px;   /* más pequeño en tablets/móviles grandes */
    }
}

@media (max-width: 480px) {
    .responsive-center-img {
        max-width: 150px;   /* más pequeño en móviles pequeños */
    }
}