/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

 h1 {
  font-size: 1.7em;
}

 h2 {
  font-size: 1.5em;
}

 h3 {
  font-size: 1.3em;
}

.sizu  {
  color: #b491A6;
}

/*cabeceras*/

.nav-uppercase > li > a {
  color: #066367;
}

.nav-uppercase > li > a:hover {
  color: #132f2b;
}

.borde-redondo{
	border-radius:15px!important;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
  border-radius: 99px !important;
}

/*Formulario*/

.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: #fff0;
    border-radius: 15px;
    box-shadow: none;
    border: 1px solid #222;
}

label {
    /*color: #fff;*/
}
/*Textos*/

p{
	text-align:justify!important;
}

.centrar{
	text-align:center!important;
}

.fondo-texto{
	background-color: #40a57830;
    border-radius: 99px;
    padding: 4px 14px 4px 14px;
}

/*barra scroll*/

body::-webkit-scrollbar {
  width: 10px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #fff;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #000;    /* color of the scroll thumb */
  border-radius: 8px;       /* roundness of the scroll thumb */
  border: 2px solid #fff;  /* creates padding around scroll thumb */
}


/*footer*/

.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: solid;
    color: #222;
}


/*css adicional*/

.banner, .borde-redondo img{
	border-radius:15px!important;
}

#menu-footer-menu {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 1rem; /* opcional, puedes ajustarlo según tu diseño */
  width: 100%;
  flex-wrap: wrap; /* por si no cabe en móviles */
}

@media (max-width: 768px) {
  #menu-footer-menu {
    flex-direction: column;
    align-items: center; /* o flex-start si quieres alineado a la izquierda */
  }
}

 ul.menu > li + li {
  border-top: 0;
}


/* CSS para aplicar fondo con esquinas redondeadas al último ítem del menú */

/* Seleccionamos el último ítem del menú principal */
.header-nav-main > li:last-child > a.nav-top-link {
  background-color: #b491A6;
  border-radius: 15px;
  padding: 0 1.2em;
  color: #ffffff !important;
  transition: background-color 0.3s ease;
}

/* Efecto hover opcional */
.header-nav-main > li:last-child > a.nav-top-link:hover {
  background-color: #7a6391;
}

/* Asegurar que el dropdown del último ítem también se muestre correctamente */
.header-nav-main > li:last-child ul.sub-menu {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	



}