/*
Theme Name: Dachshouse
Description: Tema desenvolvido para o site Recanto Dachshund
Author: Daxon Digital
Author URI: https://daxon.com.br
Version: 1.0.1
Text Domain: odin
*/
@import url(assets/css/style.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Raleway:wght@100..900&display=swap');
h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
}
.btn-default, input[type="submit"], input[type="reset"], button {
    color: #FFF;
    background-color: #3a2508;
    border-color: #3a2508;
}
.btn-default:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
    color: #000;
    background-color: #C98717;
    border-color: #C98717;
}
body {
    margin-bottom: 70px;
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
}
#header {
    background: #3E1F00;
    color: #FFF;
}
#header .page-header {
    margin: 20px 0 20px;
}
.page-header {
    margin: 0 0 0 15px;
    border-bottom: none;
}
a{
  color: #AE9678;
}
a:hover{
    color: #C98719;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-default {
    background: transparent !important;
    border-color: transparent !important;
}
.navbar-default a{
    color: #FFF !important;
    font-weight: bold;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #AE9678 !important;
    background-color:transparent;
}
h1.site-title, .page-header .h1{
    margin-top: 4px;
    margin-bottom: 6px;
    font-size: 28px;
    font-weight: 800;
    text-shadow: 0 0 7px #0000;
    font-family: 'Raleway', sans-serif;
}

h1.site-title a, .page-header .h1 a{
    color: #FFF;
    text-decoration: none;
}
h1.site-title a:hover, .page-header .h1 a:hover{
    color: #C98719;
    text-decoration: none;
}
.block-header{
    margin: 0 0 30px;
}
.block-header .divider{
    height: 2px;
    width: 80px;
    border-top: 2px solid #c98719;
    display: block;
    margin: 0 auto;
    margin-top: -18px;
    margin-bottom: 26px;
}
.block-header h2{
    font-size: 38px;
    margin-bottom: 30px;
    color: #3A2508;
    text-align: center;
}
.block-header p{
    max-width: 770px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 22px;
    margin-bottom: 15px;
}
#section-1{
    background-color: #3E1F00;
	background-image: url(https://www.recantodachshund.com.br/wp-content/uploads/2025/05/family1-e1747837090488.jpg);
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 0;
}
@media(min-width:769px){
	#section-1{
    	background-image: url(https://www.recantodachshund.com.br/wp-content/uploads/2025/05/family.jpg);
        padding-bottom: 12px;
	}
}
#section-1 svg{
    height: 60px;
    width: 100%;
    fill: #3E1F00;
    margin-bottom: 20px;
}
#section-1 .col-md-3{
    background: #271000;
    padding: 0 20px 5px;
    font-size: 17px;
    color: #FFF;
}
.btn-wa{
    background: #DE8801;
    border: 2px solid #FFF;
    font-weight: bold;
}
.btn-wa:hover{
    background: #C27501;
    border: 2px solid #FFF;
    font-weight: bold;
}
#section-1 .btn-wa {
    font-size: 17.5px !important;
    display: block !important;
    margin-bottom: 15px !important;
}

