@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Berkshire+Swash&family=Oswald:wght@200..700&display=swap');
body {
    font-family: "Archivo", sans-serif;
    /* font-family: "Berkshire Swash", serif; */
}

@font-face {
    font-family: 'alpino';
    src: url('css/fontawesome/fonts/Alpino-Variable.woff2') format('woff2'),
         url('css/fontawesome/fonts/Alpino-Variable.woff') format('woff'),
         url('css/fontawesome/fonts/Alpino-Variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Usa la fuente Alpina en tu CSS */



h1{
    font-size: 112px;
    line-height: 108px;
    font-weight: 400;
    font-family: 'alpino', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    font-family: 'alpino', sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.header-nav .nav>li>a {
    font-size: 19px;
    
    padding: 28px 10px;
}
.whatWedo-media-content {
    position: absolute;
    bottom: 25px;
    left: -30px;
    right: 82px;
}
.whatWedo-media-content:after {
    position: absolute;
    left: 0px;
    bottom: -25px;
    content: '';
    z-index: 0;
    width: 0;
    height: 0;
    border-top: 26px solid #1facc3;
    border-left: 30px solid transparent;
}
.center.wt-small-separator-outer h2 {
    max-width: 950px;
    margin: 0px auto;
    font-weight: 600;
    min-height: 90px; /* Ajusta este valor al ancho necesario */
}



.site-list-style-one li {
    font-family: 'alpino', sans-serif;
    color: #00173c;
    font-size: 24px;
    position: relative;
    padding-left: 30px;
    font-weight: 600;
}
.title-style-2 {
    font-family: 'alpino', sans-serif;
    font-weight: 600;
}
.whatWedo-media-inner {
    background: rgb(255, 0, 0);
    background: -moz-linear-gradient(left, rgba(9, 165, 0, 16) 0%, rgba(9, 165, 16, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(9, 165, 16, 1) 0%, rgba(249, 198, 71, 1) 100%);
    background: linear-gradient(to right, rgba(9, 165, 16, 1) 0%, rgba(249, 198, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#191919',GradientType=1 );
}

.section-head {
    margin-bottom: 20px;
}
.what-we-do-section2 .hilite-large-title span {
    font-size: 89px;
    line-height: 110px;
    color: #dddada;
    opacity: 2;
    font-family: 'alpino', sans-serif;
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: -3px;
}
.site-button {
    outline: none;
    color: #fff;
    padding: 15px 18px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    background-color: #ff5e15;
    border: none;
    font-size: 14px;
    font-weight: 500;
}
h2 {
    font-size: 47px;
    color: #0084ad;
    font-weight: 600;
}
.whatWedo-media-content h3 {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 21px;
}
.header-style-4 .main-bar {
    position: relative;
    width: 100%;
    padding: 0px 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: rgb(249 192 0 / 63%);
}
.header-style-4 .is-fixed.color-fill .main-bar {
    background: rgba(249 192 0);
}
.footer-h-left:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #3AACCF;
    z-index: -1;
    width: 6000px;
    height: 150%;
}

.footer-dark .footer-top {
    background-color: #EF7A49;
    overflow: hidden;
}

.wt-small-separator {
    font-family: 'alpino', sans-serif;
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.ls-circle{
    background-color: #00d3ff;
}

.site-header.header-style-4 {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    background: #059905;
}
.site-header.header-style-4 .main-bar {
    position: fixed;
    border-top: 1px solid rgb(255 108 0);
}

@media only screen and (max-width: 400px) {
    .whatWedo-media-content {
        position: relative;
        right: auto;
        top: 20px;
        left: auto;
        bottom: auto;
        bottom: -42px;
    }
}

@media only screen and (max-width: 540px) {
    .section-head h1, .section-head h2, .section-head h3, h1, h2, h3 {
        text-align: center;
    }
    .wt-small-separator div {
    text-align: center;
        display: block;
}
   
    .wt-small-separator {
    text-align: center;
        display: block;
}
}

.colarge-1::before{
    border-color: #09a510;
}


/* platano chocolate */
.colarge-1-2{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-2:before,
.colarge-1-2:after{position:absolute;	border:15px solid #67382B;	content:'';	width:80%;	height:80%;	z-index:-1;}
.colarge-1-2:before{	left: -40px;	top: -40px;}
.colarge-1-2:after{	right:-30px;	bottom:0px;}

@media only screen and (max-width:991px){
.img-colarge {
    padding-top: 30px;
	margin: -10px;
}
.colarge-1-2{
	position: relative;
	z-index:1;
}

.colarge-1-2 img{
	width:100%;
}
}

@media only screen and (max-width:767px){
.img-colarge {
	margin: 0px;
	padding-top: 0px;
}
.colarge-1-2{
	max-height: inherit;
	margin-bottom:30px;
	padding:0px;
}

}

.colarge-1-2-new{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-2-new:before{position: absolute;border: 10px solid #67382B;content: '';width: 60%;z-index: -1;left: -40px;top: -40px;bottom: -40px;}



.welcom-to-section-new{	padding-top:40px;}
.welcom-to-section-new p {margin-bottom: 50px;    line-height: 28px;}
@media only screen and (max-width:991px){
	.img-colarge-new .colarge-1-2-new img{width:100%;}
	.welcom-to-section-new{padding-top:0px;}
	.welcom-to-section-new p {margin-bottom: 20px;}	
}

.colarge-1-2::before{
    border-color: #f3db0b;
}

/* Betabel Arandano */
.colarge-1-3{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-3:before,
.colarge-1-3:after{position:absolute;	border:15px solid #5C6C9E;	content:'';	width:80%;	height:80%;	z-index:-1;}
.colarge-1-3:before{	left: -40px;	top: -40px;}
.colarge-1-3:after{	right:-30px;	bottom:0px;}

@media only screen and (max-width:991px){
.img-colarge {
    padding-top: 30px;
	margin: -10px;
}
.colarge-1-3{
	position: relative;
	z-index:1;
}
.colarge-1-3 img{
	width:100%;
}
}
@media only screen and (max-width:767px){
.img-colarge {
	margin: 0px;
	padding-top: 0px;
}
.colarge-1-3{
	max-height: inherit;
	margin-bottom:30px;
	padding:0px;
}
}

.colarge-1-3-new{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-3-new:before{position: absolute;border: 10px solid #67382B;content: '';width: 60%;z-index: -1;left: -40px;top: -40px;bottom: -40px;}

.welcom-to-section-new{	padding-top:40px;}
.welcom-to-section-new p {margin-bottom: 50px;    line-height: 28px;}
@media only screen and (max-width:991px){
	.img-colarge-new .colarge-1-3-new img{width:100%;}
	.welcom-to-section-new{padding-top:0px;}
	.welcom-to-section-new p {margin-bottom: 20px;}	
}

.colarge-1-3::before{
    border-color: #b10808;
}

/* zanahoria datil */
.colarge-1-4{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-4:before,
.colarge-1-4:after{position:absolute;	border:15px solid #BD7A4E;	content:'';	width:80%;	height:80%;	z-index:-1;}
.colarge-1-4:before{	left: -40px;	top: -40px;}
.colarge-1-4:after{	right:-30px;	bottom:0px;}

@media only screen and (max-width:991px){
.img-colarge {
    padding-top: 30px;
	margin: -10px;
}
.colarge-1-4{
	position: relative;
	z-index:1;
}
.colarge-1-4 img{
	width:100%;
}
}
@media only screen and (max-width:767px){
.img-colarge {
	margin: 0px;
	padding-top: 0px;
}
.colarge-1-4{
	max-height: inherit;
	margin-bottom:30px;
	padding:0px;
}
}

.colarge-1-4-new{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-4-new:before{position: absolute;border: 10px solid #BD7A4E;content: '';width: 60%;z-index: -1;left: -40px;top: -40px;bottom: -40px;}

.welcom-to-section-new{	padding-top:40px;}
.welcom-to-section-new p {margin-bottom: 50px;    line-height: 28px;}
@media only screen and (max-width:991px){
	.img-colarge-new .colarge-1-4-new img{width:100%;}
	.welcom-to-section-new{padding-top:0px;}
	.welcom-to-section-new p {margin-bottom: 20px;}	
}

.colarge-1-4::before{
    border-color: #ff7812;
}


/* jitomate albahaca */
.colarge-1-5{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-5:before,
.colarge-1-5:after{position:absolute;	border:15px solid #6ABD2F;	content:'';	width:80%;	height:80%;	z-index:-1;}
.colarge-1-5:before{	left: -40px;	top: -40px;}
.colarge-1-5:after{	right:-30px;	bottom:0px;}

@media only screen and (max-width:991px){
.img-colarge {
    padding-top: 30px;
	margin: -10px;
}
.colarge-1-5{
	position: relative;
	z-index:1;
}
.colarge-1-5 img{
	width:100%;
}
}
@media only screen and (max-width:767px){
.img-colarge {
	margin: 0px;
	padding-top: 0px;
}
.colarge-1-5{
	max-height: inherit;
	margin-bottom:30px;
	padding:0px;
}
}

.colarge-1-5-new{position:relative;margin:40px 30px 0px 40px;	z-index:1;}
.colarge-1-5-new:before{position: absolute;border: 10px solid #6ABD2F;content: '';width: 60%;z-index: -1;left: -40px;top: -40px;bottom: -40px;}

.welcom-to-section-new{	padding-top:40px;}
.welcom-to-section-new p {margin-bottom: 50px;    line-height: 28px;}
@media only screen and (max-width:991px){
	.img-colarge-new .colarge-1-5-new img{width:100%;}
	.welcom-to-section-new{padding-top:0px;}
	.welcom-to-section-new p {margin-bottom: 20px;}	
}

.colarge-1-5::before{
    border-color: red;
}




/* botones flotantes */
.btn-floating:hover img {
  margin-bottom: -3px
}

.btn-floating {
    position: fixed;
    right: 25px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 0;
    z-index: 9999;
    color: white;
    transition: .2s;
    font-size: 23px;
}

.btn-floating:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}

.btn-floating span {
    font-size: 16px;
    margin-left: 5px;
    transition: .2s;
    line-height: 0px;
    display: none;
}

.btn-floating:hover span {
    display: inline-block;
}

/* Phone */
.btn-floating.phone {
    bottom: 160px;
    background-color: #fd6600;
    color: #ffffff;
}

.btn-floating.phone:hover {
    background-color: #fd6600;
}

/* WhatsApp */
.btn-floating.whatsapp {
    background-color: #19940E;
    bottom: 100px;
    color: #ffffff;
}

.btn-floating.whatsapp:hover {
    background-color: #19940E
}

@media only screen and (max-width: 767px){
.btn-floating.phone {
    bottom: 150px;
    background-color: #fd6600;
}
.btn-floating.whatsapp {
    background-color: #19940E;
    bottom: 90px;
}
    
    .pull-left {
    float: none !important;
}
}




 /* Estilos para el fondo del pop-up */
        .popup-overlay {
            display: none; /* Oculto por defecto */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7); /* Fondo semi-transparente */
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        /* Contenedor del pop-up */
        .popup-content {
            position: relative;
            background: white;
            padding: 0;
            max-width: 80%;
            max-height: 80%;
            border-radius: 8px;
            overflow: hidden;
        }

        /* Imagen del pop-up */
        .popup-content img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Botón de cierre */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #ff4d4d;
            color: white;
            border: none;
            padding: 8px 12px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 16px;
        }


.video3-section-blockquote .fa-quote-left {
   
    font-size: 40px;
}

.video3-section-blockquote .fa-quote-right {
    color: #ffee00;
    text-shadow: 2px 2px 2px #000;
    font-size: 40px;
    position: absolute;
    right: 0px;
    top: 50px;
    opacity: 0.3;
}

.video3-section-blockquote {
    border-left: 4px solid #ff5e15;
    position: relative;
    padding-left: 50px;
    padding-right: 30px;
}