/* Iconos de aplicaciones con presentación inspirada en la pantalla de inicio de iOS. */
.visual-card .social-icon{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:12px;font-size:0!important;background:#f2f2f7!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);overflow:hidden}
.visual-card .social-icon:before{content:"";display:block;width:25px;height:25px;background:#fff;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.visual-card .social-icon-whatsapp{background:linear-gradient(145deg,#63ed7b,#20b744)!important}
.visual-card .social-icon-whatsapp:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.27L2.1 22l4.87-1.35A10 10 0 1 0 12 2Zm5.25 14.05c-.22.62-1.3 1.18-1.8 1.25-.46.07-1.04.1-1.68-.1-2.9-.94-5.12-3.75-5.25-3.93-.13-.18-1.1-1.46-1.1-2.78 0-1.31.69-1.96.94-2.23.24-.27.53-.34.71-.34h.51c.17 0 .39-.06.61.46.22.53.75 1.83.82 1.96.06.13.1.29.02.46-.08.18-.25.35-.64.91-.13.13-.26.27-.11.53.82 1.4 1.72 2.29 3.52 3.06.26.13.42.11.57-.07.16-.17.66-.77.84-1.04.17-.26.35-.22.59-.13.24.09 1.53.72 1.79.85.5.25.57.36.35 1.99Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.27L2.1 22l4.87-1.35A10 10 0 1 0 12 2Zm5.25 14.05c-.22.62-1.3 1.18-1.8 1.25-.46.07-1.04.1-1.68-.1-2.9-.94-5.12-3.75-5.25-3.93-.13-.18-1.1-1.46-1.1-2.78 0-1.31.69-1.96.94-2.23.24-.27.53-.34.71-.34h.51c.17 0 .39-.06.61.46.22.53.75 1.83.82 1.96.06.13.1.29.02.46-.08.18-.25.35-.64.91-.13.13-.26.27-.11.53.82 1.4 1.72 2.29 3.52 3.06.26.13.42.11.57-.07.16-.17.66-.77.84-1.04.17-.26.35-.22.59-.13.24.09 1.53.72 1.79.85.5.25.57.36.35 1.99Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-instagram{background:radial-gradient(circle at 30% 105%,#ffd600 0 22%,#ff7a00 35%,#ff0169 57%,#d300c5 76%,#7638fa 100%)!important}
.visual-card .social-icon-instagram:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6ZM17.7 5.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6ZM17.7 5.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-youtube{background:#fff!important}
.visual-card .social-icon-youtube:before{width:29px;height:22px;background:#ff0033;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'%3E%3Cpath d='M29.4 3.4A3.8 3.8 0 0 0 26.7.7C24.3 0 15 0 15 0S5.7 0 3.3.7A3.8 3.8 0 0 0 .6 3.4C0 5.8 0 11 0 11s0 5.2.6 7.6a3.8 3.8 0 0 0 2.7 2.7C5.7 22 15 22 15 22s9.3 0 11.7-.7a3.8 3.8 0 0 0 2.7-2.7C30 16.2 30 11 30 11s0-5.2-.6-7.6ZM12 16V6l8 5-8 5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'%3E%3Cpath d='M29.4 3.4A3.8 3.8 0 0 0 26.7.7C24.3 0 15 0 15 0S5.7 0 3.3.7A3.8 3.8 0 0 0 .6 3.4C0 5.8 0 11 0 11s0 5.2.6 7.6a3.8 3.8 0 0 0 2.7 2.7C5.7 22 15 22s9.3 0 11.7-.7a3.8 3.8 0 0 0 2.7-2.7C30 16.2 30 11 30 11s0-5.2-.6-7.6ZM12 16V6l8 5-8 5Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-linkedin{background:#0a66c2!important}
.visual-card .social-icon-linkedin:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.4 7.8H1.8V22h3.6V7.8ZM3.6 2A2.1 2.1 0 1 0 3.6 6.2 2.1 2.1 0 0 0 3.6 2ZM22 13.8c0-4.3-2.3-6.3-5.4-6.3-2.5 0-3.6 1.4-4.2 2.3v-2H8.8V22h3.6v-7c0-1.8.4-3.6 2.7-3.6s2.4 2.1 2.4 3.7V22H22v-8.2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.4 7.8H1.8V22h3.6V7.8ZM3.6 2A2.1 2.1 0 1 0 3.6 6.2 2.1 2.1 0 0 0 3.6 2ZM22 13.8c0-4.3-2.3-6.3-5.4-6.3-2.5 0-3.6 1.4-4.2 2.3v-2H8.8V22h3.6v-7c0-1.8.4-3.6 2.7-3.6s2.4 2.1 2.4 3.7V22H22v-8.2Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-facebook{background:#1877f2!important}.visual-card .social-icon-facebook:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-3H14V8.2c0-.9.3-1.7 1.8-1.7H18V3.8c-.4-.1-1.7-.2-2.7-.2-2.7 0-4.5 1.6-4.5 4.6V10H8v3h2.8v9H14Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-3H14V8.2c0-.9.3-1.7 1.8-1.7H18V3.8c-.4-.1-1.7-.2-2.7-.2-2.7 0-4.5 1.6-4.5 4.6V10H8v3h2.8v9H14Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-email{background:linear-gradient(145deg,#43a5ff,#0878f9)!important}.visual-card .social-icon-email:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2V5Zm2 2 8 6 8-6H4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2V5Zm2 2 8 6 8-6H4Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-phone{background:linear-gradient(145deg,#63ed7b,#20b744)!important}.visual-card .social-icon-phone:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.6 2 3 4.9-2.1 2.3c1.3 3 3.3 5 6.3 6.3l2.3-2.1 4.9 3c-.6 3.5-2.5 5.4-5.2 5.4C9.3 21.8 2.2 14.7 2.2 8.2 2.2 5.5 4.1 2.6 6.6 2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.6 2 3 4.9-2.1 2.3c1.3 3 3.3 5 6.3 6.3l2.3-2.1 4.9 3c-.6 3.5-2.5 5.4-5.2 5.4C9.3 21.8 2.2 14.7 2.2 8.2 2.2 5.5 4.1 2.6 6.6 2Z'/%3E%3C/svg%3E")}
.visual-card .social-icon-website{background:linear-gradient(145deg,#62c8ff,#0878f9)!important}.visual-card .social-icon-website:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.9 5.1-3.2 6.6-6.6 3.2 3.2-6.6 6.6-3.2Zm-5.5 4.3-1.2 2.4 2.4-1.2 1.2-2.4-2.4 1.2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.9 5.1-3.2 6.6-6.6 3.2 3.2-6.6 6.6-3.2Zm-5.5 4.3-1.2 2.4 2.4-1.2 1.2-2.4-2.4 1.2Z'/%3E%3C/svg%3E")}
.phone-frame .visual-card .social-icon{width:34px;height:34px;border-radius:10px}.phone-frame .visual-card .social-icon:before{width:21px;height:21px}

/* Escala de app real: iconos grandes, redondeados y con profundidad de iPhone. */
.visual-card .visual-link{min-height:108px;gap:18px;padding:15px 22px}
.visual-card .social-icon{isolation:isolate;width:76px;height:76px;border-radius:22px;box-shadow:inset 0 0 0 .7px rgba(0,0,0,.16),inset 0 1px 1px rgba(255,255,255,.5),0 8px 18px rgba(0,0,0,.16)}
.visual-card .social-icon:before{width:46px;height:46px;position:relative;z-index:2}
.visual-card .social-icon:after{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.34),transparent 43%,rgba(0,0,0,.08));pointer-events:none}
.visual-card .social-icon-youtube:before{width:52px;height:39px}
.phone-frame .visual-card .visual-link{min-height:76px;gap:13px;padding:9px 12px}
.phone-frame .visual-card .social-icon{width:58px;height:58px;border-radius:17px}
.phone-frame .visual-card .social-icon:before{width:35px;height:35px}
.phone-frame .visual-card .social-icon-youtube:before{width:39px;height:29px}
@media(max-width:600px){.visual-card .visual-link{min-height:94px;gap:15px;padding:12px 16px}.visual-card .social-icon{width:66px;height:66px;border-radius:19px}.visual-card .social-icon:before{width:40px;height:40px}.visual-card .social-icon-youtube:before{width:45px;height:33px}}

/* El símbolo ocupa prácticamente toda la superficie del icono. */
.visual-card .social-icon:before{width:62px;height:62px}
.visual-card .social-icon-youtube:before{width:66px;height:49px}
.phone-frame .visual-card .social-icon:before{width:49px;height:49px}
.phone-frame .visual-card .social-icon-youtube:before{width:51px;height:38px}
@media(max-width:600px){.visual-card .social-icon:before{width:54px;height:54px}.visual-card .social-icon-youtube:before{width:57px;height:42px}}