@import "https://fonts.googleapis.com/css?family=Indie+Flower";

@import "https://fonts.googleapis.com/css?family=Bungee+Shade";

@import "https://fonts.googleapis.com/css?family=Bangers|Homenaje|Poppins";

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


/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)*/
@font-face {
font-family:'fontavenir';
src:url(../vendor/font-awesome/fonts/Avenir.woff) format("woff");
}

@font-face {
font-family:'emotionfont';
src:url(../vendor/font-awesome/fonts/Loyola.otf) format("opentype");
font-style:normal;
}

body {
font-family:'Homenaje',sans-serif;
overflow-x:hidden;
}

p {
font-size:20px;
}

p.small {
font-size:16px;
}

a,a.active,a:active,a:focus,a:hover {
color:#07beb8;
outline:0;
}

h1 {
font-family:'emotionfont','Bangers',cursive;
font-size:26px;
color:#000;
outline:0;
}
.header-secundario h1{color:#07beb8;}

h2,h3,h4 {
font-family:'emotionfont','Bangers',cursive;
font-size:26px;
color:#000;
}

h6 {
font-family:'emotionfont','Bangers',cursive;
font-size:20px;
color:#000;
}

h5 {
font-family:'emotionfont','Bangers',cursive;
font-size:26px;
}

hr.style-five {
border:0;
height:0;
box-shadow:0 0 10px 1px #000;
}

hr.style-five:after {
content:"\00a0";
}

.rcornersjuegos {
/*border:5px solid #000000;
border-style:dashed;*/
padding:20px;
background:#07beb8;
}

.rcornersreserva {
padding:20px;
background:#FCF4D9;
border-radius: 20px;
}

@media screen and (min-width: 768px) {
.rcornersjuegos1ciudad {
margin:auto;
width:90%;
padding:20px;
background:#07beb8;
transform:rotate(1deg);
}

.lacontra1ciudad {
transform:rotate(-1deg);
}


.rcornersjuegos1 {
margin:auto;
width:80%;
padding:20px;
background:#FCF4D9;
transform:rotate(1deg);
}

.lacontra1 {
transform:rotate(-1deg);
}

.rcornersjuegos2 {
margin:auto;
width:80%;
padding:20px;
background:#FCF4D9;
transform:rotate(-1deg);
}

.lacontra2 {
transform:rotate(1deg);
}

.rcornerstitulosturquesa {
margin:auto;
display:inline-block;
background:#07BEB8;
transform:rotate(4deg);
}

.lacontratitulosturquesa {
transform:rotate(-4deg);
}

.rcornerstitulosturquesa2 {
margin:auto;
display:inline-block;
background:#07beb8;
transform:rotate(-4deg);
}

.lacontratitulosturquesa2 {
transform:rotate(4deg);
}

.rcornerstitulosturquesa3 {
margin:auto;
display:inline-block;
background:#9CE5D8;
transform:rotate(-4deg);
}

.lacontratitulosturquesa3 {
transform:rotate(4deg);
}

.rcornerstitulosturquesa4 {
margin:auto;
display:inline-block;
background:#FCF4D9;
transform:rotate(-4deg);
}

.lacontratitulosturquesa4 {
transform:rotate(4deg);
}

.rcornersamarillo {
margin:auto;
width:80%;
padding:20px;
background:#07BEB8;
transform:rotate(2.5deg);
}

.lacontraamarillo {
transform:rotate(-2.5deg);
}
}

@media screen and (max-width: 767px) {
.rcornersjuegos1 {
margin:auto;
width:95%;
padding:20px;
background:#FCF4D9;
transform:rotate(0.5deg);
}

.lacontra1 {
transform:rotate(-0.5deg);
}

.rcornersjuegos1ciudad {
margin:auto;
width:95%;
padding:20px;
background:#07beb8;
transform:rotate(0.5deg);
}

.lacontra1ciudad {
transform:rotate(-0.5deg);
}

.rcornersjuegos2 {
margin:auto;
width:95%;
padding:20px;
background:#FCF4D9;
transform:rotate(-0.5deg);
}

.lacontra2 {
transform:rotate(0.5deg);
}

.rcornersamarillo {
margin:auto;
width:95%;
padding:20px;
background:#07BEB8;
transform:rotate(1deg);
}

.lacontraamarillo {
transform:rotate(-1deg);
}
}

.rcorners {
border:5px solid #000;
border-style:solid;
padding:20px;
border-left-style:solid;
border-left-color:#000;
background:#FCF4D9;
}

.gap-10 {
width:100%;
height:10px;
}

.gap-20 {
width:100%;
height:20px;
}

.gap-30 {
width:100%;
height:30px;
}

.gap-125 {
width:100%;
height:125px;
}

.borderimagen {
border:5px solid #000;
}

#borderimg {
border:5px solid #000;
}

