*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overscroll-behavior-y:contain}.card{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Lato,sans-serif;padding:24px 16px;color:#243236;position:relative}.card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,#d3dbe0,#fdfbe7 10%,#e7ede1,#eaf6ef 40%,#e9f5ea,#dbe7fa);background-size:200% 200%;background-repeat:no-repeat;animation:gradientMobile 17s ease-in-out infinite;will-change:transform,background-position;pointer-events:none;transform:scale(1.15)}.card>*{position:relative;z-index:1}.card__container{display:flex;width:650px;max-width:100%;background:#fff;border-radius:18px;box-shadow:0 6px 32px #7bae8e1a,0 1.5px 6px #b9b7d314;border:1.5px solid #e3ece8;overflow:hidden}.card__description{display:flex;flex-direction:column;padding:28px;flex:1;align-items:center;text-align:center}.card__name{font-weight:700;font-size:2rem;color:#1f2a34;margin:0 0 .25em;letter-spacing:.2px}.card__position{line-height:1.4;font-weight:500;font-size:1.06rem;color:#179e63;margin:0 0 .9em;letter-spacing:.2px}.card__subPosition{font-weight:400;font-size:1.02rem;color:#5b6b75;line-height:1.55;max-width:48ch}.card__about{font-weight:400;font-size:1.02rem;color:#5b6b75;margin:0 0 14px;line-height:1.55;max-width:48ch}.card__cta{display:inline-block;width:100%;max-width:380px;text-align:center;padding:14px 18px;border-radius:24px;background:#179e63;color:#fff;font-weight:700;font-size:1.02rem;text-decoration:none;box-shadow:0 6px 18px #179e6338;transition:transform .08s ease,box-shadow .2s ease,background-color .12s ease;margin-top:6px}.card__cta:hover{transform:translateY(-1px)}.card__cta:active{background:#0f7a4b;transform:translateY(0)}.card__cta:focus-visible{outline:none;box-shadow:0 0 0 4px #179e6326}.card__icons{margin-top:16px;display:flex;align-items:center;gap:12px}.card__icon-link{display:grid;place-items:center;width:40px;height:40px;color:#179e63;background:#eef5f0;border-radius:50%;box-shadow:0 2px 8px #179e6314;transition:transform .12s ease,background-color .12s ease,color .12s ease;text-decoration:none}.card__icon-link i{font-size:20px;line-height:1}.card__icon-link:hover{transform:translateY(-2px);background:#f6faf7}.card__colegiada{margin-top:12px;font-style:italic;font-size:14px;font-weight:300;color:#6a7a82}.card__image{display:flex;justify-content:center;background:transparent;padding-inline:28px;padding-top:16px}.card__image img{width:200px;height:200px;border-radius:100%;object-fit:cover;object-position:center;border:4px solid #e3ece8;background:#f6f7f4;text-align:center}.card__modal{display:none;position:fixed;overflow:hidden;inset:0;z-index:1000;background:#1e283273;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:opacity .2s;opacity:0}.card__modal.active{display:block;opacity:1}.card__modal-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:60vw;max-width:260px;min-width:120px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;box-shadow:0 4px 24px #0002;pointer-events:none}.card__modal-cta{position:fixed;left:0;right:0;bottom:32px;margin:0 auto;width:90vw;max-width:340px;display:block;text-align:center;padding:16px 0;border-radius:32px;background:#179e63;color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;box-shadow:0 4px 24px #0002;z-index:1100;transition:background .15s}@media (min-width: 577px){.card__modal{display:none!important}}@media (max-width: 768px){.card__container{flex-direction:column-reverse;width:98vw;border-radius:14px}}@media (max-width: 576px){.card{padding:12px 10px 94px;min-height:100vh}.card__image{padding:16px 0 0}.card__image img{width:96px;height:96px}.card__description{padding:10px 18px 16px}.card__name{font-size:1.5rem}.card__position{font-size:1rem}.card__about{font-size:.98rem}}@keyframes gradientMobile{0%{transform:scale(1.1);background-position:0 0}25%{background-position:0 25%}50%{transform:scale(1.25);background-position:25% 50%}75%{background-position:50% 25%}to{transform:scale(1.1);background-position:0 0}}
