.daf{background:#f5f5f5;min-height:100vh;padding-top:90px}@media(max-width:1280px){.daf{padding-top:40px}}.daf__container{align-items:stretch;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1600px;padding:2rem}.daf__sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden}.daf__sidebar-header{background:linear-gradient(135deg,#0d5963,#094149);color:#fff;padding:1.5rem}.daf__sidebar-header h2{font-size:1.5rem;font-weight:800;letter-spacing:1px;margin:0}.daf__sidebar-header p{font-size:.8rem;margin:.25rem 0 0;opacity:.8}.daf__list{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:.5rem}.daf__item{align-items:center;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;display:flex;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.daf__item:hover{background:#f9fafb;border-left-color:#0a4952}.daf__item--active{background:#f0f9ff;border-left-color:#0a4952}.daf__item-nombre{color:#374151;font-size:.9rem;font-weight:500;line-height:1.4}.daf__item--active .daf__item-nombre{color:#0a4952;font-weight:600}.daf__content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:100%;min-height:500px;padding:2rem}.daf__detail-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.daf__detail-categoria{background:#0a4952;border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.daf__detail-nombre{color:#1a1a1a;font-size:2rem;font-weight:800;line-height:1.3;margin:0}.daf__detail-body{display:flex;flex-direction:column;gap:2rem}.daf__en-desarrollo{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.daf__en-desarrollo svg{color:#ccc;height:48px;margin-bottom:1rem;width:48px}.daf__en-desarrollo h3{color:#888;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.daf__en-desarrollo p{color:#aaa;font-size:.9rem;line-height:1.6;margin:0;max-width:400px}.daf__detail-section h3{color:#0a4952;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.daf__detail-section p{color:#555;font-size:1rem;line-height:1.7;margin:0}.daf__detail-info{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.daf__detail-info-item{background:#f8f9fa;border-left:4px solid #0a4952;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.daf__detail-info-item svg{color:#0a4952;flex-shrink:0;height:24px;width:24px}.daf__detail-info-item>div{display:flex;flex-direction:column;gap:.25rem}.daf__detail-info-item .label{color:#999;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.daf__detail-info-item .value{color:#1a1a1a;font-size:1rem;font-weight:600}.daf__programa-full{margin:-2rem}.cc__hero{background:linear-gradient(135deg,#0d5963,#094149 50%,#062d33);border-radius:16px 16px 0 0;overflow:hidden;padding:3rem 2.5rem;position:relative}.cc__hero-shapes{inset:0;position:absolute}.cc__shape{background:#fff;border-radius:50%;opacity:.06;position:absolute}.cc__shape--1{height:300px;right:-60px;top:-120px;width:300px}.cc__shape--2{bottom:-60px;height:180px;left:-30px;width:180px}.cc__shape--3{height:100px;left:55%;opacity:.04;top:40%;width:100px}.cc__hero-content{position:relative}.cc__badge{background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:50px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:1rem;padding:.35rem 1rem}.cc__hero-content h1{color:#fff;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 .75rem}.cc__hero-content>p{color:#fffc;font-size:1rem;line-height:1.6;margin:0;max-width:550px}.cc__content{padding:2rem 2.5rem 1rem}.cc__section{margin-bottom:2.5rem}.cc__section-title{border-bottom:2px solid #e5e7eb;color:#0d5963;font-size:.85rem;font-weight:700;letter-spacing:1.5px;margin:0 0 1rem;padding-bottom:.75rem}.cc__text{color:#555;font-size:1rem;line-height:1.75;margin:0}.cc__funciones-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.cc__funcion{background:#f8fafb;border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.cc__funcion:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-2px)}.cc__funcion:last-child{grid-column:1/-1}.cc__funcion-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.6rem}.cc__funcion-num{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.75rem;font-weight:800;height:32px;justify-content:center;min-width:32px;width:32px}.cc__funcion h3{color:#1a1a1a;font-size:.95rem;font-weight:700;margin:0}.cc__funcion p{color:#666;font-size:.88rem;line-height:1.6;margin:0}.cc__info-grid{display:grid;gap:1.5rem}.cc__info-card{background:#f8fafb;border-radius:12px;padding:1.5rem}.cc__info-card h3{color:#1a1a1a;font-size:1.05rem;font-weight:700;margin:0 0 1.25rem}.cc__info-item{display:flex;gap:1rem;margin-bottom:1rem}.cc__info-item:last-child{margin-bottom:0}.cc__info-icon{align-items:center;background:#0d5963;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.cc__info-icon svg{height:20px;width:20px}.cc__info-item strong{color:#999;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;text-transform:uppercase}.cc__info-item p{color:#1a1a1a;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}@media(max-width:768px){.cc__hero{padding:2rem 1.5rem}.cc__hero-content h1{font-size:1.5rem}.cc__content{padding:1.5rem}.cc__funciones-grid{grid-template-columns:1fr}.cc__funcion:last-child{grid-column:auto}}@media(max-width:480px){.daf__programa-full{margin:-1rem}.cc__hero{border-radius:12px 12px 0 0;padding:1.5rem 1rem}.cc__content{padding:1rem}}.fade-enter-active,.fade-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.fade-enter-from{opacity:0;transform:translate(30px)}.fade-leave-to{opacity:0;transform:translate(-30px)}@media(max-width:1024px){.daf__container{grid-template-columns:1fr}.daf__sidebar{height:auto}}@media(max-width:768px){.daf__container{padding:1rem}.daf__content{padding:1.5rem}.daf__detail-nombre{font-size:1.5rem}.daf__detail-info{grid-template-columns:1fr}}@media(max-width:480px){.daf__container{padding:.75rem}.daf__content{padding:1rem}.daf__detail-nombre{font-size:1.3rem}}