/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      0.1
*/

/* ================================
   VARIABLES POR DEFECTO
================================= */
:root {
    --c-negro: #120E02;
    --c-blanco: #FFFFFF;
    --c-primario: #F98459;
    --c-secundario: #6488C2;
    --c-grisclaro: #CECFD4;
    --c-gris: #CECFD4;
}

/* ================================
   ESTILOS GENERALES
================================= */
body {
    color: var(--c-negro);
}

a {
    text-decoration: none;
    transition: all 0.4s ease !important;
}

a:hover {
    transition: all 0.4s ease !important;
    opacity: .85;
}

strong {
    font-weight: 600;
}

*:focus {
    outline: 5px solid orange;
}

.menu-toggle {
    font-size: 20px;
    padding: 0;
}

button.menu-toggle:hover {
    color: #D43E08;
    background-color: transparent;
}

.big-font {
    font-size: 18px;
}

.multiply {
    mix-blend-mode: multiply;
}

.zindex0 {
    z-index: 0;
}

.zindex1 {
    z-index: 1;
}

/* ================================
   BOTONES
================================= */
.vce-button--style-basic.vce-button--style-basic--size-medium,
input.wpcf7-submit {
    font-size: 15px;
    padding: 20px 45px;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
}

a.vce-button--style-basic.vce-button--style-basic--size-medium {
    padding: 20px 45px;
}

/* ================================
   BACKGROUNDS
================================= */
.bg-image .vce-asset-background-simple-item {
    position: absolute;
    left: -120px;
    bottom: -100px;
}

.bg-image .header-image-bg .vce-asset-background-simple-item {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
}

.bg-trabajos .vce-asset-background-simple-item {
    position: absolute;
    width: 920px;
    left: -150px;
    bottom: -100px;
}

.bg-trabajos .bg-trabajos-2 .vce-asset-background-simple-item {
    position: absolute;
    width: 360px;
    left: 340px;
    top: 30px;
}

.opacity .vce-asset-background-simple-item {
    opacity: 0.4;
}

.right .vce-asset-background-simple-item {
    right: -250px;
}

/* ================================
   FOOTER
================================= */
.footer-widgets-container.grid-container {
    text-align: center;
    padding: 80px 40px;
    max-width: 800px;
    font-weight: 600;
    font-size: 19px;
}

.footer-widgets-container.grid-container a {
    color: #120E02;
}

/* ================================
   FORMULARIO DE CONTACTO
================================= */

.default-form label {
    color: #ffffff;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="url"],
.default-form input[type="password"],
.default-form input[type="search"],
.default-form input[type="tel"],
.default-form input[type="number"],
.default-form textarea,
.default-form select {
    color: var(--contrast);
    background-color: #ffffff;
    border-color: var(--base);
    border-radius: 15px;
}

.default-form textarea {
    max-height: 150px;
}

.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="url"]:focus,
.default-form input[type="password"]:focus,
.default-form input[type="search"]:focus,
.default-form input[type="tel"]:focus,
.default-form input[type="number"]:focus,
.default-form textarea:focus,
.default-form select:focus {
    background-color: #ffffff;
}

.default-form .datos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.default-form .datos > div {
  flex: 0 0 48%;
  max-width: 48%;
}

.default-form .datos > div.full-w {
    flex: 0 0 100%;
    max-width: 100%;
}

.default-form .datos > div.full-w input {
    width: 100%;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.4;
    color: #ffffff;
}

input.wpcf7-submit {
    background-color: #D43E08;
    color: #ffffff;
    border-radius: 50px;
}

input.wpcf7-submit:hover {
    background-color: #F98459;
    color: #000000;
}

.wpcf7-response-output {
    font-size: 14px;
    color: #ffffff;
    border-radius: 50px;
}

input[type="search"] {
    border-color: #F6B737;
}

.rgpd p {
  margin-bottom: 10px;
}

.rgpd .wpcf7-list-item {
  margin-left: 0;
}

.rgpd input {
  width: auto !important;
}

.rgpd a {
    color: var(--c-primario);
}

.txt-legal {
  margin-bottom: 0;
  font-size: 0.8rem;
}

.txt-legal .tab-legal {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  column-gap: 4px;
  color: var(--c-blanco);
  /* margin-bottom: 15px; */
}

.txt-legal .tab-legal p {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.txt-legal .tab-legal:hover {
  cursor: pointer;
}

.txt-legal .tab-legal .plus-icon {
  margin-top: 4px;
}

.txt-legal .tab-legal .plus-icon svg {
  max-width: 13px;
  transform: rotate(45deg);
  fill: var(--c-blanco);
}

.txt-legal .let-peq {
    color: var(--c-blanco);
  margin: 0;
  padding-left: 1px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.txt-legal .let-peq>p {
  font-size: 0.8rem;
  line-height: 1.25em !important;
  color: var(--texto) !important;
}

.txt-legal .let-peq a {
    color: var(--c-primario);
}

/* ================================
   HOME
================================= */

.video-mod {
       width: 100%;
       border-radius: 30px;
}

/* ================================
   MEDIA QUERIES
================================= */
@media only screen and (min-width: 48em) {
    .column-half {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .bg-trabajos .bg-trabajos-2 .vce-asset-background-simple-item {
        width: 260px;
        left: 280px;
        top: 50px;
    }
}

@media screen and (max-width: 1080px) {
    /* Estilos para <=1080px */
}

@media screen and (max-width: 780px) {
    /* Estilos para <=780px */
}

@media screen and (max-width: 767px) {
    .main-navigation .main-nav ul li a {
        padding: 0;
        line-height: 50px;
    }
}

@media screen and (max-width: 600px) {
    /* Estilos para <=600px */

    .default-form .datos {
        flex-direction: column;
    }

    .default-form .datos > div {
        max-width: 100%;
    }
}

@media screen and (max-width: 560px) {
    /* Estilos para <=560px */
}