/*
Theme Name: Flozen Theme Child
Theme URI: https://demo.nasatheme.com/flozen-intro/
Description: This is a child theme for Flozen Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: flozen-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/


.cuadro{
	-webkit-box-shadow: 10px 10px 28px -14px rgba(0,0,0,0.42);
	-moz-box-shadow: 10px 10px 28px -14px rgba(0,0,0,0.42);
	box-shadow: 10px 10px 28px -14px rgba(0,0,0,0.42);
	margin:2px;
	padding:20px;
}

.entry-title{
	color: #6723f6 !important  ;
}
.sale-label{
	color: #6723f6;
}

.colorairgo{
	color: #6723f6 !important;
}


#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{
	margin: 0px;
}

.large-6{
	padding-left: 0px;
	padding-right: 0px;
}
@media only screen and (max-width: 600px) {
    .nasa-menus-account > li:first-child a {
      /*  width: 32%; */
        float: left;
    }
	.cuadro img{
		max-height: 85px;
		max-width: 85px;
	}
	
	
}
h1.dvfaq-menu-title, h2.dvfaq-menu-title, h3.dvfaq-menu-title, h4.dvfaq-menu-title, h5.dvfaq-menu-title, h6.dvfaq-menu-title {
    background-color: 6723f6 !important;
    color: #000 !important;
}

.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin-right: 5px; /* Agrega margen a la derecha de cada imagen */
}

/* Opcional: Eliminar el margen derecho de la última imagen para que no haya espacio extra */
.wpb_single_image:last-child .vc_single_image-wrapper {
    margin-right: 3px;
}
:root {
  --main-color: #6723f6 !important;
  --text-color: #000 !important;
  --placeholder-color: #999 !important;
  --bg-input: #f9f9f9 !important;
  --border-radius: 10px !important;
}

.nasa-contact-us-wrap {
  background: #fff !important;
  color: var(--text-color) !important;
  padding: 2rem !important;
  border-radius: var(--border-radius) !important;
  font-family: 'Segoe UI', sans-serif !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07) !important;
  max-width: 700px !important;
  margin: auto !important;
}

.nasa-contact-us-wrap label {
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 0.4rem !important;
  display: block !important;
  font-size: 0.95rem !important;
}

.nasa-contact-us-wrap input,
.nasa-contact-us-wrap textarea,
.nasa-contact-us-wrap select {
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  margin-bottom: 0.9rem !important; /* menos espacio */
  border: 1px solid #ddd !important;
  background-color: var(--bg-input) !important;
  color: var(--text-color) !important;
  font-size: 1rem !important;
  border-radius: var(--border-radius) !important;
  transition: all 0.2s ease !important;
}

.nasa-contact-us-wrap input:focus,
.nasa-contact-us-wrap textarea:focus,
.nasa-contact-us-wrap select:focus {
  border-color: var(--main-color) !important;
  background-color: #fff !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(103, 35, 246, 0.15) !important;
}

.nasa-contact-us-wrap input::placeholder,
.nasa-contact-us-wrap textarea::placeholder {
  color: var(--placeholder-color) !important;
}

#form-submit {
  background-color: var(--main-color) !important;
  color: #fff !important;
  border: none !important;
  padding: 0.8rem 2rem !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(103, 35, 246, 0.4) !important;
  transition: all 0.3s ease !important;
}

#form-submit:hover {
  background-color: #4f1dd2 !important;
  transform: translateY(-1px) !important;
}

.nasa-contact-us-wrap .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between; /* Asegura que las columnas estén alineadas y distribuidas uniformemente */
}

.nasa-contact-us-wrap .form-group {
  width: 48%; /* Asegura que los grupos ocupen el 48% del ancho, dejando un espacio entre ellos */
}

.nasa-contact-us-wrap .col-6 {
  width: 48%; /* Aplica lo mismo a la clase col-6 para que ocupe la mitad del ancho disponible */
}

@media (max-width: 768px) {
  .nasa-contact-us-wrap .form-row {
    flex-direction: column !important;
  }
  .nasa-contact-us-wrap .col-6 {
    width: 100% !important;
  }
}