/*
 Theme Name:   BirdCom
 Theme URI:    https://birdcom.es
 Description:  BirdCom Comunicación y Diseño
 Author:       Dani Moreno
 Template:     generatepress
 Version:      0.1
*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@1,900&display=swap");

@font-face {
  font-family: "Avenir";
  src: url("assets/fonts/AvenirNextLTPro-Heavy.woff2") format("woff2"),
    url("assets/fonts/AvenirNextLTPro-Heavy.woff") format("woff");
}

body {
  font-family: "Fira Sans", sans-serif;
  line-height: 1.5;
  font-size: 18px;
  color: #22292e;
}

p {
  margin-bottom: 20px;
}

a {
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Fira Sans", sans-serif;
}

.header-image {
  margin-top: -50px;
}
.site-logo {
  z-index: 9;
}

.site-header,
.main-navigation {
  background-color: #40464c;
}

.amarillo {
  background-color: #fff567;
}

a {
  cursor: pointer;
}
/* Media querys */

@media screen and (max-width: 783px) {
  .yellow-btn-form,
  .green-btn-form,
  .green-btn-form-two {
    width: 100% !important;
  }

  .inside-navigation {
    margin-top: -75px;
  }

  .inside-article {
    margin-top: 25px;
  }
  .header-image {
    margin-top: 0px !important;
    z-index: 1;
  }

  #primary-menu ul > li:nth-child(1) a::before {
    display: none;
  }

  #primary-menu ul > li:nth-child(2) a::before {
    display: none;
  }

  #primary-menu ul > li:nth-child(3) a::before {
    display: none;
  }

  #primary-menu ul > li:nth-child(4) a::before {
    display: none;
  }

  #primary-menu ul > li:nth-child(5) a::before {
    display: none;
  }

  .titulo-fibra {
    min-height: 70px;
  }

  .header-image.is-logo-image {
    content: url("/wp-	content/uploads/2023/05/Grupo-2207.svg");
    max-width: 125px;
  }

  #masthead > div > div > a {
    position: sticky !important;
    z-index: 999 !important;
  }

  .inside-header.grid-container {
    padding: 0;
    padding-top: 10px;
  }

  .site-header,
  .main-navigation {
    background-color: #22292e;
  }

  .nav-below-header .main-navigation .inside-navigation.grid-container,
  .nav-above-header {
    padding: 0;
    margin-left: 10px;
  }
}

@media screen and (max-width: 1100px) {
  p.gb-headline-0714a103 {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1500px) {
  .gb-container-e47106d4 {
    display: none;
  }

  .gb-container-6112a180 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .header-image {
    margin-top: -21px;
    max-width: 300px;
  }

  .main-navigation .main-nav ul li a,
  .menu-toggle,
  .main-navigation .menu-bar-item > a {
    padding-right: 0px;
    padding-left: 70px;
  }

  .header-image {
    margin-top: -50px;
    z-index: 1;
  }
}

/* Iconos Menu Header */

#primary-menu ul > li:nth-child(1) a::before {
  content: url(/wp-content/uploads/2023/04/planes.svg);
  position: absolute;
  bottom: 130px;
  left: 55px;
  height: 40px;
}

#primary-menu ul > li:nth-child(2) a::before {
  content: url(/wp-content/uploads/2023/04/servicios_pro.svg);
  position: absolute;
  bottom: 130px;
  left: 95px;
  height: 40px;
}

#primary-menu ul > li:nth-child(3) a::before {
  content: url(/wp-content/uploads/2023/04/alarmas.svg);
  position: absolute;
  bottom: 130px;
  left: 78px;
  height: 40px;
}

#primary-menu ul > li:nth-child(4) a::before {
  content: url(/wp-content/uploads/2023/04/smartphones.svg);
  position: absolute;
  bottom: 130px;
  left: 110px;
  height: 40px;
}

#primary-menu ul > li:nth-child(5) a::before {
  content: url(/wp-content/uploads/2023/04/casos-de-exito.svg);
  position: absolute;
  bottom: 130px;
  left: 105px;
  height: 40px;
}

