.pads{
	padding: 0 46px;
}
.padsIndex{
	padding: 0 46px;
}

.hero-container {
    position: relative;
    width: 100%;
    height: 45vh;     /* Reduced height */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ensures the image covers the container without distortion on larger screens */
    z-index: -1;
	padding-bottom: 10vh;
}

:root {
     color-scheme: light only;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    .hero-image {
        object-fit: contain; /* Ensures the image fits within the container on smaller screens */
		height:65% !important;
    }
	.pads{
	padding: 0 16px;
}
	.padsIndex{
	padding: 0 0px;
}
}

.hero-text {
    text-align: center;
    color: white;
}

.hero-text h1 {
    font-size: 4em;
    margin-bottom: 20px;
}

.hero-text p {
    font-size: 1.5em;
}

/* Adjust text size on smaller screens */
@media (max-width: 768px) {
    .hero-text h1 {
        font-size: 2em;
    }

    .hero-text p {
        font-size: 1.2em;
    }
}



body.menu-open {
    overflow: hidden;
}

/* Estilos gerais para o submenu */
.mobile-dropdown {
    position: relative;
}

html * {
    letter-spacing: 1px;
}

.mobile-dropdown .mobile-dropdown-content {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #F7F2EE;
}

.mobile-dropdown .mobile-dropdown-content li {
    padding: 10px;
}

.mobile-dropdown .mobile-dropdown-content li a {
    text-decoration: none;
    color: #472410;
}

/* Chevron icon styles */
.mobile-dropdown .chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	transform: rotate(136deg);
	vertical-align: middle;
	width: 0.45em;	
    transition: transform 0.3s ease;
}

.mobile-dropdown.open .chevron::before {
    transform: rotate(136deg); /* Rotate for upward chevron */
	
    transition: transform 0.3s ease;
}

body {
    margin: 0;
    padding: 0;
    background: #F7F2EE;
    text-align: center;
    color: #472410;
}

header {
    background: #F7F2EE; /* Transparent background */
    padding: 20px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: box-shadow 0.3s ease-in-out;
    z-index: 1000;
    text-align: right; /* Align header content to the right */
}

header.scrolled {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

header.scrolled {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.desktop-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
	font-size:16px;
}

.desktop-nav ul li {
    position: relative;
    margin: 0 15px;
}

.desktop-nav ul li a {
    text-decoration: none;
    color: #472410;
    font-weight: bold;
}

.dropdown{
}

.desktop-nav ul li ul.dropdown-content {
    display: none;
    position: absolute;
    background: #F7F2EE;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
    margin: 0;
    top: 100%;
    left: -90px;
    min-width: 100%;
    z-index: 999;
	width: 414px;
    text-align: left;
	font-size:16px;
	color:#472410;
}

.desktop-nav ul li ul.dropdown-content li {
    padding: 10px 20px;
}

.desktop-nav ul li:hover ul.dropdown-content {
    display: block;
}

.mobile-header {
    display: none;
}

#mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F7F2EE;
    transform: translateY(-100%); /* Start off-screen */
    transition: transform 0.3s ease-out; /* Smooth slide down */
    overflow-y: auto;
    z-index: 9999; /* Ensure it's above all other content */
    padding-top: 60px; /* Adjust as needed for header spacing */
}

#mobile-menu.show {
    transform: translateY(0); /* Slide into view */
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: 'Maleah Regular', sans-serif;
}

.mobile-menu ul li {
    padding: 18px 0;
}

.mobile-menu ul li a {
    color: #472410;
    text-decoration: none;
    font-weight: bold;
}

.hamburger {
    display: block;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px 15px;
    position: relative;
    z-index: 1001;
	float: right;
}

.hamburger .bar {
    display: block;
    width: 25px;
    height: 3px;
    background: #333;
    margin: 5px 0;
    transition: all 0.3s ease;
}

.close-btn {
    background: transparent;
    border: none;
    font-size: 36px;
    color: #333;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.mobile-menu.show {
    transform: translateY(0);
}

/* The expanded navigation no longer fits comfortably below this width. */
@media screen and (max-width: 1600px) {
    .desktop-nav {
        display: none;
    }

    .mobile-header {
        display: block;
    }
}

