.elementor-47 .elementor-element.elementor-element-ccddecf{--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:2;}.elementor-47 .elementor-element.elementor-element-21740d7{--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;}.elementor-widget-theme-site-logo .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 );}.elementor-47 .elementor-element.elementor-element-9d3798e img{width:16em;}.elementor-47 .elementor-element.elementor-element-14f8bec{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-6502cc6{background-color:var( --e-global-color-secondary );}.elementor-47 .elementor-element.elementor-element-6502cc6 .elementor-icon-wrapper{text-align:center;}.elementor-47 .elementor-element.elementor-element-004c2dd{--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;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-47 .elementor-element.elementor-element-6dca82f{--display:flex;}.elementor-47 .elementor-element.elementor-element-704967c{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-47 .elementor-element.elementor-element-704967c:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-704967c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-47 .elementor-element.elementor-element-c7f261b{--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:space-between;--gap:0em 0em;--row-gap:0em;--column-gap:0em;--flex-wrap:wrap;--border-radius:24px 24px 24px 24px;}.elementor-47 .elementor-element.elementor-element-c7f261b:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-c7f261b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-f92e2c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-97abcd1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-84cb87c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-cd27f35{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-cf62aa4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-4c15489{--display:flex;}.elementor-47 .elementor-element.elementor-element-d7397cd{--display:flex;}.elementor-47 .elementor-element.elementor-element-fa1bbc4{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:var( --e-global-typography-5271d46-font-size );--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-47 .elementor-element.elementor-element-fa1bbc4 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-47 .elementor-element.elementor-element-fa1bbc4 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-47 .elementor-element.elementor-element-fa1bbc4 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-5271d46-font-family ), Sans-serif;font-weight:var( --e-global-typography-5271d46-font-weight );}.elementor-47 .elementor-element.elementor-element-fa1bbc4 {--n-menu-title-color-hover:var( --e-global-color-secondary );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-5271d46-font-family ), Sans-serif;font-size:var( --e-global-typography-5271d46-font-size );font-weight:var( --e-global-typography-5271d46-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;}.elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button:hover, .elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button:hover svg, .elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-f866b79{--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:2;}.elementor-47 .elementor-element.elementor-element-fafeea6{--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;}.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 );}.elementor-47 .elementor-element.elementor-element-30b128f img{width:16em;}.elementor-47 .elementor-element.elementor-element-cb81684{--display:flex;}.elementor-47 .elementor-element.elementor-element-cbd2ae8{background-color:var( --e-global-color-secondary );}.elementor-47 .elementor-element.elementor-element-cbd2ae8 .elementor-icon-wrapper{text-align:center;}.elementor-47 .elementor-element.elementor-element-171f08a{--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;}.elementor-47 .elementor-element.elementor-element-d448c23{--display:flex;}.elementor-47 .elementor-element.elementor-element-c64512b{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-47 .elementor-element.elementor-element-c64512b:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-c64512b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-47 .elementor-element.elementor-element-f348f66{--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:space-between;--gap:0em 0em;--row-gap:0em;--column-gap:0em;--flex-wrap:wrap;--border-radius:24px 24px 24px 24px;}.elementor-47 .elementor-element.elementor-element-f348f66:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-f348f66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-7106fdc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-e0d7a9d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-f2ecd3e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-4b74050{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-126735d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-00cac41{--display:flex;}.elementor-47 .elementor-element.elementor-element-e044dde{--display:flex;}.elementor-47 .elementor-element.elementor-element-4d682ef{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:var( --e-global-typography-5271d46-font-size );--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-47 .elementor-element.elementor-element-4d682ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-47 .elementor-element.elementor-element-4d682ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-47 .elementor-element.elementor-element-4d682ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-5271d46-font-family ), Sans-serif;font-weight:var( --e-global-typography-5271d46-font-weight );}.elementor-47 .elementor-element.elementor-element-4d682ef {--n-menu-title-color-hover:var( --e-global-color-secondary );--n-menu-title-color-active:var( --e-global-color-secondary );}.elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-5271d46-font-family ), Sans-serif;font-size:var( --e-global-typography-5271d46-font-size );font-weight:var( --e-global-typography-5271d46-font-weight );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;}.elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button:hover, .elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button:hover svg, .elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-47 .elementor-element.elementor-element-fa1bbc4{--n-menu-title-font-size:var( --e-global-typography-5271d46-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button{font-size:var( --e-global-typography-5271d46-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-47 .elementor-element.elementor-element-4d682ef{--n-menu-title-font-size:var( --e-global-typography-5271d46-font-size );}.elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button{font-size:var( --e-global-typography-5271d46-font-size );}}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-ccddecf{--width:90%;}.elementor-47 .elementor-element.elementor-element-21740d7{--width:20%;}.elementor-47 .elementor-element.elementor-element-004c2dd{--width:50%;}.elementor-47 .elementor-element.elementor-element-704967c{--width:95%;}.elementor-47 .elementor-element.elementor-element-c7f261b{--width:50em;}.elementor-47 .elementor-element.elementor-element-f92e2c9{--width:50%;}.elementor-47 .elementor-element.elementor-element-97abcd1{--width:50%;}.elementor-47 .elementor-element.elementor-element-84cb87c{--width:33%;}.elementor-47 .elementor-element.elementor-element-cd27f35{--width:33%;}.elementor-47 .elementor-element.elementor-element-cf62aa4{--width:33%;}.elementor-47 .elementor-element.elementor-element-f866b79{--width:90%;}.elementor-47 .elementor-element.elementor-element-fafeea6{--width:20%;}.elementor-47 .elementor-element.elementor-element-171f08a{--width:50%;}.elementor-47 .elementor-element.elementor-element-c64512b{--width:95%;}.elementor-47 .elementor-element.elementor-element-f348f66{--width:50em;}.elementor-47 .elementor-element.elementor-element-7106fdc{--width:50%;}.elementor-47 .elementor-element.elementor-element-e0d7a9d{--width:50%;}.elementor-47 .elementor-element.elementor-element-f2ecd3e{--width:33%;}.elementor-47 .elementor-element.elementor-element-4b74050{--width:33%;}.elementor-47 .elementor-element.elementor-element-126735d{--width:33%;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-ccddecf{--padding-top:1em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-47 .elementor-element.elementor-element-21740d7{--width:70%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-47 .elementor-element.elementor-element-14f8bec{--width:20%;}.elementor-47 .elementor-element.elementor-element-6502cc6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0.3em 0em 0em 0em;border-radius:8px 8px 8px 8px;}.elementor-47 .elementor-element.elementor-element-6502cc6.elementor-element{--align-self:stretch;}.elementor-47 .elementor-element.elementor-element-6502cc6 .elementor-icon{font-size:1.4em;}.elementor-47 .elementor-element.elementor-element-6502cc6 .elementor-icon svg{height:1.4em;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-47 .elementor-element.elementor-element-fa1bbc4{--n-menu-title-font-size:var( --e-global-typography-5271d46-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-47 .elementor-element.elementor-element-94b8ad0 .elementor-button{font-size:var( --e-global-typography-5271d46-font-size );}.elementor-47 .elementor-element.elementor-element-f866b79{--padding-top:1em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-47 .elementor-element.elementor-element-fafeea6{--width:70%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-47 .elementor-element.elementor-element-cb81684{--width:20%;}.elementor-47 .elementor-element.elementor-element-cbd2ae8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0.3em 0em 0em 0em;border-radius:8px 8px 8px 8px;}.elementor-47 .elementor-element.elementor-element-cbd2ae8.elementor-element{--align-self:stretch;}.elementor-47 .elementor-element.elementor-element-cbd2ae8 .elementor-icon{font-size:1.4em;}.elementor-47 .elementor-element.elementor-element-cbd2ae8 .elementor-icon svg{height:1.4em;}.elementor-47 .elementor-element.elementor-element-4d682ef{--n-menu-title-font-size:var( --e-global-typography-5271d46-font-size );}.elementor-47 .elementor-element.elementor-element-a0bf2e6 .elementor-button{font-size:var( --e-global-typography-5271d46-font-size );}}/* Start custom CSS for html, class: .elementor-element-0b75049 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b75049 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b75049 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b75049 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b75049 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421abe0 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421abe0 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421abe0 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421abe0 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421abe0 *//* --- Config --- */
:root{
  --accent: #00838d;
  --card-bg: #f2f8f9;
  --text: #666;
}

/* --- Texto --- */
.card p{
  font-family: var(--e-global-typography-5271d46-font-family), Sans-serif;
    font-size: var(--e-global-typography-5271d46-font-size);
    font-weight: var(--e-global-typography-5271d46-font-weight);
  line-height: 1.2em;
  color: var(--text);
}
.card p.small{ font-size: 14px; line-height: 1.5em;font-weight:500;}

/* --- Card con efecto desde abajo-derecha --- */
.card1{
  display:block;
  position:relative;
  
  background: #F3F3F3;
  border-radius: 8px;
  padding:1em 2em 1em 1em;
  margin:12px;
  text-decoration:none;
  overflow:hidden;
}

/* Capa de color: se revela con un círculo desde 100% 100% (abajo-derecha) */
.card1::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--e-global-color-secondary);
  z-index:0;
  /* círculo que parte de 0 y crece hasta cubrir todo */
  clip-path: circle(0% at 100% 100%);
  transition: clip-path .35s ease-out;
}

.card1:hover::before{
  /* 150% asegura cobertura total de la tarjeta */
  clip-path: circle(150% at 100% 100%);
}

/* Elevar el contenido por encima de la capa de color */
.card1 > *{ position:relative; z-index:1; }

.card1:hover p{ color: rgba(255,255,255,.85); transition: color .3s ease; }
.card1:hover h3{ color:#fff; transition: color .3s ease; }

/* --- Flecha esquina inferior derecha --- */
.go-corner{
  position:absolute;
  bottom:0; right:0;
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  /* mismo fondo que la card para que NO se vea mancha rara */
  background: var(--e-global-color-secondary);
  /* cuarto de círculo para “pastilla” en la esquina */
  border-top-left-radius: 28px;
  z-index:2;
  transition: background .25s ease;
}

/* Al hacer hover, dejamos transparente para que se vea el color de la capa */
.card1:hover .go-corner{ background: transparent; }

.go-arrow{
  font-family: courier, system-ui, sans-serif;
  color: white;
  transform: translate(-2px,-2px);
  transition: color .25s ease, transform .25s ease;
}

.card1:hover .go-arrow{
  color:#fff;
  transform: translate(-1px,-1px);
}/* End custom CSS */