@import 'fonts.css';
@import 'fix.css';
@import 'vars.css';

/* Menu  */

#masthead{ position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 64px 0 25px 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 21px rgb(0 0 0 / 53%); }

.home #masthead{ position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 0px 21px rgb(0 0 0 / 53%); }

#masthead{ position: relative;
    /*background-color: #000000;*/ }

#masthead a{ color: var( --color-2);
    color: #ff5e21;
    font-family: var( --font-5 ); }

#main-navigation ul li:last-child a{ color: #ffffff;
    position: relative; }

#main-navigation ul li:last-child a:before{ background-color: #f05e2a;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 3%;
    top: 0;
    z-index: -1;
    border-radius: 8px;
    transform: scale(1.25);
    margin: 0 auto; }

#masthead .current-menu-item{}

#masthead .current-menu-item:before{ /*content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 33px 0px 33px;
    border-color: #fbca03 transparent transparent transparent;
    transform: rotate(0deg);
    z-index: -1;
    top: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;*/ }

#masthead .current-menu-item a{ color: #ae1f19; }

.block-8 #t2 .bx{ margin: 0 5.6% 0 0; }

.block-8 #t3 .bx{ margin: 0 5.6% 0 0; }

/* Footer */

#colophon{ position: relative; }

#colophon .menu{ margin: 45px 0 0 0; }

#colophon .menu li{}

#colophon .widget li{ padding: 6px 0;
    border-bottom: 0px solid #e6e6e6;
    display: inline-block;
    font-family: var(--font-1b);
    display: inline-block;
    width: 45%; }

#colophon .widget li a{ color: #fff;
    /*font-size: 21px;*/
    font-size: 0.78vw;
    /*margin: 0 24px;*/ }

#colophon .widget li a:hover{ color: var(--color-1); }

#social{ /*position: absolute;
    bottom: 10px;
    right: 0px;*/
    margin: 25px 0 0 0; }

#social a{ font-size: 28px;
    /*font-size: 1.8vw;*/
    margin: 0 0 0 10px; }

#social a:hover{ color:var(--color-1); }

/* Generals */

.hamburger__icon, 
.hamburger__icon:after, 
.hamburger__icon:before{
    /*background-color: var(--color-1);*/
    background-color: #ae1f19;
    box-shadow: 1px 1px 0px #000;
}

.test{ display: table;
    width: 100%;
    height: 100%; }

.fat-nav ul { display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0; }

.home #video #carouselExample, .home #video #carouselExample .carousel-inner, .home #video #carouselExample .carousel-inner .carousel-item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#myVideo{ position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    height: 112.2vh;
    width: 100%;
    position: absolute; }

#video{ overflow: hidden; }

.home #video h1.ttl {  position: absolute;
    top: 40px;
    z-index: 1;
    font-family: var(--font-1sb);
    color: var(--color-2);
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 9px #000;
    /*font-size: 2.68vw;*/
    font-size: 1.3vw;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.3s ease 0s; }

.home #video h1.ttl b { color: #1cadef;
    font-weight: normal; }

#cc{ overflow: hidden; }

#video{ background: #111711;
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 50%);*/ }

#video h1{ font-family: "Unbounded", sans-serif !important; }

