/* jquery.flexbox crea un elemento con clase row (que no podemos cambiar sin tocar la fuente) y crea problemas
 con bootstrap. Eliminamos los estilos conflictivos de bootstrap para este caso.
 */
.ffb {
    margin-top: -1px;
}

.ffb .row {
    margin-left: 0;
    margin-right: 0;
}

/********/

.header-fixed .header-v6.header-classic-white .navbar-nav > li > a {
    font-size: 13px;
}

/*
    La navbar-responsive-collapse no ocupa el ancho completo (en moura tampoco) y queda mucho mejor si forzamos que lo haga
 */
.navbar-collapse {
    width: 100%;
}

.uk-lightbox {
    background: rgba(0, 0, 0, .8) !important;
    z-index: 1000000 !important; /* Esto es lo que pasa por poner z-index 999999 a otros elementos... como si no hubiera números más pequeños */
}

/*
prettyPhoto

Hay que forzar ciertos estilos para las vistas AJAX

*/

.pp_content_container iframe {
    width: 280px;
    height: 150px;
}

.pp_content_container iframe body {
    width: 280px;
}

.pp_content,
.pp_details {
    max-width: 280px;
    max-height: 150px;
}

.pp_default {
    max-width: 310px;
}

@media screen and (min-width: 600px) {
    .pp_content_container iframe {
        width: 400px;
        height: 300px;
    }

    .pp_content_container iframe body {
        width: 400px;
    }

    .pp_content,
    .pp_details {
        max-width: 400px;
        max-height: 300px;
    }

    .pp_default {
        max-width: 430px;
    }
}

@media screen and (min-width: 850px) {
    .pp_content_container iframe {
        width: 800px;
        height: 600px;
    }
}

.faq .content-boxes-in-v3 {
    padding: 0;
}

.form-group > p {
    margin-bottom: 0;
}

.has-error .help-block > p,
.errors > p {
    color: #a94442;
}

label.form-label {
    font-size: 16px;
}

/******** PROGRESS *****/

@keyframes animate-stripes {
    0% {
        background-position: 0 0, center;
    }
    100% {
        background-position: -100px 0, center;
    }
}

.cw__progress {
    margin: 1rem auto;
    width: 100%;
}

.cw__progress-bar {
    background: #c8c8da;
    background-image: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%),
    linear-gradient(to right, #7d8eb9, #c8c8da);
    background-size: 100px 100%, 100%;
    width: 100%;
    border: none;
    color: #6d6d9b;
    height: 4rem;
    animation: animate-stripes 3s linear infinite;
}

.cw__progress-bar::-webkit-progress-bar {
    background: #c8c8da;
    background-image: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%),
    linear-gradient(to right, #7d8eb9, #c8c8da);
    width: 100%;
    border: none;
    background-size: 100px 100%, 100%;
    animation: animate-stripes 3s linear infinite;
}

.cw__progress-bar::-webkit-progress-value {
    background: #6d6d9b;
    height: 4rem;
}

