/* Módulo Conócenos · Scoped styles, independientes del tema. */
.ccm-about{box-sizing:border-box;background:#f3f7fd;padding:88px 24px 88px;color:#10366f;font-family:'DM Sans',Arial,sans-serif}
.ccm-about *{box-sizing:border-box}
.ccm-about-inner{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
.ccm-about-media{position:relative;min-width:0}
.ccm-about-video{display:block;width:100%;height:410px;object-fit:cover;object-position:center;border-radius:28px;background:#d3e3f4}
.ccm-about-badge{position:absolute;right:-16px;bottom:29px;display:flex;gap:10px;align-items:center;padding:16px 21px;background:#fff;border-radius:14px;color:#09316a;font-size:var(--ccm-about-badge-desktop,13px);font-weight:800;box-shadow:0 12px 32px rgba(34,47,89,.11);white-space:nowrap}
.ccm-about-badge-icon,.ccm-about-benefit-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#9132b6}
.ccm-about-badge-icon svg,.ccm-about-badge-icon img{width:24px;height:24px;object-fit:contain}
.ccm-about-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#8f31b5;font-size:var(--ccm-about-label-desktop,11px);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ccm-about-eyebrow:before{content:'';width:27px;height:3px;background:#8f31b5;border-radius:3px;flex-shrink:0}
.ccm-about-title{font-family:Manrope,'DM Sans',Arial,sans-serif!important;color:#0b326e;font-weight:800!important;font-size:var(--ccm-about-title-desktop,48px)!important;letter-spacing:-.045em;line-height:1.16;margin:0 0 36px!important}
.ccm-about-title span{color:#9335b9}
.ccm-about-description{font-size:var(--ccm-about-description-desktop,16px)!important;font-weight:400;line-height:1.8;color:#577397;margin:0 0 24px!important}
.ccm-about-benefits{padding:0;margin:0 0 29px;list-style:none;display:flex;flex-direction:column;gap:12px}
.ccm-about-benefits li{display:flex;align-items:flex-start;gap:12px;color:#244e80;font-size:var(--ccm-about-benefits-desktop,14px);line-height:1.45}
.ccm-about-benefit-icon{width:19px;height:19px;margin-top:0}
.ccm-about-benefit-icon svg,.ccm-about-benefit-icon img{width:19px;height:19px;object-fit:contain}
.ccm-about-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:13px 25px;border-radius:999px;background:#0850a6;color:#fff!important;font-size:var(--ccm-about-button-desktop,13px);font-weight:800;line-height:1.2;text-decoration:none!important;transition:background-color .2s,transform .2s;box-shadow:0 5px 13px #0037650d}
.ccm-about-button:hover,.ccm-about-button:focus-visible{background:#7f28b0;color:#fff;transform:translateY(-2px)}
@media (max-width:1100px){.ccm-about-inner{gap:38px}.ccm-about-title{font-size:var(--ccm-about-title-tablet,40px)!important}.ccm-about-description{font-size:var(--ccm-about-description-tablet,15px)!important}.ccm-about-benefits li{font-size:var(--ccm-about-benefits-tablet,13px)}.ccm-about-button{font-size:var(--ccm-about-button-tablet,12px)}.ccm-about-eyebrow{font-size:var(--ccm-about-label-tablet,11px)}.ccm-about-badge{font-size:var(--ccm-about-badge-tablet,12px)}.ccm-about-video{height:380px}}
@media (max-width:720px){.ccm-about{padding:58px 17px}.ccm-about-inner{display:flex;flex-direction:column;gap:32px;width:min(560px,100%)}.ccm-about-media,.ccm-about-text{width:100%}.ccm-about-video{height:auto;aspect-ratio:1.45;min-height:230px;border-radius:22px;object-fit:cover}.ccm-about-badge{right:9px;bottom:12px;padding:10px 13px;font-size:var(--ccm-about-badge-mobile,11px)}.ccm-about-badge-icon svg,.ccm-about-badge-icon img{width:20px;height:20px}.ccm-about-title{font-size:var(--ccm-about-title-mobile,32px)!important;margin-bottom:21px!important}.ccm-about-description{font-size:var(--ccm-about-description-mobile,14px)!important;margin-bottom:18px!important}.ccm-about-benefits li{font-size:var(--ccm-about-benefits-mobile,13px)}.ccm-about-button{font-size:var(--ccm-about-button-mobile,12px)}.ccm-about-eyebrow{font-size:var(--ccm-about-label-mobile,10px);margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.ccm-about-button{transition:none}.ccm-about-button:hover{transform:none}}