footer {
	position: sticky;
	bottom: 0;
	color: #000;
	display: grid;
	place-content: center;
	text-align: center;
	gap: 0.4rem;
	background-color: #54131a;
	border: 1px solid #FFF;
}

footer h3{
    color:#fff;
	margin-bottom: -5px;
}

footer p{
    color:#B0B6BF;
	margin-top:5px;
	text-align:center;
}

footer guatemala:a {
  text-decoration: none;
  font-weight: bold;
  color: #B0B6BF;
}

footer guatemala:a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 360px) {

footer{
    grid-template-columns: 1fr;
    text-align: center;
	width: 520px;
  }

.floresguatemala:link{	
  text-decoration: none;
  font-weight: bold;
  color: #B0B6BF;
	}

.floresguatemala:hover{	
  text-decoration: underline;
	}
}

footer p{
    color:#B0B6BF;
	margin-top:5px;
	text-align:center;
	width: 520px;
}

@media screen and (min-width: 960px) {

footer{
    grid-template-columns: 1fr;
    text-align: center;
	width: 100%;
  }
  
footer p{
    color:#B0B6BF;
	margin-top:5px;
	text-align:center;
	width: 100%;
}

.floresguatemala:link{	
  text-decoration: none;
  font-weight: bold;
  color: #B0B6BF;
	}
	


.floresguatemala:hover{	
  text-decoration: underline;
	}
}



html{ 
	background: #CCD1D1;
	padding: 1em;
}

