/*
 Theme Name:   BirdCom
 Theme URI:    https://birdcom.es
 Description:  BirdCom Comunicación y Diseño
 Author:       Dani Moreno
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
a {
  text-decoration: none;
}
/*CONTACTO*/
#responsive-form {
  max-width: 90%;
  margin: 5 auto;
  width: 100%;
}
.form-row {
  width: 100%;
}
.column-half,
.column-full {
  float: left;
  position: relative;
  padding: 0.4rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 48em) {
  .column-half {
    width: 50%;
  }
}
.wpcf7 label {
  width: 100%;
  font-size: 16px;
}
.form p {
  font-size: 11px;
  text-align: justify;
}
.wpcf7-textarea,
input[type="text"],
input[type="tel"],
input[type="email"] {
  width: 100%;
  border-radius: 2px;
  border: 1px solid #61616140 !important;
  font-size: 16px;
  margin-bottom: 0px;
  border-width: 2px;
  background: white;
  border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px !important;
}
.wpcf7-form-control-wrap > select {
  width: 100% !important;
}
.wpcf7-submit {
  width: 100%;
  font-size: 16px;
  padding: 20px;
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7-list-item {
  margin: 6px 6px !important;
}
.form-row p {
  margin-bottom: 0.2em;
}
div#formulario-newsletter .wpcf7-spinner {
  display: none;
}
div#formulario-newsletter p {
  margin-bottom: 6px;
}

/*Transiciones*/
.fadeTop {
  opacity: 0;
  transform: translate(0, 15vh);
  transition: all 1s;
}
.fadeRight {
  opacity: 0;
  transform: translate(10vh, 0vh);
  transition: all 1s;
}
.fadeLeft {
  opacity: 0;
  transform: translate(-10vh, 0vh);
  transition: all 1s;
}
.visible {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* Texto sin fin de la home */
.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100%;
  animation: scroll 100s linear infinite;
}

.marquee__group p {
  white-space: nowrap;
  padding-right: 6px; /* Espaciado entre frases */
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 2rem));
  }
}

.boton {
  display: inline-flex;
  align-items: center;
  gap: 0px;
  transition: gap 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.boton::after {
  content: '';
  width: 0px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid #0e0c09;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10h12M11 5l5 5-5 5' stroke='%230e0c09' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  opacity: 0;
  transform: scale(0);
  transition:
    width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity 0.3s ease,
    transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  flex-shrink: 0;
}

.boton:hover {
  gap: 10px;
}

.boton:hover::after {
  width: 24px;
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 1020px) {
  .circular-text {
    display: none;
  }
}

.menu-item-25 a {
  text-align: center;
  color: #0e0c09!important;
}
.menu-item-25 {
  padding: 0 10px;
  background-color: var(--accent);
  margin-left: 24px;
  border-radius: 10px;
}
.menu-item-25:hover {
  background-color: #fff;
}
.menu-item-24 a {
  text-align: center;
}
.menu-item-24 {
  padding: 0 10px;
  margin-left: 24px;
  border-radius: 10px;
  border: solid 1px #fff;
}
.menu-item-24:hover {
  background-color: #fff;
}
.menu-item-24 a:hover {
  color: #0e0c09!important;
}

@media (max-width: 768px) {
.menu-item-25 {
  width: 85%!important;
  margin-top: 12px;
}

.menu-item-24 {
  width: 85%!important;
  margin-top: 12px;
}