.hd2{ font-family: var(--font-1b);
    font-size: 60.5px;
    line-height: 96%;
    margin: 0;
    color: #171923; }

.hd2-2{ font-family: var(--font-1sb);
    color: var(--color-1);
    font-size: 34.5px;
    line-height: 104%;
    margin: 0 0 3px 0; }

a.btn-1, .btn-1, .wpcf7  input[type="submit"]{ display: inline-block;
    margin: 27px auto 0 auto;
    background-color: #ff0;
    background-color: #db673b;
    color: #171923;
    padding: 5px 77px;
    border-radius: 45px;
    font-size: 17px;
    letter-spacing: 4.2px;
    font-family: var(--font-1b); }

.btn-1:hover, .wpcf7 input[type="submit"]:hover{ background-color: #b24d26;
    color: #000; }

.slide-02{ background-size: cover;
    background-position: center;
    text-align: center;
    padding: 147px 0 134px 0; }

.slide-02 h1{ font-family: var(--font-1sb);
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    font-size: 71px;
    letter-spacing: -2.8px;
    opacity: 0;
    position: relative;
    top: -40px;
    -webkit-transition: all 1.0s ease 0s;
    -moz-transition: all 1.0s ease 0s;
    -o-transition: all 1.0s ease 0s; }

.slide-02 p{ font-family: var(--font-1sb);
    margin: 28px 0 0 0;
    color: #fff;
    font-size: 31px;
    letter-spacing: -0.3px;
    line-height: 130%;
    opacity: 0;
    position: relative;
    top: 40px;
    -webkit-transition: all 1.0s ease 0s;
    -moz-transition: all 1.0s ease 0s;
    -o-transition: all 1.0s ease 0s; }

.slide-02.aos-animate h1{ opacity: 1;
    top: 0; }

.slide-02.aos-animate p{ opacity: 1;
    top: 0; }

.scroll-indicator {
  position: absolute; 
  bottom: 60px;
  left: 50%;   
  transform: translateX(-50%); 
  color: var(--color-1);
  z-index: 100; 
  animation: scrollBounce 1s infinite;
}

/* Definición de la animación */
@keyframes scrollBounce {
  0% {
    opacity: 0;
    transform: translate(-50%, -20px); /* Empieza un poco más arriba y transparente */
  }
  50% {
    opacity: 1;
    transform: translate(-50%, 0); /* Llega al centro y es visible */
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 20px); /* Se va hacia abajo y desaparece */
  }
}

/* Body - Home */

.block-1{ background-color: #ffffff;
    position: relative;
    padding: 0 0 129px 0; }

.block-1:before{ content: "";
    background-color: #ae1f19;
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    width: 80%;
    height: 100%;
    border-radius: 0% 0% 70% 70%;
    border: 35px Solid #f05e2a;
    top: -20%; }

.block-1 .bx{ background-color: #f05e2a;
    margin: 15.38% auto 0 auto;
    padding: 1.8% 0 2.4% 0;
    position: relative;
    width: 82.5%; }

.block-1 .bx:before{ position: absolute;
    background-color: #f05e2a;
    content: "";
    display: block;
    width: 50%;
    left: -10%;
    height: 100%;
    top: 0;
    z-index: 0;
    border-radius: 150px; }

.block-1 .bx:after{ position: absolute;
    background-color: #f05e2a;
    content: "";
    display: block;
    width: 50%;
    right: -10%;
    height: 100%;
    top: 0;
    z-index: 0;
    border-radius: 150px; }

.block-1 h1{ font-family: var(--font-4);
    color: var(--color-1);
    text-align: center;
    font-size: 3.4vw;
    text-align: center;
    margin: 0% 0 0 0%;
    line-height: 115%;
    position: relative;
    z-index: 1; }

.block-1 h1 b{ color: var( --color-2); }

.block-1 p{ font-family: var(--font-5);
    color: var(--color-1);
    font-size: 1.45vw;
    margin: 2.1% 0% 0 0%;
    letter-spacing: 0.7px;
    text-align: center;
    position: relative;
    z-index: 1; }

.block-1 .bx img{ width: 114.5%;
    margin: 35.5% 0 0 -9%;
    max-width: none; }

.block-1 .bx2{ width: 76%;
    margin: 4.5% auto 0 auto;
    background-color: #f5632f;
    padding: 1.2%;
    border-radius: 74px; }

.block-1 .col-md-12{ /*padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;*/ }

.block-5 .col-md-6:nth-child(1){ text-align:center; }
    
.block-5 .bx01{ display: inline-block;
    margin: 0 auto; }

.h2-t{ position: relative; }

.h2-t:before,
.h2-t:after{ position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    background-color: var(--color-6);
    height: 125px;
    top: 10px;
    border-radius: 70px; }

.h2-t:before{ left: -84.5%; }
.h2-t:after{ right: -84.5%; }

.block-2{ padding: 0px 0 180px 0;
    /*background-size: contain;
    background-repeat: no-repeat;
    background-position: 77.8% 0%;
    background-image: url(../img/logo-01.png);*/
    text-align: center;
    overflow: hidden; }

.block-2 .container{}


.block-2 h2{ position: relative;
    color: var( --color-6);
    font-family: var( --font-4 );
    font-weight: 700;
    font-size: 3.5vw;
    margin: 1.8% 0 0 0%;
    letter-spacing: 2.7%;
    line-height: 124%; }

.block-2 p{ font-family: var(--font-5);
    line-height: 133%;
    font-size: 1.45vw;
    margin: 3.5% 0% 0 0%;
    letter-spacing: 1.9%; }

.page-template-page-template-full-100-productos .block-2,
.page-template-page-template-full-100-distribucion .block-2{ padding: 106px 0 180px 0;  }

/*.block-02{ background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/vacas-03.jpg);
    position: relative;
    background-position: 50% 35%; }

.block-02:before{ background: #ffffff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%); }

.block-02 img{ width: 100%;
    opacity: 0; }*/

.h2c{ text-align: center; }

.h2-t2{ position: relative;
    color: var(--color-1);
    font-family: var(--font-4);
    font-weight: 700;
    font-size: 3.5vw;
    margin: 0% 0 0 0%;
    letter-spacing: -1.5%;
    background-color: #f05e2a;
    line-height: 124%;
    display: inline-block;
    padding: 0% 7.5% 0.45% 7.5%;
    border-radius: 80px;
    z-index: 1;}

.block-3{ padding: 0px 0 8.35% 0;
    background-color: #ae1f19;
    /*background-size: cover;
    background-position: center;
    background-image: url("../img/block-2-bg.jpg");
    background-attachment: fixed;*/
    position: relative; }

.block-3:before{ content: "";
    width: 160px;
    height: 100%;
    background-color: #f05e2a;
    display: block;
    position: absolute;
    text-align: 0;
    left: 18.8%; }

.block-3:after{ content: "";
    width: 160px;
    height: 100%;
    background-color: #f05e2a;
    display: block;
    position: absolute;
    top: 0;
    right: 19.8%; }

.block-3 .h2-t2{ top: -47px; }

.block-3 .container{ max-width: 100%; }

.block-3 .col-md-12{ padding: 0; }

.block-3 h2{}

.block-3 #pr{ display: flex;
    justify-content: center; }

.block-3 .bx{ background-color: #fff;
    display: inline-block;
    vertical-align: top;
    width: 19%;
    margin: 0 1.2%;
    border-radius: 84px;
    padding: 0% 0 1.9% 0;
    position: relative;
    z-index: 1; } 