/* Keep a labelled compact menu while the page itself still uses desktop layout. */
@media screen and (min-width: 769px) and (max-width: 1600px) {
    .hamburger {
        min-height: 44px;
        padding-left: 76px;
    }

    .hamburger::before {
        content: "Menu";
        color: #472410;
        font-size: var(--ts-nav);
        font-weight: 600;
        left: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.mobile-menu-content {
    display: flex;
    flex-direction: column;
}

.mobile-menu-content a {
    text-decoration: none;
    color: #333;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.mobile-dropdown-content {
    display: none; /* Hidden by default */
    flex-direction: column;
}

.mobile-dropdown.open .mobile-dropdown-content {
    display: flex; /* Show when open */
}

main {
    padding: 60px 0px 0px 0px;
}

h1 {
    font-size: 3em;
    margin: 0;
}

p {
    font-size: 1.4em;
    margin: 20px 0 0;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none !important;
    outline: none;
}

.BurgerText{
	font-size: 18px;
}
.my-justify{
	text-align: justify;
}	

.BigTitle{
 font-size:36px;
}
.imgmarginbottom{
	margin-bottom:0px;
}
.images{
	border-radius:16px;max-width:100%;height:auto;
}
.imagesCandle{
	border-radius:16px;max-width:100%;height:auto;
}
.Tematico{
	margin-top:45px;
}
.ImageCandleIndex {
	display:block;
}
.ImageCandleIndexReverse {
	display:none;
}
@media screen and (max-width: 766px) {
.ImageCandleIndex {
	display:none;
}
.ImageCandleIndexReverse {
	display:block;
}
	
.images{
	border-radius:16px;max-width:90%;height:auto;
}
.Tematico{
	margin-top:0px;
}
.imagesCandle{
	       border-radius: 54px;
        height: auto;
}
.titleSize{
	font-size:28px !important;
}
.imgmarginbottom{
	margin-bottom:20px;
}

}
@media screen and (max-width: 1370px) and (min-width: 1200px) {
	.OverrideBootstrap{
		width:100% !important;
	}
}
@media screen and (max-width: 1370px) and (min-width: 768px) {

		.IntermediateSize {
			width: 100% !important;
		}
	.PinkTitle{
		margin-top:32px;
    font-size: 22px;
    line-height: 35px;
    font-family: 'Maleah Regular' !important;
	}
		.MobileCenter{		
		text-align:center;
	}

	
	.MobileTitlePink{
		color:#D18741 ! important;
		font-size:20px;
	}
			
	.MobileWidthCandle{
		width:30em;
		margin-left:auto;
		margin-right:auto;		
		}
	.WhiteRoseTransform{
		transform:rotate(-90deg);
		margin-top: -30px;
	}
	.WhiteRose{
	}
	}
	
@media screen and (min-width: 1200px) {
	.my-justify{
		text-align: justify;
	}
		.FontSizeTop{
		font-size: 22px;
	}
			.FontSizeTopDogy{
		font-size: 24px;
	}
		.FontSizeTop2{
		font-size: 33px;
	}
		.FontSizeTop3{
		font-size: 56px;
	}
	.FontSizeTopDog{
		margin-top: -3px;
		margin-bottom: -3px;
		font-size: 32px;
	}
		.QuestPratc{
		padding-bottom:32px;
	}
.PinkTitle{
	background-color: #D18741;
    box-shadow: 0.4em 0 0 #D18741, -0.4em 0 0 #D18741;
    color: black !important;
    font-size: 22px;
    line-height: 35px;
    margin-left: -33px;
    margin-top: 10px;
	Width: fit-content;
    font-family: 'Maleah Regular' !important;
    
}
	
	.MobileWidthCandle{
		width:30em;
		transform: scaleY(1.09);
		Margin-top:20px;
	}
	
	


	.WhiteRose{
		width: 27em !important;
		padding-top: 10px;
		margin-top:39px;
	}
}

@media screen and (max-width: 1300px) {	

	.my-justify{
		text-align: justify;
	}
.Acompanhamento{
padding-top:25px !important;
padding-bottom: 50px !important;	
}
p{
	font-size:14px;
}
.dogmargin{
	
}

.Nome{
	font-size: 33px;
}
.headerdiv{
	padding-top:50px !important;
	padding-bottom: 0px !important;
}
	
.CatClass{
		width:96%;
		    margin-top: 20px;
	}
		.QuestPratc{
			font-size: 7vw;
		padding-bottom:22px;
	}
	.MobileWidth{
		width:100%
	}
	.MobileWidthCompass{
		width:100%
	}
	.PinkTitle{
    font-size: 24px;
    line-height: 35px;
    font-family: 'Maleah Regular' !important;
	}
		.MobileCenter{		
		text-align:center;
	}

	
	.MobileTitlePink{
		color:#D18741 ! important;
		font-size:20px;
	}
	.JustifyPC{
		text-align: justify!important;
	}
	
	.JustifyCenter{
		text-align: justify !important;
	}
	
	.MobileTopMargin {
		Margin-top:24px;
	}
	
	.FontSizeTop{
	}
	
	.FontSizeTop2{
		font-size: 6.8vw;
		font-weight:bold;
	}
	
	.FontSizeTop3{
		font-size: 9vw !important;
	}
	
	.FontSizeTopDog{
		
		font-size: 5.7vw !important;
	}
	
	.MobileWidthDogs{
		width:100%
	}

	
	.MobileWidthLogo{
		width:25%
	}
	
	.MobileMarginCandle{
	}
	.MobilePaddingCandle{
	}
	.Feather{
		transform: rotate(13deg);	
		    margin-left: 10px;
	}
	.FeatherDiv{
		margin-top: -5px;
	}
	
	.LeituraFeminina{
		    margin-top: -10px !important;
	}

.HeaderPadding{
}
.ImageBottomMargin{
	margin-bottom:10px;
}
.MobileMargin{
	margin-top:-1px;
}

.BordauxText{
	font-size:18px;
}
.BordauxPadding{
	
}
.BigTitle{
 font-size:34px;
}

.FerramentasTitle{
	
    font-size: 22px;
    line-height: 35px;
    margin-top: 24px;
    font-family: 'Maleah Regular' !important;
    
}	
	.header{
		    background-image: url(../img/Header_mobile.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 148vw;
    background-position: 53% 130.7%;
	}	
	.headerDog{
		    background-image: url(../img/NewHeaderDogsShort.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 148vw;
    background-position: 53% 130.7%;
	}
.SizePequeno{
	font-size:16px;
}
	
	.MobilePaddingDogs{
	}
	.HeaderM{
		display:inline-block;
	}
	.HeaderP{
		display:none;
	}
	.desktop-nav {
        display: none;
    }
    .mobile-header {
        display: block;
    }
}

@media screen and (min-width: 1300px) {
	.Acompanhamento{
padding-top:50px !important;
padding-bottom: 50px !important;	
}

.Nome{
	font-size: 36px;
}
	.headerdiv{
	padding-top:100px !important;
	padding-bottom: 0px !important;	
	}
	
		.JustifyCenter{
		text-align: Center !important;
	}
	
	.dogmargin{
		margin: 25px 90px 0px 90px;
	}
	.CatClass{
		width:100%;
		margin-top: 38px;
	}
	.JustifyPC{
		text-align: justify!important;
	}
	
	.QuestPratc{
		padding-bottom:32px;
		font-size:28px;
	}
	
	.Feather{
		width:31%;
		transform: rotate(13deg);		
		margin-left: auto;
		margin-right: auto;
		margin-top: 32px;
		margin-bottom: -25px;
	}
	.FeatherDiv{
		margin-right: -137px;
		margin-left: -110px;
		margin-top: -5px;
	}
	.HeaderM{
		display:none;
	}
	.HeaderP{
		display:inline-block;
	}
	
.SizePequeno{
	font-size:18px;
}
	.header{
background-image: url(../img/Header.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 23vw;
	}
	.headerDog{
background-image: url(../img/Header__animals_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 24vw;
	}
	.MobileWidth{
		width:36em;
		margin-top: 28px;
	}
	.MobileWidthCompass{
		width:39em;
		margin-top: 28px;
	}
	.MobileWidthDogs{
		width:21vw
	}
	
	.MobileMargin{
	margin-top:-1px;
	}
	.MobileWidthLogo{
		width:6%
	}
	
	.MobilePaddingDogs{
		padding: 0 20px 0 20px;
	}
	
	.MobileMarginCandle{
		/*margin-top: 5%;*/
	}
	.MobilePaddingCandle{		
		padding-left:50px;
		margin-top: 1%;
	}
	
.FerramentasTitle{
	
    font-size: 32px;
    line-height: 35px;
    margin-top: 50px;
    
}

	.DogText{
		text-align: justify;
		line-height:1.25;
		padding-left:30px!important;
	}
.BordauxText{
	font-size:19px;
	letter-spacing:1px;
}
.BordauxPadding{
	    padding-left: 20px; 
}
	
.HeaderPadding{
	padding-top: 44px;
    padding-right: 3px;
    padding-bottom: 117px;
    padding-left: 3px;
}

.ImageBottomMargin{
}
}

.titleSize{
	font-size:36px;
}

.row{
	    margin-left: auto !important;
    margin-right: auto !important;
}

.collapsed.Fechado{
	display: block;
}

.Fechado{
	display: none;
}

.collapsed.Aberto{
	display: none;
}

.Aberto{
	display: block;
}
.w3-content{
	max-width: 1200px !important;
}
.img-responsive{
	display:initial;
}

.LineTopics{
	line-height: 1.0;
}

.w3-padding-64{
	padding-top: 50px!important;
    padding-bottom: 50px!important;
}

/* Center feedback text inside carousel slides */
/* --- Feedback Carousel: keep Bootstrap show/hide behavior --- */

#feedbackCarousel .carousel-item,
#animalFeedbackCarousel .carousel-item{
  /* hidden by default, Bootstrap logic */
  display: none;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 40px 20px;

  /* keep your stacking behavior */
  grid-area: 1 / 1;
}

/* show only active + transitioning items */
#feedbackCarousel .carousel-item.active,
#feedbackCarousel .carousel-item-next,
#feedbackCarousel .carousel-item-prev,
#animalFeedbackCarousel .carousel-item.active,
#animalFeedbackCarousel .carousel-item-next,
#animalFeedbackCarousel .carousel-item-prev{
  display: flex;
}

/* Feedbacks change immediately instead of using Bootstrap's fade-out animation. */
#feedbackCarousel.carousel-fade .carousel-item,
#animalFeedbackCarousel.carousel-fade .carousel-item{
  transition: opacity 0s linear;
}

#feedbackCarousel .carousel-item p,
#animalFeedbackCarousel .carousel-item p{
font-size: var(--ts-body);
  line-height: var(--lh-body);
  line-height: 1.6;
  color: #472410;
}

#feedbackCarousel .carousel-item small,
#animalFeedbackCarousel .carousel-item small{
  display: block;
  color: #A67C52;
  text-align: center;
}

#feedbackCarousel .carousel-control-prev-icon{
  filter: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23472410'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#feedbackCarousel .carousel-control-next-icon{
  filter: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23472410'%3e%3cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3e%3c/svg%3e");
}

