.elementor-931 .elementor-element.elementor-element-e835621{--display:flex;--margin-top:5%;--margin-bottom:0%;--margin-left:1%;--margin-right:0%;--padding-top:8%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-931 .elementor-element.elementor-element-e835621:not(.elementor-motion-effects-element-type-background), .elementor-931 .elementor-element.elementor-element-e835621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gazpy.com/wp-content/uploads/2025/08/Pink-Beige-and-Black-Creative-Portfolio-Animated-Presentation-768x432.png");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-931 .elementor-element.elementor-element-e0cb3e2 > .elementor-widget-container{margin:-2% 0% 0% 0%;}.elementor-931 .elementor-element.elementor-element-e0cb3e2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-931 .elementor-element.elementor-element-669807e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-6f1b55f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-6f1b55f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-931 .elementor-element.elementor-element-fe682be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-fe682be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-931 .elementor-element.elementor-element-713fd97 > .elementor-widget-container{margin:4% 3% 3% 0%;}.elementor-931 .elementor-element.elementor-element-713fd97{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-931 .elementor-element.elementor-element-e033e5b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-931 .elementor-element.elementor-element-359271b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-93860df img{width:100%;}.elementor-931 .elementor-element.elementor-element-bb7bead{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-e634aad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-f9a3b66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-931 .elementor-element.elementor-element-a8c48cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-a8c48cd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-931 .elementor-element.elementor-element-40ac9c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-ca2e259 > .elementor-widget-container{margin:2% 0% 0% 0%;}.elementor-931 .elementor-element.elementor-element-ca2e259{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-931 .elementor-element.elementor-element-9ba1953{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-931 .elementor-element.elementor-element-406b4ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-4f5ad79{--display:flex;}.elementor-931 .elementor-element.elementor-element-a22bea1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-931 .elementor-element.elementor-element-a22bea1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-931 .elementor-element.elementor-element-71dbb10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-71dbb10.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-931 .elementor-element.elementor-element-67ddbbd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-931 .elementor-element.elementor-element-4344df0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-98px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-931 .elementor-element.elementor-element-4344df0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-931 .elementor-element.elementor-element-faf049f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-931 .elementor-element.elementor-element-faf049f > .elementor-widget-container{margin:7% 0% 0% 23%;}.elementor-931 .elementor-element.elementor-element-faf049f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-931 .elementor-element.elementor-element-6cada13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-931 .elementor-element.elementor-element-11cae2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-931 .elementor-element.elementor-element-71efba2 > .elementor-widget-container{margin:-1% 0% 0% 0%;}:root{--page-title-display:none;}@media(min-width:415px){.elementor-931 .elementor-element.elementor-element-e835621{--width:100%;}.elementor-931 .elementor-element.elementor-element-6f1b55f{--width:5%;}.elementor-931 .elementor-element.elementor-element-fe682be{--width:50%;}.elementor-931 .elementor-element.elementor-element-359271b{--width:33%;}.elementor-931 .elementor-element.elementor-element-bb7bead{--width:33%;}.elementor-931 .elementor-element.elementor-element-e634aad{--width:33%;}.elementor-931 .elementor-element.elementor-element-a8c48cd{--width:5%;}.elementor-931 .elementor-element.elementor-element-40ac9c2{--width:55%;}.elementor-931 .elementor-element.elementor-element-a22bea1{--width:96%;}.elementor-931 .elementor-element.elementor-element-71dbb10{--width:5%;}.elementor-931 .elementor-element.elementor-element-4344df0{--width:33.872%;}}@media(max-width:1024px) and (min-width:415px){.elementor-931 .elementor-element.elementor-element-6f1b55f{--width:28%;}.elementor-931 .elementor-element.elementor-element-a8c48cd{--width:28%;}.elementor-931 .elementor-element.elementor-element-4f5ad79{--width:100%;}.elementor-931 .elementor-element.elementor-element-a22bea1{--width:96%;}.elementor-931 .elementor-element.elementor-element-71dbb10{--width:28%;}.elementor-931 .elementor-element.elementor-element-4344df0{--width:100%;}.elementor-931 .elementor-element.elementor-element-6cada13{--width:100%;}}@media(max-width:1024px){.elementor-931 .elementor-element.elementor-element-e0cb3e2 > .elementor-widget-container{margin:10% 0% 0% 0%;}.elementor-931 .elementor-element.elementor-element-e033e5b{--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-931 .elementor-element.elementor-element-40ac9c2{--min-height:0px;--justify-content:space-evenly;}.elementor-931 .elementor-element.elementor-element-ca2e259{width:auto;max-width:auto;}.elementor-931 .elementor-element.elementor-element-ca2e259 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-931 .elementor-element.elementor-element-ca2e259.elementor-element{--align-self:flex-start;}.elementor-931 .elementor-element.elementor-element-4f5ad79{--margin-top:0%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-a22bea1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-931 .elementor-element.elementor-element-71dbb10{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-931 .elementor-element.elementor-element-67ddbbd{width:auto;max-width:auto;}.elementor-931 .elementor-element.elementor-element-4344df0{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;--margin-top:-23%;--margin-bottom:0%;--margin-left:27%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-faf049f{width:auto;max-width:auto;}.elementor-931 .elementor-element.elementor-element-6cada13{--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:414px){.elementor-931 .elementor-element.elementor-element-e835621{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-e0cb3e2{width:auto;max-width:auto;text-align:left;}.elementor-931 .elementor-element.elementor-element-e0cb3e2 > .elementor-widget-container{margin:52px 0px 0px 7px;}.elementor-931 .elementor-element.elementor-element-e0cb3e2.elementor-element{--align-self:center;}.elementor-931 .elementor-element.elementor-element-669807e{--width:100%;--min-height:0px;}.elementor-931 .elementor-element.elementor-element-6f1b55f{--width:32%;}.elementor-931 .elementor-element.elementor-element-fe682be{--width:83.232%;--margin-top:-31%;--margin-bottom:0%;--margin-left:28%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-713fd97 > .elementor-widget-container{margin:11% 0% 0% 4%;}.elementor-931 .elementor-element.elementor-element-e033e5b{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-a8c48cd{--width:32%;}.elementor-931 .elementor-element.elementor-element-0eb0b62 img{width:100%;}.elementor-931 .elementor-element.elementor-element-40ac9c2{--width:63%;--justify-content:center;}.elementor-931 .elementor-element.elementor-element-a22bea1{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:4px;--margin-right:0px;}.elementor-931 .elementor-element.elementor-element-71dbb10{--width:83%;--min-height:98px;}.elementor-931 .elementor-element.elementor-element-67ddbbd{width:auto;max-width:auto;text-align:left;}.elementor-931 .elementor-element.elementor-element-67ddbbd.elementor-element{--align-self:flex-start;}.elementor-931 .elementor-element.elementor-element-67ddbbd img{width:35%;max-width:100%;height:100%;}.elementor-931 .elementor-element.elementor-element-4344df0{--width:58%;--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-30%;--margin-bottom:0%;--margin-left:30%;--margin-right:0%;}.elementor-931 .elementor-element.elementor-element-faf049f{width:auto;max-width:auto;text-align:left;}.elementor-931 .elementor-element.elementor-element-faf049f > .elementor-widget-container{margin:0% 0% 0% 4%;}.elementor-931 .elementor-element.elementor-element-faf049f.elementor-element{--align-self:flex-start;}}/* Start custom CSS for container, class: .elementor-element-e033e5b *//* ==========================================================
   1) EFECTO IMG-HOVER-CARD
   ========================================================== */