.block-3 .bx span{ overflow: hidden;
    border-radius: 64px;
    margin: 5.8% auto 0 auto;
    display: block;
    width: 91.3%; }

.block-3 .bx img{ /*margin: 5.8% auto 0 auto;
    display: block;
    width: 91.3%;*/ }

.block-3 .bx:nth-child(1){ margin-left: 0; }
.block-3 .bx:nth-child(4){ margin-right: 0; }

.block-3 .bx h5{ font-family: var(--font-4);
    color: #ae1f19;
    text-align: center;
    font-size: 2.3vw;
    margin: 2% 0 1% 0;
    position: relative;
    padding: 0% 0 0% 0; }

.block-3 .bx p{ font-family: var(--font-5);
    color: #000;
    text-align: center;
    font-size: 1.3vw;
    margin: 0% 0 0% 0;
    position: relative;
    padding: 4% 0 4% 0;
    line-height: 111%; }

.block-3 .bx p:before{ /*content: "";
    width: 53%;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    background-color: var( --color-2 );
    left: 0;
    right: 0;
    margin: 0 auto;*/ }

.block-3 .h2c{ margin: 0 0 3.1% 0;  }

.block-4{ padding: 105px 0 259px 0;
    background-color: #fff;
    text-align: center;
    /*background-size: cover;
    background-position: center;
    background-image: url("../img/block-3-bg.jpg");*/ }

.block-4 .container{ /*max-width: 1140px;*/ }

.block-4 .bx{ background-color: #f05e2a;
    display: inline-block;
    vertical-align: top;
    width: 20.8%;
    margin: 0 0.3%;
    border-radius: 55px;
    padding: 6.05% 0 4% 0;
    box-shadow: 0px 1px 21px rgb(0 0 0 / 53%);
    position: relative; }

.block-4 .bx:nth-child(3){ background-color: #ae1f19; }

.block-4 .bx p{ color: #fff;
    font-family: var(--font-5);
    font-size: 1.4vw;
    line-height: 111%; }

.block-4 h2{ position: relative;
    color: var(--color-6);
    font-family: var(--font-4);
    font-weight: 700;
    font-size: 3.5vw;
    margin: 1.8% 0 7.4% 0%;
    letter-spacing: 2.7%;
    line-height: 124%;
    text-align: center; }

.block-4 p{ /*font-family: var(--font-1b);
    color: #ffffff;
    font-size: 1.4vw;
    font-weight: 100;
    line-height: 141%;
    margin: 20% -50% 0 -7%;
    letter-spacing: 1.7%;*/  }

.block-4 p.p1{ font-size: 0.96vw;
    font-family: var(--font-1r);
    margin: 12% 0% 0 9.5%; }

.block-4 img{ width: 43%;
    margin: 4.8% auto 0 auto;
    display: block;
    position: absolute;
    top: -33%;
    left: 0%;
    right: 0%; }

.block-5{ /*background-color: #aeaeae;*/
    padding:109px 0 179px 0;
    /*text-align: center;*/
    overflow: hidden; }

.block-5 h3{ position: relative;
    color: var(--color-6);
    font-family: var(--font-4);
    font-weight: 700;
    font-size: 3.5vw;
    margin: 1.8% 0 7.4% 0%;
    letter-spacing: 2.7%;
    line-height: 124%;
    text-align: left; }

.block-5 h3:after { position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    background-color: var(--color-6);
    height: 125px;
    top: 10px;
    border-radius: 70px;
    right: 105%; }

.block-5 p{ /*font-family: var(--font-5);
    text-align: left;
    color: #000;
    margin: 73px 0 0 0px;
    font-size: 18px;
    line-height: 103%;*/ }

.block-5 #owl-cont{ margin: 84px 0 0 0; }

.block-5 .bx1{ width: 87%;
    margin: 0 auto; }

.block-5 .bx1 img{ transform: scale(1.84);
    width: 100%; }

.block-5 .container{ position: relative; }

.block-5 .an{ position: absolute;
    top: -232px;
    right: 0;
    animation: an 7s infinite; }

.block-5 #vac{ background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/vacas-02.jpg);
    position: relative;
    margin: 70px 0 0 0; }

.block-5 #vac:before{ background: #ffffff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%); }

.block-5 #vac img{ opacity: 0; }

.block-5 .bx{ box-shadow: 0px 0px 10px rgb(0 0 0 / 56%);
    background-color: #ffffff;
    text-align: center;
    width: 515px;
    padding: 8% 15px 0px 33px;
    border-radius: 54px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    margin: 0 4px 110px 4px; }



.block-5 h6{ color: #fff;
    font-family: var(--font-1b);
    font-size: 0.77vw; }

.block-5 p{ color: #000;
    font-family: var(--font-5);
    margin: 0 0 0 0;
    font-size: 1.45vw;
    line-height: 132%;
    text-align: left;
    letter-spacing: 0.045vw; }

.block-5 .bx1,
.block-5 .bx2{ display: inline-block;
    vertical-align: top; }

.block-5 .bx img{ width: 218px;
    margin: 0 0 -16px 0; }

.block-5 .bx1{ position: relative;
    width: 155%;
    height: 136%;
    top: -55%;
    overflow: hidden;
    border: 53px solid #ae1f19;
    border-radius: 50% 50% 50% 50%;
    /*margin: 0 0 -46% 0;*/ }