#section-2{
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 0;
    text-align: center;
}
.btn-wa svg {
    height: 36px !important;
    width: 36px !important;
    fill: #FFF !important;
    margin-bottom: -12px !important;
    margin-top: -8px !important;
    margin-left: -4px !important;
}
.btn-wa svg path{
    fill: #FFF !important;
}
.section-2-bg{
    padding: 40px 0 60px;
    background: rgba(240,240,240,.93);
}
#section-2 .celula{
    padding: 20px;
    background: #FFF;
    box-shadow: 0 0 2px #DDD;
    color: #333;
}
#section-2 .tag{
    color: #3a2508;
}
#section-2 h3{
    margin-top: 5px;
    color: #3A2508;
}
#section-2 a{
    color: #333;;
}
#section-2 a:hover{
    text-decoration: none;
    color: #C98719;
}
#section-2 a:hover img{
    box-shadow: 0 0 7px #AAA;
}
#section-3{
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    text-align: center;
    color: #FFF;
}
.section-3-bg{
    padding: 60px 20px 60px;
    background: #402703;
}
#section-3 .container {
    max-width: 530px;
    text-align: left;
}
#section-3 h2{
    font-size: 46px;
    margin-bottom: 40px;
    text-align: center;
    border-bottom: 1px solid #DE8402;
    padding-bottom: 30px;
    color: #DE8402;
}
#section-3 p{
    font-size: 28px;
}
#section-3 p span{
    font-weight: bold;
}
#section-3 .btn{
    background: #3A2508;
    border: 2px solid #FFF;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    margin-top: 26px;
    padding: 10px 30px;
}
#section-3 .btn:hover{
    background: #0D0902;
    border: 2px solid #000;
    box-shadow: 0 0 12px #fff;
}
#section-4{
    padding: 0;
    text-align: center;
    padding: 30px 0 30px;
    background: rgba(240,240,240,.93);
}
#section-4 h3{
    margin-top: 5px;
    margin-top: 10px;
    margin-bottom: 8px;
}
#section-4 .col-md-4{
    padding-bottom: 30px;
}
#section-5{
    background-color: transparent;
    background-image: linear-gradient(180deg, #D5ECF4 23%, #FAEEE7 96%);
    text-align: center;
    padding: 30px 0 40px;
}
#section-5 img{
    border: 5px solid #3A2508;
    margin: 0 auto;
    display: block;
    height: 217px;
    width: 217px;
}
#section-5 .img-circle {
    border-radius: 30px;
}
#section-5 a{
    color: #3A2508;
}
#section-5 a:hover{
    color: #0F0A02;
}
#section-5 h3{
    margin-top: 5px;
    margin-bottom: 8px;
}
#section-5 p{
    margin-bottom: 30px;
    font-size: 16px;
}
#section-6{
    background-image: url(https://www.recantodachshund.com.br/wp-content/uploads/2020/10/slide-4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #888;
    padding: 0;
    text-align: center;
    color: #FFF;
}
.section-6-bg{
    padding: 60px 30px 60px;
    background: #3a2508e0;
}
#section-6 .container {
    max-width: 530px;
    text-align: left;
}
#section-6 h2{
    font-size: 46px;
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 20px;
}
#section-6 p{
    font-size: 28px;
    text-align: center;
}
#section-6 .btn{
    background: #3A2508;
    border: 2px solid #FFF;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 10px;
    padding: 10px 30px;
}
#section-6 .btn:hover{
    background: #0D0902;
    border: 2px solid #000;
    box-shadow: 0 0 12px #fff;
}

#section-7{
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 0;
    text-align: center;
}
.section-7-bg{
    padding: 40px 30px 40px;
    background: rgba(240,240,240,.93);
}
#section-7 .celula{
    padding: 0;
    background: #FFF;
    box-shadow: 0 0 2px #DDD;
    margin-bottom: 30px;
}
#section-7 .inner-celula{
    padding: 20px 20px 20px 10px;
    text-align: left;
}
#section-7 .tag{
    color: #AAA;
}
#section-7 h3{
    margin-top: -7px;
    margin-bottom: 5px;
}
#section-7 img{
    float: left;
    max-width: 200px;
    height: auto;
    margin: 0 15px 0 0;
}
#section-7 .inner-celula p{
    font-size: 17px;
}
#section-7 .inner-celula a{
    font-weight: bold;
}
#section-8, .section-8{
    text-align: center;
    padding: 35px 30px 50px;  
    background: #3B2200; 
    color: #FFF
}
@media(max-width:768px){
    #section-8  .col-md-6, #section-8-c  .col-md-6, #section-10 .col-md-4{
        padding-left: 0;
        padding-right: 0;
    }
    #section-8 img{
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
}
#section-8-b{
    text-align: center;
    padding: 35px 30px 45px; 
    background: #3C2709; 
    color: #FFF
}
#section-8-b p span {
    font-weight: bold;
}
.section-8{
    border-top: 1px solid #c987192e;
}
#section-8 a{
    color: #3A2508;
}
#section-8 .fab{
    color: #F30909;
}
#section-8 p{
    max-width: 550px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 34px;
    margin-top: 0;
}
#section-8-b p{
    font-size: 34px;
}
#section-8-b p span{
    color: #F48514;
    text-transform: uppercase;
}
#section-8-c img{
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 25px;
    border: none;
    margin-bottom: 25px;
}
#section-8-c p{
    margin-top: 10px;
    font-size: 24px;
}
#section-8-d {
    padding: 40px 15px 40px;
}
#section-8-d .col-image{
    font-weight: bold;
}
@media (min-width: 769px){
    #section-8-d .col-image{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 600px;
    }
}
#section-8-d h2{
    color: #FFF;
    background: #FF8B00;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}
