.elementor-1342 .elementor-element.elementor-element-934c433{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:100px;--padding-right:100px;}.elementor-1342 .elementor-element.elementor-element-f18ab73{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1342 .elementor-element.elementor-element-4e2b81d{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;}.elementor-1342 .elementor-element.elementor-element-de0526e{--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;--padding-top:32px;--padding-bottom:32px;--padding-left:100px;--padding-right:100px;}.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-1342 .elementor-element.elementor-element-96b6728 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:400;}.elementor-1342 .elementor-element.elementor-element-592b495.elementor-element{--align-self:flex-end;}.elementor-1342 .elementor-element.elementor-element-592b495{z-index:1;}.elementor-1342 .elementor-element.elementor-element-90b0522{--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;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-1342 .elementor-element.elementor-element-aab8e5f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:10px 10px 10px 10px;box-shadow:0px 5px 10px 0px rgba(8.000000000000007, 59.00000000000011, 160, 0.19);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1342 .elementor-element.elementor-element-941b351{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1342 .elementor-element.elementor-element-b78e761{width:var( --container-widget-width, 100.411% );max-width:100.411%;padding:0px 0px 0px 0px;--container-widget-width:100.411%;--container-widget-flex-grow:0;}.elementor-1342 .elementor-element.elementor-element-b78e761.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1342 .elementor-element.elementor-element-f832e22{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1342 .elementor-element.elementor-element-9e2cd1b{--display:flex;--min-height:200px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1342 .elementor-element.elementor-element-5ac9b25{--display:flex;}.elementor-1342 .elementor-element.elementor-element-7810643{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 0px 0px;--n-tabs-title-color:#6B6B6B;--n-tabs-title-color-active:#1E1E1E;}.elementor-1342 .elementor-element.elementor-element-7810643 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E6E6E6;}.elementor-1342 .elementor-element.elementor-element-7810643.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#DBDBDB;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;}.elementor-1342 .elementor-element.elementor-element-7810643.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1342 .elementor-element.elementor-element-7810643.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;}:where( .elementor-1342 .elementor-element.elementor-element-7810643.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#FFFFFF;--border-radius:0px 0px 8px 8px;}.elementor-1342 .elementor-element.elementor-element-7810643.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#DBDBDB;}.elementor-1342 .elementor-element.elementor-element-7810643.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1342 .elementor-element.elementor-element-7810643 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#6B6B6B;}.elementor-1342 .elementor-element.elementor-element-447f863{--display:flex;--min-height:250px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 10px 10px;box-shadow:0px 5px 10px 0px rgba(8.000000000000007, 59.00000000000011, 160, 0.19);--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1342 .elementor-element.elementor-element-fad2b3f{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1342 .elementor-element.elementor-element-e6db5cb{--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:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1342 .elementor-element.elementor-element-e2464fb{border-style:none;}.elementor-1342 .elementor-element.elementor-element-1b221ff{--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:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1342 .elementor-element.elementor-element-0204128{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1342 .elementor-element.elementor-element-396c400{padding:0px 0px 0px 0px;border-style:none;}body.elementor-page-1342{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1342 .elementor-element.elementor-element-aab8e5f{--width:23%;}.elementor-1342 .elementor-element.elementor-element-447f863{--width:77%;}.elementor-1342 .elementor-element.elementor-element-e6db5cb{--width:100%;}.elementor-1342 .elementor-element.elementor-element-0204128{--width:40%;}}@media(max-width:1366px){.elementor-1342 .elementor-element.elementor-element-934c433{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:50px;--padding-right:50px;}.elementor-1342 .elementor-element.elementor-element-de0526e{--padding-top:20px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-1342 .elementor-element.elementor-element-90b0522{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}}@media(max-width:1024px){.elementor-1342 .elementor-element.elementor-element-934c433{--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;}.elementor-1342 .elementor-element.elementor-element-de0526e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1342 .elementor-element.elementor-element-96b6728 .elementor-heading-title{font-size:32px;}.elementor-1342 .elementor-element.elementor-element-592b495{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-1342 .elementor-element.elementor-element-90b0522{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1342 .elementor-element.elementor-element-934c433{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-1342 .elementor-element.elementor-element-de0526e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1342 .elementor-element.elementor-element-96b6728 .elementor-heading-title{font-size:30px;}.elementor-1342 .elementor-element.elementor-element-592b495{width:100%;max-width:100%;}.elementor-1342 .elementor-element.elementor-element-592b495.elementor-element{--align-self:flex-end;}.elementor-1342 .elementor-element.elementor-element-90b0522{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for nested-tabs, class: .elementor-element-7810643 */.e-n-tab-title  {
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-447f863 */.contenedor-vcard-principal {
  position: relative;
  z-index: 0;
  background-color: #ffffff; /* Fondo blanco inicial */
  transition: background-color 0.3s ease; /* Para que desaparezca suavemente */
}

/* =========================================
   1. LAPTOP / DESKTOP (Diseño Base)
========================================= */

/* Icono - Laptop */
.contenedor-vcard-principal::before {
  content: "id_card";
  font-family: "Material Symbols Outlined", "Material Icons", sans-serif;
  color: rgba(183, 183, 183, 0.4);
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
  
  position: absolute;
  pointer-events: none;
  z-index: -1;
  transition: opacity 0.3s ease, visibility 0.3s ease;

  font-size: 100px;
  top: 110px;
  left: 15%;
}

/* Texto - Laptop */
.contenedor-vcard-principal::after {
  content: "Create your vCard now";
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(183, 183, 183, 0.4);
  
  position: absolute;
  pointer-events: none;
  z-index: -1;
  transition: opacity 0.3s ease, visibility 0.3s ease;

  font-size: 22px;
  top: 148px;
  left: calc(15% + 115px);
}

/* =========================================
   2. TABLET (Pantallas hasta 1024px)
========================================= */
@media (max-width: 1024px) {
  .contenedor-vcard-principal::before {
    font-size: 80px;
    top: 90px;
    left: 10%;
  }

  .contenedor-vcard-principal::after {
    font-size: 18px;
    top: 120px;
    left: calc(10% + 95px);
  }
}

/* =========================================
   3. MOBILE (Pantallas hasta 767px)
========================================= */
@media (max-width: 767px) {
  .contenedor-vcard-principal::before {
    font-size: 50px;
    top: 60px;
    left: 20px;
  }

  .contenedor-vcard-principal::after {
    font-size: 15px;
    top: 76px;
    left: calc(20px + 60px);
  }
}

/* =========================================
   4. OCULTAR TODO AL GENERAR LA VCARD
========================================= */

/* Vuelve el fondo del contenedor transparente */
.contenedor-vcard-principal.vcard-generada {
  background-color: transparent !important;
}

/* Oculta el icono y el texto */
.contenedor-vcard-principal.vcard-generada::before,
.contenedor-vcard-principal.vcard-generada::after {
  opacity: 0 !important;
  visibility: hidden !important;
}/* End custom CSS */