.block-5 .bx2 h6{ font-size: 1.03vw;
    margin: 10% 0 2% 0; }

.block-5 .bx2 p{ font-size: 1.03vw;
    line-height: 111%; }

.block-5 .h2-t2{ font-size: 1.7vw;
    padding: 2.0% 12.5% 2.0% 12.5%;
    top: -10%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 65%; }

.block-5 .row2{ margin: -22.3% 0 0 0; }

@keyframes an{
  0%   { top: -232px; right: 0; }
  25%  { top: -150px; right: -70px;  }
  50%  { top: -170px; right: -100px; }
  100% { top: -232px; right: 0px; }
}

.block-5 .bx p{ text-align: center;
    font-size: 1.3vw;
    letter-spacing: 0.01%;
    line-height: 119%;
    margin: -8% 0 12% 0; }

.block-5 .ct{ /*background-color: #f0f;*/
    margin: 0 -21%; }

.block-5 .bx2{ width: 101%;
    margin: 9.5% 0 0 -12%;
    background-color: #f5632f;
    padding: 6.2%;
    border-radius: 58px; }

.block-5 .bx2 img{ border-radius: 62px; }

.block-5 .col-md-7{ text-align: center;
    padding-top: 21.2%; }

.block-3.pt2{ text-align: center;
    padding: 0px 0 5.35% 0px;
    position: relative; }

.block-3.pt2 .container:before,
.block-3.pt4 .container:before{ content: "";
    position: absolute;
    width: 100%;
    height: 19%;
    background-color: #ae1f19;
    bottom: 0;
    left: 0;
    z-index: 1; }

.block-3.pt2 .bx2{ width: 100%;
    max-width: 1320px;
    position: relative;
    z-index: 1;
    margin: 0 0 4.1% 0; }

.block-3.pt2 #pr{ display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center; }

.block-3.pt2 p{ font-family: var(--font-5);
    background-color: #fff;
    position: relative;
    text-align: left;
    margin: 0;
    padding: 0px 27px 42px 27px;
    border-radius: 26px; }

.block-3.pt2 p span{ position: relative;
    color: var(--color-1);
    font-family: var(--font-5);
    font-weight: 700;
    font-size: 1.39vw;
    margin: -3% 0 0 0%;
    letter-spacing: -1.5%;
    background-color: #f05e2a;
    line-height: 124%;
    display: inline-block;
    padding: 2% 3.5% 2% 3.2%;
    border-radius: 80px;
    top: -32px; }

.block-3.pt2 p i{ display: block;
    font-style: normal;
    font-size: 1.3vw;
    line-height: 113%; }

.block-3.pt2 .bx2{ display: flex; }

.block-3.pt2 .bx2 h6{ margin: 0;
    color: #ae1f19;
    font-family: var(--font-4);
    font-size: 4.8vw;
    position: relative;
    margin: -11px 66px 0 -16px;
    width: 3vw;
    height: 7vw; }

.block-3.pt2 .bx2 h6:before{ background-color: var(--color-1);
    content: "";
    width: 100%;
    height: 40%;
    display: block;
    position: absolute;
    top: 34%;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 88px;
    transform: scale(2.2); }

.block-3.pt2 .frm{ display: inline-block;
    margin: 2.2% auto 0 auto;
    z-index: 1;
    position: relative;
    width: 62.5%;
    padding: 2%;
    background-color: #f05e2a;
    border-radius: 65px;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 60%); }

.block-3.pt2 .frm img{ width: 100%;
    border-radius: 65px; }

.block-3.pt2:before{ left: 24.8%; }

.block-3.pt2:after{ right: 24.5%; }

.block-3.pt3{ background-color: #f05e2a;
    padding: 0px 0 7.64% 0px; }

.block-3.pt3 .h2-t2{ background-color: var(--color-6);
    padding: 0% 2.5% 0.45% 2.5%; }

.block-3.pt3:before,
.block-3.pt3:after{ background-color: var(--color-6); }

.block-3.pt3 .container:before{ display: none; }

.block-3.pt3 ul{ list-style: none;
    margin: 0;
    padding: 0; }

.block-3.pt3 ul li{  }

.block-3.pt3 ul li:before{  }

.block-3.pt3 .nav-tabs{ justify-content: center;
    align-content: center;
    width: 100%;
    max-width: 1955px; }

.block-3.pt3 .nav-tabs .nav-item { width: 26.8%;
    margin: 3% 2% 3% 2%; }

.block-3.pt3 #bk{ position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: center; }

.block-3.pt3 #bk .nav-link {
    text-align: center;
    padding: 9% 0% 9% 0;
    border-radius: 81px;
    background-color: #fff;
    box-shadow: 0px 0px 25px #000; }
    
.block-3.pt3 #bk .nav-link:hover{ background-color:#ffc9b5;
    box-shadow: 0px 0px 0px #000; }

.block-3.pt3 #bk .nav-link img{ display: block;
    width: 76%;
    margin: 6% auto -5% auto;
    filter: brightness(0) saturate(100%) invert(19%) sepia(30%) saturate(7159%) hue-rotate(349deg) brightness(87%) contrast(96%);}