#borderimg2 {
border:5px solid #9CE5D8;
}

#borderimg3 {
border:5px solid #07beb8;
}

#borderimgnavidad {
border:5px solid #9CE5D8;
border-style:dashed;
background-color:transparent;
}

.bordepuntos {
border:5px #000000;
border-top-style:dashed;
background-color:transparent;
}

.bordepuntos2 {
border:5px #07beb8;
border-top-style:dashed;
background-color:transparent;
}

.rcornersnavidad {
border-radius:25px;
border:2px solid #0a7a0c;
border-style:dashed;
padding:20px;
border-left-style:solid;
border-left-color:#0a7a0c;
}

.rcornersturquesa {
border-radius:0;
border:2px solid #07beb8;
border-style:solid;
padding:20px;
border-left-style:solid;
border-left-color:#07beb8;
}

.rcornersturquesa2 {
border-radius:0;
border:2px solid #07beb8;
border-style:solid;
padding:20px;
border-left-color:transparent;
border-right-color:transparent;
}

.rcornersturquesa3 {
border-radius:0;
border:2px solid #07beb8;
border-style:solid;
padding:20px;
border-bottom-color:transparent;
border-left-color:transparent;
border-right-color:transparent;
}

#snowflakeContainer {
position:absolute;
left:0;
top:0;
display:none;
}

.snowflake {
position:fixed;
background-color:#fff;
user-select:none;
z-index:1000;
pointer-events:none;
border-radius:50%;
width:10px;
height:10px;
}

#div-cookies {
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#fff;
box-shadow:0 -5px 15px gray;
padding:7px;
text-align:center;
}

#cajacookies {
box-shadow:0 0 5px 5px gray;
background-color:#fff;
color:#000;
padding:10px;
margin-left:-15px;
margin-right:-15px;
margin-bottom:0;
position:fixed;
bottom:0;
width:100%;
}

#cajacookies button {
color:#000;
}

.navbar-custom,header .intro-text .name /*Cabecera links font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase*/ {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
}

hr.star-light {
border-color:#FCF4D9;
}

hr.star-light:after {
background-color:#9CE5D8;
color:#FCF4D9;
}

hr.star-primary {
border-color:#000;
}

hr.star-primary:after {
background-color:#FCF4D9;
color:#000;
}

.navbar-custom .navbar-brand,.navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover,.navbar-custom .navbar-nav li a,header {
color:#FCF4D9;
}

.navbar-custom .navbar-brand {
font-family:'fontavenir';
}

.img-centered {
margin:0 auto;
}


.header-secundario {
text-align:center;
background:#000000;

/*nuevo*/
}



@media (min-width:540px) {
header {
text-align:center;
background:#9CE5D8;
/*nuevo*/
    background-image: url('../img/landing_md.svg'); 
    background-repeat: no-repeat;
    /*padding: 100px;
    margin:50px;
    height: 100vh;*/
    width: 100%;

}}

@media (min-width:768px) {
header {
text-align:center;
background:#9CE5D8;
/*nuevo*/
    background-image: url('../img/landing_lg.svg'); 
    background-repeat: no-repeat;
    /*padding: 100px;
    margin:50px;
    height: 100vh;*/
    width: 100%;

}}

@media (min-width:1400px) {
header {
text-align:center;
background:#9CE5D8;
/*nuevo*/
    background-image: url('../img/landing_xl.svg'); 
    background-repeat: no-repeat;
    /*padding: 100px;
    margin:50px;
    height: 100vh;*/
    width: 100%;

}}