.img-hover-card {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

.img-hover-card img {
    transition: transform 0.4s ease;
    display: block;
}

/* Overlay amarillo que cubre toda la imagen */
.img-hover-card::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 222, 89, 0.85); /* #ffde59 con transparencia */
    display: flex;
    align-items: center;    /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    font-family: 'Poppins', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    pointer-events: none; /* PERMITE QUE LOS CLICS PASEN A TRAVÉS DEL OVERLAY */
}

/* Zoom en imagen */
.img-hover-card:hover img {
    transform: scale(1.1);
}

/* Mostrar overlay en hover */
.img-hover-card:hover::after {
    transform: translateY(0);
}

/* Títulos distintos por imagen */
.img1::after {
    content: "Diseño";
}

.img2::after {
    content: "Desarrollo";
}

.img3::after {
    content: "Mantenimiento";
}

/* ==========================================================
   2) “VERTICAL LOOK” EN HORIZONTAL (ancho completo)
   ========================================================== */
:root {
    --mobile-base-font: 16px;
    --mobile-side-padding: 16px;
}

html, body {
    overflow-x: hidden !important;
}

@media (orientation: landscape) and (max-width: 1024px) {
    .e-con {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        padding-left: var(--mobile-side-padding) !important;
        padding-right: var(--mobile-side-padding) !important;
    }

    .e-con > .e-con,
    .e-con > .elementor-widget,
    .e-con > .elementor-container,
    .e-con > .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    .elementor-section .elementor-container,
    .elementor-row {
        display: block !important;
    }
    .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .elementor-section, .e-con {
        min-height: auto !important;
    }

    img, video, iframe, .elementor-image img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
    }

    h1, h2, h3, h4, h5, h6, p, a, span, li {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    [style*="width:"], [style*="max-width:"], [style*="min-width:"] {
        max-width: 100% !important;
    }
}