#animalFeedbackCarousel .carousel-control-prev-icon{
  filter: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23472410'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#animalFeedbackCarousel .carousel-control-next-icon{
  filter: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23472410'%3e%3cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3e%3c/svg%3e");
}

/* Limit text width so arrows never overlap */
#feedbackCarousel .carousel-content,
#animalFeedbackCarousel .carousel-content{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 60px;
}

/* Keep height of tallest slide */
#feedbackCarousel .carousel-inner,
#animalFeedbackCarousel .carousel-inner{
  display: grid;
}


.carousel-item p {
font-size: var(--ts-body);
  line-height: var(--lh-body);
    line-height: 1.6;
    color: #472410;
}

.carousel-item small {
    display: block;
    color: #A67C52;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1) brightness(0); /* make arrows black */
}
/* Limit text width so arrows never overlap */
.carousel-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 60px; /* space for arrows */
}
/* Make carousel keep the height of the tallest slide */
.carousel-inner {
    display: grid;
}


.site-footer {
  background-color: #F7F2EE;
  color: #472410;
  padding: 10px 10px 10px;
  font-size: 16px;
}

.footer-container {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.site-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
      text-align: left;
}

.footer-column h4 {
  font-size: 1rem;
  margin-bottom: 10px;
  color: #472410;
    display: flex;
  flex-direction: column;
}

.footer-column p {
  margin: 0;
  line-height: 1.6;
}

.footer-column{
  width: 100%;              /* key: gives the UL space to move right */
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  width: max-content;       /* shrink-wrap to the longest item */
  margin-left: auto;        /* push UL to the right */
  margin-right: auto;
  text-align: center;       /* center each LI/link within the UL width */
  padding-left: 0;          /* if you have default UL padding */
  list-style: none;         /* optional */
}

.footer-links li {
  margin-bottom: 6px;
}

