@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700);
/*Base*/
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;font-size:13px;line-height:1.231; background-color:#FFC}
body,button,input,select,textarea{font-family:"Montserrat",Arial,Helvetica,sans-serif;color:#222}
/*Vínculos*/
a{color:#f60}a:visited{color:#c96}a:hover{color:#f60}a:focus{outline:thin dotted}a:hover,a:active{outline:0}
/*Tipografía*/
p{line-height:1.1}
abbr[title] {border-bottom:1px dotted}
b,strong{font-weight:700;color:#6C3}
h2{color:#F60;line-height:normal;text-transform:uppercase;text-align:center; font-size:24px;-webkit-filter:drop-shadow(1px 1px 1px black);filter:drop-shadow(1px 1px 1px black)}
/* Common button styles */
.button {float: left;min-width:150px;max-width:250px;display:block;margin:1em;padding:1em 2em;border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale}
.button:focus {outline: none}.button > span {vertical-align: middle}
/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {color: #f60;border-color: #f60}.bg-2 .button {color: #ECEFF1;border-color: #ECEFF1}.bg-3 .button {color: #fff;border-color: #fff}
/* Sizes */
.button--size-s {font-size: 14px}.button--size-m {font-size: 16px}.button--size-l {font-size: 18px}
/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px;text-transform: uppercase}
.button--text-thin {font-weight: 300}.button--text-medium {font-weight: 500}.button--text-thick {font-weight: 600}
/* Borders */
.button--border-thick {border: 3px solid}
/* Tamaya */
.button--tamaya {overflow:hidden;color:#fff;min-width:180px}
.button--tamaya.button--inverted {color:#f60;border-color:#F60}
.button--tamaya::before,.button--tamaya::after {content: attr(data-text);position: absolute;width: 100%;height: 50%;left: 0;background: #f60;color: #fff;overflow: hidden;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)}
.button--tamaya.button--inverted::before,.button--tamaya.button--inverted::after {background:#fff;color:#f60}
.button--tamaya::before {top: 0;padding-top: 1em}
.button--tamaya::after {bottom: 0;line-height: 0}
.button--tamaya > span {display: block;-webkit-transform: scale3d(0.2, 0.2, 1);transform: scale3d(0.2, 0.2, 1);opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)}
.button--tamaya:hover::before {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
.button--tamaya:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
.button--tamaya:hover{border:3px solid #F60}
.button--tamaya:hover > span {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); color:#F60}