h1{ 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	letter-spacing: -1px;
	word-spacing: 1px;
	color: #ed399d;
	font-weight: 700;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

@media screen and (min-width: 360px) {

  h1{
    font-size: 26px;
	width: 500px;
  }

}

h2{ 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	letter-spacing: -1px;
	word-spacing: 1px;
	color: #730199;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;	
}

h3{
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
} 

h4{
	width: 500px;
    text-align:center;
	font-family: Times New Roman, Times, serif;
	font-size: 24px;
	letter-spacing: -1px;
	word-spacing: 1px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

h5{
	width: 100%;
    text-align:center;
	font-family: Times New Roman, Times, serif;
	font-size: 24px;
	letter-spacing: -1px;
	word-spacing: 1px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
} 

h6{
	width: 100%;
    text-align:center;
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	word-spacing: 1px;
	color: #282A35;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: auto;
}   


p{
    grid-template-columns: 1fr;
	width: 500px;
	margin-bottom: 25px;
    font-weight: 300; /* Peso ligero para un look premium */
    font-size: 1.1rem;
}

strong {
    color: #1a1a1a;
    font-weight: 700;
}

/* Estilo para la pregunta o secciones especiales */
p.floresparacementerio {
    border-left: 3px solid #ff00ff;
    padding-left: 20px;
    font-style: italic;
    color: #444;
}


.enviofloresguatemala{
	margin: auto;
}

@media screen and (min-width: 360px) {

  .enviofloresguatemala{
    grid-template-columns: 1fr;
    text-align: center;
	width: 500px;
  }

}

@media screen and (min-width: 960px) {

 .enviofloresguatemala{
	  grid-template-columns: repeat(1, 1fr);
	  text-align: center;
	  width: 100%;
  }
}

hr.giftsguatemala {	
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 360px) {

  hr.giftsguatemala{
    width: 500px;
	height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (min-width: 960px) {

hr.giftsguatemala{
	width: 100%;
	height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  }
}


hr {	
     text-align: center;
	 width: 500px;
}

@media screen and (min-width: 360px) {

hr{
    width: 500px;
	height: 1px;
    border: 1;
  }
}

@media screen and (min-width: 960px) {

hr{
	width: 100%;
	height: 1px;
    border: 1;
  }
}
  
a:link { 
	color: #ed399d;
	text-decoration: none;
}

a:hover{ 
	color: #e183b7;
	text-decoration: underline;
}

a:visited{ 
	color: #ed399d;;
	text-decoration: none;
}

a:active{ 
	color: #000;
	text-decoration: none;
}

.floresadomicilioguatemala{ 
	text-align: center;
}

.regalosadomicilioguatemala{ 
	text-align: center;
}

.rosasdiadelamadre{ 
	text-align: center;
}

.regalosadomicilioguatemala a:link { 
	color: #000;
	text-decoration: none;
}
  
.giftsguatemala{  
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1em;
	font-size: 18px;
	justify-content: center;
	align-items: center;
	width: 500px;
}

.giftsguatemala div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.giftsguatemala .regalosadomicilioguatemala{ 
	background: #ed399d;
}

.giftsguatemala .regalosadomicilioguatemala a{ 
	color: #fff;
}

.giftsguatemala div:hover{ 
	border: 1px solid #ed399d;
}

@media screen and (min-width: 360px) {

  .giftsguatemala{
    grid-template-columns: 1fr;
	width: 500px;
  }
  
  .giftsguatemala div { 
	background: #fff;
	padding: 1em;
	border: 1px solid #fff;
  } 
}

@media screen and (min-width: 960px) {

 .giftsguatemala{
	  grid-template-columns: repeat(3, 1fr);
	  width: 100%;
  }  
}


.giftsguatemala .florescementerio{ 
	background: #000;
	text-align:center;
}

.giftsguatemala .florescementerio a{ 
	color: #fff;
}


.giftsguatemala .florescementerio:hover{ 
	border: 1px solid #000;
}


.flowersguatemala{  
	display: grid;
	grid-template-columns: repeat(4, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(240px; auto);
}

.flowersguatemala div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.flowersguatemala div:hover{
	border: 1px solid #A7ADB6;
}

@media screen and (min-width: 360px) {

  .flowersguatemala{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 960px) {
 
  .flowersguatemala{
    grid-template-columns: repeat(4, 1fr);
  }
}

.compraronlineguatemala{
	display: grid;
	grid-template-columns: repeat(4, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(100px; auto);
}

.compraronlineguatemala div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.compraronlineguatemala div:hover{
	border: 1px solid #627188;
}

@media screen and (min-width: 360px) {
  
  .compraronlineguatemala{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 960px) {
  
.compraronlineguatemala{
    grid-template-columns: repeat(4, 1fr);
  }
}


.globosfelicitar{  
	display: grid;
	grid-template-columns: repeat(4, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(240px; auto);
}

.globosfelicitar div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.globosfelicitar div:hover{
	border: 1px solid #A7ADB6;
}

@media screen and (min-width: 360px) {

  .globosfelicitar{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 960px) {
 
  .globosfelicitar{
    grid-template-columns: repeat(4, 1fr);
  }
}


.licoresfinosguatemala div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.licoresfinosguatemala div:hover{
	border: 1px solid #627188;
}

.licoresfinosguatemala{  
	display: grid;
	grid-template-columns: repeat(4, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(100px; auto);
}

@media screen and (min-width: 360px) {

.licoresfinosguatemala{
    grid-template-columns: repeat(2, 1fr);
  }	

}

@media screen and (min-width: 960px) {

.licoresfinosguatemala{
    grid-template-columns: repeat(4, 1fr);
  }

}


.tabladequesosyjamonesguatemala div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.tabladequesosyjamonesguatemala div:hover{
	border: 1px solid #627188;
}

.tabladequesosyjamonesguatemala{  
	display: grid;
	grid-template-columns: repeat(4, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(100px; auto);
}

@media screen and (min-width: 360px) {

.tabladequesosyjamonesguatemala{
    grid-template-columns: repeat(2, 1fr);
  }	

}

@media screen and (min-width: 960px) {

.tabladequesosyjamonesguatemala{
    grid-template-columns: repeat(4, 1fr);
  }

}

.deliveryflowersguatemala:link { 
	color: #000;
	text-decoration: none;
}

deliveryflowersguatemala:hover{ 
	color: #e183b7;
	text-decoration: underline;
}

deliveryflowersguatemala:visited{ 
	color: #ed399d;;
	text-decoration: none;
}

deliveryflowersguatemala:active{ 
	color: #000;
	text-decoration: none;
}


p{
    grid-template-columns: 1fr;
	width: 500px;
  }

@media screen and (min-width: 360px) {

p{
    grid-template-columns: 1fr;
	width: 500px;
  }

}

  
@media screen and (min-width: 960px) {

 p{
    grid-template-columns: 1fr;
	width: 100%;
  } 
}


.regalosadomicilio {
    color: #ff00ff; /* Tu color Fucsia */
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.regalosadomicilio:hover {
    color: #1a1a1a; /* Cambia a negro al pasar el mouse */
    border-bottom: 1px solid #ff00ff;
    padding-bottom: 2px;
	text-decoration: none;
}


.quesosyjamonesguatemala{
	display: grid;
	grid-template-columns: repeat(1, 1fr);	
	gap: 10px;
	grid-template-rows: minmax(100px; auto);
}

.quesosyjamonesguatemala div {
	background: #ecf0f1;
	padding-top: 15px;
	paddin-bottom: 10px;
	border: 1px solid #fff;
}

.quesosyjamonesguatemala div:hover{
	border: 1px solid #a3a3a3;
}

@media screen and (min-width: 360px) {
	  
  .quesosyjamonesguatemala
{
    grid-template-columns: repeat(1, 1fr);
  }	

  .quesosyjamonesguatemala
 img{
  max-width: 100%;
  display: block;
  border: 1px solid #a3a3a3;
  margin:auto;
  } 

}

@media screen and (min-width: 960px) {
	
  .quesosyjamonesguatemala
{
    grid-template-columns: repeat(1, 1fr);
  }  	

}


.floristeriasguatemala {
    display: grid;
    grid-template-columns: auto 1fr; /* Icono y luego texto */
    gap: 15px;
    width: 100%; 
    box-sizing: border-box;
    padding: 15px;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 360px) {
	
.floristeriasguatemala{
    grid-template-columns: 1fr;
	width: 500px;
	justify-content: center;
	align-items: center;
  }
}

/* Para pantallas medianas (Tablets) */
@media screen and (min-width: 600px) {
	
.floristeriasguatemala{
    grid-template-columns: 1fr;
	width: 500px;
	justify-content: center;
	align-items: center;
  }
}

/* Para pantallas grandes (Escritorio) */
@media screen and (min-width: 960px) {
    .floristeriasguatemala {
        width: 100%; /* O el ancho máximo que desees */
        margin: 0 auto;
    }
}


.guatemala{
	display: grid;
	grid-template-columns: repeat(4, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(100px; auto);
}

.guatemala div {
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.guatemala div:hover{
	border: 1px solid #000000;
}

@media screen and (min-width: 360px) {

  .guatemala{
    grid-template-columns: repeat(2, 1fr);
  }  
 
}

@media screen and (min-width: 960px) {

.guatemala{
    grid-template-columns: repeat(4, 1fr);
  }
  
}

.deliveryflorescementerio{
	display: grid;
	grid-template-columns: repeat(1, 1fr);	
	gap: 10px;
	grid-template-rows: minmax(100px; auto);
}

.deliveryflorescementerio div {
	background: #ecf0f1;
	padding-top: 15px;
	paddin-bottom: 10px;
	border: 1px solid #fff;
}

.deliveryflorescementerio div:hover{
	border: 1px solid #a3a3a3;
}

@media screen and (min-width: 360px) {
	  
  .deliveryflorescementerio
{
    grid-template-columns: repeat(1, 1fr);
  }	

  .deliveryflorescementerio img{
  max-width: 100%;
  display: block;
  border: 1px solid #a3a3a3;
  margin:auto;
  } 

}

@media screen and (min-width: 960px) {
	
  .deliveryflorescementerio
{
    grid-template-columns: repeat(1, 1fr);
  }  	

}

floristeriasguatemala {
  display: grid;
  grid-template-columns: auto 1fr; /* Icono a la izquierda, texto a la derecha */
  align-items: center;
  gap: 20px;
  padding: 20px;  
  /* Centrado de la caja y límites de ancho */
  margin: 20px auto; 
  max-width: 900px; /* Evita que la caja sea infinitamente ancha en PC */
  width: 90%;      /* Deja un pequeño margen a los lados en pantallas medianas */  
  /* Estética llamativa */
  background: #fff;
  border-left: 5px solid #910812; /* Tu nuevo color bordó/vino */
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.icon-container {
  font-size: 2rem;
  background: white;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-text strong {
  display: block;
  color: #54131a; /* Ajusté el título para que combine con el borde */
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.content-text span {
  color: #555;
  line-height: 1.4;
}

/* Responsividad para Tabletas y Teléfonos (menor a 960px) */
@media screen and (max-width: 960px) {
  floristeriasguatemala {
	grid-template-columns: repeat(1, 1fr);
    text-align: center;         /* Centra el texto */
    justify-items: center;      /* Centra el icono en el eje del grid */
    padding: 30px 20px;
  }
  
  .icon-container {
    margin-bottom: 10px;
  }
}



.floresdiadelamadre{  
	display: grid;
	grid-template-columns: repeat(1, 1fr);	
	gap: 1em;
	grid-template-rows: minmax(100px; auto);
}

.floresdiadelamadre div { 
	background: #702444;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

.floresdiadelamadre div:hover{
	border: 1px solid #627188;
}

.floresdiadelamadre a:link{ 
	color: #fff;
	text-decoration: none;
}

.floresdiadelamadre a:hover{ 
	color: #E9967A;
	text-decoration: underline;
}

.floresdiadelamadre a:visited{ 
	color: #fff;
	text-decoration: none;
}

.floresdiadelamadre p{ 
	margin-top: -30px;
}

.coronasdefloresguatemala{
	font-family: Tahoma,Verdana,Segoe,sans-serif; 
	font-size: 14px;
	color: #88B4CA !important;
}

.disenowebguatemala {
	font-family: Tahoma,Verdana,Segoe,sans-serif; 
	font-size: 14px;
	color: #fff !important;
}

.funeralesguatemala {
	padding-top: 0px;
	margin: auto;
    width:500px;
    text-align: "center";
}

.difunto{
	color: #000;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

.contenido p{
font-family: Georgia, serif;
}

.floresparacementerio{
	margin: auto;
}

table.floresparacementerio {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  border: 1px solid #FFFFFF;
  width: 500px;
  height: 60px;
  text-align: left;
  border-collapse: collapse;
}

table.floresparacementerio td, table.floresparacementerio th {
  border: 1px solid #FFFFFF;
  padding: 0px 1px;
}

table.floresparacementerio tbody td {
  font-size: 16px;
}

table.floresparacementerio tr:nth-child(even) {
  background: #fff;
}
table.floresparacementerio thead {
  background: #000;
}

table.floresparacementerio thead th {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #FFFFFF;
}

table.floresparacementerio thead th:first-child {
  border-left: none;
}

.retornar{
	display: grid;
	place-items: center;
}

@media screen and (min-width: 360px) {

.retornar{
    grid-template-columns: 1fr;
	width: 500px;
  }

}

@media screen and (min-width: 960px) {

.retornar{
	  grid-template-columns: repeat(1, 1fr);
	  width: 100%;
  }
}

.floristeriasguatemala{  
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: minmax(240px; auto);
}

.floristeriasguatemala div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.floristeriasguatemala div:hover{
	border: 1px solid #4E596B;
}

@media screen and (min-width: 360px) {

.floristeriasguatemala{
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 960px) {
 
.floristeriasguatemala{
    grid-template-columns: repeat(1, 1fr);
  }
}


.deliveryfloresguatemala{
	display: grid;	
	grid-template-columns: 1fr;
	text-align: center;
}


@media screen and (min-width: 360px) {

.deliveryfloresguatemala{
    grid-template-columns: 1fr;
    text-align: center;
	width: 500px;
 }

}

@media screen and (min-width: 960px) {

.deliveryfloresguatemala{
	  grid-template-columns: repeat(1, 1fr);
	  text-align: center;
	  width: 100%;
}

hr.compraronlineguatemala {	
        border-bottom: 0.5rem solid #000;
}


.obituariosenguatemala{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
} 

h2.joyasguatemala{
	display: grid;	
	grid-template-columns: 1fr;
	text-align: center;
}

@media screen and (min-width: 360px) {

h2.joyasguatemala{
    grid-template-columns: 1fr;
    text-align: center;
	width: 500px;
  }

}

@media screen and (min-width: 960px) {

h2.joyasguatemala{
	  grid-template-columns: repeat(1, 1fr);
	  text-align: center;
	  width: 100%;
  }
}

h2.adomicilioguatemala{
	display: grid;	
	grid-template-columns: 1fr;
	text-align: center;
	color: #ff1212;
	text-shadow: 4px 4px 2px rgba(238,191,0,0.6);
}

@media screen and (min-width: 360px) {

h2.adomicilioguatemala{
    grid-template-columns: 1fr;
    text-align: center;
	width: 500px;
  }

}

@media screen and (min-width: 960px) {

h2.adomicilioguatemala{
	  grid-template-columns: repeat(1, 1fr);
	  text-align: center;
	  width: 100%;
  }
}


h2.jamonesyquesosguatemala{
	display: grid;	
	grid-template-columns: 1fr;
	text-align: center;
	color:#782121;
}

@media screen and (min-width: 360px) {

h2.jamonesyquesosguatemala{
    grid-template-columns: 1fr;
    text-align: center;
	width: 500px;
  }

}

@media screen and (min-width: 960px) {

h2.jamonesyquesosguatemala{
	  grid-template-columns: repeat(1, 1fr);
	  text-align: center;
	  width: 100%;
  }
}




.joyasguatemala{
	display: grid;	
	grid-template-columns: 1fr;
	text-align: center;
}


@media screen and (min-width: 360px) {

.joyasguatemala{
    grid-template-columns: 1fr;
    text-align: center;
	width: 500px;
  }

}

@media screen and (min-width: 960px) {

.joyasguatemala{
	  grid-template-columns: repeat(1, 1fr);
	  text-align: center;
	  width: 100%;
  }
}

.floresfuneralcapillassenoriales{ 
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1em;
	font-size: 18px;
	justify-content: center;
	align-items: center;
	width: 500px;
}	

.floresfuneralcapillassenoriales div { 
	background: #ecf0f1;
	padding: 1em;
	border: 1px solid #fff;
}

.floresfuneralcapillassenoriales .regalosadomicilioguatemala{ 
	background: #000;
}

.floresfuneralcapillassenoriales .regalosadomicilioguatemala a{ 
	color: #fff;
}

.floresfuneralcapillassenoriales .rosasdiadelamadre{ 
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
}

.floresfuneralcapillassenoriales .rosasdiadelamadre a{ 
	color: #fff;
}

.floresfuneralcapillassenoriales div:hover{ 
	border: 1px solid #797D7F;
}

@media screen and (min-width: 360px) {

  .floresfuneralcapillassenoriales{
    grid-template-columns: 1fr;
	width: 500px;
  }
  
  .floresfuneralcapillassenoriales div { 
	background: #fff;
	padding: 1em;
	border: 1px solid #fff;
  } 
}

@media screen and (min-width: 960px) {

 .floresfuneralcapillassenoriales{
	  grid-template-columns: repeat(3, 1fr);
	  width: 100%;
  }  
}


Footer
© 2024 Flores para Funeral