.footer-links a,
.site-footer a {
  color: #C18787;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

.footer-disclaimer {
  max-width: 900px;
  margin: 30px auto 20px;
  font-size: 0.85rem;
  color: #6b4a32;
  text-align: center;
}

.footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  text-align: center;
  font-size: 0.8rem;
  color: #6b4a32;
}
  .contact-form {
    max-width: 600px;
    margin: 0 auto;
    display: grid;
    gap: 18px;
  }

  .contact-form label {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    color: #472410;
  }

  .contact-form input,
  .contact-form textarea,
  .contact-form select {
    padding: 10px;
    font-size: 1.5rem;
    border: 1px solid #ccc;
    border-radius: 6px;
  }

  .form-toggle {
    border: none;
    padding: 0;
    margin: 0;
  }

  .form-toggle label {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-right: 18px;
  }

.gdpr{
  display: flex;
  align-items: flex-start; /* keeps checkbox aligned nicely */
  gap: 10px;
  text-align: left;
}

.gdpr a{
  white-space: nowrap; /* prevents “Política de Privacidade” splitting */
}


  .gdpr input {
    margin-right: 10px;
  }

  .contact-form button {
    background: #472410;
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 6px;
  }

  .contact-form button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
  }

  .form-message {
    padding: 12px;
    border-radius: 6px;
    font-size: 0.95rem;
  }

  .form-message.success {
    background: #eef7f0;
    color: #1f5f2a;
    border: 1px solid #cfe9d5;
  }

  .form-message.error {
    background: #fff1f1;
    color: #7a1f1f;
    border: 1px solid #f0caca;
  }

  .contact-form a {
    color: #8a8b60;
    text-decoration: none;
  }

  .contact-form a:hover {
    text-decoration: underline;
  }
button,
input,
select,
textarea {
  font: inherit;              /* font-family + font-size + line-height */
  letter-spacing: inherit;
  color: inherit;
}
ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
.footer-support{
  margin: 12px 0 0;
  color: #472410;        /* match your palette */
  font-size: 16px;    /* slightly smaller than body */
  opacity: 0.9;
}

/* Force the GDPR line to be one row: checkbox left, text right */
label.gdpr{
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  text-align: left;
}

#mailingListOptIn[hidden]{
  display: none !important;
}

/* Undo any global rules that make inputs full width/block inside labels */
label.gdpr > input[type="checkbox"]{
  display: inline-block !important;
  width: auto !important;
  flex: 0 0 auto;
}

/* Keep the text next to it */
label.gdpr > span{
  display: inline-block;
  flex: 1 1 auto;
}

/* Optional: stop “Política de Privacidade” breaking into 2 lines */
label.gdpr a{
  white-space: nowrap;
}
.imageTerapias{
	padding-right:18px;
}
.imageTerapiasLeft{
	padding-left:18px;
}

.LinkAlign {
	text-align: justify;
}

.MarginRosa{
	margin-top:10px;
}

.MarginAlinhamento {
	margin-top:-33px;
}

@media (max-width: 768px){
.imageTerapiasLeft{
	padding-left:0px;
}
  .contact-form{ padding: 0 16px; }
  .contact-boxy{
    margin-bottom: 30px !important;
  }
  .imageTerapias{
	padding-right:0px;
}
.LinkAlign {
	text-align: center;
}
.MarginRosa{
	margin-top:23px;
}
.MarginAlinhamento {
	margin-top:14px;
}
}
  
  /* =========================================================
   TYPE SCALE FINAL — MULI (MULISH)
   Paste this at the END of styles.css
   ========================================================= */

