/*-- Use For Custom Styling --*/

.link-daledesarrollos {
    color: #fff;
}

.link-obispado {
    color: #5d5d5d;
}

.link-daledesarrollos:hover {
    color: #CCC;
}

.link-obispado:hover {
    color: #A52A2A;
}

.img-logo-dale {
    max-width: 10em;
}

.text-obispado-seco {
    color: #3c4336
}

.text-obispado-claro {
    color: #bad4ca
}

.text-obispado-aqua {
    color: #6eb1b8
}

.text-obispado-brown {
    color: #A52A2A
}

.btn-transparent-brown {
    background: transparent;
    border-color: #A52A2A;
    color: #A52A2A;
}

.btn-transparent-brown:hover {
    background: #A52A2A;
    border-color: #A52A2A !important;
    color: #fff !important;
}

.btn-transparent-seco {
    background: transparent;
    border-color: #3c4336;
    color: #3c4336;
}

.btn-transparent-seco:hover {
    background: #3c4336;
    border-color: #3c4336 !important;
    color: #fff !important;
}

.pager-obispado {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.pager-obispado-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
}

.pager-obispado-link {
    margin: 0 10px;
}

.blog-cover-obispado {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)), url(../images/el-obispado-conjunto.jpg);
}

.bg-footer {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)), url(../images/el-obispado-footer.jpg);
}

.img-prototipos {
    max-width: 350px;
    margin: 0 auto;
}

.video-container{
    position: relative;
    width: 100%;
    max-height: 80vh;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* Para mantener relación 16:9 (9/16 = 0.5625) */
    max-height: 80vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
  }