@charset "utf-8";

/* *****************************************************************
Theme Name: Notaria Renata Gonzalez
Theme URI: http://notariarenatagonzalez.cl/
Description: Theme para el sitio web de Notaria Renata Gonzalez
Author: Fernando Duarte
Author URI: fernandoduartelau@gmail.com
Version: 01/10/2021
****************************************************************** */

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* COMMON STYLES */
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; font-family: 'Open Sans', sans-serif; }
div#content-region { flex: 1; }
.notario-service .text a.boton { background-color: #42406b; color: #fff; padding: 10px 25px; display: inline-block; border-radius: 10px; font-size: 20px; border: 2px solid #42406b; }
.notario-service .text a.boton:hover { background-color: #1c1c1c; }
.sticky { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; }
.sticky a { }
.sticky .wrapper { background-color: #42406b; border-radius: 500px 0px 0px 500px; display: flex; padding: 10px 15px; align-items: center; box-shadow: 0px 0px 7px 0px #0000006b; border: 1px solid #42406b; transition: .3s ease; }
.sticky .wrapper .icon { }
.sticky .wrapper .icon i {color: #fff;font-size: 24px;position: relative;top: 2px;animation-name: pulso;animation-duration: 1s;animation-iteration-count: infinite;}
.sticky .wrapper .text { padding-left: 10px; }
.sticky .wrapper .text p { color: #fff; }
.sticky a:hover .wrapper { background-color: #1b1938; }
#id-34 .sticky { display: none; }
@media (max-width:768px) {
	.sticky { top: initial; bottom: 66px; transform: translateY(0px); }
	.sticky .wrapper .icon i { font-size: 20px; }
	.sticky .wrapper .text p { font-size: 13px; }
}
@media (min-width:768px) and (max-width:979px) { }

@keyframes pulso {
	0% {transform: scale(1);}
	50% {transform: scale(1.1);}
	0% {transform: scale(1);}
}
ul#menu-menu-principal li.destacado a {
    font-weight: bold;
    color: #42406b;
    text-decoration: underline;
}

ul#menu-menu-principal li.destacado a:hover {
    color: #09c;
}
.sticky .mano {
    position: absolute;
    left: -60px;
}

.sticky .mano svg {
    width: 48px;
    animation: mano-animacion infinite 1s;
}

.sticky .mano svg path {
    fill: #fff;
}

@keyframes mano-animacion {
  0% {
      transform: translateX(-15px);
  }
  50% {
      transform: translateX(0px);
  }
  100% {
      transform: translateX(-15px);
  }
}