/* --- Estructura de Grid y Utilidades --- */
.row-fluid { width: 100% }
.container-fluid:after, .container-fluid:before, .row-fluid:after, .row-fluid:before { display: table; content: '' }
.container-fluid:after, .row-fluid:after { clear: both }
.row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.127659574%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.row-fluid [class*=span]:first-child { margin-left: 0 }
.row-fluid .span12 { width: 99.99999998999999% }
.row-fluid .span11 { width: 91.489361693% }
.row-fluid .span10 { width: 82.97872339599999% }
.row-fluid .span9 { width: 74.468085099% }
.row-fluid .span8 { width: 65.95744680199999% }
.row-fluid .span7 { width: 57.446808505% }
.row-fluid .span6 { width: 48.93617020799999% }
.row-fluid .span5 { width: 40.425531911% }
.row-fluid .span4 { width: 31.914893614% }
.row-fluid .span3 { width: 23.404255317% }
.row-fluid .span2 { width: 14.89361702% }
.row-fluid .span1 { width: 6.382978723% }

@media (max-width:767px) {
  .row-fluid { width: 100% }
  .row-fluid [class*=span] { display: block; float: none; width: auto; margin-left: 0 }
}

/* --- Estilos del Módulo de Cards --- */
.bottom-description.text-container { margin-top: 10px; }
.card-module.align-center { text-align: center; }
.card-module.align-left { text-align: left; }
.card-module.align-right { text-align: right; }

.card-module .card-clickable a {
  bottom: 0; content: ""; cursor: pointer; height: 100%; left: 0;
  position: absolute; right: 0; top: 0; width: 100%;
}

.button-container.align-left { text-align: left; }
.button-container.align-center { text-align: center; }
.button-container.align-right { text-align: right; }

/* --- Animación Spin --- */
@keyframes spin {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}

/* --- Estilos Dinámicos (HubL) --- */
. .card-module.top-aligned .image img, 
. .card-module.top-aligned .icon-container svg {
    width: %;
    height: auto;
}

. .text-container h4 {
    ;
    font-weight: ;
    min-height: px;
}

. .text-container p {
    min-height: px;
    ;
}

/* Backgrounds y Sombras */
{% if module.style.box_style.box_background_color %}
. .card-module {
    background: rgba(, );
}
. .card-module:hover {
    background: rgba(, );
}
{% endif %}