.cw__progress-bar::-moz-progress-bar {
    background: #6d6d9b;
    height: 4rem;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.cw__progress-info,
p.cw__progress-info {
    text-align: center;
    margin-bottom: .25rem;
}

.cw__progress-thumb {
    max-width: 100%;
    height: auto;
}

.radios-checks-en-linha ul {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.radios-checks-en-linha ul li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.radios-checks-en-linha input[type="radio"] {
    display: inline;
    width: auto;
    line-height: 16px;
    height: 16px;

}

.cabeceira-seccions .section {
    margin-bottom: 5px;
}

@media screen and (min-width: 1024px) {
    .footer-force-down {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

.formulario-nuevo-sitio-wrapper {
    min-height: 90vh;
    margin-bottom: 5rem;
}

.tabla_comparativa .tr-titulo {
    cursor: pointer;
}

.tabla_comparativa strong {
    font-weight: 600;
}

.tabla_comparativa tfoot td {
    border-left: none !important;
    border-bottom: none !important;
}

.tabla_comparativa .tr-titulo .collapsed .marcador {
    background-color: #6d6d9b;
}

.tabla_comparativa .tr-titulo .collapsed .fila_titulo {
    color: #6d6d9b;
}

.tabla_comparativa .tr-titulo:hover .fila_titulo {
    color: #f68642;
}

.tabla_comparativa .tr-titulo .marcador,
.tabla_comparativa .tr-titulo:hover .marcador {
    background-color: #f68642;
}

@media screen and (max-width: 849px) {
    .table-data-responsive thead,
    .table-data-responsive th,
    .table-data-responsive tfoot {
        display: none;
    }

    .table-data-responsive > tbody + tbody {
        border-top: none;
    }

    .table-data-responsive .tr-titulo .fila_titulo {
        width: 100%;
    }

    .table-data-responsive [data-table-th],
    .table-data-responsive .tr-titulo {
        display: block;
    }

    .table-data-responsive [data-table-th]:before {
        content: attr(data-table-th);
        display: block;
    }

    .table-data-responsive > tbody td:first-of-type {
        text-align: center;
    }
}

.btn-price[disabled],
[disabled]:hover,
.btn-price[disabled]:hover {
    border-color: #bcbcbc;
    color: #bcbcbc;
    background: #fff;
    text-transform: uppercase;
    box-shadow: none;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.text-padded {
    display: inline-block;
    padding: 1.2rem;
    top: 0 !important;
    margin-top: 20px;
}

.text-padded.padded--sm {
    padding: .5rem;
}

.aviso-cookies {
    width: 100%;
}

.section--help img {
    width: 100%;
    margin-bottom: 4rem;
}

.grey-bg {
    background-color: #ededf2;
}

.container .site-thumbnail-wrapper {
    max-height: 300px;
    overflow: hidden;
}

.three-column-rates .rates__list li {
    background-image: url("../img-dina/dina-icons/price-list.png");
    background-position: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    color: #7e8890;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    min-height: 23px;
    padding: 0 0 0 25px;
    line-height: 1.6em;
}

.rates__list li i {
    margin: 0 10px 0 0;
    color: #f68642;
}

/*
*
*  PARALLAX
*
*/

.bg-image-v1 {
    background: url("/img-dina/contenido/parallax/ven-dh.jpg") repeat fixed;
}

/*
*
* BANNER INTERIOR
* Copia de .banner-dedicados
*
 */
.promo-background-interior {
    background-image: url("/img-dina/portada/creowebs/creowebs_1906x650.jpg");
}

@media only screen and (min-width: 1200px) {
    .promo-background-interior {
        background-image: url("/img-dina/portada/creowebs/creowebs_1906x650.jpg");
    }

    .promo__in .banner-interior {
        width: 100%;
        min-width: 100%;
        text-align: right;
        margin: 0;
        position: inherit;
        max-width: 100%;
        top: 75px;
        bottom: inherit;
    }

    .promo__in .banner-interior * {
        float: right;
    }

    .promo__in .banner-interior h1, .promo__in .banner-interior p {
        padding-right: 15px;
    }

    .promo__in .banner-interior .btn-banner {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .promo-background-interior {
        background-image: url("/img-dina/portada/creowebs/creowebs_1264x450.jpg");
    }

    .promo__in .banner-interior {
        width: 100%;
        min-width: 100%;
        text-align: right;
        margin: 0;
        position: inherit;
        max-width: 100%;
        top: 20px;
        bottom: inherit;
    }

    .promo__in .banner-interior * {
        float: right;
    }

    .promo__in .banner-interior h1, .promo__in .banner-interior p {
        padding-right: 15px;
    }

    .promo__in .banner-interior .btn-banner {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .promo-background-interior {
        background-image: url("/img-dina/portada/creowebs/creowebs_992x450.jpg");
    }

    .promo__in .banner-interior {
        width: 100%;
        min-width: 100%;
        text-align: center;
        margin: 0 auto auto 0;
        top: -5px;
        bottom: inherit;
    }

    .promo__in .banner-interior * {
        float: none !important;
    }
}

@media only screen and (min-width: 421px) and (max-width: 767px) and (orientation: landscape) {
    .promo-background-interior {
        background-image: url("/img-dina/portada/creowebs/creowebs_768x250.jpg");
    }

    .promo__in .banner-interior {
        width: 100%;
        min-width: 100%;
        text-align: center;
        margin: 0 auto auto 0;
        top: -35px;
        bottom: inherit;
    }

    .promo__in .banner-interior * {
        float: none !important;
    }
}

@media only screen and (min-width: 421px) and (max-width: 767px) and (orientation: portrait) {
    .promo-background-interior {
        background-image: url("/img-dina/portada/creowebs/creowebs_768x250.jpg");
    }

    .promo__in .banner-interior {
        width: 100%;
        min-width: 100%;
        text-align: center;
        margin: 0 auto auto 0;
        top: -35px;
        bottom: inherit;
    }

    .promo__in .banner-interior * {
        float: none !important;
    }
}

@media only screen and (max-width: 420px) {
    .promo-background-interior {
        background-image: url("/img-dina/portada/creowebs/creowebs_420x250.jpg");
    }

    .promo__in .banner-interior {
        width: 100%;
        min-width: 100%;
        text-align: center;
        margin: 0 auto auto 0;
        top: -35px;
        bottom: inherit;
    }

    .promo__in .banner-interior * {
        float: none !important;
    }
}

@media only screen and (min-width: 1200px) {
    .contenedor-listado-sitios {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .contenedor-listado-sitios,
    .conjuntoSitios {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .contenedor-listado-sitios .sitioWeb,
    .conjuntoSitios .sitioWeb {
        -webkit-flex: 1 1 calc(33% - 4rem);
        flex: 1 1 calc(33% - 4rem);
        max-width: 33%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.contenedor-listado-sitios .sitioWeb,
.conjuntoSitios .sitioWeb {
    margin-bottom: 6rem;
}

.contenedor-listado-sitios{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(270px, 1fr));
    grid-auto-flow: row;
    grid-gap: 2em;
    margin: 0;
}
.contenedor-listado-sitios .sitioWeb{
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.container .site-thumbnail-wrapper{
    max-height: 200px;
}
.site-thumbnail-wrapper > .btn-site{
    padding: 0;
    border: none;
    display: block;
}
.site-thumbnail-wrapper img{
    object-fit: cover;
    width: 100%;
}

.sitioWeb section{
    -webkit-box-shadow: 0 .1rem .3rem rgba(0,0,0,0.12), 0 .1rem .2rem rgba(0,0,0,0.24);
    -moz-box-shadow: 0 .1rem .3rem rgba(0,0,0,0.12), 0 .1rem .2rem rgba(0,0,0,0.24);
    box-shadow: 0 .1rem .3rem rgba(0,0,0,0.12), 0 .1rem .2rem rgba(0,0,0,0.24);
    height: 100%;
}
.sitioWeb article{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sitioWeb article > div:not(.site-thumbnail-wrapper){
    padding: 2rem;
}
.sitioWeb article > div:not(.site-thumbnail-wrapper) + div:not(.site-thumbnail-wrapper){
    padding: 0 2rem 2rem 2rem;
}
.sitioWeb .btn-group .btn + .dropup{
    margin-left: -.1rem;
}
.sitioWeb .dropdown-menu{
    min-width: auto;
}
.sitioWeb .dropdown-menu > li > a{
    padding: .6rem 1.3rem;
}


.contenedor-listado-sitios .site-title,
.conjuntoSitios .site-title {
    font-size: 2rem;
    word-wrap: break-word;
    margin-bottom: 0;
}

.contenedor-listado-sitios .site-header{
    margin-bottom: 0;
    max-height: 10em;
}
.contenedor-listado-sitios .site-header p{
    margin: initial;
}

.btn-site {
    color: #bcbcbc;
    background: #fff;
    box-shadow: none;
    text-decoration: none;
}

.btn-site:hover {
    border-color: #f68642;
    background-color: #f68642;
    color: #fff;
}

.btn-group .site-extra-actions {
    display: inline-block;
    float: left;
}

.site-extra-actions .dropdown-menu:before,
.site-extra-actions .dropdown-menu:after {
    display: none !important;
}

/*
   ALERTA ÑAPA
   Fuerzo aquí que se muestre siempre el tooltip raro que se inserta con PHP (WTF????!!!!).
   Sólo me interesaban los textos, pero bucear en esa clase para obtener los textos de la BBDD (WTF?????!!!) era una liada
 */
.sitio-tooltip-wrapper .tooltip-guia-wrapper {
    display: block !important;
}

.tooltip-guia-wrapper h3 {
    display: none;
}

.tooltip-guia-wrapper p:last-of-type {
    margin-bottom: 1rem;
}

/*
   ALERTA ÑAPA
   Me gustaria simplemente usar un button[disabled] pero PHP inserta javascript onclick (WTF?!?!?!?) sobre un <a> y es un cristo arreglarlo
 */
.btn-site[onclick="javascript:return false;"] {
    cursor: not-allowed;
    border-color: #bcbcbc !important;
    color: white !important;
    background: #bcbcbc !important;
}

.contenedor-listado-sitios .tab-pane {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}