.circulo:hover {
  background-color: #ffe200 !important;
}

.has-parallax {
  padding: 0px;
}

/*Top nav*/
@media (min-width: 800px) {
  #menu-menu-principal {
    margin-bottom: -20px !important;
    margin-top: 15px !important;
  }
  .user-mvl {
    display: none;
  }
  .btn-nav {
    display: block;
  }
}
@media (max-width: 800px) {
  .user-mvl {
    display: block;
    max-width: 80%;
  }
  .btn-nav {
    display: none !important;
  }
  .servicios-pro .grid-itemP p {
    font-weight: bold;
    font-size: 18px !important;
  }
  .grid-itemP img {
    max-width: 70% !important;
  }
}

/* Bloques de pop ups*/
.grid-containerP {
  padding-top: 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 70px 20px;
}

.grid-itemP {
  text-align: center;
}

.grid-itemP img {
  max-width: 50%;
}

.grid-itemP p {
  margin: 0;
}
.icon-list {
  padding-right: 15px;
}

.popup {
  overflow: auto;
  background-color: #22292e;
  border-radius: 60px;
  padding: 70px;
  display: none;
  color: white;
}

.popup::before {
  content: "";
  position: absolute;
  top: -28px;
  left: calc(50% - 30px);
  border-width: 30px 30px 0 30px;
  border-style: solid;
  border-color: #22292e transparent transparent transparent;
  transform: rotate(180deg);
}

.triangulo_sup {
  margin-top: 60px;
  width: 0;
  left: calc(50% - 8px);
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 20px solid #22292e;
  text-align: center;
  position: relative;
  display: none;
}

.popup .left {
  float: left;
  width: 66%;
}

.popup .right {
  float: right;
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.precioS {
  font-size: 90px !important;
  margin: 0px;
  font-family: "Rubik", sans-serif;
  font-weight: 900;
}

.left h2 {
  font-style: normal;
}

.popup h2 {
  margin-top: 0;
  font-weight: 900;
  font-size: 30px;
}

.popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
}

.popup li {
  margin-bottom: 10px;
}

.popup a {
  background-color: #ffe200;
  color: #22292e;
  border: none;
  padding: 12px 70px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 15px;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 900 !important;
  text-align: center;
}
.right p.iva {
  font-style: italic;
  font-size: 16px;
  color: #707070;
  font-weight: 500 !important;
}
.right p.desde {
  text-transform: uppercase;
  font-style: italic;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500 !important;
  margin: 0;
}
.popup h2 {
  margin-top: 0;
  font-weight: 900;
  text-align: initial;
  font-style: normal;
  font-size: 28px;
}
.servicios-pro a {
  color: #22292e;
}
.servicios-pro a:active,
.servicios-pro a:hover,
.servicios-pro a:visited {
  color: #50ba50;
}
.popup a:hover {
  background-color: #50ba50;
  color: white;
}
.precio2 {
  font-size: 40px !important;
}
.servicios-pro .grid-itemP p {
  font-weight: bold;
  font-size: 20px;
}
p.inc {
  font-size: 18px !important;
  color: #50ba50;
  text-transform: uppercase;
}
.grid-itemP img {
  margin-bottom: 24px;
}
.precioInc {
  font-size: 22px !important;
}
@media screen and (max-width: 767px) {
  .popup {
    position: relative;
    height: auto;
    padding: 70px 30px;
  }

  .popup .left,
  .popup .right {
    width: 100%;
    float: none;
  }

  .popup .left {
    margin-bottom: 30px;
  }

  .popup ul {
    margin-left: 10px;
    display: inline-block;
    text-align: left;
  }
  .popup a {
    width: 100%;
  }
  .popup h2 {
    font-size: 26px;
  }
  .triangulo_sup {
    margin-top: 48px;
    left: calc(50% - 19px);
  }
}