.block-3.pt3 #bk .nav-link span{ color: var(--color-6);
    font-family: var(--font-4);
    font-size: 2.6vw;
    font-weight: 600; }

.block-3.pt3 .nav-tabs{ border-bottom: 0px solid #dee2e6; }

.page-template-page-template-full-100-productos .entry-header{ margin: 0px; }

.block-3.pt2:before{ left: 21.8%; }

.block-3.pt2:after{ right: 21.8%; }

.block-3.pt4{ text-align: center;
    padding: 0px 0 4.5% 0; }

.block-3.pt4 .h2-t2{ padding: 0% 1.5% 0.45% 1.5%; }

.block-3.pt4 .frm{ display: inline-block;
    margin: 4.2% auto 0 auto;
    z-index: 1;
    position: relative;
    width: 62.5%;
    padding: 2%;
    background-color: #f05e2a;
    border-radius: 65px;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 60%); }

.block-3.pt4 .frm img{ width: 100%;
    border-radius: 65px; }


.block-3.pt4 #pr{ display: flex;
    justify-content: space-between;
    max-width: 1585px;
    margin: 0 auto; }

.block-3.pt4 .bx{ width: 43%;
    background-color: #f05e2a;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 60%);
    min-height: 530px; }

.block-3.pt4 .bx p{ color: #fff; }

.block-3.pt4 .bx h6{ font-family: var(--font-4);
    background-color: #fff;
    display: inline-block;
    font-size: 1.68vw;
    padding: 3% 12.5%;
    margin: -6% 0 6% 0;
    border-radius: 37px; }

.block-3.pt4 .bx ul{ margin: 4% auto 0 auto;
    width: 73%; }

.block-3.pt4 .bx ul li{ display: block;
    font-style: normal;
    font-size: 2vw;
    text-align: left;
    color: #fff;
    line-height: 113%; }

.block-6{ position: relative;
    background-color: #1c311a;
    padding: 7.15% 0 9% 0; }

.block-6:before{ /*content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-image: url("../img/block-7-bg.jpg");
    display: block;
    top: 0;
    left: 0;
    position: absolute;*/ }

.block-6:after{ /*content: "";
    background-color: #de9d09;
    display: block;
    width: 100%;
    height: 2px;
    max-width: 1230px;
    position: absolute;
    bottom: 97px;
    left: 0;
    right: 0;
    margin: 0 auto;*/ }

.block-6 h3{ font-size: 2.7vw;
    margin: 0% 0 4.8% 0;
    z-index: 1;
    position: relative;
    font-family: var(--font-2);
    color: var(--color-2);
    text-align: center;
    letter-spacing: 3.3%;
    line-height: 120%; }

.block-6 p{ font-family: var( --font-1sb );
    font-size: 18px;
    line-height: 98%;
    margin: 0 0 21px 0;
    z-index: 1;
    position: relative; }

.block-6 #box{ padding: 72px 93px 23px 32px;
    width: 1730px;
    margin: 0 auto 1% auto;
    background-color: #fff;
    border-radius: 60px 60px 60px 60px;
    text-align: right; }

.block-6 #box img{ display: inline-block;
    width: 22%; }

.block-6 #box .aa{ margin: 0 -2%; }

.block-6 #box:before{ /*content: "";
    width: 111%;
    height: 100%;
    background-color: #f0f;
    display: block;
    top: 0;
    left: -9%;
    position: absolute;
    transform: skew(-8deg, 0deg);
    z-index: 0;
    background-color: var(--color-1);*/  }

.block-6 #box span{ font-family: var(--font-2);
    color: var(--color-3);
    font-size: 2.5vw;
    font-weight: 700;
    letter-spacing: -3.5%; }

.block-6 .wpcf7{ margin: 32px 0 0 0;
    z-index: 1;
    position: relative; }

.block-6 .wpcf7 label{ display: flex;
    border-radius: 35px;
    border: 1px solid #000;
    height: auto;
    padding: 0px 0px 0px 18px;
    overflow: hidden;
    margin: 0 0px 25px 0; }

.block-6 .wpcf7 label:hover{ cursor: pointer; }

.block-6 .wpcf7 label span{ width: 18%;
    display: inline-block;
    line-height: 36px;
    padding: 2px 0 2px 0; }

.block-6 .wpcf7 span.wpcf7-form-control-wrap{ width: 82%; }

.block-6 .wpcf7 span.wpcf7-form-control-wrap span{ width: 100%; }

.block-6 .wpcf7 span.wpcf7-form-control-wrap input,
.block-6 .wpcf7 span.wpcf7-form-control-wrap textarea{ width: 100%;
    border-width: 0px;
    background-color: transparent; }

.block-6 .container{ max-width: 100%; }

.btn-1, .wpcf7 input[type="submit"] {
    margin: 13px auto 0 auto;
    color: #fff;
    background-color: #db673b;
    padding: 6px 14px;
    border-radius: 6px;
    border-width: 0;
    text-transform: none; }

.block-6 #copy{ text-align: center;
    font-family: var(--font-1r);
    color: #000;
    margin: 129px 0 0 0; }

.home #colophon{ /*display: none;*/ }

/* Nosotros */

#vac-01{ background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/vacas-01.jpg);
    position: relative;
    background-position: 50% 35%;
    position: relative; }

#vac-01:before{ background: #ffffff;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 5%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
    transform: rotate(180deg); }