/* 1) Local font files (./fonts/) */
@font-face {
  font-family: "Muli";
  src: url("./fonts/Muli-Regular.woff2") format("woff2"),
		url("./fonts/Muli-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Muli";
  src: url("./fonts/Muli-SemiBold.woff2") format("woff2"),
		url("./fonts/Muli-SemiBold.woff") format("woff"); 
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Muli";
   src: url("./fonts/Muli-Bold.woff2") format("woff2"),
		url("./fonts/Muli-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* Optional: if you want a "Medium (500)" slot but don't have the file,
   map it to Regular (400) so at least the CSS weight exists. */
@font-face {
  font-family: "Muli";
  src: url("./fonts/Muli-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
html, body{
  height: 100%;
  font-family: var(--font-sans);
}
/* 2) Design tokens (desktop defaults) */
:root{
  --font-sans: "Muli", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --color-text: #472410;

  /* Desktop (≥1024px) */
  --ts-body: 19px;
  --lh-body: 1.75;

  --ts-small: 16px;
  --lh-small: 1.6;

  --ts-h1: 44px;
  --lh-h1: 1.15;
  --h1-max: 22ch; /* recommended 18–22ch */

  --ts-h2: 30px;
  --lh-h2: 1.3;

  --ts-h3: 24px;
  --lh-h3: 1.35;

  --ts-highlight: 20px;
  --lh-highlight: 1.5;

  --ts-nav: 16px;
  --lh-nav: 1.2;

  --ts-btn: 16px;
  --lh-btn: 1.2;
  --btn-min-h: 44px;
}

/* 3) Hard override your current global font + letter-spacing */
html body,
html body *{
  font-family: var(--font-sans) !important;
  letter-spacing: normal !important;
}

main{
  flex: 1; /* pushes footer to bottom when content is short */
}

/* 4) Base typography */
body{
	  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--color-text) !important;
  font-weight: 400;
  font-size: var(--ts-body);
  line-height: var(--lh-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-align: justify;
}

p, li, dt, dd, blockquote{
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
}

/* 5) Type scale classes (use these in HTML when you need control) */
.t-body{
  font-size: var(--ts-body);
  line-height: var(--lh-body);
  font-weight: 400;
}

.indent-1{
	text-indent:30px;
}

.t-small{
  font-size: var(--ts-small);
  line-height: var(--lh-small);
  font-weight: 400;
}

.t-h1{
  font-size: var(--ts-h1);
  line-height: var(--lh-h1);
  font-weight: 700;
}

.t-h2{
  font-size: var(--ts-h2);
  line-height: var(--lh-h2);
  font-weight: 600;
}

.t-h3{
  font-size: var(--ts-h3);
  line-height: var(--lh-h3);
  font-weight: 600;  
    text-align: left;
}

.t-highlight{
  font-size: var(--ts-highlight);
  line-height: var(--lh-highlight);
  font-weight: 500;
}

/* 6) Apply scale to semantic tags too (so you don't need classes everywhere) */
h1{
  font-size: var(--ts-h1) !important;
  line-height: var(--lh-h1) !important;
  font-weight: 700 !important;
  margin: 0 0 0.6em;
}

h2{
  font-size: var(--ts-h2) !important;
  line-height: var(--lh-h2) !important;
  font-weight: 600 !important;
  margin: 1.2em 0 0em;
}

h3{
  font-size: var(--ts-h3) !important;
  line-height: var(--lh-h3) !important;
  font-weight: 600 !important;
  margin: 1em 0 0.4em;
}

/* Optional: small text tags */
small, .small, .note, figcaption{
  font-size: var(--ts-small);
  line-height: var(--lh-small);
  font-weight: 400;
}

/* 7) Navigation + buttons (classes + sensible targeting) */
.t-nav,
.desktop-nav ul,
.desktop-nav ul li a{
  font-size: var(--ts-nav) !important;
  line-height: var(--lh-nav) !important;
  font-weight: 600 !important;
}
.mobile-menu ul li a{
  font-size: 18px !important;
  line-height: var(--lh-nav) !important;
  font-weight: 600 !important;
}

.t-button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.contact-form button{
  font-size: var(--ts-btn) !important;
  line-height: var(--lh-btn) !important;
  font-weight: 600 !important;
  min-height: var(--btn-min-h);
  padding: 12px 18px;
}

/* 8) Mobile overrides (≤768px) */
@media (max-width: 768px){
  :root{
    --ts-body: 17px;
    --lh-body: 1.75;

    --ts-small: 15px;
    --lh-small: 1.6;

    --ts-h1: 30px;
    --lh-h1: 1.2;
    --h1-max: 18ch; /* recommended 16–18ch */

    --ts-h2: 24px;
    --lh-h2: 1.3;

    --ts-h3: 20px;
    --lh-h3: 1.35;

    --ts-nav: 17px;
    --ts-btn: 17px;
  }
}
/* --- Helpers used in HTML updates --- */
.bg-page{
  background: #F7F2EE;
}

.text-brand{
  color: #472410 !important; /* your brown */
}

.text-accent{
  color: #C18787 !important; /* your accent pink */
}

.link-accent{
   color: #C18787 !important;
   text-decoration: underline;
   text-underline-offset: 2px;
 }

.link-accent:hover,
.link-accent:focus{
   text-decoration-thickness: 2px;
 }

.animal-link{
   color: #9fa076 !important;
 }

.animal-link:hover,
.animal-link:focus{
   color: #9fa076 !important;
 }

.path-accordion{
  border: 0;
  margin: 1.75rem 0 0;
}

.path-accordion:first-of-type{
  margin-top: 2.25rem;
}

.path-accordion > summary{
  list-style: none;
}

.path-accordion > summary::-webkit-details-marker{
  display: none;
}

.path-accordion > summary::marker{
  content: "";
}

.path-accordion__summary{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  caret-color: transparent;
  outline: none;
}

.path-accordion__summary:focus{
  outline: none;
}

.path-accordion__summary:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.path-accordion__heading{
  margin: 0 !important;
}

.path-accordion__chevron{
  flex: 0 0 auto;
  line-height: 1;
}

.path-accordion__chevron::before{
  border-style: solid;
  border-width: 0 0.18em 0.18em 0;
  content: "";
  display: inline-block;
  height: 0.72em;
  position: relative;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform 0.25s ease;
  vertical-align: middle;
  width: 0.72em;
}

.path-accordion[open] .path-accordion__chevron::before{
  transform: rotate(-135deg);
}

.path-accordion__content{
  padding-top: 10px;
}

.path-accordion__content > :last-child{
  margin-bottom: 0;
}

/* Keep the closing guidance separate when the final accordion is expanded. */
.path-accordion[open] + p{
  margin-top: 4rem;
}

/* Extra breathing room between the main topics in "Cuidar de Mim". */
.path-topic-list > li{
  margin-bottom: 1rem;
}

.path-topic-list > li:last-child{
  margin-bottom: 0;
}

.path-topic-list,
.path-neurodiversity-list{
  margin-top: 1rem;
}

@media (max-width: 768px){
  .home-consultoria-cta{
    font-size: 17px !important;
    line-height: var(--lh-btn) !important;
  }
}

/* paragraph indent helper */
.indent-1{
  text-indent: 30px;
}
@media (max-width: 768px){
  .site-footer{
    text-align: center;              /* center text by default */
  }

  .footer-container{
    justify-items: center;           /* center each grid item */
  }

  .footer-column{
    display: flex;
    flex-direction: column;
    align-items: center;             /* center children (UL + p) */
  }

  .footer-links{
    width: auto;                     /* stop shrink-wrap right alignment */
    margin-left: 0;                  /* remove “push to right” */
    margin-right: 0;
    text-align: center;              /* keep LI centered */
  }

  .footer-support{
    text-align: center;
  }
}
.no-bullets a{
  color: #C18787;
}
input::placeholder {
 color: #A67C52;
 font-style: italic;
 opacity: 0.7;
}
textarea::placeholder {
 color: #A67C52;
 font-style: italic;
 opacity: 0.7;
}
.contact-form select{
  color: #A67C52;
}

/* Dropdown options (works in many cases, not all) */
.contact-form select option{
  color: #A67C52;          /* or another color */
}

.quote-heart{
	font-family: "Segoe UI Symbol","Apple Color Emoji","Noto Color Emoji",sans-serif !important;
	margin-right: -10px;
  font-size: 1.1em;
  color: #C18787;
}

/* mobile overrides */
@media (max-width: 768px){
  .quote-heart{
  color: #C18787;
    font-size: 1.35em;   /* bigger on mobile */
	margin-right: -5px;
    display: inline-block;
    transform: translateY(1px); /* optional tweak */
  }
  .heart-icon{
  width: 1.0em !important;
  margin-top:6px;
  height: 1.1em;
  vertical-align: middle;
  display: inline-block;
  fill: currentColor;
}
}
.heart-icon{
  width: 1.1em;
  height: 1.1em;
  vertical-align: middle;
  display: inline-block;
  fill: currentColor;
      font-size: 1.2em;
}
.headertext-img{ width: 100%; height: auto; }
@media (min-width: 768px){
  .headertext-img{ width: 85%; }
}

  .imageTerapias img,
  .imageTerapias2 img{
    margin: 0 auto;
    width: 100%;
    height: auto;
  }

.marginBottomChave{
	margin-bottom:0px !important;
}
.LuaNova{
	margin-top:70px;
}

.LeituraAura{
	margin-top: 15px;
}

@media (max-width: 768px){
  .imageTerapias img,
  .imageTerapias2 img{ max-width: 90%; } /* matches your .images mobile intent */
  
.marginBottomChave{
	margin-bottom:23px !important;
}
.LuaNova{
	margin-top:45px;
}
.LeituraAura{
	margin-top: 0px;
}
}

.terapia-thumb{
  width: 100%;
  max-width: 260px;      /* pick a size you like */
  aspect-ratio: 1 / 1;   /* square; or 4/5, 3/4, etc */
  overflow: hidden;
  border-radius: 16px;
  margin: 0 auto;
}

.terapia-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Desktop/tablet (not mobile): show ImageBottomVisibility, hide Reverse */
.ImageBottomVisibility { display: block; }
.ImageBottomVisibilityReverse { display: none !important; }

/* Mobile */
@media (max-width: 772px) {
  .ImageBottomVisibility { display: none !important; }
  .ImageBottomVisibilityReverse { display: block !important; }
}

/* Desktop/tablet (not mobile): show ImageBottomVisibility, hide Reverse */
.ImageBottomVisibilityRoses { display: block; }
.ImageBottomVisibilityReverseRoses { display: none !important; }

/* Mobile */
@media (max-width: 1128px) {
  .ImageBottomVisibilityRoses { display: none !important; }
  .ImageBottomVisibilityReverseRoses { display: block !important; }
}

@media (max-width: 1062px) {
  .plan-break {
    flex: 0 0 100% !important;
    max-width: 100% !important;
	width: 100%;
    margin-left: 0 !important; /* cancels offset-md-3 */
  }
}
/* Desktop + tablet: image fixed width on the left, text uses the remaining width */
.mediaRow .imageTerapias{
  float: left;
  width: 282px;                 /* your desired width */
  margin: 0 0px 20px 0;        /* space between image and text */
  text-align: center;
}
.mediaRow .imageTerapias2{
  float: left;
  width: 282px;                 /* your desired width */
  margin: 18px 0px 20px 0;        /* space between image and text */
  text-align: center;
}

.mediaRow .imageTerapias img{
  width: 100%;
  height: auto;
  display: block;
}
.mediaRow .imageTerapias2 img{
  width: 100%;
  height: auto;
  display: block;
}

.mediaRow .plan-break{
  display: block;               /* normal block */
}

.mediaRow--consultoriaIntro .consultoria-copy{
  display: block;
}

.mediaRow--consultoriaIntro .imageTerapias2{
  margin-right: 18px;
}

.mediaRow--consultoriaIntro .consultoria-copy p{
  margin-top: 0;
  margin-bottom: 1rem;
}

.mediaRow--consultoriaIntro .consultoria-copy p:last-child{
  margin-bottom: 0;
}

.mediaRow--caminhoIntro .caminho-intro-copy{
  text-align: center;
}

.mediaRow--caminhoIntro .caminho-intro-copy p{
  text-align: center;
  text-indent: 0;
}

.path-topic-title{
  text-align: left;
}

.na-vida-real-link,
.na-vida-real-link:visited,
.na-vida-real-link:hover,
.na-vida-real-link:focus,
.na-vida-real-link:active{
  color: #733145;
}

@media (max-width: 768px){
  .path-topic-title{
    word-spacing: -0.04em;
  }
}

.caminho-page-title{
  margin-top: 2.5rem !important;
  margin-bottom: -1rem !important;
}

@media (max-width: 772px){
  .caminho-page-title{
    margin-bottom: 1.5rem !important;
  }
}

@media (min-width: 1221px){
  .caminho-page-title{
    box-sizing: border-box;
    width: calc(100% - 300px);
    margin-left: 300px !important;
  }

  .mediaRow--caminhoIntro{
    display: flex;
    align-items: center;
  }

  .mediaRow--caminhoIntro .imageTerapias2{
    float: none;
    flex: 0 0 282px;
    width: 282px;
    margin: 0 18px 0 0;
  }

  .mediaRow--caminhoIntro .caminho-intro-copy{
    flex: 1 1 0;
    min-width: 0;
    transform: translateY(1rem);
  }

  .mediaRow--caminhoIntro .caminho-intro-copy p{
    margin: 0 0 1rem;
  }

  .mediaRow--caminhoIntro .caminho-intro-copy p:last-child{
    margin-bottom: 0;
  }

  .caminho-page-title{
    transform: translateY(1rem);
  }
}

/* Keep the animal-reading introduction as one vertically centered text group. */
@media (min-width: 1129px){
  .mediaRow--animalsIntro{
    align-items: center;
    display: flex;
  }

  .mediaRow--animalsIntro .imageTerapias{
    flex: 0 0 282px;
    float: none;
    margin: 0 18px 0 0;
    width: 282px;
  }

  .mediaRow--animalsIntro .animal-aura-intro-copy{
    flex: 1 1 0;
    min-width: 0;
  }

  .mediaRow--animalsIntro .plan-break{
    margin: 0;
    width: auto;
  }

  .mediaRow--animalsIntro .plan-break p{
    margin: 0 0 1rem;
  }

  .mediaRow--animalsIntro .plan-break:last-child p{
    margin-bottom: 0;
  }
}

/* Separate the animal-reading introduction from the next section heading. */
.animal-aura-section-heading{
  margin-top: 3rem !important;
}

/* Mobile: stack, center image, text full width below */
@media (max-width: 772px){
  .mediaRow .imageTerapias,
  .mediaRow .imageTerapias2{
      float: none !important;
      width: 100% !important;
      margin: 0 0 16px 0;
      text-align: center;
    }
  
  .mediaRow .imageTerapias img,
  .mediaRow .imageTerapias2 img{
      width: min(282px, 85vw);    /* centered, never “earth size” */
      margin: 0 auto;
    }
  }

/* Desktop + tablet: image fixed width on the left, text uses the remaining width */
.mediaRow .imageIndex{
  float: left;
  width: 192px;                 /* your desired width */
  text-align: center;
      padding-right: 18px;
}

.mediaRow .imageIndex img{
  width: 100%;
  height: auto;
  display: block;
}

.founder-portrait{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50% !important;
}

.mediaRow .plan-break{
  display: block;               /* normal block */
}

/* Mobile: stack, center image, text full width below */
@media (max-width: 599.98px){
  .mediaRow .imageIndex{
      float: none !important;
      width: 100% !important;
    margin: 0 0 16px 0;
    text-align: center;
	padding-right: 0px;
  }

  .mediaRow .imageIndex img{
      width: min(192px, 85vw);    /* centered, never “earth size” */
      margin: 0 auto;
    }
}
  @media (max-width: 928px){
    .mediaRow--founder .imageIndex{
      float: none !important;
      width: 100% !important;
      margin: 0 0 20px 0 !important;
      text-align: center;
      padding-right: 0 !important;
    }

    .mediaRow--founder .imageIndex img{
      width: min(192px, 85vw);
      height: auto;
      display: block;
      margin: 0 auto;
    }

    .mediaRow--founder .plan-break{
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      clear: both;
    }

    .mediaRow--founder .founder-identity{
      text-align: center;
    }
  }
  @media (max-width: 1128px) {
    /* stop W3CSS column float behavior for the image column in these rows */
    .mediaRow .imageTerapias,
  .mediaRow .imageTerapias2{
        float: none !important;
      width: 100% !important;
      margin: 0 0 16px 0 !important;
      text-align: center;
    }
  
    /* keep image reasonable on “mobile mode” */
  .mediaRow .imageTerapias img,
  .mediaRow .imageTerapias2 img{
      width: min(282px, 85vw);
      height: auto;
      display: block;
      margin: 0 auto;
  }

  /* make the text blocks full width (kills the bootstrap offset visually) */
  .mediaRow .plan-break{
    width: 100% !important;
    max-width: 100% !important;
      margin-left: 0 !important;
    }
  }

  @media (max-width: 1220px) {
    .caminho-page-title{
      margin-bottom: 2rem !important;
    }

    .mediaRow--consultoriaIntro .imageTerapias2{
      float: none !important;
      width: 100% !important;
      margin: 0 0 24px 0 !important;
      text-align: center;
    }

    .mediaRow--consultoriaIntro .imageTerapias2 img{
      width: min(282px, 85vw);
      height: auto;
      display: block;
      margin: 0 auto;
    }

    .mediaRow--consultoriaIntro .plan-break{
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      clear: both;
    }

    .mediaRow--consultoriaIntro .consultoria-copy{
      width: 100% !important;
      max-width: 100% !important;
      clear: both;
    }

    .mediaRow--caminhoIntro .caminho-intro-copy{
      width: 100% !important;
      max-width: 100% !important;
      clear: both;
    }
  }

  @media (max-width: 1128px) {
    #Tecnicas .mediaRow .imageTerapias,
    #Tecnicas .mediaRow .imageTerapias2{
      margin: 0 0 20px 0 !important;
    }

    #Tecnicas .mediaRow > .w3-col + .plan-break{
      margin-top: 0 !important;
    }

    #Tecnicas .ImageBottomVisibilityReverseRoses,
    #Tecnicas .marginBottomChave{
      margin-bottom: 0 !important;
    }
  }

/* Smooth “container” that shrinks continuously until it hits a max width */
.container-smooth{
  width: min(100% - 2rem, 1200px); /* pick your max width */
  margin-inline: auto;
}
/* Right-side image: float right, fixed width */
.mediaRow .imageTerapias--right{
  float: right;
  width: 282px;
  margin: 0 0 20px 24px; /* space between text and image (on the left side now) */
}
  .PaddingBottom{
	  padding-bottom: 120px;
  }

/* IMPORTANT: allow the text block to shrink beside the float (override col-12 width:100%) */
@media (min-width: 1129px){
  .mediaRow .plan-break--textFirst{
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;   /* if offset classes were creating visual offset */
  }

  /* Align the image only with the Percursos introduction, not the details below. */
  .mediaRow--percursosIntro{
    align-items: center;
    display: flex;
  }

  .mediaRow--percursosIntro .imageLuaNova{
    flex: 0 0 264px;
    float: none;
    margin: 0 0 0 24px;
    order: 2;
    transform: translateY(0.75rem);
    width: 264px;
  }

  .mediaRow--percursosIntro .percursos-intro-copy{
    flex: 1 1 0;
    min-width: 0;
    order: 1;
  }
}

.percursos-details p{
  margin: 0;
}

.lua-nova-details p{
  margin: 0;
}

@media (min-width: 1129px){
  .percursos-details{
    width: calc(100% - 288px);
  }

  /* Keep Lua Nova's details in the text column after the floated image ends. */
  .lua-nova-details{
    width: calc(100% - 306px);
  }
}

.percursos-details .percursos-details__link{
  margin-top: 0;
  margin-bottom: 25px;
}

.percursos-details .percursos-details__price{
  margin-top: 1.5rem;
}

.lua-nova-details .lua-nova-details__price{
  margin-top: 1.5rem;
}

.lua-nova-details .lua-nova-details__link{
  margin-bottom: 25px;
  text-align: center;
}

.lua-nova-details .lua-nova-details__link .link-accent{
  display: inline-block;
  float: none;
  margin-left: 0;
}

/* Agenda */
.agenda-page{
  max-width: none;
  margin: 0 auto;
  padding-bottom: 2rem;
}

.agenda-page__title{
  margin-bottom: 1.4em !important;
}

.agenda-month{
  padding: 2.5rem 0 2.75rem;
  border-top: 1px solid rgba(193, 135, 135, 0.45);
}

.agenda-month:first-of-type{
  border-top: 0;
  padding-top: 0;
}

.agenda-month__title{
  color: #C18787;
  font-size: var(--ts-h2) !important;
  margin: 0 0 2.5rem !important;
  text-align: left;
  text-transform: uppercase;
}

.agenda-event{
  margin: 2.4rem 0 4rem;
}

.agenda-month__title + .agenda-event{
  margin-top: 0;
}

.agenda-event__title{
  color: #472410;
  font-size: var(--ts-h3) !important;
  margin: 0 0 0.2rem !important;
  text-align: left;
  text-transform: none;
}

.agenda-event__meta,
.agenda-event__copy,
.agenda-event__theme,
.agenda-event__note,
.agenda-event__dates,
.agenda-event__actions{
  font-size: var(--ts-body);
  line-height: var(--lh-body);
  text-align: left;
}

.agenda-event__meta{
  margin: 0;
}

.agenda-event__copy,
.agenda-event__theme,
.agenda-event__note{
  margin: 1.15rem 0 0;
}

.agenda-event__theme{
  font-size: var(--ts-small);
  line-height: var(--lh-small);
}

.agenda-event__theme-label{
  font-weight: 400;
}

.agenda-event__theme-value{
  display: inline-block;
  font-size: var(--ts-h3);
  line-height: var(--lh-h3);
  margin-top: 0.35rem;
}

.agenda-event__dates{
  list-style: none;
  margin: 1.15rem 0 0;
  padding: 0;
}

.agenda-event__dates li + li{
  margin-top: 0.25rem;
}

.agenda-event__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  margin: 1.4rem 0 0;
}

.agenda-event__actions a{
  display: inline-block;
}

/* Passos */
.passos-page{
  padding: 0 0 7rem;
  text-align: center;
}

.passos-page__title{
  margin-bottom: 0.45em !important;
}

.passos-page__subtitle{
  margin: 0;
}

.passos-page__announcement{
  margin: 3rem auto 0;
  max-width: 38rem;
  text-align: center;
}

.agenda-event--workshop{
  padding-top: 1.6rem;
  border-top: 1px solid rgba(71, 36, 16, 0.18);
}

@media (max-width: 768px){
  .agenda-page{
    padding-bottom: 1rem;
  }

  .agenda-page__title{
    margin-bottom: 1.2em !important;
  }

  .agenda-month{
    padding: 2rem 0;
  }

  .agenda-event{
    margin-top: 2rem;
  }
}
@media (max-width: 928px) {
  /* stop W3CSS column float behavior for the image column in these rows */
  .mediaRow .imageLuaNova{
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    text-align: center;
  }
  
  .PaddingBottom{
	  padding-bottom: 0px;
  }

  /* keep image reasonable on “mobile mode” */
  .mediaRow .imageLuaNova img{
    width: min(282px, 85vw);
    height: auto;
    display: block;
    margin: 0 auto;
  }
}/* Prevent horizontal overflow when “Marcar uma Terapia” section opens */
.contact-form,
.contact-form *{
  box-sizing: border-box;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: block;
}

/* Helps long option labels not force width */
.contact-form select{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Index testimonials: mobile = wider text + smaller arrows */
@media (max-width: 772px){

  /* Give the slide more usable width */
  #feedbackCarousel .carousel-item,
  #animalFeedbackCarousel .carousel-item{
    padding: 18px 10px;        /* was 40px 20px */
  }

  /* Make the text area wider (reduce reserved arrow space) */
  #feedbackCarousel .carousel-content,
  #animalFeedbackCarousel .carousel-content{
    max-width: 100%;
    padding: 0 44px;           /* was 0 60px */
  }

  /* Keep tap targets usable, but shrink the icons */
  #feedbackCarousel .carousel-control-prev,
  #feedbackCarousel .carousel-control-next,
  #animalFeedbackCarousel .carousel-control-prev,
  #animalFeedbackCarousel .carousel-control-next{
    width: 44px;               /* tap target */
  }

  #feedbackCarousel .carousel-control-prev-icon,
  #feedbackCarousel .carousel-control-next-icon,
  #animalFeedbackCarousel .carousel-control-prev-icon,
  #animalFeedbackCarousel .carousel-control-next-icon{
    width: 18px;
    height: 18px;
    background-size: 18px 18px; /* makes the arrow graphic smaller */
  }
}