@media only screen and (max-width: 768px) {
  .grid-containerP {
    grid-template-columns: repeat(2, 47%);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .popup {
    height: auto;
    border-radius: 40px;
    padding: 70px 30px;
  }
  .precioS {
    font-size: 40px;
  }
}

@media screen and (min-width: 1200px) {
  .popup {
    height: auto;
    border-radius: 60px;
    padding: 70px;
  }
  .precioS {
    font-size: 40px;
  }
}

/*FIN*/
.wpb-pcf-form-style-true .swal2-popup {
  background: #f4f7f8;
  border: none;
}

/* Boton flotante*/
#call-me {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  background-color: #50ba50;
  padding: 15px;
  border-radius: 50%;
  z-index: 999;
  display: none;
}

@media (max-width: 800px) {
  #call-me {
    display: block !important;
  }
}

/** CSS de Tarifas **/
.main-container {
  display: flex;
  padding: 20px;
  gap: 20px;
  justify-content: center;
  max-width: 100%;
}

.form-container {
  padding: 4rem;
  max-width: 70%;
  box-sizing: border-box;
  height: fit-content;
  border: 4px solid #ffe200;
  border-radius: 60px;
}

.result-container {
  display: flex;
  max-width: 30%;
  border: 4px solid #ffe200;
  border-radius: 60px;
  padding: 100px 64px 66px 64px;
  flex-direction: column;
  align-items: center;
}

.conection,
.fee {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.conection h3,
.fee h3 {
  margin-bottom: 0.5rem;
}

.fee p {
  margin: 0;
}

input[type="radio"] {
  margin-right: 0.5rem;
}

.internet-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.conection-option {
  display: flex;
  align-items: center;
}

.tarifa-movil label {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.fee {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.fee-option {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.radio-option label {
  margin: 0;
  font-weight: bold;
}

#subtitle {
  font-size: 12px;
  font-weight: bold;
  color: #a6a7ad;
  font-style: italic;
}

.conection #subtitle {
  margin-top: 2rem;
}

.price-all-products {
  font-family: Rubik, sans-serif;
  font-size: 80px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 0;
}

.euros-mes {
  margin-bottom: 0rem;
}

.iva,
.euros-mes {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #a6a7ad;
  font-style: italic;
}

.pack-price-container {
  border-bottom: 1px solid black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  width: 90%;
}

.pack-price {
  font-weight: 700;
  font-style: italic;
}

.pack-price-value {
  font-weight: 700;
}

.tarifa-name,
.mobile-name {
  font-size: 17px;
  margin: 1rem 0.5rem;
}

.tarifaseleccionada-name {
  margin: 0.5rem;
  font-size: 17px;
}

.mobile-name {
  margin-top: 0rem;
}

.feemobile-container {
  display: flex;
  flex-direction: column;
  width: 90%;
}

.feemobile-container,
.pack-price-container {
  margin: 0 auto;
}

.total-price-label {
  font-weight: 700;
  font-style: italic;
}

.total-price-value {
  font-weight: 700;
}

.info-extra-container {
  text-align: center;
  margin-top: 24px;
}

.info-text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 20px;
}

.info-text {
  font-size: 14px;
  color: #a6a7ad;
  margin-bottom: 0px;
}

.info-button-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.info-button-container button,
#buscar-tarifa {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 55px;
  padding: 15px 20px;
  border-radius: 15px;
  background-color: #50ba50;
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  transition: background-color 0.3s;
  text-transform: uppercase;
}

.info-button-container button,
#buscar-tarifa:hover {
  background-color: #ffe200;
  color: #22292e;
}

.info-button-container button:hover {
  background-color: #50ba50;
  color: white;
}

#info-extra {
  font-size: 11px;
  color: black;
  margin-top: 0.5rem;
}

.title {
  font-weight: normal;
}

.gray-title {
  color: #a6a7ad;
  font-weight: bold;
}

.tarifa-description {
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}

