:root{--color-primary:#B80201;--color-primary-dark:#B92A2D;--color-primary-deep:#B80201;--color-bg-light:#f9f9f9;--color-bg-gray:#e5e7eb;--color-border:#e0e0e0;--color-text-main:#333;--color-text-muted:#555;--color-white:#ffffff;--shadow-sm:0 3px 8px rgba(0, 0, 0, 0.08);--transition-fast:0.2s ease}
#pageHeader{padding-top:0;padding-bottom:0}
.content-area{width:100%;max-width:none;margin:0}
.action-controls{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}
.action-controls .page-header__filter-group{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-600)}
.action-controls .page-header__filter-group label{white-space:nowrap;font-weight:500}
.action-controls .select-principal__field{border:2px solid #D1D5DB;border-radius:8px;background:var(--color-white);font-size:14px;cursor:pointer;height:40px}
.action-controls #toggleView{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid var(--color-gray-300)!important;border-radius:8px!important;background-color:var(--color-white)!important;color:var(--color-gray-600)!important;font-size:var(--font-size-md)!important;cursor:pointer!important;transition:all var(--transition-fast)!important}
.action-controls #toggleView:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background-color:var(--color-gray-50)!important}
.tabs{display:flex;justify-content:center;gap:10px;padding-top:15px}
.tabs button{padding:8px 20px;border:1px solid var(--color-bg-gray);border-radius:20px;background:var(--color-bg-gray);font-size:14px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}
.tabs button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}
.grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.grid-cards .curso-card{width:100%}
.curso-card-list{display:none}
.card{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);display:flex;flex-direction:column;border:1px solid #7a7a7a}
.card:hover{transform:translateY(-4px)}
.card img{width:100%;height:170px;object-fit:cover}
.card-body{padding:16px;flex-grow:1;display:flex;flex-direction:column}
.card-date{color:var(--color-primary-deep);font-size:12px;font-weight:700;margin-bottom:8px}
.card-title{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.4}
.btn-card{background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:auto;gap:6px;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;font-size:13px}
.card-actions{display:flex;gap:10px;margin-top:auto}
.card-actions .btn-card{flex:1;justify-content:center}
.btn-outline{background:#858585;color:var(--color-white);border:1px solid #858585}
.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}
.grid-cards.horizontal{display:flex;flex-direction:column;gap:var(--spacing-md)}
.grid-cards.horizontal .curso-card-grid{display:none}
.grid-cards.horizontal .curso-card-list{display:block}
.grid-cards.horizontal .curso-card{width:100%}
.grid-cards.horizontal .curso-card .cpl-card-lista__content{padding:20px 24px 18px!important}
.grid-cards.horizontal .curso-card .cpl-card-lista__etiqueta{height:20px;min-height:20px;margin-bottom:8px;gap:8px;font-weight:500}
.grid-cards.horizontal .curso-card .cpl-card-lista__title{height:24px!important;min-height:24px!important;margin:0 0 8px!important;font-size:20px!important;font-weight:700!important;color:#111827!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:1!important;line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}
.grid-cards.horizontal .curso-card .cpl-card-lista__description{margin:0!important;font-size:14px!important;font-weight:400!important;color:#6B7280!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}
.grid-cards.horizontal .curso-card .cpl-card-lista__actions{gap:10px;margin-top:14px!important;padding:0!important}
.curso-list-card .cpl-card-lista__etiqueta{height:20px;min-height:20px;margin-bottom:8px;gap:8px;font-weight:500}
.curso-list-card .cpl-card-lista__content{padding:20px 24px 18px!important}
.curso-list-card .cpl-card-lista__title{height:24px!important;min-height:24px!important;margin:0 0 8px!important;font-size:20px!important;font-weight:700!important;color:#111827!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:1!important;line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}
.curso-list-card .cpl-card-lista__description{margin:0!important;font-size:14px!important;font-weight:400!important;color:#6B7280!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}
.curso-list-card .cpl-card-lista__actions{gap:10px;margin-top:14px!important;padding:0!important}
.grid-cards.horizontal .card{flex-direction:row;height:180px}
.grid-cards.horizontal .card img{width:250px;height:100%}
.grid-cards.horizontal .btn-card{width:fit-content;padding:10px 30px;align-self:flex-end}
.grid-cards.horizontal .card-desc{display:-webkit-box}
.grid-cards.horizontal .card-title,.grid-cards.horizontal .cpl-card-principal__title{text-align:left!important;margin-left:0!important;margin-right:auto!important;width:100%!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;height:44px!important;min-height:44px!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;color:#242424!important}
.card-desc{display:none}
.grid-cards.horizontal .card-actions{justify-content:flex-end}
.curso-card-grid .cpl-card-principal__subtitle{display:none!important}
.grid-cards.horizontal .cpl-card-principal__subtitle{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.btn-card:hover{background:#b0121a}
.btn-outline:hover{background:#5c5c5c;border-color:#5c5c5c}
a[data-disabled="true"]{pointer-events:none!important;cursor:not-allowed!important;opacity:.55!important;filter:grayscale(.3)!important}
.grid-cards.horizontal .card-actions .btn-card{flex:none;width:auto}
.grid-cards:not(.horizontal) .curso-card{height:auto!important}
.curso-card-grid .cpl-card-principal__etiqueta{height:20px;min-height:20px}
.curso-card-grid .cpl-card-principal__content{padding-top:14px!important}
.curso-card-grid .cpl-card-principal__title{height:44px;min-height:44px;margin:0}
@media(max-width:1366px){.content-area{max-width:none;margin:0}.grid-cards{gap:36px}}
@media screen and (max-width:1200px){.grid-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:992px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.grid-cards{grid-template-columns:1fr}}
body,main{background-color:var(--color-white)}
.pagination-form{display:flex;justify-content:center;margin:0}
.pagination-form button.pagination__btn{font-family:inherit;font-weight:400;line-height:1;appearance:none;-webkit-appearance:none}
.pagination-form .pagination__btn--active{font-weight:400}
.pagination-form button.pagination__btn:disabled{cursor:not-allowed}