/* Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');
body {background: url(../../images/background/bg-2.jpg); background-repeat: no-repeat; background-size: cover; font-family: 'Baloo 2', cursive;}
#preguntele-al-experto{background-color: #fff; border-radius: 7px; margin: 50px; padding: 40px;}
h2 {font-weight: 700;color: #333;font-size: 40px; margin-top: 0px; margin-bottom: 10px;}
h2 span {color: #06CCB9;}
h3 {font-size: 30px;font-weight: 600;line-height: 36px;margin-bottom: 20px; margin-top: 0px;}
p{margin-bottom: 15px;line-height: 25px;font-size: 16px;color: #333;font-weight: 400;}
.btn-boletin {background-color: #333; color: #fff; border-radius: 100px; font-weight: 700; text-transform: uppercase; font-size: 13px; padding: 5px 15px;float: right; text-decoration: none;}
.btn-boletin:hover{color: #fff; background-color: #4C49E8;}

/*Box entrevistado*/
.box-entrevistado{background: #4f6bac; border-radius: 7px; text-align: left; padding:13px; color: #333; margin-bottom: 15px; margin-top: 15px; display: table;}
.box-entrevistado h3{font-weight: 700 !important; font-size: 26px !important; margin-bottom: 0px !important; padding: 0px; color: #fff;margin-top: 10px;}
.box-entrevistado h4{font-weight: 600; line-height: 20px; margin-bottom: 10px; font-size: 16px; margin-top: 0px; color: #fff;}
.box-entrevistado img {border-radius: 7px; float: left; width: 10%; margin-right: 15px; }

/*Acorddion*/
.tabs input {position: absolute;opacity: 0;z-index: -1;}
.tabs {overflow: hidden;font-family: 'Baloo 2', cursive;}
.tab {width: 100%;color: white;overflow: hidden;}
.tab-label {background-color: #edf0f7;border-radius: 5px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;padding: 12px;font-weight: 400;cursor: pointer; margin-bottom: 15px; font-size: 16px; color: #4f6bac; line-height: 20px; border: 1px solid #e6e9f2;}
.tab-label:hover {background: #cfd5e1;}
.tab-label::after {content: "\276F";width: 1em;height: 1em;text-align: center;-webkit-transition: all .35s;transition: all .35s; color: #4f6bac;}
.tab-content-acc {max-height: 0;padding: 0 1em;color: #3e3e3e;background: white;-webkit-transition: all .35s;transition: all .35s;font-family: 'Baloo 2', cursive; font-weight: 400;}
.tab-content-acc a{color: #03CCB9; text-decoration: none; font-weight: 700;}
.tab-content-acc li {color: #3e3e3e;font-family: 'Baloo 2', cursive;}
.tab-close {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;padding: 1em;font-size: 0.75em;background: #122F53;cursor: pointer;}
.tab-close:hover {background: #122F53;}
input:checked + .tab-label {background: #cfd5e1;}
input:checked + .tab-label::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
input:checked ~ .tab-content-acc {max-height: 1000vh;padding:1em;border-radius: 7px; margin-bottom: 15px; margin-top: 15px; background: #f2f5fa;}
.tabs ul{margin-bottom: 40px;}
.tabs li{list-style: square;}
.main ul{margin-bottom: 40px;}
.tabs ol {counter-reset: foo;display: table;}
.tabs ol > li {counter-increment: foo;display: table !important;list-style: none; margin-bottom: 10px;}
.tabs ol > li::before {content: counter(foo) ".";display: table-cell !important;text-align: right;font-size: revert; padding-right: 5px; color: #1A7B5C}
.tabs ul {display: table !important;}
.tabs ul > li {display: list-item !important;list-style: square; margin-bottom: 10px;}
.tabs ul > li::marker {text-align: right;font-size: revert; padding-right: 5px; color: #1A7B5C !important}

@media screen and (max-width: 800px) {
#preguntele-al-experto{background-color: #fff; border-radius: 7px; margin: 50px; padding: 40px;}
.box-entrevistado img {float: none; width: 100%;}
}