#section-8-d h3{
    color: #088DB7;
    font-size: 34px;
}
#section-8-d p{
    color: #010101;
    font-size: 32px;
}
#section-8-d img{
    border-radius: 25px;
    border: 4px solid #FF8B00;;
    margin-bottom: 40px;
}






#section-8-e {
    padding: 40px 15px 40px;
    background: #3E1F00;
}
#section-8-e .col-image{
    font-weight: bold;
}
@media (min-width: 769px){
    #section-8-e .col-image{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 600px;
    }
}
#section-8-e h2{
    color: #FFF;
    background: #FF8B00;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}
#section-8-e h3{
    color: #FFF;
    font-size: 36px;
    margin-bottom: 20px;
}
#section-8-e p{
    color: #FFFCF7;
    font-size: 30px;
}
#section-8-e img{
    border-radius: 25px;
    border: 4px solid #FFCFA0;;
    margin-bottom: 40px;
}





#section-9{
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 0;
    text-align: center;
}
.section-9-bg{
    padding: 40px 0 60px;
    background: rgba(240,240,240,.93);
}
#section-9 .block-header p{
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#section-9 .celula{
    padding: 20px;
    background: #FFF;
    box-shadow: 0 0 2px #ddd;
    min-height: 313px;
}
#section-9 .tag{
    color: #AAA;
}
#section-9 h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal;
}
#section-9 .img-thumbnail{
    border: 1px solid #EEE;
    border-radius: 0;
}
#section-10{
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 30px 30px 60px;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(180deg, #D5ECF4 23%, #FAEEE7 96%);
}
.section-9-bg{
    padding: 40px 0 60px;
    background: rgba(240,240,240,.93);
}
#section-10 .block-header p{
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#section-10 .celula{
    padding: 20px;
    background: #FFF;
    box-shadow: 0 0 2px #ddd;
}
#section-10 .tag{
    color: #AAA;
}
#section-10 h2{
    display: block;
    font-weight: normal;
}
#section-10 h2 span{
    display: block;
    font-weight: bold;
}
#section-10 h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal;
}
#section-10 .img-thumbnail{
    border: 1px solid #EEE;
    border-radius: 0;
}
#section-11{
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    padding: 0;
    text-align: center;
}
.section-11-bg{
    padding: 40px 30px 40px;
    background: rgba(240,240,240,.93);
}
#section-11 .celula{
    padding: 20px;
    background: #FFF;
    box-shadow: 0 0 2px #ddd;
    min-height: 313px;
}
#section-11 .tag{
    color: #AAA;
}
#section-11 h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal;
}
#section-11 .img-thumbnail{
    border: 1px solid #EEE;
    border-radius: 0;
}
@media (min-width: 769px){
    .navbar-nav {
        float: right;
        margin: 0;
    }
    .navbar-collapse.collapse {
        margin-top: 12px;
    }
    .menu-item.active{
        background: #160E03;
    }
}
@media(max-width: 768px){
    .site-title{
        text-align: center;
    }
    #header #main-navigation {
        margin: 0 0 !important;
        margin-top: -34px !important;
        z-index: 999999;
        padding-bottom: 20px !important;
    }
    .navbar-default .navbar-toggle {
        margin-top: -22px;
        margin-right: 0;
        width: 34px;
        margin-bottom: 18px;
    }
    #section-1 .col-md-3 {
        padding-top: 10px;
        margin-top: -82px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .block-header h2 {
        padding: 0 20px;
    }
    .btn-wa {
        width: 100%;
        margin-top: 20px;
    }
    #section-4{
        padding: 0 30px 10px;
    }
    #section-4-bg{
        padding: 0 30px;
    }
    #section-7 img{
        margin-bottom: 15px;
        display: block;
        float: none;
        max-width: 100%;
    }
    #footer .col-md-4{
        margin-bottom: 20px;
    }
    #header .container .col-md-8 {
        margin-bottom: -60px !important;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #201304;
        padding: 0 20px;
    }
}

