/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-button:hover, .elementor-button:focus {
    color: #FBFBFB !important;
    background-color:#101415 !important;
}
.elementor-element.elementor-element-2d0e7a1.elementor-widget.elementor-widget-html {
    padding-bottom: 7px;
}
.elementor-element.elementor-element-4b5e70ac.elementor-widget.elementor-widget-html {
    padding-bottom: 6px;
}

.elementor-button:hover svg.e-font-icon-svg.e-fas-long-arrow-alt-left, .elementor-button:focus svg.e-font-icon-svg.e-fas-long-arrow-alt-left
{
    fill: #fbfbfb !important;
}
p {
    margin-bottom: 15px;
}

.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
    border-color: transparent !important;
}
.elementor-2692 .elementor-element.elementor-element-f8e1365 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, .elementor-2692 .elementor-element.elementor-element-f8e1365 .wpml-elementor-ls .wpml-ls-legacy-dropdown a {
    background-color:  transparent !important;
}

a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    font-size: 18px;
    font-weight: 300;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle!important;
    display: inline-block!important;
    border: .35em solid transparent!important;
    border-top: 10px solid!important;
    position: absolute!important;
    right: 0px!important;
    top: calc(50% - 5px)!important;
}

.wpml-ls-legacy-dropdown>ul {
    position: relative;
    padding: 0;
    margin: 0!important;
    list-style-type: none;
    border: none;
}
/* CSS PARA MOSTRAR EL MENÚ MÓVIL*/
    #sechide {
    display:none;
    }
    .secshow {
    display:block !important;
    }

    .menuservicios a span {
        position: absolute;
        right: 15px;
        font-size: 12px;
    }
    .menuservicios .sub-menu {
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 100%;
        position: relative !important;
        background-color: #9494946e;
    }
    .menuservicios .sub-menu li a {
        font-size: 19px !important;
        margin-left: 0;
        line-height: 27px;
        padding: 15px 10px 15px 10px;
        border-bottom: 1px #101415 solid;
    }
    .menuservicios .sub-menu li a:hover {
        font-size: 19px !important;
        margin-left: 0;
        line-height: 27px;
        padding: 15px 10px 15px 10px;
        border-bottom: 1px #101415 solid;
        background-color: #949494;
    }
.elementor-sub-item:focus, .elementor-sub-item:hover, .elementor-sub-item:active {
        background-color: #101415;
        color: #fff;
    }
    li.menu-item {
        border-bottom: 1px #101415 solid !important;
    
    }
    span.hamburguesa, span.lineas {
        padding-right: 20px;
        width: 32px;
        display: block;
        position: relative;
    }

    .hamburguesa::before, .hamburguesa::after, .lineas::before, .lineas::after {
        content: "";
        background: #101415;
        height: 1px;
        width: 32px;
        position: absolute;
        transition: all 0.3s ease; /* Añade esta línea para la animación */
    }

    .hamburguesa::before {
        top: 0;
        left: 0;
    }

    .hamburguesa::after {
        top: 7px;
        left: 0;
    }

    .lineas::before {
        top: 0px;
        left: 0px;
        transform: rotate(-135deg);
    }

    .lineas::after {
        top: 0px;
        left: 0px;
        transform: rotate(135deg);
    }

    span.hamburguesa_blanca, span.lineas_blanca {
        padding-right: 20px;
        width: 32px;
        display: block;
        position: relative;
    }

    .hamburguesa_blanca::before, .hamburguesa_blanca::after, .lineas_blanca::before, .lineas_blanca::after {
        content: "";
        background: #FFFFFF;
        height: 1px;
        width: 32px;
        position: absolute;
        transition: all 0.3s ease; /* Añade esta línea para la animación */
    }

    .hamburguesa_blanca::before {
        top: 0;
        left: 0;
    }

    .hamburguesa_blanca::after {
        top: 7px;
        left: 0;
    }

    .lineas_blanca::before {
        top: 0px;
        left: 0px;
        transform: rotate(-135deg);
    }

    .lineas_blanca::after {
        top: 0px;
        left: 0px;
        transform: rotate(135deg);
    }
/* CSS PARA MOSTRAR EL FORMULARIO DE NEWSLETTER */
    .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_a147cf7.elementor-col-100.elementor-field-required {
        order: 2;
    }
    .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons.elementor-sm-100 {
        order: 1;
    }

    .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-100.elementor-field-required {
        width: 75%;
    }
    .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
        width: auto;
    }
    .elementor-47 .elementor-element.elementor-element-8cc1202 .elementor-button {

        padding: 11px 25px 11px 25px;
    }
    form[name='Newsletter'] .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-100.elementor-field-required {
        width: 68%;
    }


/* CSS QUE MUESTRA EL LOGO DESLIZANTE EN EL FOOTER*/
    #carrusel {
        position: relative;
        width: 100%;
        height: 30px; 
        overflow: hidden;
    }

    .carrusel-contenedor {
        display: flex;
        animation: desplazamiento 40s infinite linear;
    }

    .carrusel-contenedor img {
        min-width: 112px;
        margin-right: 5px;
        height: 28px;
        transition: opacity 0.5s ease-in-out;
    }

    @keyframes desplazamiento {
        0% { transform: translateX(0); }
        100% { transform: translateX(-200%); }
    }
    #menu-1-c0fb66a li.menu-item {
        border-bottom: 0 !important;
    }
/* CSS QUE MUESTRA EL ASTERISCO Y EL BOTÓN DE VIEW PROJECT EN HOME Y EN PORTFOLIO*/
    /* Para el primer item */
    .elementor-330.e-loop-item:nth-of-type(5n+1) .icon-asterisco_negro {
        color: #FFD900 !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+1) .elementor-button {
        color: #101415 !important ;
        background-color: #FFD900 !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+1) .elementor-button svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #101415 !important;
    }
    .elementor-330.e-loop-item:nth-of-type(5n+1) .elementor-button:hover svg.e-font-icon-svg.e-fas-long-arrow-alt-right, .elementor-330.e-loop-item:nth-of-type(5n+1) .elementor-button:focus svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #FBFBFB !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+1) .elementor-button:hover, .elementor-330.e-loop-item:nth-of-type(5n+1) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }

	.elementor-330.e-loop-item:nth-of-type(5n+1) span.elementor-button-text svg {
		stroke: #101415;
	}
	.elementor-330.e-loop-item span.elementor-button-text:hover svg {
		stroke: #fff !important;
	}

    /* Para el segundo item */
    .elementor-330.e-loop-item:nth-of-type(5n+2) .icon-asterisco_negro {
        color: #3377E7 !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+2) .elementor-button {
        color: #fff !important;
        background-color: #3377E7 !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+2) .elementor-button svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #fff !important;
    }
    .elementor-330.e-loop-item:nth-of-type(5n+2) .elementor-button:hover svg.e-font-icon-svg.e-fas-long-arrow-alt-right, .elementor-330.e-loop-item:nth-of-type(5n+2) .elementor-button:focus svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #FBFBFB !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+2) .elementor-button:hover, .elementor-330.e-loop-item:nth-of-type(5n+2) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }

	.elementor-330.e-loop-item:nth-of-type(5n+2) span.elementor-button-text svg {
			stroke: #fff;
		}
    /* Para el tercer item */
    .elementor-330.e-loop-item:nth-of-type(5n+3) .icon-asterisco_negro {
        color: #06B18B !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+3) .elementor-button {
        color: #fff !important;
        background-color: #06B18B !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+3) .elementor-button svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #fff !important;
    }
    .elementor-330.e-loop-item:nth-of-type(5n+3) .elementor-button:hover svg.e-font-icon-svg.e-fas-long-arrow-alt-right, .elementor-330.e-loop-item:nth-of-type(5n+3) .elementor-button:focus svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #FBFBFB !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+3) .elementor-button:hover, .elementor-330.e-loop-item:nth-of-type(5n+3) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }
	.elementor-330.e-loop-item:nth-of-type(5n+3) span.elementor-button-text svg {
			stroke: #fff;
		}

    /* Para el cuarto item */
    .elementor-330.e-loop-item:nth-of-type(5n+4) .icon-asterisco_negro {
        color: #E0642B !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+4) .elementor-button {
        color: #fff !important;
        background-color: #E0642B !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+4) .elementor-button svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #fff !important;
    }
    .elementor-330.e-loop-item:nth-of-type(5n+4) .elementor-button:hover svg.e-font-icon-svg.e-fas-long-arrow-alt-right, .elementor-330.e-loop-item:nth-of-type(5n+4) .elementor-button:focus svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #FBFBFB !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+4) .elementor-button:hover, .elementor-330.e-loop-item:nth-of-type(5n+4) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }
	.elementor-330.e-loop-item:nth-of-type(5n+4) span.elementor-button-text svg {
			stroke: #fff;
		}
    /* Para el quinto item */
    .elementor-330.e-loop-item:nth-of-type(5n+5) .icon-asterisco_negro {
        color: #FFB9BA !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+5) .elementor-button {
        color: #101415 !important;
        background-color: #FFB9BA !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+5) .elementor-button svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #101415 !important;
    }
    .elementor-330.e-loop-item:nth-of-type(5n+5) .elementor-button:hover svg.e-font-icon-svg.e-fas-long-arrow-alt-right, .elementor-330.e-loop-item:nth-of-type(5n+5) .elementor-button:focus svg.e-font-icon-svg.e-fas-long-arrow-alt-right {
        fill: #FBFBFB !important;
    }

    .elementor-330.e-loop-item:nth-of-type(5n+5) .elementor-button:hover, .elementor-330.e-loop-item:nth-of-type(5n+5) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }
	.elementor-330.e-loop-item:nth-of-type(5n+5) span.elementor-button-text svg {
			stroke: #101415;
		}