#vac-01 img{ opacity: 0; }

.block-7{ padding: 5.76% 0 4px 0;
    position: relative;
    overflow: hidden; }

.block-7 .hd2-2 span{ position: relative;
    display: inline-block;
    font-family: var(--font-2);
    color: var(--color-3);
    font-size: 3.8vw; }

.block-7 .hd2-2 span:before{ /*position: absolute;
    content: "";
    background-color: #efc930;
    width: 126px;
    height: 18px;
    left: 110%;
    top: 30%;*/
    /*animation-name: Ani1;
    animation-duration: 10s;
    animation-iteration-count: infinite;*/

    animation: moverLinea 1.5s ease-in-out infinite alternate; }

.block-7 #bk{ position: relative;
    text-align: center;
    padding: 5% 0 7.9% 0; }

.block-7 #bk:before{ position: absolute;
    background-color: #131712;
    content: "";
    width: 150vw;
    height: 100%;
    display: block;
    top: 0;
    left: -50vw; }

.block-7 #bk p{ color: #fff;
    margin: 0 -60px; }

.block-7 #bk .p1{ font-weight: 600;
    line-height: 269%;
    font-size: 1.9vw; }

.block-7 #bk p span{ font-family: var(--font-2);
    color: var(--color-2);
    font-size: 6vw;
    display: block;
    font-weight: 700;
    margin: 0 0 -3% 0; }

.block-7 .bx1{ display: inline-block;
    position: relative;
    top: -58px;
    text-align: center;
    vertical-align: top;
    width: 32.5%; }

.block-7 .bx1 img{ /*width: 176px;*/
    width: 70.3%;
    margin: 0 0 27px 0; }

.block-7 .ann{ /*width: 346px;*/
    width: 49.5% }

.block-7 .bx1 p{ font-size: 1.2vw; }

@keyframes moverLinea {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(20px); /* Se mueve 30px a la derecha */
    }
}

@keyframes Ani1 {
  0%   { width: 126px; }
  50%  { width: 10px; }
  100% { width: 126px; }
}

.block-7 .row:nth-child(2) .hd2-2 span:before{ right: 110%; left: initial; }

.block-7 .box{ margin: 0px 0 0 26px; }

.block-7 .bb{ /*margin: 0% 20% 0% 12%;*/ }

.block-7 .row{ /*margin: 0 0 166px 0;*/
    margin: 0 0 10.41% 0; }

.block-7 .row.r3{ margin: 0 0 114px 0; }

.block-7 .row.r4{ margin: 0 0 62px 0; }

.block-7 .row:nth-child(2) .col-md-7{ padding: 28px 0 0 98px;
    text-align: right; }

.block-7 .row:nth-child(3) .col-md-7{ padding: 52px 0 0 0px; }

.block-7 p{ font-family: var(--font-1r);
    font-size: 1.48vw;
    letter-spacing: 0.1px;
    line-height: 133%;  }

.block-7 img{ opacity: 0;
    transform: scale(0.85);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s; }

.block-7 .aos-animate img{ opacity: 1;
    transform: scale(1); }

.block-7 .bx2{ display: inline-block;
    margin: 0 0 0 9%;
    position: relative;
    top: -24px; }

.block-7 .bx2 p{ margin: 9% -26% 0 0; }

.block-7 .bx2 p span:nth-child(2) img{ margin: 0 0 0 18%; }

.block-7 .bx2 .ann{ margin: 0 0 0 22%; }

.block-7 .bx2 p img{ width: 27px; }

/* Soluciones */

.page-template-page-template-full-100-soluciones .slide-02{ background-image: url(../img/slide-03.jpg);  }

.block-8{ padding: 0% 0 0 0;
    overflow: hidden; }

.block-8 .rowx1{ padding: 0% 0 7% 0; }

.block-8 .hd2-2{ font-family: var(--font-2);
    color: var(--color-4);
    font-size: 3.8vw; }

.block-8 .p2{  margin: 4.5% 0 3.2% 0;
    line-height: 105% ;
    color: var(--color-5); }

.block-8 h5{ /*font-family: var(--font-1b);
    margin: 6px 0 0 0;
    font-size: 24px;
    letter-spacing: 4.5px;*/ }

.block-8 p{ font-family: var(--font-1);
    font-size: 1.48vw;
    letter-spacing: 0.6px;
    line-height: 139%;
    color: var(--color-4);
    font-weight: 600; }

.block-8 .box{ position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 502px; }

.block-8 .box img{ position: absolute; }

.block-8 .card{ border: 0px solid rgba(0, 0, 0, .125);
    background-color: transparent;
    overflow: visible;
    min-height: 90px; }

.block-8 .card-header{ border-bottom: 0px solid rgba(0, 0, 0, .125);
    background-color: transparent;
    padding: 0; }

.block-8 .btn{ position: relative;
    border-width: 0;
    font-family: var(--font-1sb);
    color: var(--color-2);
    font-size: 18px;
    margin: 6px 0 0 0px;
    background-color: #000;
    border-radius: 0;
    padding: 6px 77px 6px 23px;
    letter-spacing: 3.5px;
    text-transform: none; }