.additional-option {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.quantity-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.quantity-input {
  width: fit-content;
  padding: 0.25rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
}

.quantity-btn {
  background-color: #f0f0f0;
  border: none;
  color: #333;
  padding: 0.2rem 0.7rem;
  border-radius: 100px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.quantity-btn:hover {
  background-color: #ccc;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
  color: initial;
  background-color: initial;
  border-color: initial;
  border: none;
  width: 50px;
  padding: 0.25rem;
  font-weight: bold;
  text-align: center;
  outline: none;
  font-size: 20px;
}

input[type="number"]:focus,
input[type="number"]:active {
  background-color: initial;
}

.simple {
  font-weight: normal;
  font-style: italic;
}

@media (min-width: 1140px) {
  .form-container {
    max-width: 60%;
  }
  .result-container {
    max-width: 30%;
  }
}

@media (max-width: 1139px) {
  .form-container,
  .result-container {
    font-size: 65%;
  }

  .form-container {
    max-width: 60%;
  }

  .result-container {
    max-width: 40%;
  }

  .price-all-products {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .main-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100vh;
    padding: 2rem;
  }

  .form-container,
  .result-container {
    max-width: 100%;
    padding: 1rem;
    font-size: 14px;
    display: block;
    overflow-x: auto;
  }

  .price-all-products {
    font-size: 24px;
  }

  .conection h3,
  .fee h3,
  .title {
    font-size: 16px;
  }

  .conection {
    height: fit-content;
  }

  .fee #subtitle {
    margin-top: 0rem;
  }

  #conection-title {
    margin: 1rem 0 -0.5rem 0;
  }

  .conection-option label,
  .radio-option label,
  .tarifa-description,
  #buscar-tarifa {
    font-size: 14px;
  }

  .internet-options {
    margin-bottom: -1rem;
  }

  .fee-option {
    margin-bottom: -1rem;
  }

  .fee-option .simple {
    font-size: 8px;
  }

  .internet-options {
    flex-wrap: wrap;
  }

  .conection-option {
    flex-basis: calc(50% - 0.75rem);
    margin-bottom: 0.5rem;
  }

  .additional-option {
    margin-bottom: 0.5rem;
  }

  #buscar-tarifa {
    width: 100%;
    font-size: 18px;
    margin-top: 0.5rem;
  }
  #subtitle {
    font-size: 10px;
  }
  .quantity-input,
  .gray-title {
    font-size: 12px;
  }

  .gray-title {
    font-size: 10px;
  }

  radio-option label,
  .radio-option span {
    font-size: 12px;
  }

  .fee {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .radio-option {
    display: flex;
    align-items: center;
    gap: 0.1rem;
  }

  .fee-option {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .radio-option label {
    margin: 0;
    font-weight: bold;
  }

  .price-all-products {
    font-size: 40px;
  }

  .result-container {
    display: flex;
    align-items: center;
  }
}

/** CSS SearchTarifas **/
input[type="number"] {
  -moz-appearance: textfield;
  color: initial;
  background-color: initial;
  border-color: initial;
  border: none;
  width: 50px;
  padding: 0.25rem;
  font-weight: bold;
  text-align: center;
  outline: none;
  font-size: 20px;
}

#popupFormTarifa,
#popupFormServicio,
#popupFormAlarmas,
#popupFormSmartphone {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 70px 70px 70px 70px;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  width: 60%;
  height: 85%;
  color: black;
  font-size: 16px;
  text-align: left;
}

#popupFormCobertura,
#popupFormCallme,
#popupFormCallmeDos,
#popupMeInteresa {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 70px 70px 70px 70px;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  width: 60%;
  height: 78%;
  color: black;
  font-size: 16px;
  text-align: left;
}

#contrato-form-title,
#popupFormTarifa h4,
#popupFormCobertura h4,
#popupFormServicio h4,
#popupFormAlarmas h4,
#popupFormSmartphone h4,
#popupFormCallme h4,
#popupFormCallmeDos h4,
#popupMeInteresa h4 {
  font-size: 18px !important;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 70px;
  cursor: pointer;
  font-size: 55px;
}

.close-btn-contain {
  margin-bottom: 1rem;
}

.submit-button {
  float: right;
}

.popup label {
  display: block;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 12px;
}

.popup input[type="text"],
.popup input[type="email"],
.popup input[type="checkbox"],
.popup select {
  width: 100%;
  padding: 5px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #76737e !important;
  background-color: #fff !important;
}