/* CSS PARA MOSTRAR EL MOVIMIENTO DE IZQUIERDA Y DERECHA ALTERNATIVO DE LOS ITEMS DEL PORTFOLIO EN HOME Y PORTFOLIO*/


    .elementor-330.e-loop-item {
    opacity: 0;
    }

    @keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
    }

    @keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
    }

    .animate-from-left {
       opacity: 1 !important;
       animation: slideInFromLeft 1s forwards;
    }

    .animate-from-right {
        opacity: 1 !important;
        animation: slideInFromRight 1s forwards;
    }

/* CSS PARA FIJAR LA IMAGEN DE FONO DE DE LA CABECERA */

@media (max-width: 798px) {

    #imagenfondo {
        /* background-attachment: fixed; */
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: 100% 100%;
    }
}
.elementor-button:active, .elementor-button:focus
{
    color: #fbfbfb;
    background-color:#101415;
    border-color:#101415;
}
.elementor-button:active svg, .elementor-button:focus svg
{
    fill: #fbfbfb;
}
.elementor-nav-menu--main .elementor-item:active, .elementor-nav-menu--main .elementor-item:focus {
    color: #fff;
}
/* CSS PARA MOVILIZAR LAS IMÁGENES DE FONOD DE CONTACTO */
.elementor-721 .elementor-element.elementor-element-06dbf0b::before, .elementor-721 .elementor-element.elementor-element-06dbf0b > .elementor-background-video-container::before, .elementor-721 .elementor-element.elementor-element-06dbf0b > .e-con-inner > .elementor-background-video-container::before, .elementor-721 .elementor-element.elementor-element-06dbf0b > .elementor-background-slideshow::before, .elementor-721 .elementor-element.elementor-element-06dbf0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-721 .elementor-element.elementor-element-06dbf0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    animation: rotate-animation 10s infinite linear, zoom-in-zoom-out 1s ease;
    width: 170px;
    height: 170px;
    position: absolute;
    left: 32%;
    top: 40%;
}

@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(0.4, 0.4);
    }
    50% {
      transform: scale(0.75, 0.75);
    }
    100% {
      transform: scale(1, 1);
    }
  }

  /* CSS FORMULARIO DE CONTACTO */

  textarea#form-field-message::placeholder {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    align-content: flex-end;
    height: 90px;

}
textarea#form-field-message {
    margin-bottom: 20px;
}

#contact .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}  
#contact .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-100.elementor-field-required {
    width: 100%;
}

#contact input, #contact textarea 
  {
    padding: 0 !important;
  }

/* CSS PARA HACER EL MOVIMIENTO DEL TEXTO */