@media(max-width: 970px){
    .site-title{
        text-align: center;
    }
}
.page{
    margin-bottom: 25px;
}
.page main{
    padding: 10px 35px 20px;
}
.menu-item.active{
    border-bottom: 2px solid #AE792B;
}
.navbar-default .navbar-nav li a {
    padding: 10px 15px;
}
#footer{
    height: inherit;
    background: #141519;
    --color: #FFF;
    color: #FFFFFFAB;
    padding-top: 0;
    bottom: inherit;
}
#footer .col-md-4{
    text-align: left;
}
#footer h5{
    font-size: 20px;
    font-weight: bold;
    color: #C98719;
}
#footer a:hover {
    color: #C98719;
}
#footer .fa, #footer .fas, #footer .far, #footer .fab{
    color: #C98719;
    width: 16px !important;
}
#footer #menu-menu-rodape{
    padding-left: 21px;
    list-style-type: square;
}
.redes-sociais{
    background-color: #1D5339;
    background-image: url(assets/images/family.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.redes-sociais-bg{
    background-color: rgba(0,0,0,.5);
    padding: 50px 20px;
}
.redes-sociais h2{
    color: #FFF;
    text-shadow: 0 0 4px #000;
    margin-bottom: 15px;
}
.redes-sociais a{
    font-size: 33px;
    display: inline-block;
    padding: 15px;
}
.redes-sociais a:hover .far, .redes-sociais a:hover .fab{
    color: #FFF !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    overflow-x: hidden;
}
#header .col-md-9{
    margin-bottom: -45px;
}
.single main{
    padding: 10px 30px 30px 0;
}
.single #sidebar{
    padding: 35px 0 30px;
}
.archive main {
    margin: 35px 20px 40px;
}
.archive h2.entry-title{
    margin-top: 10px;
    font-size: 18px;
}
.archive .page-header {
    margin: -20px 0 0 17px;
    border-bottom: none;
}
.hentry{
    margin-bottom: 20px;
}
.img-thumbnail, .gallery .gallery-item img {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ae9678;
}
h2.page-header{
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.page-header {
    padding-bottom: 0px;
}

@media (min-width: 769px){
    .navbar-default .navbar-nav li a {
        padding: 5px 15px;
    }
    .navbar-collapse.collapse {
        margin-top: 6px;
    }
}
@media (max-width: 768px){
    #section-5 img {
        width: inherit;
        height: auto ;
    }
    .navbar-default .navbar-toggle {
        margin-top: -22px;
        margin-right: 0;
        width: 34px;
    }
    #section-5 .row {
        margin: 0;
    }
    #section-1 {
        background-image: none !important;
        background-color:#3E1F00 !important;
    }
}
#footer figcaption{
    text-align: center;
    color: #FFF;
}
.navbar-toggle {
    padding: 9px 8px;
}
.navbar-toggle .icon-bar {
    width: 16px;
}
#menu-menu-rodape li {
    padding: 4px 0;
}
#section-2 .celula p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

article ul {
    list-style: none;
    padding: 0;
    margin: 0 0 3rem;
}
article ul li {
    padding-left: 1rem;
    text-indent: -0.7rem;
    margin-bottom: 9px;
}
article ul li::before {
    content: "🐾";
    padding-right: 8px;
}



.site-title{
    font-size: 40px;
}
#content article.page{
    max-width: 800px;
    margin: 0 auto;
}
#section-5 .row>div:hover img{
    border-color: #C98719;
}
#section-5 .row>div a:hover {
    text-decoration:none;
}
#section-5 .row>div:hover p{
    color: #C98719;
}
#section-1 h2{
    font-size: 20px;
    color: #DB8605;
}

#section-8 .col-md-4 img {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 20px;
}
#section-8 .btn, .section-8 .btn, .section-8- .btn, #section-3 .btn  {
    background: #DE8801;
    border: 2px solid #FFF;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 10px;
    padding: 10px 30px;
    color: #FFF;
    min-width: 380px;
    font-size: 21px;
    font-weight: bold;
}
#section-8 .btn:hover, .section-8 .btn:hover, .section-8- .btn:hover, #section-3 .btn:hover {
    background: #C27501;
    border: 2px solid #FFF;
    box-shadow: 0 0 12px #fff;
}
#section-8 h2, .section-8 h2 {
    margin: 20px 0;
    font-size: 36px;
}
@media(min-width:768px){
    #section-8 .col-md-8 {
        margin-top: 80px;
    }
    #section-8 h2 {
        margin: 20px 0 40px;
    }
}
@media(min-width:992px){
    #section-1:before {
        background: rgb(58 37 8 / 90%);
        height: 495px;
        width: 100%;
        content: " ";
        display: table;
        position: absolute;
        right: 0;
    }
    #section-1 img.img-responsive {
        width: 360px;
        margin: 0 auto;
        margin-top: -20px;
    }
}