.popup input[type="checkbox"] {
  width: auto;
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
}

#popup-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 45px;
  padding: 15px 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  transition: background-color 0.3s;
  margin-top: 12px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  #popupFormTarifa,
  #popupFormCobertura,
  #popupFormServicio,
  #popupFormAlarmas,
  #popupFormSmartphone,
  #popupFormCallme,
  #popupFormCallmeDos,
  #popupMeInteresa {
    width: 95% !important;
    height: 95% !important;
    padding: 50px 30px 70px 30px !important;
  }

  .close-button {
    position: absolute;
    top: 0px !important;
    right: 20px !important;
    cursor: pointer;
    font-size: 55px;
  }
  #popup-button {
    width: 100%;
  }
}

.popup select::-ms-expand {
  display: none;
}

.popup select:hover {
  border-color: #888;
}

#button-green {
  background-color: #50ba50;
  color: white;
  padding: 10px 35px;
  border-radius: 10px;
  font-weight: bold;
}

#green {
  color: #50ba50;
}

#contrato-form-title {
  font-weight: normal;
  font-size: 16px;
}

.bold {
  font-weight: bold;
}

.politica_privacidad {
  margin-top: 0.5rem;
}

#normal {
  font-weight: normal;
}

.contact-form-button input {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 45px;
  padding: 15px 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
}

/** CSS Cobertura **/
.form-cobertura {
  display: flex;
  width: 100%;
}

.form-cobertura input[type="text"] {
  background-color: #fff;
  color: #929292;
  font-size: 18px;
  height: 60px;
  width: 350px;
}

.form-cobertura .button-form {
  background-color: #22292e;
  border-bottom-right-radius: 0;
  border-top-right-radius: 50px;
  color: #ffe200;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 60px;
  text-transform: uppercase;
  width: 350px;
}

.form-cobertura .button-form:hover {
  background-color: #ffe200;
  color: #22292e;
}

.cobertura-container {
  margin-top: 0.5rem;
}

.cobertura-container .green {
  color: var(--accent);
  /*#50ba50*/
  font-style: italic;
}

.cobertura-container span {
  font-weight: bold;
}

/* Cobertura */

@media screen and (max-width: 800px) {
  .form-cobertura input[type="text"] {
    width: 100% !important;
  }
  .form-cobertura .button-form {
    margin-top: 24px !important;
    width: 100% !important;
  }
  .cobertura {
    background-size: 100% !important;
  }

  .page-id-664 .main-container {
    padding: 0px;
  }
}

.site.grid-container.container.hfeed .site-header,
.site.grid-container.container.hfeed .main-navigation,
.site.grid-container.container.hfeed .entry-header,
.site.grid-container.container.hfeed .site-footer {
  display: none !important;
}

.green-btn-form {
  background-color: #50ba50 !important;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px !important;
  padding: 12px 70px;
  border-radius: 15px;
  font-weight: 700;
}

.green-btn-form:hover {
  background-color: #22292e !important;
}

.green-btn-form-two {
  background-color: #50ba50 !important;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 70px;
  border-radius: 15px;
  font-size: 18px !important;
  font-weight: 900;
}

.green-btn-form-two:hover {
  background-color: #ffe200 !important;
  color: #22292e !important;
}

.yellow-btn-form {
  background-color: #ffe200 !important;
  color: #22292e !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 70px !important;
  border-radius: 15px;
  font-size: 18px !important;
}

.yellow-btn-form:hover {
  background-color: #50ba50 !important;
  color: #ffffff !important;
}

.yellow-btn-form-small {
  background-color: #ffe200 !important;
  color: #22292e !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 45px;
  padding: 15px 20px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px !important;
  transition: background-color 0.3s;
}

.yellow-btn-form-small:hover {
  background-color: #50ba50 !important;
  color: #ffffff !important;
}

/* Popup */
.swal2-popup.swal2-modal.swal2-show {
  display: flex;
  width: 550px;
}

.wpcf7-form {
  text-align: left;
}

.wpcf7-form label {
  font-size: 12px;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
  width: 100%;
  padding: 5px;
}

