/*
 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
*/


.ratio-1-1 {
    aspect-ratio: 1/1;
}
.ratio-3-4 {
    aspect-ratio: 3/4;
}

.ratio-1-1-media {
  aspect-ratio: 1/1;
}

.ratio-2-1-media {
  aspect-ratio: 2/1;
}

@media screen and (max-width:767.9px) {
  .ratio-1-1-media {
    aspect-ratio: 2/1;
  }  
}

.gb-headline-h2line::after {
    content: "______";
    margin-top: -25px;
    color: var(--secundario-anaproc);
}

.texto-amarillo {
    color: var(--secundario-anaproc);
}

/* ----------------------------------------------
 * Generated by Animista on 2024-1-8 11:45:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


/**
 * ----------------------------------------
 * Botón de contacto
 * ----------------------------------------
 */
 
.sticky-social-icons {
  position: fixed !important;
  right: 0;
  top: 50%;
}



/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
 
.slide-top-1 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation-timeline: scroll(root);
}
.slide-top-2 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
            animation-timeline: scroll(root);
}
.slide-top-3 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
            animation-timeline: scroll(root);
}
.slide-top-4 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both;
            animation-timeline: scroll(root);
}
.slide-top-5 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
            animation-timeline: scroll(root);
}
.slide-top-6 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
            animation-timeline: scroll(root);
}
.slide-top-7 {

    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
            animation-timeline: scroll(root);
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
            opacity: 1;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
            opacity: 1;
  }
}
/**
 * ----------------------------------------
 * Contact Form 7
 * ----------------------------------------
 */
 
.cf-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
@media ( min-width: 576px ) {
  .cf-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .cf-push-1 { margin-left: 8.333333%; }
  .cf-col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .cf-push-2 { margin-left: 16.66667%; }
  .cf-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .cf-push-3 { margin-left: 25%; }
  .cf-col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .cf-push-4 { margin-left: 33.33333%; }
  .cf-col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .cf-push-5 { margin-left: 41.66667%; }
  .cf-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .cf-push-6 { margin-left: 50%; }
  .cf-col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .cf-push-7 { margin-left: 58.33333%; }
  .cf-col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .cf-push-8 { margin-left: 66.66667%; }
  .cf-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .cf-push-9 { margin-left: 75%; }
  .cf-col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .cf-push-10 { margin-left: 83.33333%; }
  .cf-col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .cf-push-11 { margin-left: 91.66667%; }
  .cf-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