@media(max-width:768px){
    #section-1 img.img-responsive {
        margin: 0 auto;
        width: 100%;
        float: none;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 90% !important;
    }
}

#section-10 .grid-itens{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-auto-flow: row;
    gap: 20px;
}
@media (max-width: 768px) {
    .grid-itens {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#section-10 .grid-itens .celula {
    text-align: center;
}
#section-10 .grid-itens img{
    height: 60px;
    width: 60px;
}
.grid-itens > * {
    min-width: 0;
    overflow: hidden;
}
.eael-feature-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.eael-feature-list-items.eael-feature-list-vertical .eael-feature-list-item:not(:last-child) {
    padding-bottom: calc(33px / 2);
}

.elementor-widget-eael-feature-list .eael-feature-list-items .eael-feature-list-item .eael-feature-list-icon-box {
    z-index: 2;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.eael-feature-list-icon-inner {
    background-color: #3a2508;
    padding: 12px;
    border-radius: 50%;
}

.elementor-widget-eael-feature-list .eael-feature-list-items.circle .eael-feature-list-icon-box .eael-feature-list-icon-inner .eael-feature-list-icon {
    border-radius: 50%;
}

.eael-feature-list-items .eael-feature-list-icon svg {
    fill: #fff;
    margin-bottom: -4px;
}

.elementor-widget-eael-feature-list .eael-feature-list-items .eael-feature-list-item .eael-feature-list-icon-box .eael-feature-list-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

@media (min-width: 1025px) {
    .eael-feature-list-item {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (min-width: 1025px) {
    .eael-feature-list-item, .eael-feature-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.eael-feature-list-icon-box {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

span.connector {
    position: relative;
    left: 20px;
}
#section-11 h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 34px;
}
#section-11 p {
    font-size: 24px;
}

@media (max-width: 768px) {
    .eael-feature-list-content-box {
        margin-left: 75px;
        margin-top: -55px;
        text-align: left;
    }
}


#section-1 .col-md-3 {
    font-size: 19px;
}
#section-1 .btn-wa {
    font-size: 18px !important;
    margin: 10px 0 !important;
}
@media (max-width: 768px) {
    #header #main-navigation {
        margin-top: 0 !important;
    }
    #main-navigator.navbar{
        border-none;
    }

    .navbar-default .navbar-toggle {
        margin-top: 0;
        margin-right: 0;
        width: 34px;
        position: absolute;
        right: 0;
        top: -58px;
    }
    #section-1 h2 {
        font-size: 32px;
    }
    #section-1 .col-md-3 {
        font-size: 21px;
    }
    #section-1 .btn-wa {
       font-size: 22px !important;
       margin-top: 15px !important;
       margin-bottom: 0 !important;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0 solid #c98719;
    }
   .nav>li {
       font-size: 18px;
    }
    .navbar-nav {
        box-shadow: 0 0 10px #ae792b;
    }
}

.live-button {
    display: flex;
    align-items: center;
    background: #dc143c;
    border-radius: 50px;
    padding: 8px 25px 8px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    animation: pulse 2s infinite;
    width: 190px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 24px;
}

.camera-icon {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    position: relative;
}

.camera-icon svg {
    fill: #dc143c;
    height: 28px;
    width: 28px
}

.live-text {
    color: white;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

#section-8 h2 span, .section-8 h2 span{
   color: #CF8605
}
#section-8 h3{
   color: #CF8605;
   font-weight: 400;
   margin: 0;
}
#section-8 h3 span{
   font-weight: 700;
}
#section-8 img{
    margin-bottom: 25px;
    border-radius: 20px;
    border: 3px solid #FADBC4;
}
@media(max-width:768px){
    #section-8 img, #section-8-c img{
        margin-bottom: 15px;
    }
}

#section-10 .celula {
    padding: 0;
    background: transparent;
    box-shadow: none;
}
#section-10 .img-thumbnail {
    border: none;
    padding: 0;
    border-radius: 20px;
}
#section-8 img, #section-8-d img, #section-8-e img {
    border: none;
}
#section-5 img {
    border: none;
}