.block-8 .btn:hover,
.block-8 .btn:focus{ background-color: transparent;
    text-decoration: none;
    color: var(--color-1);;
    background-color: #000; }

.block-8 .btn:before{ content: "-";
    font-size: 50px;
    position: absolute;
    right: 19px;
    top: -23px;
    font-family: var(--font-1r); }
 
.block-8 .card-body{ padding: 14px 0; }

.block-8 .card-body p{ margin: 4px 0 0 6px;
    font-size: 17.8px;
    line-height: 168%;
    min-height: 334px; }

.block-8 .btn.collapsed:before{ content: "+"; }

.block-8 .collapse.show .card-body{  min-height: 364px;  }

.block-8 .col-md-5{ -ms-flex: 0 0 43%;
        flex: 0 0 43%;
        max-width: 43%;
        padding: 0; }

.block-8 .col-md-7{ -ms-flex: 0 0 57%;
        flex: 0 0 57%;
        max-width: 57%;
        padding-left: 24px; }

.block-8 .row{ margin: 25px auto 25px auto; }

.block-8 .row:nth-child(1){ margin: 0px auto 0px auto; }

.block-8 .row:nth-child(2n) .col-md-7{ text-align: right; }

.block-8 .row:nth-child(1) img,
.block-8 .row:nth-child(2) img,
.block-8 .row:nth-child(4) img,
.block-8 .row:nth-child(6) img,
.block-8 .row:nth-child(7) img{ bottom: 0; }

.block-8 img{ opacity: 0;
    transform: scale(0.85);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s; }

.block-8 .aos-animate img{ opacity: 1;
    transform: scale(1);
    border-radius: 75px; }

.block-8 #bk{ padding: 9% 0 6% 0; }

.block-8 .nav-tabs{ border-bottom: 0px solid #dee2e6; }

.block-8 #bk:before{ position: absolute;
    background-color: #63792d;
    content: "";
    width: 150vw;
    height: 100%;
    display: block;
    top: 0;
    left: -50vw;
    background-image: url("../img/lad.jpg");
    background-size: cover; }

.block-8 #bk .nav-link{ text-align: center;
    padding: 9% 0% 0% 0;
    border-radius: 45px;
    background-color: #eff4ee; }

.block-8 #bk .nav-link img{ display: block;
    width: 62%;
    margin: -17px auto 3% auto;
    filter: brightness(0) saturate(100%) invert(34%) sepia(58%) saturate(359%) hue-rotate(68deg) brightness(92%) contrast(96%); }

.block-8 #bk .nav-link span{ font-family: var(--font-1b);
    color: var(--color-3);
    font-size: 2.6vw;
    font-weight: 800; }

.block-8 .nav-tabs .nav-item{ width: 26.8%;
    margin: 3% 3% 3% 3%; }

.block-8 .nav-tabs{ justify-content: center;
    align-content: center; }

.block-8 #myTabContent h2{     color: var(--color-6);
    font-family: var(--font-4);
    font-size: 2.3vw;
    text-align: center; }

.block-8 .rowx3 ul{ list-style: none;
    margin: 0;
    padding: 0; }

.block-8 .rowx3 ul li{ font-family: var(--font-1b);
    font-size: 1.36vw;
    letter-spacing: 0.6px;
    line-height: 139%;
    color: var(--color-5);
    font-weight: 600;
    margin: 0 -34% 15.8% 34%;
    position: relative;
    padding: 0 0 0 0px; }

