.elementor-3402 .elementor-element.elementor-element-dea0f14{--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;--justify-content:center;--margin-top:250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-4a0309a6{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-3402 .elementor-element.elementor-element-4a0309a6.elementor-element{--align-self:center;}.elementor-3402 .elementor-element.elementor-element-39c6e7ca{--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;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-3402 .elementor-element.elementor-element-29ce56ce > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3402 .elementor-element.elementor-element-29ce56ce{text-align:center;}.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.3em;letter-spacing:0.3px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-3402 .elementor-element.elementor-element-18b8fe1 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3402 .elementor-element.elementor-element-18b8fe1{text-align:center;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:60px;font-weight:700;text-transform:capitalize;line-height:1.2em;letter-spacing:0.5px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-3402 .elementor-element.elementor-element-64fda2fb > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-3402 .elementor-element.elementor-element-64fda2fb{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3402 .elementor-element.elementor-element-1167292f{--divider-border-style:wavy;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;--divider-pattern-height:20px;--divider-pattern-size:20px;}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-divider-separator{width:9%;margin:0 auto;margin-center:0;}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-3402 .elementor-element.elementor-element-c9c7f4f{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-3402 .elementor-element.elementor-element-c9c7f4f:not(.elementor-motion-effects-element-type-background), .elementor-3402 .elementor-element.elementor-element-c9c7f4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-accent ) 0%, #FFBD5900 69%);}.elementor-3402 .elementor-element.elementor-element-bffb4db{--display:flex;}.elementor-3402 .elementor-element.elementor-element-46dc84a > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-3402 .elementor-element.elementor-element-46dc84a{z-index:1;}.elementor-3402 .elementor-element.elementor-element-d21e9c1{--display:flex;}.elementor-3402 .elementor-element.elementor-element-5890e34 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3402 .elementor-element.elementor-element-5890e34{z-index:2;}.elementor-3402 .elementor-element.elementor-element-101de30{--display:flex;}.elementor-3402 .elementor-element.elementor-element-e185067 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3402 .elementor-element.elementor-element-e185067{z-index:3;}.elementor-3402 .elementor-element.elementor-element-a32d325{--display:flex;}.elementor-3402 .elementor-element.elementor-element-3dfbba0{z-index:4;}.elementor-3402 .elementor-element.elementor-element-8650995{--display:flex;}.elementor-3402 .elementor-element.elementor-element-0b5dbe4{z-index:5;}.elementor-3402 .elementor-element.elementor-element-8df360f{--display:flex;}.elementor-3402 .elementor-element.elementor-element-e96fc65{z-index:6;}.elementor-3402 .elementor-element.elementor-element-787a85cd{--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-3402 .elementor-element.elementor-element-4b74f156{--divider-border-style:curved;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;--divider-pattern-height:15.4px;--divider-pattern-size:30px;--divider-icon-size:68px;}.elementor-3402 .elementor-element.elementor-element-4b74f156 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-3402 .elementor-element.elementor-element-4b74f156 .elementor-divider{text-align:center;padding-block-start:22px;padding-block-end:22px;}.elementor-3402 .elementor-element.elementor-element-7f0467d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-6c6b4050{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;--lottie-container-width:100%;--lottie-container-max-width:100%;}.elementor-3402 .elementor-element.elementor-element-6c6b4050.elementor-element{--align-self:center;}.elementor-3402 .elementor-element.elementor-element-116125fa{--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;--justify-content:center;--align-items:center;}.elementor-3402 .elementor-element.elementor-element-116125fa.e-con{--align-self:center;}.elementor-3402 .elementor-element.elementor-element-25c18b2{text-align:center;}.elementor-3402 .elementor-element.elementor-element-25c18b2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-3402 .elementor-element.elementor-element-13f033f{text-align:center;}.elementor-3402 .elementor-element.elementor-element-13f033f .elementor-heading-title{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-3402 .elementor-element.elementor-element-41d181bc.elementor-element{--align-self:center;}body.elementor-page-3402:not(.elementor-motion-effects-element-type-background), body.elementor-page-3402 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3402 .elementor-element.elementor-element-39c6e7ca{--width:40%;}.elementor-3402 .elementor-element.elementor-element-bffb4db{--width:32%;}.elementor-3402 .elementor-element.elementor-element-d21e9c1{--width:32%;}.elementor-3402 .elementor-element.elementor-element-101de30{--width:32%;}.elementor-3402 .elementor-element.elementor-element-a32d325{--width:32%;}.elementor-3402 .elementor-element.elementor-element-8650995{--width:32%;}.elementor-3402 .elementor-element.elementor-element-8df360f{--width:32%;}.elementor-3402 .elementor-element.elementor-element-7f0467d8{--width:60%;}.elementor-3402 .elementor-element.elementor-element-116125fa{--width:70%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3402 .elementor-element.elementor-element-39c6e7ca{--width:60%;}}@media(max-width:1200px) and (min-width:768px){.elementor-3402 .elementor-element.elementor-element-7f0467d8{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3402 .elementor-element.elementor-element-7f0467d8{--width:80%;}}@media(max-width:880px) and (min-width:768px){.elementor-3402 .elementor-element.elementor-element-7f0467d8{--width:80%;}}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-4a0309a6{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-heading-title{font-size:20px;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-heading-title{font-size:36px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-25c18b2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}}@media(max-width:1200px){.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-heading-title{font-size:20px;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-heading-title{font-size:36px;}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-divider-separator{width:86px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-heading-title{font-size:20px;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-heading-title{font-size:36px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-divider-separator{width:17%;}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-25c18b2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-3402 .elementor-element.elementor-element-41d181bc > .elementor-widget-container{margin:0px 0px 0px -10px;}}@media(max-width:880px){.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-heading-title{font-size:16px;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-heading-title{font-size:28px;}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-divider-separator{width:86px;}.elementor-3402 .elementor-element.elementor-element-41d181bc > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-3402 .elementor-element.elementor-element-dea0f14{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-4a0309a6{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;text-align:center;}.elementor-3402 .elementor-element.elementor-element-4a0309a6.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-3402 .elementor-element.elementor-element-29ce56ce .elementor-heading-title{font-size:14px;}.elementor-3402 .elementor-element.elementor-element-18b8fe1 .elementor-heading-title{font-size:28px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-3402 .elementor-element.elementor-element-1167292f .elementor-divider-separator{width:27%;}.elementor-3402 .elementor-element.elementor-element-7f0467d8{--flex-wrap:wrap;}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3402 .elementor-element.elementor-element-6c6b4050{--container-widget-width:358px;--container-widget-flex-grow:0;width:var( --container-widget-width, 358px );max-width:358px;}.elementor-3402 .elementor-element.elementor-element-25c18b2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}}/* Start custom CSS for html, class: .elementor-element-46dc84a */.card-link--diseno-web {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 0 auto;
}

.card--diseno-web {
  --card-bg: #242C44;
  --card-accent: #FFBD59;
  --card-text: #FFBD59;
  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);

  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
  margin-bottom: 40px;
}

.card__shine--diseno-web {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card__glow--diseno-web {
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(255, 189, 89, 0.2) 0%,
    rgba(255, 189, 89, 0) 70%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card__content--diseno-web {
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  position: relative;
  z-index: 2;
}

.card__image--diseno-web {
  width: 100%;
  aspect-ratio: 16/9;
  background: url("https://agenteantonioduarte.com/wp-content/uploads/2025/04/Diseno-web-profesional-para-empresas-modernas.webp") center / cover no-repeat;
  border-radius: 12px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card__text--diseno-web {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.card__title--diseno-web {
  color: var(--card-text);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  margin: 0;
  font-weight: 700;
  transition: all 0.3s ease;
}

.card__description--diseno-web {
  color: var(--card-text);
  font-size: clamp(0.75rem, 2vw, 1rem);
  margin: 0;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.card__footer--diseno-web {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.card__price--diseno-web {
  color: var(--card-text);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  transition: all 0.3s ease;
}

.card__button--diseno-web {
  width: 28px;
  height: 28px;
  background: var(--card-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #242C44;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(0.9);
}

/* Hover effects */
.card--diseno-web:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 189, 89, 0.4);
}

.card--diseno-web:hover .card__shine--diseno-web {
  opacity: 1;
  animation: shine 3s infinite;
}

.card--diseno-web:hover .card__glow--diseno-web {
  opacity: 1;
}

.card--diseno-web:hover .card__title--diseno-web,
.card--diseno-web:hover .card__description--diseno-web,
.card--diseno-web:hover .card__price--diseno-web {
  color: var(--card-accent);
  transform: translateX(2px);
}

.card--diseno-web:hover .card__button--diseno-web {
  transform: scale(1);
  box-shadow: 0 0 0 4px rgba(255, 189, 89, 0.3);
}

@keyframes shine {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5890e34 */.card-link--seo {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 0 auto;
}

.card--seo {
  --card-bg: #242C44;
  --card-accent: #FFBD59;
  --card-text: #FFBD59;
  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);

  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
  margin-bottom: 40px;
}

.card__shine--seo {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card__glow--seo {
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(255, 189, 89, 0.2) 0%,
    rgba(255, 189, 89, 0) 70%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card__content--seo {
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  position: relative;
  z-index: 2;
}

.card__image--seo {
  width: 100%;
  aspect-ratio: 16/9;
  background: url("https://agenteantonioduarte.com/wp-content/uploads/2025/04/Servicio-SEO-para-posicionar-negocios-en-Google-scaled.jpg") center / cover no-repeat;
  border-radius: 12px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card__text--seo {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.card__title--seo {
  color: var(--card-text);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  margin: 0;
  font-weight: 700;
  transition: all 0.3s ease;
}

.card__description--seo {
  color: var(--card-text);
  font-size: clamp(0.75rem, 2vw, 1rem);
  margin: 0;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.card__footer--seo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.card__price--seo {
  color: var(--card-text);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  transition: all 0.3s ease;
}

.card__button--seo {
  width: 28px;
  height: 28px;
  background: var(--card-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #242C44;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(0.9);
}

/* Hover effects */
.card--seo:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 189, 89, 0.4);
}

.card--seo:hover .card__shine--seo {
  opacity: 1;
  animation: shine 3s infinite;
}

.card--seo:hover .card__glow--seo {
  opacity: 1;
}

.card--seo:hover .card__title--seo,
.card--seo:hover .card__description--seo,
.card--seo:hover .card__price--seo {
  color: var(--card-accent);
  transform: translateX(2px);
}

.card--seo:hover .card__button--seo {
  transform: scale(1);
  box-shadow: 0 0 0 4px rgba(255, 189, 89, 0.3);
}

@keyframes shine {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e185067 */.card-link--ia {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 0 auto;
}

.card--ia {
  --card-bg: #242C44;
  --card-accent: #FFBD59;
  --card-text: #FFBD59;
  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);

  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
  margin-bottom: 40px;
}

.card__shine--ia {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card__glow--ia {
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(255, 189, 89, 0.2) 0%,
    rgba(255, 189, 89, 0) 70%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card__content--ia {
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  position: relative;
  z-index: 2;
}

.card__image--ia {
  width: 100%;
  aspect-ratio: 16/9;
  background: url("https://agenteantonioduarte.com/wp-content/uploads/2025/04/Automatizacion-con-inteligencia-artificial-aplicada-a-empresas-scaled.webp") center / cover no-repeat;
  border-radius: 12px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card__text--ia {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.card__title--ia {
  color: var(--card-text);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  margin: 0;
  font-weight: 700;
  transition: all 0.3s ease;
}

.card__description--ia {
  color: var(--card-text);
  font-size: clamp(0.75rem, 2vw, 1rem);
  margin: 0;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.card__footer--ia {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.card__price--ia {
  color: var(--card-text);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  transition: all 0.3s ease;
}

.card__button--ia {
  width: 28px;
  height: 28px;
  background: var(--card-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #242C44;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(0.9);
}

/* Hover effects */
.card--ia:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 189, 89, 0.4);
}

.card--ia:hover .card__shine--ia {
  opacity: 1;
  animation: shine 3s infinite;
}

.card--ia:hover .card__glow--ia {
  opacity: 1;
}

.card--ia:hover .card__title--ia,
.card--ia:hover .card__description--ia,
.card--ia:hover .card__price--ia {
  color: var(--card-accent);
  transform: translateX(2px);
}

.card--ia:hover .card__button--ia {
  transform: scale(1);
  box-shadow: 0 0 0 4px rgba(255, 189, 89, 0.3);
}

@keyframes shine {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dfbba0 */.card-link--publicidad {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 0 auto;
}

.card--publicidad {
  --card-bg: #242C44;
  --card-accent: #FFBD59;
  --card-text: #FFBD59;
  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);

  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
  margin-bottom: 40px;
}

.card__shine--publicidad {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card__glow--publicidad {
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(255, 189, 89, 0.2) 0%,
    rgba(255, 189, 89, 0) 70%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card__content--publicidad {
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  position: relative;
  z-index: 2;
}

.card__image--publicidad {
  width: 100%;
  aspect-ratio: 16/9;
  background: url("https://agenteantonioduarte.com/wp-content/uploads/2025/04/Publicidad-digital-generada-con-inteligencia-artificial-scaled.jpg") center / cover no-repeat;
  border-radius: 12px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card__text--publicidad {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.card__title--publicidad {
  color: var(--card-text);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  margin: 0;
  font-weight: 700;
  transition: all 0.3s ease;
}

.card__description--publicidad {
  color: var(--card-text);
  font-size: clamp(0.75rem, 2vw, 1rem);
  margin: 0;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.card__footer--publicidad {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.card__price--publicidad {
  color: var(--card-text);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  transition: all 0.3s ease;
}

.card__button--publicidad {
  width: 28px;
  height: 28px;
  background: var(--card-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #242C44;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(0.9);
}

/* Hover effects */
.card--publicidad:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 189, 89, 0.4);
}

.card--publicidad:hover .card__shine--publicidad {
  opacity: 1;
  animation: shine 3s infinite;
}

.card--publicidad:hover .card__glow--publicidad {
  opacity: 1;
}

.card--publicidad:hover .card__title--publicidad,
.card--publicidad:hover .card__description--publicidad,
.card--publicidad:hover .card__price--publicidad {
  color: var(--card-accent);
  transform: translateX(2px);
}

.card--publicidad:hover .card__button--publicidad {
  transform: scale(1);
  box-shadow: 0 0 0 4px rgba(255, 189, 89, 0.3);
}

@keyframes shine {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b5dbe4 */.card-link--ventas {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 0 auto;
}

.card--ventas {
  --card-bg: #242C44;
  --card-accent: #FFBD59;
  --card-text: #FFBD59;
  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);

  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
  margin-bottom: 40px;
}

.card__shine--ventas {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card__glow--ventas {
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(255, 189, 89, 0.2) 0%,
    rgba(255, 189, 89, 0) 70%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card__content--ventas {
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  position: relative;
  z-index: 2;
}

.card__image--ventas {
  width: 100%;
  aspect-ratio: 16/9;
  background: url("https://agenteantonioduarte.com/wp-content/uploads/2025/04/Captacion-de-clientes-y-estrategia-de-ventas-automatizada-scaled.jpg") center / cover no-repeat;
  border-radius: 12px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card__text--ventas {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.card__title--ventas {
  color: var(--card-text);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  margin: 0;
  font-weight: 700;
  transition: all 0.3s ease;
}

.card__description--ventas {
  color: var(--card-text);
  font-size: clamp(0.75rem, 2vw, 1rem);
  margin: 0;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.card__footer--ventas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.card__price--ventas {
  color: var(--card-text);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  transition: all 0.3s ease;
}

.card__button--ventas {
  width: 28px;
  height: 28px;
  background: var(--card-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #242C44;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(0.9);
}

/* Hover effects */
.card--ventas:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2),
              0 10px 10px -5px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 189, 89, 0.4);
}

.card--ventas:hover .card__shine--ventas {
  opacity: 1;
  animation: shine 3s infinite;
}

.card--ventas:hover .card__glow--ventas {
  opacity: 1;
}

.card--ventas:hover .card__title--ventas,
.card--ventas:hover .card__description--ventas,
.card--ventas:hover .card__price--ventas {
  color: var(--card-accent);
  transform: translateX(2px);
}

.card--ventas:hover .card__button--ventas {
  transform: scale(1);
  box-shadow: 0 0 0 4px rgba(255, 189, 89, 0.3);
}

@keyframes shine {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e96fc65 */.card-link--todo {
  text-decoration: none;
  color: inherit;
  display: block;
  margin: 0 auto;
}

.card--todo {
  --card-bg: #242C44;
  --card-accent: #FFBD59;
  --card-text: #FFBD59;
  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);

  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--card-shadow);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
  margin-bottom: 40px;
}

.card__shine--todo {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card__glow--todo {
  position: absolute;
  inset: -10px;
  background: radial-gradient(
    circle at 50% 0%,
    rgba(255, 189, 89, 0.2) 0%,
    rgba(255, 189, 89, 0) 70%
  );
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card__content--todo {
  padding: clamp(1rem, 4vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  position: relative;
  z-index: 2;
}

.card__image--todo {
  width: 100%;
  aspect-ratio: 16/9;
  background: url("https://agenteantonioduarte.com/wp-content/uploads/2025/04/Servicio-digital-completo-web-SEO-IA-y-ventas_1.webp") center / cover no-repeat;
  border-radius: 12px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.card__text--todo {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.card__title--todo {
  color: var(--card-text);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  margin: 0;
  font-weight: 700;
  transition: all 0.3s ease;
}

.card__description--todo {
  color: var(--card-text);
  font-size: clamp(0.75rem, 2vw, 1rem);
  margin: 0;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.card__footer--todo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.card__price--todo {
  color: var(--card-text);
  font-weight: 700;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  transition: all 0.3s ease;
}

.card__button--todo {
  width: 28px;
  height: 28px;
  background: var(--card-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #242C44;
  cursor: pointer;
  transition: all 0.3s ease;
  transform: scale(0.9);
}

/* Hover effects */
.card--todo:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2),
              0 10px 10px -5px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 189, 89, 0.4);
}

.card--todo:hover .card__shine--todo {
  opacity: 1;
  animation: shine 3s infinite;
}

.card--todo:hover .card__glow--todo {
  opacity: 1;
}

.card--todo:hover .card__title--todo,
.card--todo:hover .card__description--todo,
.card--todo:hover .card__price--todo {
  color: var(--card-accent);
  transform: translateX(2px);
}

.card--todo:hover .card__button--todo {
  transform: scale(1);
  box-shadow: 0 0 0 4px rgba(255, 189, 89, 0.3);
}

@keyframes shine {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41d181bc *//* === BOTÓN ANTONIO DUARTE CONTRASTADO === */
.btn {
  border: none;
  width: 14em;
  height: 4em;
  border-radius: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background: #FFBD59; /* Mostaza brillante de fondo */
  cursor: pointer;
  transition: all 450ms ease-in-out;
  font-family: 'Libre Baskerville', serif;
  position: relative;
  box-shadow: 0 0 12px rgba(255, 189, 89, 0.4);
}

.sparkle {
  fill: #242C44; /* Azul oscuro de contraste */
  transition: all 800ms ease;
}

.text {
  font-weight: 700;
  color: #242C44; /* Texto en azul oscuro */
  font-size: 1rem;
  font-family: 'Libre Baskerville', serif;
}

.btn:hover {
  background: linear-gradient(0deg, #D49942, #FFBD59); /* Dorado a mostaza */
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(255, 189, 89, 0.6),
    0 0 30px rgba(255, 189, 89, 0.4);
  transform: translateY(-2px);
}

.btn:hover .text {
  color: white;
}

.btn:hover .sparkle {
  fill: white;
  transform: scale(1.2);
}/* End custom CSS */
/* Start custom CSS */html, body {
  overflow-x: hidden;
}/* End custom CSS */