/* 2.2 Micro-fix: quita márgenes negativos que a veces usa Elementor */
@media (orientation: landscape) and (max-width: 1024px){
  [class*="elementor"] [style*="margin-left:-"],
  [class*="elementor"] [style*="margin-right:-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cfa74b3 *//* --- Estilo personalizado para el formulario Contact Form 7 --- */

.wpcf7-form {
  background-color: #111;
  color: #FFDE59;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-width: 600px;
  margin: 2rem auto;
  font-family: 'Poppins', sans-serif; /* Fuente Poppins para todo */
}

.wpcf7-form p {
  margin: 0;
  padding: 0;
  text-align: center; /* Centra el botón */
}

.wpcf7-form label {
  display: block;
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 1.5rem; /* Más separación entre etiqueta y campo */
  text-align: left;
  color: #FFDE59;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  padding: 0.8rem 1rem;
  background-color: #111;
  border: 1.5px solid #FFDE59;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #FFDE59;
  box-sizing: border-box;
  text-align: left;
  margin-top: 0.5rem; /* Espacio arriba del input para más separación */
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color: rgba(255, 222, 89, 0.7);
}

.wpcf7-form input[type="submit"] {
  background-color: transparent;
  color: #fff; /* Texto blanco en el botón */
  font-weight: bold;
  padding: 0.9rem 1.5rem;
  border: 1.5px solid #FFDE59;
  border-radius: 2rem;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 1rem auto 0 auto;
  position: relative;
  overflow: hidden;
  /* Se eliminó box-shadow para quitar el brillo */
}

.wpcf7-form input[type="submit"]:hover {
  background-color: rgba(255, 222, 89, 0.1);
  /* Se eliminó box-shadow para quitar el brillo en hover */
}

.wpcf7-response-output {
  color: #FFDE59;
  font-weight: bold;
  margin-top: 1rem;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71efba2 *//* Estilo para que la imagen se mueva de lado a lado */
.cat-animation {
  display: block;
  margin: 2rem auto;
  width: 100px;
  height: auto;
  animation: walkAcrossScreen 20s linear infinite;
}

/* Define los puntos clave de la animación */
@keyframes walkAcrossScreen {
  0% { transform: translateX(-120%) scaleX(1); }
  48% { transform: translateX(120%) scaleX(1); }
  49% { transform: translateX(120%) scaleX(-1); }
  98% { transform: translateX(-120%) scaleX(-1); }
  99% { transform: translateX(-120%) scaleX(1); }
  100% { transform: translateX(-120%) scaleX(1); }
}

/* Media query para pantallas pequeñas (móviles) */
@media (max-width: 480px) {
  .cat-animation {
    width: 80px;
    margin: 1.5rem auto;
  }
}/* End custom CSS */