.block-8 .rowx3 ul li:before{ content: "";
    position: absolute;
    width: 1.8vw;
    height: 100%;
    /* background-color: #f0f; */
    background-image: url(../img/row.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 3px;
    left: -30%; }

.block-8 h5{ font-family: var(--font-1b);
    margin: 0;
    color: var(--color-6);
    font-size: 1.6vw;
    letter-spacing: -1.5px;
    margin: 0% 0 12.55% 0; }

.block-8 .bx{ display: inline-block;
    vertical-align: top;
    margin: 0 9.6% 0 0; }

.block-8 .fla{ margin: -3% 0 0 -1.5%;
    width: 16.9vw; }

.block-8 .ann{ border: 15px solid #f05e2a;
    margin: 0 0 50px 0; }
    
.page-id-17 .tab-pane{ text-align:center; }

.page-id-17 .tab-pane ul li{ text-align:left; }

/* Contacto */

.page-template-page-template-full-100-contacto .slide-02{ background-image: url(../img/slide-04.jpg);  }

.page-template-page-template-full-100-contacto #main{ display: none; }

.block-9{ padding: 7% 0 4.1% 0; }

.block-9 .container{ /*max-width: 1532px;*/ }

.block-9 .hd2-2 { font-family: var(--font-2);
    color: var(--color-4);
    font-size: 3.16vw; }

.block-9 p { font-family: var(--font-1);
    font-size: 1.48vw;
    letter-spacing: 0.6px;
    line-height: 139%;
    color: var(--color-4);
    font-weight: 600; }

.block-9 .wpcf7-form{  margin: 0 0 56px 0; }

.block-9 .wpcf7-form input,
.block-9 .wpcf7-form textarea{ background-color: #000;
    border-radius: 0;
    border-width: 0;
    color: #fff;
    width: 100%;
    font-family: var(--font-1sb);
    padding: 15px 20px;
    margin: 0 0 19px 0;
    min-height: 78px;
    font-size: 25px; }

.block-9 .wpcf7-form textarea{ padding: 27px 0px 0 21px; }

.block-9 .wpcf7-form input::placeholder,
.block-9 .wpcf7-form textarea::placeholder{ color: #fff;}

.block-9 input[type="submit"].wpcf7-submit{ max-width: 185px;
    font-size: 24px;
    letter-spacing: 0; }

.block-9 p{ /*margin: 0;
    text-align: center;
    font-family: var(--font-1sb);
    font-size: 37px;*/ }

.block-9 p span{ /*text-align: left;
    display: block;
    font-size: 26.5px;
    margin: 0 0 18px 0;*/ }

.block-9 h4{ margin: -16px 0 -4px 0;
    font-size: 59.5px;
    letter-spacing: -2.7px;
    text-align: center;
    font-family: var(--font-1b); }

.block-9 iframe{ width: 100%;
    height: 950px;
    margin-top: 46px;
    margin-bottom: -9px; }

.block-10{ background-color: #1d311b;
    padding: 8.3% 0 2.8% 0; }

.block-10 .map{ width: 62%;
    margin: 0 auto;
    display: block; }

.block-10 h3{ font-family: var(--font-2);
    color: var(--color-2);
    font-size: 3.16vw; }

.block-10 ul{ /*margin: 0;
    padding: 0;*/ }

.block-10 ul li{ color: #fff;
    font-family: var(--font-1b);
    font-size: 1.5vw;
    margin: 0 0 -2.8% 0; }

.block-10 .imp{ margin: 0;
    padding: 0;
    list-style-type: none; }

.block-10 .imp li{ font-size: 0.68vw;
    white-space: nowrap;
    margin: 0 0 4% 0; }

.block-10 .imp li b{ font-size: 3vw;
    line-height: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle; }

.block-10 .imp li:nth-child(1) b{ color: #cf7a00; }

.block-10 .imp li:nth-child(2) b{ color: #96e5f0; }

.block-10 .imp li:nth-child(3) b{ color: #ffffff; }

.block-10 .rowx2{ margin: 10% 0 0 0; }

.block-10 .rowx2 img{ margin: 0.6% 0 0 5%;
    width: 71.5%; }

.block-11{ background-color: #ae1f19;
    padding: 4.7% 0 8.9% 0; }

.block-11 h6{ font-family: var(--font-1r);
    color: #fff;
    font-size: 1.2vw;
    margin: 0 0 3.2% 0; }

.block-11 h2{ color: #fff;
    font-family: var(--font-2);
    font-size: 2.56vw;
    margin: 0 0% 2.2% 0; }

.block-11 p{ font-family: var(--font-1r);
    color: #fff;
    font-size: 1.15vw;
    line-height: 126%; }

.block-11 .bx1{background-color: #7c1515;
    padding: 4% 7% 4.5% 7%;
    border-radius: 42px;
    margin: 20% 0 0 0;
    max-width: 742px; }

.block-11 .bx1 span{ font-family: var(--font-3);
    color: #cbd2cb;
    font-size: 0.85vw; }

.block-11 .bx1 b{ color: #db673b;
    display: block; }

.block-11 .bx1 p{ font-size: 0.86vw;
    line-height: 118%;
    margin: 0 0 4% 0; }

.block-11 .bx1 p a{ color: #fff; }

.block-11 .bx1 p a i{ color: #18391c;
    transform: rotate(80deg);
    font-size: 0.5vw;
    background-color: #fff;
    padding: 1% 1%;
    border-radius: 50%; }

.block-11 .form-box{ background-color: #7c1515;
    padding: 8.5% 7% 3.5% 7%;
    width: 99%;
    border-radius: 61px;
    max-width: 762px;
    margin: 8% 0 0 0; }

.block-11 .form-box .p1{ color: #fff;
    font-family: var(--font-1b);
    font-size: 1vw; }

.block-11 .form-box input, .block-11 .form-box select {
    width: 100%;
    margin: 5% 0 8.5% 0;
    border-radius: 6px;
    height: 50px;
}

.block-11 .form-box input[type="submit"]{ margin: 0% 0 0% 0; }

.block-11 .form-box label{ color: #fff;
    font-family: var(--font-1b);
    font-size: 0.85vw; }

.block-11 .container{ max-width: 1712px; }

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{ color: #fff; }

#colophon .wp-block-image img{ width: 170px; }

#colophon h4{ font-family: var(--font-3);
    color: #fff;
    margin: 5.7% 0 2% 0;
    font-size: 0.78vw; }

#colophon ul{ margin: 0;
    padding: 0; }

#colophon ul li{ display: block; }

#colophon ul li a{ font-family: var(--font-3);
    font-size: 0.8vw; }

.site-extra .widget{ text-align: left; }

#colophon #widget-area-3{ width: 45.8%; }

#colophon #widget-area-4{ width: 25.5%; }

#colophon #widget-area-5{ width: 14.3%; }

#colophon #widget-area-5 p{ line-height: 242%; }

#colophon #widget-area-5 p i{ margin: 0 5px 0 0; }

#colophon #aviso{ text-align: center;
    padding: 15px 0 35px 0;
    position: relative; }

#colophon #aviso:before{ background-color: #2c2c2c;
    position: absolute;
    top:0;
    content: "";
    width: 100%;
    height: 1px;
    display: block; }

#colophon #aviso p{ font-size: 12.5px;
    margin: 0; }

#colophon #aviso a{ float: right; }