@media (max-width:539px) {
header {
text-align:center;
background:#9CE5D8;
/*nuevo*/
    background-image: url('../img/landing_sm.svg'); 
    background-repeat: no-repeat;
    /*padding: 100px;
    margin:50px;
    height: 100vh;*/
    width: 100%;
}
}


.divfondo
{	}


header .container {
/*padding-top:100px;*/
margin-top:30px;
padding-bottom:50px;
}

header img {
display:block;
margin:0 auto 20px;
}

header .intro-text .name {
display:block;
font-weight:700;
font-size:2em;
}

header .intro-text .skills {
font-size:1.25em;
font-weight:300;
}

@media (min-width:768px) {
header .container {
/*padding-top 200px;*/
margin-top:30px;
padding-bottom:100px;
}

header .intro-text .name {
font-size:4.75em;
}

header .intro-text .skills {
font-size:1.75em;
}
}

.div1,.div2 {
padding:0px;
margin-bottom:10px;
}

@media screen and (max-width: 480px) {
.div2 {
display:none;
}
}

@media screen and (min-width: 481px) {
.div1 {
display:none;
}
}

.imgs1 {
position:relative;
top:0;
left:0;
}

.imgs2 {
position:absolute;
top:80px;
right:7%;
}

.itemzoom {
position:relative;
}

.itemzoom img {
-moz-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
}

.itemzoom:hover img {
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);
}

.triangle {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #FCF4D9;
}

.triangleBG {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #FCF4D9 #9CE5D8;
}

.triangleGB {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #9CE5D8 #FCF4D9;
}

.triangleGB1 {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #9CE5D8 #FEC900;
}

.triangleGB2 {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #FEC900 #9CE5D8;
}

.triangleBB {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #FCF4D9 #9CE5D8;
}

.triangleBBf {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #07beb8 #9CE5D8;
}

.triangleoscuroclaro {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #9CE5D8 #07beb8;
}

.triangleBfB {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #FCF4D9 #07beb8;
}

.triangleWBf {
width:0;
height:0;
border-style:solid;
border-width:0 0 150px 100vw;
border-color:transparent transparent #07beb8 #FCF4D9;
}

/*nuevo columnes fixes*/
.colfix {
	width:33%;
}

.navbar-custom {
background:#000;
font-weight:700;
border:none;

}

.navbar-custom a:focus {
outline:0;
}

.navbar-custom .navbar-nav {
letter-spacing:1px;
}

.navbar-custom .navbar-nav li a:hover {
color:#9CE5D8;
outline:0;
}

.navbar-custom .navbar-nav li a:active,.navbar-custom .navbar-nav li a:focus {
color:#FCF4D9;
}

.navbar-custom .navbar-nav li.active a,.navbar-custom .navbar-nav li.active a:active,.navbar-custom .navbar-nav li.active a:focus,.navbar-custom .navbar-nav li.active a:hover {
color:#FCF4D9;
background:#9CE5D8;
}

.navbar-custom .navbar-toggle {
color:#FCF4D9;
text-transform:uppercase;
font-size:10px;
border-color:#FCF4D9;
}

.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover {
background-color:#9CE5D8;
color:#FCF4D9;
border-color:#9CE5D8;
}

@media (min-width:768px) {
.navbar-custom {
padding:25px 0;
-webkit-transition:padding .3s;
-moz-transition:padding .3s;
transition:padding .3s;
/*nuevo
background: rgba(255, 255, 255, 0);*/
/*nuevo*/
background: rgba(255, 255, 255, 0);
}

.navbar-custom .navbar-brand {
font-family:'fontavenir';
font-size:2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
}

.navbar-custom.affix {
padding:10px 0;
/*nuevo*/
background: rgba(0, 0, 0, 1);
}

.navbar-custom.affix .navbar-brand {
font-size:1.5em;
}
}

