/*
Theme Name: Clínica Susanibar
Description: Descripción del tema principal
Author: Thomas Rios
Version: 1.0
*/

/* Otras reglas de estilo del tema principal aquí */



@import url('https://fonts.googleapis.com/css2?family=Gotu&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

:root {
    --primary: #222E50;
    --secondary: #5581D9;
}


img{
    max-width: 100%;
}

body {
    font-family: 'Gotu', sans-serif;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

header{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    color: white;
    
}
a:hover{
    text-decoration: none;
    color: rgb(206, 201, 201);
}

.main-slider h1{
    font-size: 4rem;
}

.pointer{
    cursor: pointer;
}

h1 , .navbar{
    font-family: 'Forum', cursive!important;
}

.navbar .container a{
    font-family: 'Forum', cursive!important;
    font-size: 22.5px;
}

.boton_1 {
    background-color: var(--primary);
    background: rgb(34,46,80);
    background: linear-gradient(90deg, rgba(34,46,80,1) 0%, rgba(48,91,172,1) 100%);
    border: 5px;
    border-radius: 5px;
    color: white;
    padding: 8px 16px;
}

.boton_1 i {
    background-color: white;
    
    border-radius: 75%;
    font-weight: bolder;
    color: var(--primary);
    padding: 5px 6px;
}

.boton_2 {
    background-color: var(--secondary);
    background: rgb(85,129,217);
    background: linear-gradient(90deg, rgba(85,129,217,1) 0%, rgba(85,175,217,1) 100%);
    border: 5px;
    border-radius: 5px;
    color: white;
    padding: 8px 16px;
}

.boton_2 i {
    background-color: white;
    border-radius: 75%;
    font-weight: bolder;
    color: var(--secondary);
    padding: 5px 6px;
}

.border-left{
    border-right: dashed 3px white;
  }

.especialidades img {
    border-radius: 100%;
    border: dashed 3px white;

}

.youtube {
    background-color: #e5e5f7;
    opacity: 0.8;
    background-image: linear-gradient(135deg, var(--secondary) 25%, transparent 25%), linear-gradient(225deg, var(--secondary) 25%, transparent 25%), linear-gradient(45deg, var(--secondary) 25%, transparent 25%), linear-gradient(315deg, var(--secondary) 25%, #e5e5f7 25%);
    background-position: 5px 0, 5px 0, 0 0, 0 0;
    background-size: 5px 5px;
    background-repeat: repeat;
}


    .list-group-item.active {
        background-color: var(--primary) !important; /* Cambia el color de fondo a var(--primary) */
        border: var(--primary) !important; /* Cambia el color de fondo a var(--primary) */
        color: #fff !important; /* Cambia el color del texto a tu preferencia */
    }



.text-justify-hyphenate {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
  }

  .sociedades .border{
    height: 200px;
    border: 1px solid transparent!important;
    
  }
  .sociedades .border img{
    max-height: 100%;
    
  }

  .line{
    background-color: var(--secondary);
    width: 10rem;
    height: 5px;
    border-radius: 5px;
  }


  .linec{
    background-color: #212529;
    width: 5rem;
    height: 3px;
    border-radius: 5px;
  }

  .multiple-jorge img{
    max-height: 350px;
    min-height: 350px;
    max-width: 350px;
  }
  
  .single-imagenes{
      background-color: var(--primary);
      color: white;
  }

  .engrosar{
      color: black;
  }

.borde_imagen img{
	max-height:250px;
}

.carta img{
	max-height:250px;
}
	
  @media only screen and (max-width: 600px) {
    body {
        .border-left{
            border-right: dashed 0px white;
          }
          .text-justify-hyphenate {
            text-align: center;
            hyphens: auto;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            -o-hyphens: auto;
          }
    }
    
  }