/************RESET*************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*******COLORS********/
:root {
  --primary: #F8CBA6;
  --secondary: #FFFBEB;
  --third: #FFE7CC;
  --bg: #cee6b4;
  --text-white:#ECF9FF;
  --five:#fff3;
  --other:#FFF5E0;
  --othertwo: #0F1035;
  --estetica: #D0A6FF;
  --color-green-light: #0a2b0cde;
	--color-green: #004a3d;
	--color-green-dark: #004236;
	--color-orange: #fc4a24;
  --color-fondo:#3B1C32;
  --color-violet-0: #f7f3fe;
  --color-violet-1: #e9e0fd;
  --color-violet-2: #d7c5fc;
  --color-violet-3: #c0a4fc;
  --color-violet-4: #ad88fd;
  --color-violet-5: #A074FF;
  --color-violet-6: #853fff;
  --color-violet-7: #700aff;
  --color-violet-8: #6300d4;
  --color-violet-9: #52009f;
  --color-violet-10: #3c006a;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-probando: #6A1E55;
  --color-probando:#5C8374;

}
/*****SECCIONES CON FONDO VERDE**************/
.background-verde {background-color: var(--bs-probando); color:#D0A6FF}
.background-green {background-color: var(--color-probando); color:#D0A6FF}
.background-violet {background-color: var(--color-violet-3); color:#000000;}
#slider-fotos{background-color:var(--color-fondo) ;}

body{
  background-color: var(--color-violet-3)
}

.card a {
  text-decoration: none;
  color: #fff;
  background-color: #14552c;
  padding: 5px;
  border-radius: 5px;
  font-size: 1.1rem;
  width: max-content;
  align-self: flex-end;
}

.card a:hover {
  background-color: #128c7e;
}
/* 
.about-me p{
  color: #20c997;
} */

/************HEADER***********/
#encabezado .fixed-top{  background-color: var(--primary); }
#encabezado a {color: var(--text-white); padding: 0.5rem 2rem;}
#encabezado a:hover {
  background-color:  var(--estetica);
  transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -ms-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  padding: 0.6rem 2.25rem;
  font-weight: 800;
  /* transform:scale(1.2); */
}

.navbar-light .navbar-toggler {
  border-color: var(--text-white);
  background-color:  var(--text-white);
}
#navbarNav {justify-content: space-evenly; align-items: baseline; align-content: space-around;}
/*****ESPACIO EN LAS SECCIONES PARA QUE NO TAPE EL NAVBAR*******/
#nosotros-top, #productos-top, #pregunta-frecuentes-top, #contacto-top {padding-top: 10rem;}
/**********SECCION NOSOTROS*************/
#nosotros {padding-bottom: 1rem;}
#nosotros-titulos {padding: 1rem;}
#nosotros-texto {text-align: center; margin:auto; line-height: 1.9; font-size: 1.05rem;}




/**********SECCION PRODUCTOS*************/
#card-burgerone, #card-burger, #card-burgertwo {margin-bottom: 1rem;}
#productos-titulo {  padding: 1rem;}
#productos-modal .btn {display:block; margin-left: auto; margin-right: auto;}
#productos-modal .btn, .color-personalizado {background-color: var(--color-green-dark); border: solid .2rem var(--primary); border-radius: .5rem;}
#productos-modal .btn:hover, .color-personalizado:hover  {background-color: var(--othertwo); font-weight: 700;}

@media (min-width: 768px) {
  #card-burgerone .card-body, #card-burger .card-body, #card-burgertwo .card-body {  min-height: 17rem; }
  /* .carousel-item>img{
   max-width: 100svw;max-height: 100svh;  */
  /* width:50rem; height:100rem; 
  }  */
}
@media (min-width: 992px) {
  #card-burgerone .card-body, #card-burger .card-body, #card-burgertwo .card-body {  min-height: 14rem;  }
}
@media (min-width: 1200px) {
  #card-burgerone .card-body, #card-burger .card-body, #card-burgertwo .card-body {  min-height: 15rem; }
}

/*******Efecto masonry en la tira de fotos*******/
.fotos-masonry {padding: 2rem 0rem;}
.masonry:hover img { 
  opacity: 0.3; 
}
.masonry:hover img:hover { 
  opacity: 1; transform: scale(2.4); -webkit-transform: scale(2.4); -moz-transform: scale(2.4); -ms-transform: scale(2.4); -o-transform: scale(2.4);

}
.tira-imagenes {
  transition: 3s opacity;
  -webkit-transition: 3s opacity;
  -moz-transition: 3s opacity;
  -ms-transition: 3s opacity;
  -o-transition: 3s opacity;
}
@media (max-width: 576px) { 
  .fotos-masonry {display: none;}

  .carousel-inner{
    padding-top: 50px;
  }

  .logo-text {
    font-size: 1.4rem;
  }
          /* Estilo del subtexto (Psicología - Terapéutica) */
  .logo-subtext {
    font-size: 1.1rem;
  }


}
/**********SECCION PREGUNTAS*************/
.preguntas-titulo {padding: 1rem;}
.accordion-item { margin: 0.5rem;}
.sin-bullets li {list-style: none;}
.sin-bullets li img {margin: 0.5rem;}
.accordion-button:not(.collapsed) {color:var(--secondary);}


/**********SECCION CONTACTO*************/
#contacto-estamos {text-align: center;}
#contacto-estamos img {height: 32px;}

/**********FOOTER*************/
.fondo-verde-footer {background-color: var(--color-fondo); padding: 1rem;}
#pie-pagina {color: var(--text-white); font-weight: 600;}
#pie-pagina a {text-decoration: none;}
/* #pie-pagina a:hover{ color: red;} */
/* Aplica un color por defecto (puedes cambiar el color si lo deseas) */
/* Aplica color blanco a los SVGs */
#redes svg path {
  fill: #fff; /* Color inicial blanco */
  transition: fill 0.3s ease; /* Transición suave */
}

/* Cambia el color al hacer hover */
#redes svg:hover path {
  fill: var(--bs-probando); /* Color al hacer hover, puedes cambiarlo */
}

#redes p {display: inline-block;}
#legal p {text-align: left;}
.espaciado{margin: 0px 10px;}

/*************DESARROLLADO POR *********************/
.datanet {
	color: var(--othertwo) !important;
  
}

.datanet:hover {
	color: var(--color-orange) !important;
}



/****************BOTON WHATSAPP*************************/
.floatWapp{
  position:fixed;
  width:60px;
  height:60px;
  bottom:20px;
  right:20px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-floatWapp{
  margin-top:16px;
}