@media (max-width: 1200px) {
.navbar-header {
float:none;
}

.navbar-left,.navbar-right {
float:none!important;
}

.navbar-toggle {
display:block;
}

.navbar-collapse {
border-top:1px solid transparent;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-fixed-top {
top:0;
border-width:0 0 1px;
}

.navbar-collapse.collapse {
display:none!important;
}

.navbar-nav {
float:none!important;
margin-top:7.5px;
}

.navbar-nav>li {
float:none;
}

.navbar-nav>li>a {
padding-top:10px;
padding-bottom:10px;
}

.collapse.in {
display:block!important;
}
}

figure {
position:absolute;
top:0;
width:100%;
height:100%;
z-index:2;
}

.accordion-container {
width:100%;
margin:0 0 20px;
clear:both;
}

.accordion-titulo {
position:relative;
display:block;
padding:10px;
padding-right:50px;
font-size:24px;
font-weight:300;
background:#07beb8;
color:#FCF4D9;
text-decoration:none;
border-radius: 10px;
}

.accordion-titulo.open {
background:#07beb8;
color:#FCF4D9;
}

.accordion-titulo:hover {
background:#000000;
color:#FCF4D9;
}

.accordion-titulo span.toggle-icon:before {
content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
content:"-";
}

.accordion-titulo span.toggle-icon {
position:absolute;
top:0;
right:20px;
font-size:38px;
font-weight:700;
}

.accordion-content {
display:none;
padding:20px;
overflow:auto;
}

.accordion-content p {
margin:0;
}

.accordion-content img {
display:inline-block;
float:center;
margin:0 15px 20px 0;
}

@media (max-width: 767px) {
.accordion-content {
padding:10px 0;
}
}

.accordionciudades-container {
width:100%;
margin:0 0 20px;
clear:both;
}

.accordionciudades-titulo {
position:relative;
display:block;
padding:10px;
padding-right:50px;
font-size:24px;
font-weight:300;
background:#FCF4D9;
color:#07beb8;
text-decoration:none;
border-radius: 10px;
}

.accordionciudades-titulo.open {
background:#07beb8;
color:#FCF4D9;
}

.accordionciudades-titulo:hover {
background:#9CE5D8;
color:#FCF4D9;
}

.accordionciudades-titulo span.toggle-icon:before {
content:"+";
}

.accordionciudades-titulo.open span.toggle-icon:before {
content:"-";
}

.accordionciudades-titulo span.toggle-icon {
position:absolute;
top:0;
right:20px;
font-size:38px;
font-weight:700;
}

.accordionciudades-content {
display:none;
padding:20px;
overflow:auto;
}

.accordionciudades-content p {
margin:0;
}

.accordionciudades-content img {
display:inline-block;
float:center;
margin:0 15px 20px 0;
}

@media (max-width: 767px) {
.accordionciudades-content {
padding:10px 0;
}
}



.eljuego {
background-color:#9CE5D8;
}

.encasa {
background-color:#FEC900;
}

.masqueunjuego {
background-color:#FCF4D9;
}

.reservas {
background-color:#07beb8;
}

.juegoslanding {
background-color:#07beb8;
}

.juegosencasa {
background-color:#ADC300;
}

.contacto {
background-color:#9CE5D8;
}

section {
background-color:#FCF4D9;
/*padding:50px 0;*/
}

section p{color:#000;}
section h5{color:#000;}

section h3 {
margin:0;
font-size:3em;
}

section.success {
background-color:#FCF4D9;
color:#FCF4D9;
}

@media (max-width:767px) {
section {
/*padding-top:75px 0;*/
}
section p{color:#000;}
section h5{color:#000;}
section.first {
padding-top:75px;
}
}



.btn-social,.scroll-top,.scroll-top .btn {
width:50px;
height:50px;
}

.btn-social2 {
width:50px;
height:50px;
}


.floating-label-form-group {
position:relative;
margin-bottom:0;
padding-bottom:.5em;
border-bottom:1px solid #6f6f6f;
}

.floating-label-form-group input,.floating-label-form-group textarea {
z-index:1;
position:relative;
padding-right:0;
padding-left:0;
border:none;
border-radius:0;
font-size:1.5em;
background:#9CE5D8 0;
box-shadow:none!important;
resize:none;
}

.floating-label-form-group label {
display:block;
z-index:0;
position:relative;
top:2em;
margin:0;
font-size:.85em;
line-height:1.764705882em;
vertical-align:middle;
vertical-align:baseline;
opacity:0;
-webkit-transition:top .3s ease,opacity .3s ease;
-moz-transition:top .3s ease,opacity .3s ease;
-ms-transition:top .3s ease,opacity .3s ease;
transition:top .3s ease,opacity .3s ease;
}

.floating-label-form-group:not(:first-child) {
padding-left:14px;
border-left:1px solid #6f6f6f;
}

.floating-label-form-group-with-value label {
top:0;
opacity:1;
}

.floating-label-form-group-with-focus label {
color:#6f6f6f;
}

form .row:first-child .floating-label-form-group {
border-top:1px solid #6f6f6f;
}

footer {
color:#FCF4D9;
}

footer h3 {
margin-bottom:30px;
}

footer .footer-above {
padding-top:50px;
/*background-color:#505050; gris antiguo */
background-color:#000000;
}

footer .footer-col {
margin-bottom:50px;
}

footer .footer-below {
padding:25px 0;
background-color:#000;
}

.btn-outline {
color:#FCF4D9;
font-size:20px;
border:2px solid #FCF4D9;
background:0 0;
transition:all .3s ease-in-out;
margin-top:15px;
}

.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover {
color:#9CE5D8;
background:#FCF4D9;
border:2px solid #FCF4D9;
}

.btn-outline2 {
color:#000;/*#07beb8;*/
font-size:20px;
border:2px solid #000;/*#07beb8;*/
background:0 0;
transition:all .3s ease-in-out;
margin-top:15px;
}

#side-menu {
position:relative;
}

#side-menu:hover .label-menu {
color:#000;
display:inline-block;
}

.label-menu {
display:none;
}


.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-success {
background-image:none;
}

.btn-primary {
color:#000;
background-color:#9CE5D8;
border-color:#9CE5D8;
font-weight:700;
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
color:#000;
background-color:#07beb8;
border-color:#07beb8;
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color:#505050;
border-color:#505050;
}

.btn-primary .badge {
color:#505050;
background-color:#FCF4D9;
}


.btn-primary2.active,.btn-primary2:active,.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-primary2,.open .dropdown-toggle.btn-success {
background-image:none;
}

.btn-primary2 {
color:#FCF4D9;
background-color:#FE5976;
border-color:#FE5976;
font-weight:700;
}

.btn-primary2.active,.btn-primary2:active,.btn-primary2:focus,.btn-primary2:hover,.open .dropdown-toggle.btn-primary2 {
color:#000;
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-primary2.disabled,.btn-primary2.disabled.active,.btn-primary2.disabled:active,.btn-primary2.disabled:focus,.btn-primary2.disabled:hover,.btn-primary2[disabled],.btn-primary2[disabled].active,.btn-primary2[disabled]:active,.btn-primary2[disabled]:focus,.btn-primary2[disabled]:hover,fieldset[disabled] .btn-primary2,fieldset[disabled] .btn-primary2.active,fieldset[disabled] .btn-primary2:active,fieldset[disabled] .btn-primary2:focus,fieldset[disabled] .btn-primary2:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-primary2 .badge {
color:#505050;
background-color:#FCF4D9;
}

.btn-success {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
color:#000;
background-color:#07beb8;
border-color:#000000;
border-width: 2px;
font-weight:700;
}

.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success {
color:#FCF4D9;
background-color:#07beb8;
border-color:#009B8F;
}

.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-success .badge {
color:#9CE5D8;
background-color:#FCF4D9;
}

.btn-success2 {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
color:#000;
background-color:#9CE5D8;
border-color:#000000;
border-width: 2px;
font-weight:700;
}

.btn-success2.active,.btn-success2:active,.btn-success2:focus,.btn-success2:hover,.open .dropdown-toggle.btn-success2 {
color:#FCF4D9;
background-color:#07beb8;
border-color:#009B8F;
}

.btn-success2.disabled,.btn-success2.disabled.active,.btn-success2.disabled:active,.btn-success2.disabled:focus,.btn-success2.disabled:hover,.btn-success2[disabled],.btn-success2[disabled].active,.btn-success2[disabled]:active,.btn-success2[disabled]:focus,.btn-success2[disabled]:hover,fieldset[disabled] .btn-success2,fieldset[disabled] .btn-success2.active,fieldset[disabled] .btn-success2:active,fieldset[disabled] .btn-success2:focus,fieldset[disabled] .btn-success2:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-success2 .badge {
color:#9CE5D8;
background-color:#FCF4D9;
}


.btn-success3 {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
color:#000;
background-color:#FCF4D9;
border-color:#000000;
border-width: 2px;
font-weight:700;
}

.btn-success3.active,.btn-success3:active,.btn-success3:focus,.btn-success3:hover,.open .dropdown-toggle.btn-success3 {
color:#FCF4D9;
background-color:#07beb8;
border-color:#009B8F;
}

.btn-success3.disabled,.btn-success3.disabled.active,.btn-success3.disabled:active,.btn-success3.disabled:focus,.btn-success3.disabled:hover,.btn-success3[disabled],.btn-success3[disabled].active,.btn-success3[disabled]:active,.btn-success3[disabled]:focus,.btn-success3[disabled]:hover,fieldset[disabled] .btn-success3,fieldset[disabled] .btn-success3.active,fieldset[disabled] .btn-success3:active,fieldset[disabled] .btn-success3:focus,fieldset[disabled] .btn-success3:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-success3 .badge {
color:#9CE5D8;
background-color:#FCF4D9;
}


li /*Quitar puntos lista*/ {
list-style:none;
}

.btn-social {
display:inline-block;
border:2px solid #FCF4D9;
border-radius:100%;
text-align:center;
font-size:20px;
line-height:45px;
}

.btn-social2 {
display:inline-block;
border:0px solid #FCF4D9;
border-radius:100%;
text-align:center;
font-size:20px;
line-height:45px;
}

.btn.active,.btn:active,.btn:focus {
outline:0;
}

.scroll-top {
position:fixed;
right:2%;
bottom:2%;
z-index:1049;
}

.scroll-top .btn {
font-size:20px;
border-radius:100%;
line-height:28px;
}

.scroll-top .btn:focus {
outline:0;
}


.custom-shape-divider-bottom-1 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 64px;
}

.custom-shape-divider-bottom-1 .shape-fill {
    fill: #FCF4D9;
}

.custom-shape-divider-bottom-2 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-2 svg {
    position: relative;
    display: block;
    width: calc(121% + 1.3px);
    height: 72px;
}

.custom-shape-divider-bottom-2 .shape-fill {
    fill: #9CE5D8;
}


.custom-shape-divider-bottom-3 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-3 svg {
    position: relative;
    display: block;
    width: calc(205% + 1.3px);
    height: 59px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-3 .shape-fill {
    fill: #07BEB8;
}

.custom-shape-divider-bottom-4 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-4 svg {
    position: relative;
    display: block;
    width: calc(122% + 1.3px);
    height: 38px;
}

.custom-shape-divider-bottom-4 .shape-fill {
    fill: #07BEB8;
}


.cd-titulos {
  /*font-size: 3rem;*/
  font-size: 6rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-titulos {
   font-size: 7rem;
   /*font-size: 4rem;*/
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-titulos {
    font-size: 8rem;
    /*font-size: 5rem;*/
  }
}

.custom-shape-divider-bottom-5 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-5 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.custom-shape-divider-bottom-5 .shape-fill {
    fill: #9CE5D8;
}

.portfolio .portfolio-item {
  cursor: pointer;
  position: relative;
  display: block;
  max-width: 25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.portfolio .portfolio-item .portfolio-item-caption {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  background-color: rgba(7, 190, 184, 0.9);
}
.portfolio .portfolio-item .portfolio-item-caption:hover {
  opacity: 1;
}
.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
  font-size: 1.5rem;
}

.portfolio-modal .portfolio-modal-title {
  font-size: 2.25rem;
  line-height: 2rem;
}
@media (min-width: 992px) {
  .portfolio-modal .portfolio-modal-title {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}
.portfolio-modal .close {
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  top: 1rem;
  font-size: 3rem;
  line-height: 3rem;
  color: #1abc9c;
  opacity: 1;
}


/* Estilos generales para el botón */
.mobile-button-container {
    display: none;
    text-align: center;
}

.mobile-centered-button {
    background-color: #FE5976; /* Color de fondo */
    color: #FCF4D9; /* Color de texto */
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

.mobile-centered-button-link {
    text-decoration: none;
    color: inherit;
}


/* Media Query para dispositivos móviles */
@media screen and (max-width: 768px) {
    .mobile-button-container {
        display: block;
    }
}

.apartado-rosa {
background-color:#FE5976;
}


@media screen and (min-width: 1201px) {
.div3 {
display:none;
}
}


@media screen and (max-width: 1200px) {
.div4 {
display:none;
}
}

@media screen and (max-width:1200px)
{
.apartado-sorpresa {
    /*width:100%;*/
    /*height: 100vh;
    border: 15px solid #ff4e97;*/
    background-color:#FE5976;
    /*background-image:url("../img/MISION-CUMPLIDA.svg");*/
    background-repeat: no-repeat;
    background-position: center bottom;
    /*background-position: center center;
    background-size: cover;
    background-size: 25rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}
}

@media screen and (min-width:1201px)
{
.apartado-sorpresa {
    /*width:100%;*/
    /*height: 100vh;
    border: 15px solid #ff4e97;*/
    background-color:#FE5976;
    background-image:linear-gradient(rgba(252,244,217,0.1), rgba(252,244,217,0.7)),url("../img/MISION-CUMPLIDA.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    /*background-position: center center;
    background-size: cover;
    background-size: 25rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}
}

.custom-shape-divider-bottom-rosa {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}
.custom-shape-divider-bottom-rosa svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 27px;
}

.custom-shape-divider-bottom-rosa .shape-fill {
    fill: #FE5976;
}

/*
.nuevo {
    background-color: #ff0;
    color: #f00;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 0.8em;
    vertical-align: super;
}

.nuevo {
    background-color: #FFDF00;
    color: #FE5976;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.8em;
    vertical-align: super;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}*/

.nuevo {
    background-color: #FFDF00;
    color: #000000;
    font-family: 'Permanent Marker', cursive;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.9em;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    text-transform: uppercase;
    transform: rotate(-5deg);
    display: inline-block;
    margin-left: 5px;
}

.containersorpresa {
  width: 80%;
  background-color: #FE5976;
  border-radius: 20px;
  padding: 30px;
  /*box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);*/
  z-index: 10;
  margin: auto;

}

.pistas {
  /*font-family: 'emotionfont', sans-serif;*/
  font-size: 2.2rem;
  list-style-position: inside;
  text-align: center;
  padding: 0;
  color: black;
  font-weight: bold; /* Añadido para aplicar negrita */
}

.pistas li {
  margin-bottom: 10px;
}

/*
.texto-subrayado-detras{
 background: #FE5976;
 color: black;
 display: inline-block;
}
*/

.texto-subrayado-detras {
  background: #FE5976;
  display: inline;
  color: black;
  padding: 0 3px;
}

.icono-estrella {
    height: 1em;
    width: auto;
    vertical-align: middle;
    margin-left: 5px;
}


.cd-headline2{
    font-size:2.5rem;line-height:1.2
}
@media only screen and (min-width:768px){
    .cd-headline2{
        font-size:2.5rem;font-weight:300
    }
}
@media only screen and (min-width:1170px){
    .cd-headline2{
        font-size:3.5rem
    }
}


.cd-headline3{
    font-size:2.5rem;line-height:1.2
}
@media only screen and (min-width:768px){
    .cd-headline3{
        font-size:3rem;font-weight:300
    }
}
@media only screen and (min-width:1170px){
    .cd-headline3{
        font-size:4.5rem
    }
}


.btn-customATRAS {
  padding: 6px 12px;
   margin-top: 10px; /* Añadir margen superior */
}

@media (min-width: 768px) {
  .btn-customATRAS {
    padding: 10px 16px;
   
  }
}



.reviews-btn {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    text-decoration: none;
    /*transition: background-color 0.3s ease;*/
}

.reviews-btn:hover {
    background-color: #FE5976;
    border-color: #FE5976;
    color: #000;
}


.rounded-reviews-container {
    background-color: #fff;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 90%;
}

.info {
  font-size: 16px;
  color: #000000;
}

.info i {
  margin-right: 5px;
  color: #000000;
}

.info p {
  margin-bottom: 10px;
}

.info span {
  margin-right: 20px; /* Añade espacio a la derecha de cada grupo de icono y texto */
}