/**
 * @file
 * Subtheme specific CSS.
 */

html, body {
  font: normal normal 400 16px/1.5 Nunito, arial, helvetica, sans-serif;
  text-align: left;
  color: #fff;
  background-color: #ddd;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1.5rem;
  font-weight: 200;
  line-height: 1.2;
  letter-spacing: 0.125rem; /*font=16px | letter-spacing: 2px =>  2/16=0.125 rem */
}

h1, .h1 {
  font-size: 2rem;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.8rem;
  display: inline-block;
}

h2, .h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.8rem;
}

a {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #aaa;
  /*text-decoration: underline;*/
}
.portada {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

#header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}

#navbar-main {
  background-color: transparent;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6rem 0 0 0;
}

.navbar-brand img {  /*logo*/
  width: 14rem;
  height: auto;
/*  margin-bottom: 10px; */
/*  display: inline-block; */
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
}


.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-expand-lg .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-nav a {
  text-shadow: 1px 1px #000;
}

.navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.logo {
  /* border-bottom: 1px solid #ccc; */
  /* padding-bottom: 20px; */
  margin-bottom: 3rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 6.5rem;
  margin-left: 10.5rem;
  position: absolute;
  left: 0;
  z-index: 10;
}

/* menu home */
a.nav-link--::before {
  background: none !important;
  width: unset !important;
  height: unset !important;
}

/* FORMULARIOS */
.node--type-formulario .block-page-title-block {
  display: none;
}

.node--type-formulario #content {
  background: rgba(55,55,55,.7);
  margin-top: 10vh;
}

.webform-submission-form {
  padding: 3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.webform-submission-form > div {
  width: 100%;
}

.webform-flexbox {
  width: 100%;
  margin: 0;
}

fieldset.webform-composite-hidden-title {
  margin-top: 0;
  margin-bottom: 0;
}

.anchototal {
  width: 100%;
}

.titulo-form {
  margin-top: 3rem;
  font-weight: 200;
  font-size: 1.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

label, legend {
  display: inline-block;
  letter-spacing: 0.125rem;
/*  text-transform: uppercase;*/
  font-size: 1rem;
  font-variant: small-caps;
  margin-bottom: .3rem;
}

.form-group, .fieldgroup {
  margin-bottom: 1rem;
}


.webform-type-webform-email-confirm legend { /*corrige un margin que tiene un legend oculto del título del grupo (visually-hidden,  */
  margin: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .65rem);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cecece;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-text {
  display: block;
  margin-top: 0; /*.25rem;*/
}

.form-required::after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K);
	background-size: 10px 7px;
	content: "";
	display: inline-block;
	vertical-align: super;
	line-height: 1;
	height: 7px;
	width: 10px;
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.iti { /* teléfono internacional */
  width: 100%;
}

.form-type-webform-custom-composite > label {  /* Grupo compuesto (Custom Composite) */
  font-weight: 200;
  line-height: 1.2;
  letter-spacing: 0.125rem; /*font=16px | letter-spacing: 2px =>  2/16=0.125 rem */
  
  font-size: 1.2rem;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.8rem;

  width: 100%;
  margin-top: 3rem;
  margin-bottom: 0;
}

.solicitud-posventa {
  padding: 0;
}

.webform-multiple-table {
  padding: 0 15px;
}

.table {
  color: inherit;
  margin: 0;
  height: 100%;
}

thead {
  display: none;
  border-bottom: none;
}

.table td, .table th {
  padding: 0;
  vertical-align: top;
  border: none !important;
  white-space: normal;
}

.table-hover tbody tr:hover {
  color: inherit;
}

tr {
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0;
  background: none !important;
  padding-top: 1rem;
  margin-top: 2rem;
  height: 100%;
}

fieldset.solicitud-posventa table tr > td:nth-child(1) {
  width: 90%; 
}

fieldset.solicitud-posventa table tr >  td:nth-child(1) fieldset:first-child {
  margin-top: 1rem;
}

fieldset.solicitud-posventa table tr > td:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.webform-multiple-table-responsive td.webform-multiple-table--operations {
  position: static;
}

.webform-multiple-table td.webform-multiple-table--operations input {
  margin: 2rem;
  opacity: 0.7;
  background: none;
}

.webform-multiple-table td input[type="image"] {
  box-sizing: border-box;
  width: 28px;
  min-width: initial;
  max-width: initial;
  height: auto;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #1df21d !important;
  margin: .8rem;
}

.webform-multiple-table td input[type="image"] + input[type="image"] {
  background: #f21d1d !important;
  margin: .8rem;
}

#edit-solicitud-posventa--description {
  margin-top: 1rem;
  padding-left: 15px;
}
#edit-solicitud-posventa--description::after {
	display: inline-block;
	content: "";
	background: url('/modules/contrib/webform/images/icons/plus.svg') #2cbe26 0.15rem 0.2rem;
	background-repeat: no-repeat;
	-webkit-background-size: 1rem 1rem;
	background-size: 1rem 1rem;
/*	background-position: 0.2rem 0.1rem; */
	width: 1.5rem;
	height: 1.5rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  vertical-align: bottom;
}


.webform-multiple-table td.webform-multiple-table--operations input:hover, .webform-multiple-table td.webform-multiple-table--operations input:focus, .webform-multiple-table td.webform-multiple-table--operations input:active {
  opacity: 1;
  background: unset;
}

.text-muted {
  color: inherit !important;
  text-align: justify;
}

#edit-actions {
  margin-top: 3rem;
}

.btn-primary {
  color: #fff;
  background-color: #4BC8F3;
  border-color: #4BC8F3;
}

/* FIN FORMULARIOS */

.alert-wrapper a {
	color: #000;
}

img {
  vertical-align: middle;
  border-style: none;
  width: 100%;
  height: auto;
}


@media (min-width: 768px) {
  .webform-flexbox {
    display: flex;
    margin: 0 -0.5em;
    align-items: baseline;
   }
}
@media (max-width: 768px) {
  fieldset.solicitud-posventa table tr > td:nth-child(2) {
    flex-direction: row;
    justify-content: center;
    height: auto;
  }

  fieldset.solicitud-posventa table tr > td:nth-child(1) {
    width: 100%;
  }

  #navbar-main {
    padding: 4rem 0 0 1rem;
  }

  .webform-submission-form {
    padding: 0;
  }

  .navbar {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: start;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
  }

}

@media (max-width: 540px) {
}