.wpb-pcf-form-style-true .wpcf7 form > p,
.wpb-pcf-form-style-true .wpcf7 form > div {
  margin-bottom: 20px;
  font-size: 12px;
}

.wpb-pcf-form-style-true .wpcf7 form > p span,
.wpb-pcf-form-style-true .wpcf7 form > div span {
  margin-left: 0;
  margin-right: 0.1rem;
}

.wpb-pcf-form-style-true input[type="submit"].wpcf7-submit,
.wpb-pcf-form-style-true input[type="button"].wpcf7-submit {
  margin-bottom: 0;
  width: 150px;
  font-size: 14px;
}

.swal2-popup .swal2-close {
  margin-bottom: 1px;
}

.green-text {
  color: #50ba50;
  font-style: italic;
}

.gris {
  color: #a6a7ad !important;
}
.negro {
  color: #22292e !important;
}

@media screen and (min-width: 783px) {
  .texto {
    min-height: 160px;
  }
}

/* Formulario */

.wpb-pcf-form-style-true .swal2-popup {
  background-color: #fff;
  border-radius: 50px;
  width: 1000px !important;
}
.wpb-pcf-form-style-true label {
  font-weight: 400;
  font-size: 14px;
}

.wpb-pcf-form-style-true input[type="text"],
.wpb-pcf-form-style-true input[type="date"],
.wpb-pcf-form-style-true input[type="datetime"],
.wpb-pcf-form-style-true input[type="email"],
.wpb-pcf-form-style-true input[type="number"],
.wpb-pcf-form-style-true input[type="search"],
.wpb-pcf-form-style-true input[type="time"],
.wpb-pcf-form-style-true input[type="url"],
.wpb-pcf-form-style-true input[type="tel"],
.wpb-pcf-form-style-true textarea,
.wpb-pcf-form-style-true select {
  background: #fff;
  border-radius: 0px;
  border: solid 1px;
  border-color: #929292;
  height: 40px;
}

.wpb-pcf-form-style-true input[type="submit"].wpcf7-submit,
.wpb-pcf-form-style-true input[type="button"].wpcf7-submit {
  background-color: #50ba50 !important;
  color: #fff !important;
  font-size: 18px;
  text-transform: uppercase;
  width: 200px;
  border-radius: 12px;
}

.wpb-pcf-form-style-true input[type="submit"].wpcf7-submit:hover,
.wpb-pcf-form-style-true input[type="button"].wpcf7-submit:hover {
  background-color: #ffe200 !important;
  color: #22292e !important;
  font-size: 22px;
  text-transform: uppercase;

  border-radius: 12px;
}

span.wpcf7-form-control-wrap[data-name="acceptance-997"] {
  display: inline-block !important;
}
.wpcf7-form-control-wrap[data-name="acceptance-262"] {
  display: inline-block !important;
}

.wpcf7-list-item-label {
  vertical-align: middle !important;
  display: inline !important;
}

.wpcf7-list-item input[type="checkbox"] {
  vertical-align: middle !important;
  margin-right: 5px;
}

.wpb-pcf-form-style-true .wpcf7 form > p {
  margin-bottom: 20px;
  font-size: 16px;
}
input.wpcf7-submit {
  float: right;
  padding-top: 48px;
}
@media screen and (max-width: 783px) {
  .swal2-popup.swal2-modal.swal2-show {
    padding: 30px 10px !important;
  }
  .wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100% !important;
  }

  .conection h3,
  .fee h3,
  .title {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }
  .form-container,
  .result-container {
    max-width: 100%;
    padding: 30px 20px !important;
    font-size: 14px;
    display: block;
    overflow-x: auto;
  }
  .price-all-products {
    font-size: 60px !important;
    font-style: normal !important;
  }
}
.yellow-btn-form,
a.gb-button-094ef263,
.green-btn-form-two {
  font-size: 18px !important;
  font-weight: 700;
}

.price-all-products {
  font-size: 80px !important;
  font-style: normal !important;
}

body.home .yellow-btn-form {
  width: 100% !important;
}