.container {
    display: flex;
    align-items: center;
    height: 50px;
    overflow: hidden;
  }
  
  .scroll {
    white-space: nowrap;
    margin: 0 2em;
  }
  
  .scroll div {
    display: flex;
    gap: 2em;
  }
  
  .scroll p {
    font-size: 32px;
    color: #3377E7;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}
  .scroll svg {
    width: 20px;
}
  
  .RightToLeft {
    animation: RightToLeft 20s infinite linear;
  }
  
  @keyframes  RightToLeft {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-50%);
    }
  }
  
  .LeftToRight {
    animation: LeftToRight 20s infinite linear;
  }
  
  @keyframes  LeftToRight {
    from {
      transform: translateX(-50%);
    }
    to {
      transform: translateX(0%);
    }
  }

  /* CSS ANIMACIÓN DE LOS ASTERISCOS EN ABOUT */
  #asterisco1 img {
    animation: rotate-animation 20s infinite linear, zoom-in-zoom-out 2s linear;

}
/* CSS ANIMACIÓN DE LOS ASTERISCOS EN ABOUT */
.square-wrapper {
    position: relative;
    width: 100%;
    height: 250px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.square {
    position: absolute;
    top: 0;
    width: 200px;
    height: 200px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/asterisco_morado_completo.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.remote {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: calc(50% - 100px);
    text-align: center;
    font-weight: bold;
    color: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.asterisco_about {
    position: absolute;
    bottom: 50px;
    width: 200px;
    height: 200px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/asterisco_simple.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.vacio {
    position: absolute;
    right: -100px;
    bottom: 0;
    width: 200px;
    height: 146px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/asterisco_vacio_about.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
  @media (prefers-reduced-motion: no-preference) {
    .square-animation {
        opacity: 1;
        width: 200px;
        height: 200px;
      -webkit-animation: rotate-center 7s linear 3.25s infinite, moveUp 2s linear, kenburns-top 1.25s ease-out;
	  animation: rotate-center 7s linear 3.25s infinite, moveUp 2s linear, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .remote-animation {
        opacity: 1;
        width: 200px;
        height: 200px;
      -webkit-animation: kenburns-top 2s ease-out;
	  animation: kenburns-top 2s ease-out;
      animation-fill-mode: backwards;
    }
    .asterisco_about-animation {
        width: 200px;
        height: 200px;
      -webkit-animation:  moveDown 2s linear 1.25s, zooms-top 1.25s ease-out ;
	  animation: moveDown 2s linear 1.25s, zooms-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
    .vacio-animation {
        opacity: 1;
        width: 200px;
        height: 146px;
      -webkit-animation:  moveDownRight 2s linear, moveRight 2s linear, kenburns-top 1.25s linear ;
	  animation: moveDownRight 2s linear, moveRight 2s linear, kenburns-top 1.25s linear;
      animation-fill-mode: backwards;
    }
  }
  @keyframes moveDown {
    0% { top: 0; }
    100% { top: calc(100% - 250px); }
    }

    @keyframes moveUp {
        0% { bottom: 0; }
        100% { bottom: 300px; }
    }

    @keyframes moveDownRight {
        0% { top: 0; }
        100% { top: calc(100% - 150px); }
        }
    
    @keyframes moveRight {
        0% { right: 50%;}
        100% { right: -100px; }
        }
    

 @-webkit-keyframes kenburns-top {
    0% {
      -webkit-transform: scale(0) translateY(0);
              transform: scale(0) translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    100% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
  }
  @keyframes kenburns-top {
    0% {
      -webkit-transform: scale(0) translateY(0);
              transform: scale(0) translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    100% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
  }
  @-webkit-keyframes zooms-top {
    0% {
      -webkit-transform: scale(2.25) translateY(0);
              transform: scale(2.25) translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    50% {
        -webkit-transform: scale(0.50) translateY(0);
                transform: scale(0.50) translateY(0);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
      }
    100% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: center center;
              transform-origin: center center;
    }
  }
  @keyframes zooms-top {
    0% {
      -webkit-transform: scale(2.25) translateY(0);
              transform: scale(2.25) translateY(0);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    50% {
        -webkit-transform: scale(0.50) translateY(0);
                transform: scale(0.50) translateY(0);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
      }
    100% {
      -webkit-transform: scale(1) translateY(0);
              transform: scale(1) translateY(0);
      -webkit-transform-origin: center center;
              transform-origin: center center;
    }
  }
@-webkit-keyframes rotate-center {
    0% {
		-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        }
    50% {
        -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
  }
  @keyframes rotate-center {
    0% {
		-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        }
    50% {
        -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
  }
  /* CSS PARA MODIFICAR EL TEXTO DESLIZANTE EN ABOUT */
  .scrollabout {
    white-space: nowrap;
    margin: 0 2em;
  }
  
  .scrollabout div {
    display: flex;
    gap: 2em;
  }
  
  .scrollabout p {
    font-size: 32px;
    color: #06B18B;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}
  .scrollabout svg {
    width: 20px;
}

/* CSS PARA MODIFICAR EL LISTADO DE CATEGORÍAS EN EL BLOG */
ul.categories_blog {
    list-style: none;
    text-indent: 0;
    padding-left: 0;
    margin-left: 0;
    padding-inline-start: 0 !important;
    line-height: 25px;
    font-size: 16px;
    font-family: 'DM SANS';
}

/* CSS PARA MODIFICAR LA PAGINACIÓN */

.page_shortcode {
    font-family: 'DM Sans';
    font-size: 16px;
    font-weight: 300;
    color: #101415;
    margin-top: -80px;
}

nav.elementor-pagination {
    margin-top: 90px !important;
}

/* CSS PARA SACAR EL EXTRACTO DE LOS POST EN LA PÁGINA DE BLOG */

h3.extracto {
    font-size: 20px;
    font-family: 'DM Sans';
    font-weight: bold;
}

p.extracto {
    font-size: 16px;
    font-family: 'DM Sans';
    font-weight: 300;
}

 /* CSS ANIMACIÓN DE LOS ASTERISCOS EN INTERNATIONAL MARKETING */

 .bola-wrapper {
    position: relative;
    width: 100%;
    height: 170px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.bola_1 {
    position: absolute;
    width: 170px;
    height: 170px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_1_0.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -50%;
}
.bola_2 {
    position: absolute;
    width: 88%;
    height: 170px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_2.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -1%;
    opacity: 0; 
}
.bola_3 {
    position: absolute;
    width: 49px;
    height: 49px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_3.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 173% 126%;
    opacity: 0; 
}
.bola_4 {
    position: absolute;
    width: 170px;
    height: 170px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_4.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 50%;
    opacity: 0;
}

  @media (prefers-reduced-motion: no-preference) {
    .bola_1-animation {
      opacity: 1;
      -webkit-animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .bola_2-animation {
      opacity: 1;
      -webkit-animation: moveleft 2s linear 2.25s;
	  animation: moveleft 2s linear 2.25s;
      animation-fill-mode: backwards;
    }
    .bola_3-animation {
        opacity: 1;
      -webkit-animation: kenburns-top 1.25s ease-out;
	  animation: kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
    .bola_4-animation {
        opacity: 1;
      -webkit-animation:  rotate-center 2s linear 1.25s, kenburns-top 1.25s linear ;
	  animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s linear;
      animation-fill-mode: backwards;
    }
  }

  @keyframes moveleft {
    0% { left:-100%;}
    100% { left: -0; }
    }

/* CSS PARA MODIFICAR EL ACORDEÓN DE INTERNATIONAL MARKETING */

#tab_1_inter h3, #tab_2_inter h3 {
    font-size: 50px;
    font-weight: bold;
}

/* CSS PARA HACER LA SECCIÓN OCULTA EN EU FOUNDED */

#sechideeu {
    display:none;
    }
.secshoweu {
    display:block !important;
    }

.hoverblack {
    background-color: #101415 !important;
    color: #FBFBFB !important;
    border: 1px solid #101415 !important;
}
button.keep {
    background-color: transparent;
    font-size: 16px;
    font-weight: 300;
    color: #101415;
    border: 1px solid #101415;
    border-radius: 40px;
}
.hoverblack .keepsvg
{
    fill:#fbfbfb !important;
}
 .keepsvg
{
    fill:#101415;
}

button.keep:focus {
    border: 1px solid #101415 !important;
    border-radius: 40px;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    bottom: 0 !important;
    top: auto !important;
}

/* CSS PARA MODIFICAR LA PÁGINA DE CASOS */
#backgr {
    display:block;
    }
.backgrnone{
    display:none !important;
    }

 /* CSS ANIMACIÓN DE LAS IMAGENES EN POULTRY */

 .poultry-wrapper {
    position: relative;
    width: 100%;
    height: 181px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.poultry_1 {
    position: absolute;
    width: 113px;
    height: 76px;
    background: url(https://testatlasmarketing.com/wp-content/uploads/2024/05/poultries_1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 50%;
    left: 0;
    z-index: 1;
}
.poultry_2 {
    position: absolute;
    width: 91px;
    height: 136px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/poultries_2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -58%;
    opacity: 0;
}
.poultry_3 {
    position: absolute;
    width: 102px;
    height: 68px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/poultries_3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 30% 39%;
    opacity: 0;
}
.poultry_4 {
    position: absolute;
    width: 83px;
    height: 55px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/poultries_4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 60%;
    opacity: 0;
    right: 0;
    z-index: 3;
}
.poultry_5 {
    position: absolute;
    width: 99px;
    height: 65px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/poultries_5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0;
    opacity: 0;
    z-index: 2;
    bottom: 0;
}
.poultry_6 {
    position: absolute;
    width: 126px;
    height: 84px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/poultries_6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -13% -19%;
    opacity: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
}
  @media (prefers-reduced-motion: no-preference) {
    .poultry_1-animation {
      opacity: 1 !important;
      -webkit-animation: centrotizq 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotizq 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .poultry_2-animation {
      opacity: 1 !important;
      -webkit-animation: centroizq 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: centroizq 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .poultry_3-animation {
        opacity: 1 !important;
      -webkit-animation: centrodere 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrodere 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .poultry_4-animation {
        opacity: 1 !important; 
      -webkit-animation: centrotdere 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotdere 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .poultry_5-animation {
        opacity: 1 !important;
      -webkit-animation:  centrotabajo 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotabajo 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .poultry_6-animation {
        opacity: 1 !important;
      -webkit-animation:  centromdere 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: centromdere 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
  }

@keyframes centrotizq {
    0% { left:30%;}
    100% { left: 0; }
    }
@keyframes centroizq {
    0% { translate:0;}
    100% { translate: -58%; }
    }
@keyframes centrodere {
    0% { translate:0 0;}
    100% { translate: 30% 39%; }
    }
@keyframes centrotdere {
    0% { right: 30%;}
    100% { right: 0; }
    }
@keyframes centromdere {
    0% { translate: -100% -100%;}
    100% { translate: -13% -19%; }
    }
@keyframes centrotabajo {
    0% { bottom:50%;}
    100% { bottom: 0; }
}

/* CSS ANIMACIÓN DEL ASTERISCO INFERIOR EN POULTRY */

.poultry_down-wrapper {
    position: relative;
    width: 153px;
    height: 202px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.poultry_d_1 {
    position: absolute;
    width: 68px;
    height: 68px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/asterisco_verde.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 41px;
    left: 43px;
    z-index: 1;
    
}
.poultry_d_2 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 50% 0;
    opacity: 0;
}

.poultry_d_3 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 20px 6px;
    opacity: 0;
    transform: rotate(30deg);
}
.poultry_d_4 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 34px 19px;
    opacity: 0;
    transform: rotate(60deg);
}
.poultry_d_5 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 39px 37px;
    opacity: 0;
    transform: rotate(90deg);
}
.poultry_d_6 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 35px 57px;
    opacity: 0;
    transform: rotate(-60deg);
}
.poultry_d_7 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 21px 71px;
    opacity: 0;
    transform: rotate(-30deg);
}
.poultry_d_8 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -18px 71px;
    opacity: 0;
    transform: rotate(30deg);
}
.poultry_d_9 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -30px 56px;
    opacity: 0;
    transform: rotate(60deg);
}
.poultry_d_10 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -37px 37px;
    opacity: 0;
    transform: rotate(90deg);
}
.poultry_d_11 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -31px 18px;
    opacity: 0;
    transform: rotate(-60deg);
}
.poultry_d_12 {
    position: absolute;
    width: 2px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/raya.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -17px 5px;
    opacity: 0;
    transform: rotate(-30deg);
}
.poultry_d_13 {
    position: absolute;
    width: 7px;
    height: 126px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/flecha.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 1px 0;
    opacity: 0;
    bottom: 0;
}
  @media (prefers-reduced-motion: no-preference) {
    .poultry_d_1-animation {
      opacity: 1;
      -webkit-animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
  .poultry_d_2-animation {
      opacity: 1;
      -webkit-animation: subir 1.25s linear 2.25s ;
	  animation: subir 1.25s linear 2.25s  ;
      animation-fill-mode: backwards;
    }
    .poultry_d_3-animation {
        opacity: 1;
        -webkit-animation: subir2 0.5s linear ;
        animation: subir2 0.5s linear ;
      animation-fill-mode: both;
    }
   .poultry_d_4-animation {
    opacity: 1;
        -webkit-animation: subir3 0.5s linear ;
        animation: subir3 0.5s linear ;
      animation-fill-mode: both;
    }
     .poultry_d_5-animation {
        opacity: 1;
        -webkit-animation: subir4 0.5s linear ;
        animation: subir4 0.5s linear ;
      animation-fill-mode: both;
    }
   .poultry_d_6-animation {
    opacity: 1;
        -webkit-animation: subir5 0.5s linear ;
        animation: subir5 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_7-animation {
        opacity: 1;
        -webkit-animation: subir6 0.5s linear ;
        animation: subir6 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_8-animation {
        opacity: 1;
        -webkit-animation: subir7 0.5s linear ;
        animation: subir7 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_9-animation {
        opacity: 1;
        -webkit-animation: subir8 0.5s linear ;
        animation: subir8 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_10-animation {
        opacity: 1;
        -webkit-animation: subir9 0.5s linear ;
        animation: subir9 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_11-animation {
        opacity: 1;
        -webkit-animation: subir10 0.5s linear ;
        animation: subir10 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_12-animation {
        opacity: 1;
        -webkit-animation: subir11 0.5s linear ;
        animation: subir11 0.5s linear ;
      animation-fill-mode: both;
    }
    .poultry_d_13-animation {
        opacity: 1;
        -webkit-animation: subir12 2s linear;
        animation: subir12 2s linear;
      animation-fill-mode: backwards;
    }
  }


@keyframes subir {
    0% {    -webkit-transform: scale(0) translateY(0);
             transform: scale(0) translateY(0);
            -webkit-transform-origin: 1% 100%;
             transform-origin: 1% 100%;
        }
    100% { -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
           -webkit-transform-origin: 1% 100%;
            transform-origin: 1% 100%;
        }
}
@keyframes subir2 {
    0% {    -webkit-transform: scale(0) rotate(30deg) translateY(0);
             transform: scale(0) rotate(30deg) translateY(0);
            -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
        }
    100% { -webkit-transform: scale(1) rotate(30deg) translateY(0);
            transform: scale(1) rotate(30deg) translateY(0);
           -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
        }
}
@keyframes subir3 {
    0% {    -webkit-transform: scale(0) rotate(60deg) translateY(0);
        transform: scale(0) rotate(60deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
    100% { -webkit-transform: scale(1) rotate(60deg) translateY(0);
       transform: scale(1) rotate(60deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir4 {
    0% {    -webkit-transform: scale(0) rotate(90deg) translateY(0);
        transform: scale(0) rotate(90deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
    100% { -webkit-transform: scale(1) rotate(90deg) translateY(0);
       transform: scale(1) rotate(90deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir5 {
    0% {    -webkit-transform: scale(0) rotate(-60deg) translateY(0);
        transform: scale(0) rotate(-60deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(-60deg) translateY(0);
       transform: scale(1) rotate(-60deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir6 {
    0% {    -webkit-transform: scale(0) rotate(-30deg) translateY(0);
        transform: scale(0) rotate(-30deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(-30deg) translateY(0);
       transform: scale(1) rotate(-30deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir7 {
    0% {    -webkit-transform: scale(0) rotate(210deg) translateY(0);
        transform: scale(0) rotate(210deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(210deg) translateY(0);
       transform: scale(1) rotate(210deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir8 {
    0% {    -webkit-transform: scale(0) rotate(240deg) translateY(0);
        transform: scale(0) rotate(240deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(240deg) translateY(0);
       transform: scale(1) rotate(240deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir9 {
    0% {    -webkit-transform: scale(0) rotate(270deg) translateY(0);
        transform: scale(0) rotate(270deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(270deg) translateY(0);
       transform: scale(1) rotate(270deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir10 {
    0% {    -webkit-transform: scale(0) rotate(300deg) translateY(0);
        transform: scale(0) rotate(300deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(300deg) translateY(0);
       transform: scale(1) rotate(300deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir11 {
    0% {    -webkit-transform: scale(0) rotate(330deg) translateY(0);
        transform: scale(0) rotate(330deg) translateY(0);
       -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
   }
100% { -webkit-transform: scale(1) rotate(330deg) translateY(0);
       transform: scale(1) rotate(330deg) translateY(0);
      -webkit-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
   }
}
@keyframes subir12 {
    0% {    -webkit-transform: scale(0) translateY(0);
             transform: scale(0) translateY(0);
            -webkit-transform-origin: 0 0;
             transform-origin: 0 0;
        }
    100% { -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
           -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN CERVEZAS SAN MIGUEL NORWAY */

.norway-wrapper {
    position: relative;
    width: 100%;
    height: 230px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.norway_1 {
    position: absolute;
    width: 82px;
    height: 97px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cervezas_san_miguel_norway_3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 43px;
    z-index: 4;
}
.norway_2 {
    position: absolute;
    width: 104px;
    height: 122px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cervezas_san_miguel_norway_4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
}
.norway_3 {
    position: absolute;
    width: 155px;
    height: 212px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cervezas_san_miguel_norway_5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 45% 4%;
    opacity: 0;
    z-index: 0;
}
.norway_4 {
    position: absolute;
    width: 132px;
    height: 98px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cervezas_san_miguel_norway_6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 45%;
    opacity: 0;
    right: 0;
    z-index: 2;
}
.norway_5 {
    position: absolute;
    width: 189px;
    height: 121px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cervezas_san_miguel_norway_7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -24% 55%;
    opacity: 0;
    z-index: 1;
    /* bottom: 0; */
}

  @media (prefers-reduced-motion: no-preference) {
    .norway_1-animation {
      opacity: 1;
      -webkit-animation: centrotizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .norway_2-animation {
      opacity: 1;
      -webkit-animation: centroizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: centroizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .norway_3-animation {
        opacity: 1;
      -webkit-animation: centroderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centroderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .norway_4-animation {
        opacity: 1; 
      -webkit-animation: centrotderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .norway_5-animation {
        opacity: 1;
      -webkit-animation:  centrotabajon 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotabajon 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }

  }

@keyframes centrotizqn {
    0% { left:50%;

        }
    100% { left:43px; }
    }
@keyframes centroizqn {
    0% { translate:225px -100px;}
    100% { translate:0 0; }
    }
@keyframes centroderen {
    0% { translate: -119px 23px;}
    100% {     translate: 45% 4%; }
    }
@keyframes centrotderen {
    0% { translate: -200% 148%;}
    100% { right: 0; }
    }
@keyframes centromderen {
    0% { translate: -100% -100%;}
    100% { translate: -13% -19%; }
    }
@keyframes centrotabajon {
    0% {  translate: 50% 4%;}
    100% { translate: -24% 55%; }
}

.elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
    background-color: #f1eaea !important;
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN CERVEZAS SAN MIGUEL ITALY */


.italy-wrapper {
    position: relative;
    width: 100%;
    height: 267px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.italy_1 {
    position: absolute;
    width: 82px;
    height: 97px;
    background: url(https://testatlasmarketing.com/wp-content/uploads/2024/05/italia_3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 10px;
    z-index: 4;
}
.italy_2 {
    position: absolute;
    width: 139px;
    height: 89px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/italia_4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 78px;
    top: 49px;
    opacity: 0;
    z-index: 3;
}
.italy_3 {
    position: absolute;
    width: 155px;
    height: 212px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/italia_5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 45% 4%;
    opacity: 0;
    z-index: 0;
}
.italy_4 {
    position: absolute;
    width: 87px;
    height: 118px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/italia_6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 30%;
    opacity: 0;
    right: 0;
    z-index: 2;
}
.italy_5 {
    position: absolute;
    width: 128px;
    height: 100px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/italia_7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /* translate: 0 55%; */
    opacity: 0;
    z-index: 1;
    bottom: 42px;
    left: -19px;
}
.italy_6 {
    position: absolute;
    width: 91px;
    height: 125px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/italia_8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 132%;
    opacity: 0;
    z-index: 1;
    bottom: 0;
}

  @media (prefers-reduced-motion: no-preference) {
    .italy_1-animation {
      opacity: 1 !important;
      -webkit-animation: centrotizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .italy_2-animation {
      opacity: 1 !important;
      -webkit-animation: centroizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: centroizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .italy_3-animation {
        opacity: 1 !important;
      -webkit-animation: centroderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centroderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .italy_4-animation {
        opacity: 1 !important; 
      -webkit-animation: centrotderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .italy_5-animation {
        opacity: 1 !important;
      -webkit-animation:  centrotabajoi 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotabajoi 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
    .italy_6-animation {
        opacity: 1 !important;
      -webkit-animation:  centrodabajoi 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrodabajoi 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }

  }
  
@keyframes centrotizqi {
    0% { left:50%;

        }
    100% { left:10px; }
    }
@keyframes centroizqn {
    0% { translate:225px -10px;}
    100% { translate:0 0; }
    }
@keyframes centroderen {
    0% { translate: -119px 23px;}
    100% {     translate: 45% 4%; }
    }
@keyframes centrotderen {
    0% { translate: -200% 148%;}
    100% { right: 0; }
    }
@keyframes centromderei {
    0% { translate: -100% -100%;}
    100% { translate: -13% -19%; }
    }
@keyframes centrotabajoi {
    0% {  translate: 140% -100%;}
    100% { translate: -7% 0; }
}
@keyframes centrodabajoi {
    0% {  translate: -100% -100%;}
    100% { translate: 132% 0; }
}


/* CSS ANIMACIÓN DE LAS IMAGENES EN EUROPEAN FOOD & WINE */


.wine-wrapper {
    position: relative;
    width: 100%;
    height: 355px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.wine_1 {
    position: absolute;
    width: 70px;
    height: 99px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 4px;
    top:40px;
    z-index: 4;
}
.wine_2 {
    position: absolute;
    width: 106px;
    height: 71px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50px;
    top: 130px;
    opacity: 0;
    z-index: 3;
}
.wine_3 {
    position: absolute;
    width: 129px;
    height: 194px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top:0;
    opacity: 0;
    z-index: 0;
}
.wine_4 {
    position: absolute;
    width: 135px;
    height: 90px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 30%;
    opacity: 0;
    right: 0;
    top:45px;
    z-index: 2;
}
.wine_5 {
    position: absolute;
    width: 135px;
    height: 90px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
    left: 50%;
    top:50%;
}
.wine_6 {
    position: absolute;
    width: 94px;
    height: 140px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 132%;
    opacity: 0;
    z-index: 1;
    left: calc(13% - 94px);
    bottom: 0;
}
.wine_7 {
    position: absolute;
    width: 72px;
    height: 82px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine_9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: -10px;
    opacity: 0;
    z-index: 1;
    bottom: 20px;
}

  @media (prefers-reduced-motion: no-preference) {
    .wine_1-animation {
      opacity: 1 !important;
      -webkit-animation: wine1 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: wine1 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .wine_2-animation {
      opacity: 1 !important;
      -webkit-animation: wine2 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: wine2 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .wine_3-animation {
        opacity: 1 !important;
      -webkit-animation: wine3 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: wine3 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .wine_4-animation {
        opacity: 1 !important; 
      -webkit-animation: wine14 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: wine4 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .wine_5-animation {
        opacity: 1 !important;
      -webkit-animation:  wine5 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: wine5 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
    .wine_6-animation {
        opacity: 1 !important;
      -webkit-animation:  wine6 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: wine6 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
    .wine_7-animation {
        opacity: 1 !important;
      -webkit-animation:  wine7 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: wine7 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
  }
  
@keyframes wine1 {
    0% { left:50%; }
    100% { left:10px; }
    }
@keyframes wine2 {
    0% { translate:225px -10px;}
    100% { translate:0 0; }
    }
@keyframes wine3 {
    0% { top: 100%;}
    100% {top: 0; }
    }
@keyframes wine4 {
    0% { translate: -200% 148%;}
    100% { right: 0; }
    }
@keyframes wine5 {
    0% { translate: -100% -100%;}
    100% { translate: -13% -19%; }
    }
@keyframes wine6 {
    0% {
        left: 50%;
        bottom: 100%;
    }
    100% {
        left: calc(13% - 94px);
        bottom: 0;
    }
}
@keyframes wine7 {
    0% {
        right: 100%;
        bottom: 100%;
    }
    100% {
        right: -10px;
        bottom: 20px;
    }
}


/* CSS ANIMACIÓN DE LAS IMAGENES EN JOYERÍA CÓRDOBA */


.cordoba-wrapper {
    position: relative;
    width: 100%;
    height: 317px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.cordoba_1 {
    position: absolute;
    width: 83px;
    height: 98px;
    background: url(https://testatlasmarketing.com/wp-content/uploads/2024/06/cordoba_5_1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 25px;
    top: 20px;
    z-index: 4;
}
.cordoba_2 {
    position: absolute;
    width: 139px;
    height: 89px;
    background: url(https://testatlasmarketing.com/wp-content/uploads/2024/06/cordoba_6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 90px;
    top: 110px;
    opacity: 0;
    z-index: 3;
}
.cordoba_3 {
    position: absolute;
    width: 143px;
    height: 213px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/cordoba_7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top:0;
    right: 71px;
    opacity: 0;
    z-index: 0;
}
.cordoba_4 {
    position: absolute;
    width: 87px;
    height: 119px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/cordoba_8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 30%;
    opacity: 0;
    right: 0;
    top:calc(50% - 119px);
    z-index: 2;
}
.cordoba_5 {
    position: absolute;
    width: 108px;
    height: 148px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/cordoba_9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
    left: 25px;
    bottom:0;
}


  @media (prefers-reduced-motion: no-preference) {
    .cordoba_1-animation {
      opacity: 1 !important;
      -webkit-animation: cordoba1 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: cordoba1 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .cordoba_2-animation {
      opacity: 1 !important;
      -webkit-animation: cordoba2 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: cordoba2 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .cordoba_3-animation {
        opacity: 1 !important;
      -webkit-animation: cordoba3 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: cordoba3 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .cordoba_4-animation {
        opacity: 1 !important; 
      -webkit-animation: cordoba14 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: cordoba4 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .cordoba_5-animation {
        opacity: 1 !important;
      -webkit-animation:  cordoba5 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: cordoba5 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }

  }
  
@keyframes cordoba1 {
    0% { left:50%; }
    100% { left:10px; }
    }
@keyframes cordoba2 {
    0% { translate:225px -10px;}
    100% { translate:0 0; }
    }
@keyframes cordoba3 {
    0% { top: 100%;}
    100% {top: 0; }
    }
@keyframes cordoba4 {
    0% { translate: -200% 148%;}
    100% { right: 0; }
    }
@keyframes cordoba5 {
    0% { translate: 100% -100%;}
    100% { translate: 0 0; }
    }


    #videocordoba video.elementor-video {
        background-color: transparent !important;
    }

/* CSS ANIMACIÓN DE LAS IMAGENES EN LUCSSO */


.lucsso-wrapper {
    position: relative;
    width: 100%;
    height: 248px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.lucsso_1 {
    position: absolute;
    width: 107px;
    height: 72px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/lucsso_3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 40px;
    z-index: 4;
}
.lucsso_2 {
    position: absolute;
    width: 92px;
    height: 136px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/lucsso_4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 90px;
    top: 0;
    opacity: 0;
    z-index: 3;
}
.lucsso_3 {
    position: absolute;
    width: 103px;
    height: 69px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/lucsso_5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top:10px;
    left: calc(62% - 78px);
    opacity: 0;
    z-index: 5;
}
.lucsso_4 {
    position: absolute;
    width: 91px;
    height: 60px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/lucsso_6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    right: 0;
    top:14px;
    z-index: 6;
}
.lucsso_5 {
    position: absolute;
    width: 126px;
    height: 85px;
    background: url(https://testatlasmarketing.com/wp-content/uploads/2024/06/lucsso_7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 5;
    right: 25px;
    top: calc(50% - 63px);
}

.lucsso_6 {
    position: absolute;
    width: 114px;
    height: 76px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/lucsso_8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 6;
    top: calc(184px - 76px);
    left: 114px;
}
.lucsso_7 {
    position: absolute;
    width: 130px;
    height: 77px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/lucsso_20.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 7;
    bottom: 0;
    right: 20%;
}
  @media (prefers-reduced-motion: no-preference) {
    .lucsso_1-animation {
      opacity: 1 !important;
      -webkit-animation: lucsso1 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: lucsso1 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .lucsso_2-animation {
      opacity: 1  !important;
      -webkit-animation: lucsso2 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: lucsso2 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .lucsso_3-animation {
        opacity: 1 !important;
      -webkit-animation: lucsso3 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: lucsso3 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .lucsso_4-animation {
        opacity: 1 !important; 
      -webkit-animation: lucsso4 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: lucsso4 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .lucsso_5-animation {
        opacity: 1 !important;
      -webkit-animation:  lucsso5 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: lucsso5 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .lucsso_6-animation {
        opacity: 1 !important;
      -webkit-animation:  lucsso6 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: lucsso6 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
	     .lucsso_7-animation {
        opacity: 1 !important;
      -webkit-animation:  lucsso7 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: lucsso7 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
  }
  
@keyframes lucsso1 {
    0% { left:50%; }
    100% { left:10px; }
    }
@keyframes lucsso2 {
    0% { translate:225px -10px;}
    100% { translate:0 0; }
    }
@keyframes lucsso3 {
    0% { top: 100%;}
    100% {top: 0; }
    }
@keyframes lucsso4 {
    0% { translate: -200% 148%;}
    100% { right: 0; }
    }
@keyframes lucsso5 {
    0% { translate: 100% -100%;}
    100% { translate: 0 0; }
    }
@keyframes lucsso6 {
    0% { translate: 100% -100%;}
    100% { translate: 0 0; }
    }
@keyframes lucsso7 {
    0% { translate: -100% 100%;}
    100% { translate: 0 0; }
    }


@media (min-width: 798.1px)
{
    #menu-1-fe154fc a.elementor-item:hover {
        font-weight: 500;
    }

    .elementor-location-footer a {

        font-weight: bold;
    }

    li.menu-item {
        border-bottom: none !important;
    }
    .elementor-field-textual.elementor-size-md {

        min-height: 39px;


    }
    #newsid a
    {
        font-weight: normal !important; 
        text-decoration: underline !important;
    }
   
    /*.portfolio:hover .front_port {
        display: none;
     
    }
    .portfolio .back_port {
        display: none;
     
    }
    .portfolio:hover .back_port {
        display: block;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }


    @keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
    } 
 
    .portfolio .front_port
    {
        cursor:pointer;
    }*/

    /* CSS QUE MUESTRA EL ASTERISCO Y EL BOTÓN DE VIEW PROJECT EN HOME Y EN PORTFOLIO*/

    /*.elementor-2073.e-loop-item {
        opacity: 0;
        }*/

    /* Para el primer item */
    .elementor-2073.e-loop-item:nth-of-type(4n+1) .icon-asterisco_negro {
        color: #FFD900 !important;
    }

    .elementor-2073.e-loop-item:nth-of-type(4n+1) .elementor-button {
        color: #101415 !important ;
        background-color: #FFD900 !important;
    }
	.elementor-2073.e-loop-item:nth-of-type(4n+1) .elementor-button span.elementor-button-text svg 
	{
		stroke: #101415 !important ;
	}
	
	.elementor-2073.e-loop-item:nth-of-type(4n+1) .elementor-button:hover span.elementor-button-text svg 
	{
		stroke: #fbfbfb !important ;
	}
    

    .elementor-2073.e-loop-item:nth-of-type(4n+1) .elementor-button:hover, .elementor-2073.e-loop-item:nth-of-type(4n+1) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }

    
    .elementor-2073.e-loop-item:nth-of-type(4n+1) div.front_port, .elementor-2073.e-loop-item:nth-of-type(4n+1) div.back_port {
        width: 629px;
        height: 680px;
    }

    .elementor-2073.e-loop-item:nth-of-type(4n+1)  {
        width: 629px;
        height: 680px;
       /* -webkit-animation-name: fadeInPort;
        animation-name: fadeInPort;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;*/
  
    }
  
    /* Para el segundo item */
    .elementor-2073.e-loop-item:nth-of-type(4n+2) .icon-asterisco_negro {
        color: #3377E7 !important;
    }

    .elementor-2073.e-loop-item:nth-of-type(4n+2) .elementor-button {
        color: #fff !important;
        background-color: #3377E7 !important;
    }
	.elementor-2073.e-loop-item:nth-of-type(4n+2) .elementor-button span.elementor-button-text svg 
	{
		stroke: #fbfbfb !important ;
	}
	
	.elementor-2073.e-loop-item:nth-of-type(4n+2) .elementor-button:hover span.elementor-button-text svg 
	{
		stroke: #101415 !important ;
	}
    
    .elementor-2073.e-loop-item:nth-of-type(4n+2) div.front_port, .elementor-2073.e-loop-item:nth-of-type(4n+2) div.back_port {
        width: 491px;
        height: 622px;
    }
    .elementor-2073.e-loop-item:nth-of-type(4n+2)  {
        width: 491px;
        height: 622px;
        margin-top: 400px;
        
    }
   

    .elementor-2073.e-loop-item:nth-of-type(4n+2) .elementor-button:hover, .elementor-2073.e-loop-item:nth-of-type(4n+2) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }

    /* Para el tercer item */
    .elementor-2073.e-loop-item:nth-of-type(4n+3) .icon-asterisco_negro {
        color: #06B18B !important;
    }

    .elementor-2073.e-loop-item:nth-of-type(4n+3) .elementor-button {
        color: #fbfbfb !important;
        background-color: #06B18B !important;
    }
.elementor-2073.e-loop-item:nth-of-type(4n+3) .elementor-button span.elementor-button-text svg 
	{
		stroke: #fbfbfb !important ;
	}
	
	.elementor-2073.e-loop-item:nth-of-type(4n+3) .elementor-button:hover span.elementor-button-text svg 
	{
		stroke: #fbfbfb !important ;
	}
	
	
    
   .elementor-2073.e-loop-item:nth-of-type(4n+3) div.front_port, .elementor-2073.e-loop-item:nth-of-type(4n+3) div.back_port {
        width: 441px;
        height: 553px;
    }
    .elementor-2073.e-loop-item:nth-of-type(4n+3) {
        width: 441px;
        height: 553px;
        margin-top: 682px;
    }
   

    .elementor-2073.e-loop-item:nth-of-type(4n+3) .elementor-button:hover, .elementor-2073.e-loop-item:nth-of-type(4n+3) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }
    /* Para el cuarto item */
    .elementor-2073.e-loop-item:nth-of-type(4n+4) .icon-asterisco_negro {
        color: #E0642B !important;
    }

    .elementor-2073.e-loop-item:nth-of-type(4n+4) .elementor-button {
        color: #fff !important;
        background-color: #E0642B !important;
    }
.elementor-2073.e-loop-item:nth-of-type(4n+4) .elementor-button span.elementor-button-text svg 
	{
		stroke: #fbfbfb !important ;
	}
	
	.elementor-2073.e-loop-item:nth-of-type(4n+4) .elementor-button:hover span.elementor-button-text svg 
	{
		stroke: #fbfbfb !important ;
	}
 
    .elementor-2073.e-loop-item:nth-of-type(4n+4) div.front_port, .elementor-2073.e-loop-item:nth-of-type(4n+4) div.back_port {
        width: 514px;
        height: 623px;
    }
    .elementor-2073.e-loop-item:nth-of-type(4n+4) {
        width: 514px;
        height: 623px;
        margin-left: -120px;
        margin-top: 120px;
    }
    

    .elementor-2073.e-loop-item:nth-of-type(4n+4) .elementor-button:hover, .elementor-2073.e-loop-item:nth-of-type(4n+4) .elementor-button:focus {
        color: #FBFBFB !important ;
        background-color: #101415 !important;
    }


    .back_port .content_back {
        height: 100%;
    }
    .elementor-element-c1c778d .elementor-loop-container.elementor-grid {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    h1 {
        font-weight: bold !important;
    }
    .portfolio_g {
        display: flex;
        gap: 40px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
    }
    .elementor-721 .elementor-element.elementor-element-8f14ea2::before, .elementor-721 .elementor-element.elementor-element-8f14ea2 > .elementor-background-video-container::before, .elementor-721 .elementor-element.elementor-element-8f14ea2 > .e-con-inner > .elementor-background-video-container::before, .elementor-721 .elementor-element.elementor-element-8f14ea2 > .elementor-background-slideshow::before, .elementor-721 .elementor-element.elementor-element-8f14ea2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-721 .elementor-element.elementor-element-8f14ea2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {

        animation: rotate-animation 10s infinite linear, zoom-in-zoom-out 1s ease;
        position: absolute;
        width: 180px;
        height: 180px;
        left: 37%;
        top: 58%;
    }
    .elementor-element.elementor-element-1ba4d94.elementor-widget.elementor-widget-html {
        z-index: 99;
    }
    .elementor-element.elementor-element-1ba4d94.elementor-widget.elementor-widget-html .container, .elementor-element.elementor-element-8740e0e.elementor-widget.elementor-widget-html .container {
        overflow: visible; 
    }
    .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-100.elementor-field-required {
        width: 100%;
    }
    .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
        margin-top: 30px;
    }
    .asterisco-azul
    {
        background-image: url(https://testatlasmarketing.com/wp-content/uploads/2024/05/asterisco_morado_completo.svg);
        width: 180px;
        height: 180px;
        -webkit-animation: rotatecion 3s linear infinite;
        animation: rotate-center 7s linear 3.25s infinite, moveUp 2s linear, kenburns-top 1.25s ease-out ;
        animation-fill-mode: backwards;;

    }
    @keyframes rotatecion {
        0% {
            transform: rotate(0deg);
      }
      50% {
            transform: rotate(180deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    .asterisco-wrapper {
        position: relative;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        z-index: 99;
        margin-left: -86px;
        margin-top: -305px;
    }
    .asterisco-wrapper p {
        text-align: center;
        display: block;
        color: #fbfbfb;
        position: absolute;
        animation: kenburns-top 2s ease-out;

    }
    .fuera {
        margin-left: -535px;
        display: block;
        width: 367px;
        padding: 60px 0;
    }

    /* CSS PARA MODIFICAR LA PAGINACIÓN */

    .page_shortcode {
        font-family: 'DM Sans';
        font-size: 16px;
        font-weight: 300;
        color: #101415;
        margin-top: -135px;
    }

    nav.elementor-pagination {
        margin-top: 90px;
    }
    .entrada_blog_cabecera {
        height: 789px !important;
    }
    
    /* CSS ANIMACIÓN DE LOS ASTERISCOS EN INTERNATIONAL MARKETING */

 .bola2-wrapper {
    position: relative;
    width: 100%;
    height: 175px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.bola_1 {
    position: absolute;
    width: 170px;
    height: 170px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_1_0.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 123px;
}
.bola_2 {
    position: absolute;
    width: 97%;
    height: 8px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/international_flecha_n.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0;
    left: 0;
    opacity: 0;
    top: 50%;
}
.bola_3 {
    position: absolute;
    width: 49px;
    height: 49px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_3.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 0;
    left: 276px;
    opacity: 0;
    top: 37.5%;
}
.bola_4 {
    position: absolute;
    width: 170px;
    height: 170px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/bola_4.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0;
    left: 216px;
    opacity: 0;
    top: 3px;
}

  @media (prefers-reduced-motion: no-preference) {
    .bola_1-animation {
      opacity: 1;
      -webkit-animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .bola_2-animation {
      opacity: 1;
      -webkit-animation: moveleft 2s linear 2.25s;
	  animation: moveleft 2s linear 2.25s;
      animation-fill-mode: backwards;
    }
    .bola_3-animation {
        opacity: 1;
      -webkit-animation: kenburns-top 1.25s ease-out;
	  animation: kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
    .bola_4-animation {
        opacity: 1;
      -webkit-animation:  rotate-center 2s linear 1.25s, kenburns-top 1.25s linear ;
	  animation: rotate-center 2s linear 1.25s, kenburns-top 1.25s linear;
      animation-fill-mode: backwards;
    }
  }
  #tab_1_inter h3, #tab_2_inter h3 {
    font-size: 96px;
    font-weight: bold;
}
.acordeon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    
   
}
.acordeon h3 {
    display: block;
    width: 110px;
}
.e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    padding-bottom: 70px;
}
.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
    width: 50%;
}
.elementor-swiper-button.elementor-swiper-button-prev {
    left: 45% !important;
	top: 97% !important;
}
.elementor-swiper-button.elementor-swiper-button-next {
    left: 46% !important;
    width: 58px;
	top: 97% !important;
}
#newsid .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    margin-top: 0px;
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN CERVEZAS SAN MIGUEL NORWAY */

.norway2-wrapper {
    position: relative;
    width: 100%;
    height: 719px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.norway_1 {
    position: absolute;
    width: 258px;
    height: 305px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/sm-norway-3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 96px;
    z-index: 4;
    border-radius: 7px;
}
.norway_2 {
    position: absolute;
    width: 324px;
    height: 383px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/sm-norway-4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
    border-radius: 7px;
}
.norway_3 {
    position: absolute;
    width: 484px;
    height: 662px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/sm-norway-5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 45% 4%;
    opacity: 0;
    z-index: 0;
    border-radius: 7px;
}
.norway_4 {
    position: absolute;
    width: 416px;
    height: 303px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/sm-norway-6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 45%;
    opacity: 0;
    right: 0;
    z-index: 2;
    border-radius: 7px;
}
.norway_5 {
    position: absolute;
    width: 588px;
    height: 378px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/sm-norway-7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -24% 55%;
    opacity: 0;
    z-index: 1;
    border-radius: 7px;
}

  @media (prefers-reduced-motion: no-preference) {
    .norway_1-animation {
      opacity: 1;
      -webkit-animation: centrotizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
  .norway_2-animation {
      opacity: 1;
      -webkit-animation: centroizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
	  animation: centroizqn 0.5s linear 1.25s, kenburns-top 1.25s ease-out ;
      animation-fill-mode: backwards;
    }
    .norway_3-animation {
        opacity: 1;
      -webkit-animation: centroderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centroderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
   .norway_4-animation {
        opacity: 1; 
      -webkit-animation: centrotderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotderen 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }
     .norway_5-animation {
        opacity: 1;
      -webkit-animation:  centrotabajon 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
	  animation: centrotabajon 0.5s linear 1.25s, kenburns-top 1.25s ease-out;
      animation-fill-mode: backwards;
    }

  }

@keyframes centrotizqn {
    0% { left:50%;

        }
    100% { left:43px; }
    }
@keyframes centroizqn {
    0% { translate:225px -100px;}
    100% { translate:0 0; }
    }
@keyframes centroderen {
    0% { translate: -119px 23px;}
    100% {     translate: 45% 4%; }
    }
@keyframes centrotderen {
    0% { translate: -200% 148%;}
    100% { right: 0; }
    }
@keyframes centromderen {
    0% { translate: -100% -100%;}
    100% { translate: -13% -19%; }
    }
@keyframes centrotabajon {
    0% {  translate: 50% 4%;}
    100% { translate: -24% 55%; }
}
#backgr {
    display: none;
}

/* CSS ANIMACIÓN DEL ASTERISCO INFERIOR EN POULTRY */

.poultry_down2-wrapper {
    position: relative;
    width: 153px;
    height: 202px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}

.poultry_down3-wrapper {
    position: relative;
    width: 153px;
    height: 202px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}


.postid-324 img.attachment-full.size-full.wp-image-139, .postid-308 img.attachment-full.size-full.wp-image-139 {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
}


.single-portfolio .elementor-widget-divider
{
    display: none !important;
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN POULTRY */

.poultry2-wrapper {
    position: relative;
    width: 100%;
    height: 598px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.poultry_1 {
    position: absolute;
    width: 376px;
    height: 250px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/poultry-6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 50%;
    left: 0;
    z-index: 1;
}
.poultry_2 {
    position: absolute;
    width: 300px;
    height: 449px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/poultry-7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -72%;
    opacity: 0;
}
.poultry_3 {
    position: absolute;
    width: 338px;
    height: 225px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/poultry-8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 22% 39%;
    opacity: 0;
}
.poultry_4 {
    position: absolute;
    width: 272px;
    height: 181px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/poultry-9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 60%;
    opacity: 0;
    right: 0;
    z-index: 3;
}
.poultry_5 {
    position: absolute;
    width: 318px;
    height: 212px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/poultry-10.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -52px;
    opacity: 0;
    z-index: 2;
    bottom: 0;
}
.poultry_6 {
    position: absolute;
    width: 415px;
    height: 276px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/poultry-11.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: -30% -24%;
    opacity: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
}
@keyframes centrotizq {
    0% { left:30%;}
    100% { left: 0; }
    }
@keyframes centroizq {
    0% { translate:0;}
    100% { translate: -72%; }
    }
@keyframes centrodere {
    0% { translate:0 0;}
    100% { translate: 22% 39%; }
    }
@keyframes centrotdere {
    0% { right: 30%;}
    100% { right: 0; }
    }
@keyframes centromdere {
    0% { translate: -100% -100%;}
    100% { translate: -30% -24%; }
    }
@keyframes centrotabajo {
    0% { bottom:50%;}
    100% { bottom: 0;
            translate: -52px; }
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN CERVEZAS SAN MIGUEL ITALY */


.italy2-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.italy_1 {
    position: absolute;
    width: 272px;
    height: 290px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/italia-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 66px;
    top: 10px;
    z-index: 4;
}
.italy_2 {
    position: absolute;
    width: 459px;
    height: 262px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/italia-3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 274px;
    top: 172px;
    opacity: 0;
    z-index: 3;
}
.italy_3 {
    position: absolute;
    width: 472px;
    height: 90vh;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/italia-4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 33% 0;
    opacity: 0;
    z-index: 0;
}
.italy_4 {
    position: absolute;
    width: 287px;
    height: 335px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/italia-5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 21%;
    opacity: 0;
    right: 21px;
    z-index: 2;
}
.italy_5 {
    position: absolute;
    width: 422px;
    height: 281px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/italia-6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /* translate: 0 55%; */
    opacity: 0;
    z-index: 1;
    bottom: 82px;
    left: -30px;
}
.italy_6 {
    position: absolute;
    width: 301px;
    height: 324px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/italia-7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 126%;
    opacity: 0;
    z-index: 1;
    bottom: 0;
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN EUROPEAN FOOD & WINE */


.wine2-wrapper {
    position: relative;
    width: 100%;
    height: 650px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.wine_1 {
    position: absolute;
    width: 232px;
    height: 250px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 30px;
    top: 50px;
    z-index: 4;
}
.wine_2 {
    position: absolute;
    width: 351px;
    height: 185px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 143px;
    top: 211px;
    opacity: 0;
    z-index: 4;
}
.wine_3 {
    position: absolute;
    width: 428px;
    height: 550px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    opacity: 0;
    z-index: 0;
}
.wine_4 {
    position: absolute;
    width: 447px;
    height: 240px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 30%;
    opacity: 0;
    right: 32px;
    top: 45px;
    z-index: 2;
}
.wine_5 {
    position: absolute;
    width: 447px;
    height: 200px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
    left: 50%;
    top: 59%;
}
.wine_6 {
    position: absolute;
    width: 312px;
    height: 314px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 98%;
    opacity: 0;
    z-index: 1;
    left: calc(13% - 94px);
    bottom: 0;
}
.wine_7 {
    position: absolute;
    width: 238px;
    height: 230px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/wine-10.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 145px;
    opacity: 0;
    z-index: 1;
    bottom: 6px;
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN JOYERÍA CÓRDOBA */
.poultry_d_1.cordoba_d_1 {
    position: absolute;
    width: 68px;
    height: 68px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/06/cordoba_asterisco.png) !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    translate: 0 41px;
    left: 43px;
    z-index: 1;
    
}

.cordoba2-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.cordoba_1 {
    position: absolute;
    width: 277px;
    height: 221px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cordoba-7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 94px;
    top: 40px;
    z-index: 4;
}
.cordoba_2 {
    position: absolute;
    width: 469px;
    height: 254px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cordoba-8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 271px;
    top: 154px;
    opacity: 0;
    z-index: 3;
}
.cordoba_3 {
    position: absolute;
    width: 482px;
    height: 92vh;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cordoba-9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: 274px;
    opacity: 0;
    z-index: 0;
}
.cordoba_4 {
    position: absolute;
    width: 293px;
    height: 309px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cordoba-10.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /* translate: 0 30%; */
    opacity: 0;
    right: 20px;
    top: 0;
    z-index: 2;
}
.cordoba_5 {
    position: absolute;
    width: 364px;
    height: 419px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/cordoba-11.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 1;
    left: 0px;
    bottom: 0;
}

/* CSS ANIMACIÓN DE LAS IMAGENES EN LUCSSO */


.lucsso2-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: hidden;
}
.lucsso_1 {
    position: absolute;
    width: 352px;
    height: 236px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 143px;
    z-index: 4;
}
.lucsso_2 {
    position: absolute;
    width: 298px;
    height: 447px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 320px;
    top: 0;
    opacity: 0;
    z-index: 3;
}
.lucsso_3 {
    position: absolute;
    width: 336px;
    height: 224px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 57px;
    left: 42%;
    opacity: 0;
    z-index: 5;
}
.lucsso_4 {
    position: absolute;
    width: 297px;
    height: 184px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-6.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    right: 0;
    top: 67px;
    z-index: 6;
}
.lucsso_5 {
    position: absolute;
    width: 415px;
    height: 256px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-8.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 5;
    right: 152px;
    top: 25%;
}

.lucsso_6 {
    position: absolute;
    width: 374px;
    height: 231px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 6;
    top: 51%;
    left: 27%;
}
.lucsso_7 {
    position: absolute;
    width: 427px;
    height: 205px;
    background: url(https://atlasmarketingstudio.com/wp-content/uploads/2024/05/lucsso-9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 7;
    bottom: 0;
    right: 24%;
}


}
.elementor-field-type-recaptcha_v3.elementor-field-group.elementor-column.elementor-field-group-field_5f44276.elementor-col-100.recaptcha_v3-bottomleft {
    order: 3;
}
#back svg, .backn:hover svg, .flechaleft:hover svg
{
    stroke: #fbfbfb;
    margin-right: 10px
}
.backn svg, .flechaleft svg
{
    stroke: #101415;
    margin-right: 10px
}
.flechaleft:hover svg
{
    stroke: #fbfbfb;
    margin-left: 10px
}
.flechaleft svg
{
    stroke: #101415;
    margin-left: 10px
}
.page_shortcode.one {
    margin-top: 30px !important;
    margin-bottom: 50px;
}

.home h1 {
    font-weight: 300 !important;
}

.header_2 {
 transform: translatey(-100px);
 -moz-transition: all .3s ease!important;
 -webkit-transition: all .3s ease!important;
 transition: all .3s ease!important;
 width: 100%!important;
}


.elementor-sticky--effects.header_2  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header_1 {
 display: none!important;
}

.header_2 nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute;
    top: 24px;
    right: 0;
    width: 250px;
    text-align: left;
}