/*======================================================
CABECERA
======================================================*/

.search-header{

text-align:center;

padding:25px 20px;

}

.search-title{

font-size:18px;

color:#777;

margin-bottom:10px;

}

.search-word{

    color:#7b4d21;

    font-weight:700;

}

.search-total{

    text-align:center;

    margin:20px 0;

    color:#777;

    font-size:15px;

}

.search-result{

display:block;

padding:18px 20px;

border-bottom:1px solid #d8d8d8;

text-decoration:none;

color:#222;

transition:.2s;

}

.search-result:hover{

background:#faf8f3;

}

.search-reference{

font-size:18px;

font-weight:700;

color:#6b3f1f;

margin-bottom:10px;

}

.search-text{

font-size:17px;

line-height:1.8;

}

/*======================================================
GRUPOS
======================================================*/

.search-group{

    margin-top:35px;

    margin-bottom:12px;

    font-size:24px;

    font-weight:700;

    color:#6d4826;

}

/*======================================================
VERSÍCULO
======================================================*/

.search-link-arrow{

    color:#b08b34;

    font-size:16px;

    margin-right:8px;

}

.search-verse{

    font-weight:700;

    color:#6d4826;

    margin-right:6px;

}

/*======================================================
  PAGINACIÓN
======================================================*/

.search-pagination{

    max-width:1200px;

    margin:30px auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:left;

    gap:6px;

    background:#ffffff;


}

.search-pagination a{

    display:flex;

    justify-content:center;

    align-items:center;

    width:25px;

    height:25px;

    border:1px solid #b6a07b;

    border-radius:4px;

    background:#ffffff;

    color:#6d4826;

    text-decoration:none;

    font-weight:600;

    transition:.2s;

}

.search-pagination a:hover{

    background:#f4efe7;

}

.search-pagination a.active{

    background:#6d4826;

    color:#ffffff;

}

.search-match-exact{

    background:#d6f2c8;

    color:#2f5d13;

    font-weight:700;

    padding:0 2px;

    border-radius:3px;

}

.search-match-case{

    background:#ffe7a5;

    color:#7b4d21;

    font-weight:700;

    padding:0 2px;

    border-radius:3px;

}

.search-match-part{

    background:#cfe5ff;

    color:#0f4678;

    font-weight:700;

    padding:0 2px;

    border-radius:3px;

}

.search-form{

    background:#f7f2e8;

    border:2px solid #c7b08b;

    border-radius:10px;

    padding:24px;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

}

.search-form h3{

    color:#6d4826;

    font-size:22px;

    margin-bottom:18px;

}

.search-form input[type="text"]{

    width:100%;

    padding:12px 15px;

    border:1px solid #c6b49b;

    border-radius:6px;

    background:#fffdf9;

    font-size:16px;

}

.search-form button{

    margin-top:18px;

    padding:10px 28px;

    background:#6d4826;

    color:#fff;

    border:none;

    border-radius:6px;

    cursor:pointer;

    font-weight:600;

}

.search-form button:hover{

    background:#5a3b1d;

}

/*======================================================
FORMULARIO BUSCADOR
======================================================*/

.study-search-form{

    margin-top:15px;

    padding:18px;

    text-align:center;

    background:#f7f2e8;

    border:2px solid #c7b08b;

    border-radius:10px;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

}

.study-search-form-title{

    margin-bottom:15px;

    color:#6d4826;

    font-size:18px;

    font-weight:700;

}

.study-search-input{

    width:100%;

    padding:10px 14px;

    background:#fffdf9;

    border:1px solid #c8b08b;

    border-radius:6px;

    font-size:16px;

    box-sizing:border-box;

}

.study-search-button{

    display:inline-block;

    width:auto;

    padding:10px 28px;

    margin-top:15px;

    font-size:16px;

}

.study-search-button:hover{

    background:#59381b;

    color:#ffffff;

}

.study-search-decoration{

    margin-top:20px;

    text-align:center;

}

.study-search-decoration img{

    width:170px;

    opacity:.75;

}