.elementor-449 .elementor-element.elementor-element-537f3c9 > .elementor-container{min-height:300px;}.elementor-449 .elementor-element.elementor-element-a152b26 .elementor-button{background-color:#02010100;font-family:"SF Pro Display", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;}.elementor-449 .elementor-element.elementor-element-a152b26 .elementor-button-content-wrapper{flex-direction:row;}.elementor-449 .elementor-element.elementor-element-2f6d109{text-align:center;}.elementor-449 .elementor-element.elementor-element-2f6d109 .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:55px;font-weight:700;color:#000000;}.elementor-449 .elementor-element.elementor-element-75fde9f > .elementor-widget-container{margin:-23px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-75fde9f{text-align:center;}.elementor-449 .elementor-element.elementor-element-75fde9f .elementor-heading-title{font-family:"SF Pro Display", Sans-serif;font-size:55px;font-weight:700;color:#FFFFFF;}.elementor-449 .elementor-element.elementor-element-5c40d7b{padding:30px 40px 30px 40px;}.elementor-bc-flex-widget .elementor-449 .elementor-element.elementor-element-2ebbf9c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-449 .elementor-element.elementor-element-2ebbf9c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-449 .elementor-element.elementor-element-2ebbf9c > .elementor-element-populated{padding:0px 100px 0px 0px;}.elementor-449 .elementor-element.elementor-element-fe195c7{text-align:start;}.elementor-449 .elementor-element.elementor-element-dc051dd{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:3px;}.elementor-449 .elementor-element.elementor-element-dc051dd .elementor-divider-separator{width:12%;}.elementor-449 .elementor-element.elementor-element-dc051dd .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-449 .elementor-element.elementor-element-e5f497e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-e5fdae0 > .elementor-element-populated{padding:0px 50px 0px 0px;}.elementor-449 .elementor-element.elementor-element-96b5b53 img{width:100%;filter:brightness( 105% ) contrast( 96% ) saturate( 74% ) blur( 0px ) hue-rotate( 347deg );border-radius:4px 4px 4px 4px;box-shadow:10px 10px 0px 1px rgba(0,0,0,0.07);}.elementor-449 .elementor-element.elementor-element-e90a943{margin:30px 0px 0px 0px;padding:30px 40px 30px 40px;}.elementor-449 .elementor-element.elementor-element-2126f92 > .elementor-element-populated{padding:0px 100px 0px 0px;}.elementor-449 .elementor-element.elementor-element-43a347a{text-align:start;}.elementor-449 .elementor-element.elementor-element-43a347a .elementor-heading-title{font-size:20px;}.elementor-449 .elementor-element.elementor-element-7818b1a{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:3px;}.elementor-449 .elementor-element.elementor-element-7818b1a .elementor-divider-separator{width:12%;margin:0 auto;margin-left:0;}.elementor-449 .elementor-element.elementor-element-7818b1a .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-449 .elementor-element.elementor-element-d8f9f49 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-e03a328 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-903c186{text-align:start;}.elementor-449 .elementor-element.elementor-element-903c186 .elementor-heading-title{font-size:20px;}.elementor-449 .elementor-element.elementor-element-23d597c{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:3px;}.elementor-449 .elementor-element.elementor-element-23d597c .elementor-divider-separator{width:12%;margin:0 auto;margin-left:0;}.elementor-449 .elementor-element.elementor-element-23d597c .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-449 .elementor-element.elementor-element-6d1a71e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-77d5e20 .elementor-button{background-color:#000000;font-size:13px;fill:#FFFFFF;color:#FFFFFF;}.elementor-449 .elementor-element.elementor-element-77d5e20 .elementor-button:hover, .elementor-449 .elementor-element.elementor-element-77d5e20 .elementor-button:focus{background-color:var( --e-global-color-ca1e297 );color:#FFFFFF;}.elementor-449 .elementor-element.elementor-element-77d5e20 .elementor-button-content-wrapper{flex-direction:row;}.elementor-449 .elementor-element.elementor-element-77d5e20 .elementor-button:hover svg, .elementor-449 .elementor-element.elementor-element-77d5e20 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-449 .elementor-element.elementor-element-5c40d7b{padding:70px 0px 50px 0px;}.elementor-449 .elementor-element.elementor-element-2ebbf9c > .elementor-element-populated{padding:0px 20px 0px 30px;}.elementor-449 .elementor-element.elementor-element-e5f497e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-e90a943{padding:70px 0px 50px 0px;}.elementor-449 .elementor-element.elementor-element-2126f92 > .elementor-element-populated{padding:0px 20px 0px 30px;}.elementor-449 .elementor-element.elementor-element-d8f9f49 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-e03a328 > .elementor-element-populated{padding:0px 26px 0px 30px;}}@media(max-width:767px){.elementor-449 .elementor-element.elementor-element-2f6d109 .elementor-heading-title{font-size:35px;}.elementor-449 .elementor-element.elementor-element-75fde9f .elementor-heading-title{font-size:35px;}.elementor-449 .elementor-element.elementor-element-5c40d7b{padding:60px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-2ebbf9c > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-449 .elementor-element.elementor-element-fe195c7{text-align:center;}.elementor-449 .elementor-element.elementor-element-dc051dd .elementor-divider-separator{width:18%;margin:0 auto;margin-center:0;}.elementor-449 .elementor-element.elementor-element-dc051dd .elementor-divider{text-align:center;}.elementor-449 .elementor-element.elementor-element-e5f497e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-e5f497e{text-align:center;}.elementor-449 .elementor-element.elementor-element-e5fdae0 > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-449 .elementor-element.elementor-element-e90a943{padding:60px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-2126f92 > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-449 .elementor-element.elementor-element-43a347a{text-align:center;}.elementor-449 .elementor-element.elementor-element-7818b1a .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-449 .elementor-element.elementor-element-7818b1a .elementor-divider{text-align:center;}.elementor-449 .elementor-element.elementor-element-d8f9f49 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-d8f9f49{text-align:center;}.elementor-449 .elementor-element.elementor-element-e03a328 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-449 .elementor-element.elementor-element-903c186{text-align:center;}.elementor-449 .elementor-element.elementor-element-23d597c .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-449 .elementor-element.elementor-element-23d597c .elementor-divider{text-align:center;}.elementor-449 .elementor-element.elementor-element-6d1a71e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-449 .elementor-element.elementor-element-6d1a71e{text-align:center;}}/* Start custom CSS for button, class: .elementor-element-a152b26 *//* ========= PILL CLARO + LIQUID GLASS (mismo tamaño que el anterior) ========= */ /* 1) Evita que el contenedor se vea como pill */ .pill-glass-light{ background: transparent !important; border: none !important; box-shadow: none !important; } /* 2) Estilo aplicado al real del botón */ .pill-glass-light .elementor-button, .pill-glass-light a, .pill-glass-light .elementor-button-wrapper a{ width: fit-content !important; max-width: fit-content !important; display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap; /* TAMAÑO (idéntico al pill anterior) */ letter-spacing: .2px; padding: 12px 22px !important; border-radius: 999px !important; /* Texto (azul/gris como la referencia) */ color: rgba(33, 44, 62, 0.92) !important; /* Fondo “glass” claro */ background: linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.72) 55%, rgba(255,255,255,0.60) 100% ) !important; /* Blur real */ backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); /* Borde suave grisáceo */ border: 1px solid rgba(20, 30, 50, 0.12) !important; /* Profundidad + “vidrio” */ box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), /* brillo arriba */ inset 0 -10px 18px rgba(255, 90, 90, 0.05),/* tinte leve cálido abajo */ 0 8px 22px rgba(18, 25, 40, 0.08); /* sombra externa sutil */ position: relative; overflow: hidden; /* necesario para el liquid glass */ transform: translateZ(0); transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease; } /* 3) LIQUID GLASS: reflejo “líquido” (brillo que cruza en diagonal) */ .pill-glass-light .elementor-button::before, .pill-glass-light a::before, .pill-glass-light .elementor-button-wrapper a::before{ content: ""; position: absolute; inset: -40% -60%; background: radial-gradient(closest-side at 30% 35%, rgba(255,255,255,0.85), rgba(255,255,255,0.18) 45%, rgba(255,255,255,0) 70% ); transform: rotate(12deg); opacity: 0.55; pointer-events: none; } /* 4) LIQUID GLASS: “menisco” (borde interno tipo vidrio líquido) */ .pill-glass-light .elementor-button::after, .pill-glass-light a::after, .pill-glass-light .elementor-button-wrapper a::after{ content: ""; position: absolute; inset: 0; border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,0.70), rgba(255,255,255,0.15) 45%, rgba(0,0,0,0.06) 100% ); opacity: 0.35; pointer-events: none; mix-blend-mode: overlay; } /* 5) Hover (más “líquido” y premium) */ .pill-glass-light .elementor-button:hover, .pill-glass-light a:hover, .pill-glass-light .elementor-button-wrapper a:hover{ border-color: rgba(20, 30, 50, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.90), inset 0 -14px 26px rgba(255, 90, 90, 0.07), 0 10px 26px rgba(18, 25, 40, 0.10); transform: translateY(-1px); } /* 6) Centrado del wrapper (si lo necesitas) */ .pill-glass-light .elementor-button-wrapper{ display: flex !important; justify-content: center !important; .pill-glass-light svg, .pill-glass-light svg *{ fill: #e71919 !important; stroke: #e71919 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-75fde9f *//* TEXTO CON DEGRADADO ROJO → NARANJA */ .text-gradient-pista .elementor-heading-title { background: linear-gradient( 90deg, #e71919 0%, #e71919 15%, #ff7a5a 65%, #ff9f1c 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; /* mejora render */ line-height: 1.05; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5c40d7b *//* ========================================= CONTENEDOR TARJETA LIMPIA (UI) Clase: hp-card-ui ========================================= */ .hp-card-ui{ background: #ffffff; border-radius: 28px; border: 1px solid #ececec; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06); padding: clamp(28px, 4vw, 56px); position: relative; overflow: hidden; font-family: inherit; } /* Espaciado interno entre columnas/widgets */ .hp-card-ui > .elementor-container, .hp-card-ui > .e-con-inner{ gap: clamp(24px, 4vw, 56px); } /* Tipografía general heredada */ .hp-card-ui h1, .hp-card-ui h2, .hp-card-ui h3, .hp-card-ui h4{ font-weight: 800; letter-spacing: -0.02em; color: #0f172a; } .hp-card-ui p{ font-size: 18px; line-height: 1.65; color: #475569; } /* Imagen dentro del contenedor */ .hp-card-ui img{ border-radius: 22px; object-fit: cover; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12); } /* Widgets de imagen */ .hp-card-ui .elementor-widget-image{ margin: 0; } /* Responsive */ @media (max-width: 767px){ .hp-card-ui{ padding: 22px; border-radius: 22px; } .hp-card-ui p{ font-size: 16px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-e90a943 *//* ========================================= CONTENEDOR TARJETA LIMPIA (UI) Clase: hp-card-ui ========================================= */ .hp-card-ui{ background: #ffffff; border-radius: 28px; border: 1px solid #ececec; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06); padding: clamp(28px, 4vw, 56px); position: relative; overflow: hidden; font-family: inherit; } /* Espaciado interno entre columnas/widgets */ .hp-card-ui > .elementor-container, .hp-card-ui > .e-con-inner{ gap: clamp(24px, 4vw, 56px); } /* Tipografía general heredada */ .hp-card-ui h1, .hp-card-ui h2, .hp-card-ui h3, .hp-card-ui h4{ font-weight: 800; letter-spacing: -0.02em; color: #0f172a; } .hp-card-ui p{ font-size: 18px; line-height: 1.65; color: #475569; } /* Imagen dentro del contenedor */ .hp-card-ui img{ border-radius: 22px; object-fit: cover; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12); } /* Widgets de imagen */ .hp-card-ui .elementor-widget-image{ margin: 0; } /* Responsive */ @media (max-width: 767px){ .hp-card-ui{ padding: 22px; border-radius: 22px; } .hp-card-ui p{ font-size: 16px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'SF Pro Display'; font-style: italic; font-weight: 900; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYBLACKITALIC.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYBOLD.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: italic; font-weight: 700; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYHEAVYITALIC.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: italic; font-weight: 100; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYLIGHTITALIC.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYMEDIUM.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYREGULAR.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYSEMIBOLDITALIC.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: italic; font-weight: 100; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYTHINITALIC.ttf') format('truetype'); } @font-face { font-family: 'SF Pro Display'; font-style: italic; font-weight: 200; font-display: auto; src: url('https://himnospistapiano.com/wp-content/uploads/2025/07/SFPRODISPLAYULTRALIGHTITALIC.ttf') format('truetype'); } /* End Custom Fonts CSS */